@eya46/dsh-plugin-info 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 eya46
+
+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.md

@@ -0,0 +1,62 @@
+# @eya46/dsh-plugin-info
+
+面向 [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) 的插件信息页。包名 `@eya46/dsh-plugin-info`，挂到当前 Profile 后，设置里会出现「插件信息」分区。
+
+它只看 **Profile 用户自己加的插件**（`profiles/<name>/package.json` 的 `dependencies`），不把 `@deepseek-ai/dsh-base` 这类随发行版带的 bundle 算进去。默认仅展示 `@eya46/` 命名空间下的插件（见下方 `allowScopes`），可按需放开。
+
+- 列出已安装插件、当前版本、来源（npm / 本地 / git）
+- 对 registry 安装的包对照 `dist-tags.latest`，标出可更新
+- 展开后默认看最近 **10** 条版本
+- 点某个版本读更新说明：优先 GitHub Release，没有就回落到相邻版本的 compare / commit
+
+实现方式对齐 [dsh-model-meta-autofill](https://github.com/QJAG1024/dsh-model-meta-autofill)：Host 注册本机 HTTP API，Client half 通过 `dsh.client` 挂到 `settings.section`。
+
+## 安装
+
+在仓库根目录构建后，把它加进当前 Profile：
+
+```sh
+pnpm install
+pnpm --filter @eya46/dsh-plugin-info build
+dsh plugin --profile web add "file:./packages/dsh-plugin-info"
+```
+
+`dsh.bundle` 会把 `@eya46/dsh-plugin-info` 写进该 Profile 的 bundle 列表。重启 `dsh web` 后，打开设置 → **插件信息**。
+
+## HTTP
+
+本机回环可用：
+
+| 端点 | 说明 |
+| --- | --- |
+| `GET /plugin-info/api/plugins` | 当前 Profile 用户插件 + 是否有更新 |
+| `GET /plugin-info/api/versions?name=<pkg>&limit=10` | 最近版本，默认 10 条 |
+| `GET /plugin-info/api/notes?name=<pkg>&version=<ver>` | 该版本的更新说明 |
+
+## 配置
+
+| 键 | 默认 | 说明 |
+| --- | --- | --- |
+| `registryUrl` | `https://registry.npmjs.org` | npm 源 |
+| `defaultVersionLimit` | `10` | 默认版本条数 |
+| `timeoutMs` | `15000` | 注册表 / GitHub 超时 |
+| `cacheTtlMs` | `300000` | packument 与说明缓存 |
+| `allowScopes` | `['@eya46/']` | 名称前缀白名单；为空数组时展示全部用户插件 |
+
+覆盖写在 Profile 的 `cordis.patch.yml`：
+
+```yaml
+- id: dsh-plugin-info
+  config:
+    defaultVersionLimit: 10
+```
+
+本地 / `file:` / `link:` 安装没有 registry latest，不会标「可更新」。GitHub 说明在有 `repository` 字段时才会去拉；若遇到 API 限流，可在环境里设 `GITHUB_TOKEN`。
+
+## 开发
+
+```sh
+pnpm install
+pnpm --filter @eya46/dsh-plugin-info test
+pnpm --filter @eya46/dsh-plugin-info build
+```

package/cordis.patch.yml

@@ -0,0 +1,4 @@
+# Mount the plugin-info host + settings page. Config is optional.
+- insert:
+    - id: dsh-plugin-info
+      name: '@eya46/dsh-plugin-info'

package/lib/client.js

@@ -0,0 +1,345 @@
+"use strict";
+/**
+ * @eya46/dsh-plugin-info — browser half.
+ *
+ * A settings page listing plugins the current profile added, with update
+ * marks and a per-plugin version drawer (default 10) that can open notes.
+ *
+ * @module @eya46/dsh-plugin-info/client
+ */
+;
+(() => {
+    const loader = window.__ModuleLoader__;
+    if (loader === undefined)
+        return;
+    loader.load({
+        id: '@eya46/dsh-plugin-info',
+        factory: (require) => {
+            const API = '/plugin-info/api';
+            const CSS_TEXT = [
+                '.dpi-section { display: flex; flex-direction: column; gap: 12px; max-width: 720px; color: var(--dsw-alias-label-primary); }',
+                '.dpi-title { margin: 0; font-size: 16px; line-height: 24px; font-weight: 500; }',
+                '.dpi-intro { margin: 0; font-size: 14px; line-height: 22px; color: var(--dsw-alias-label-tertiary); }',
+                '.dpi-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }',
+                '.dpi-secondaryButton, .dpi-rowButton { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 36px; padding: 0 14px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 18px; background: transparent; color: var(--dsw-alias-label-primary); font: inherit; font-size: 14px; line-height: 22px; cursor: pointer; }',
+                '.dpi-rowButton { height: 28px; padding: 0 10px; font-size: 12px; line-height: 18px; }',
+                '.dpi-secondaryButton:hover:not(:disabled), .dpi-rowButton:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover-solid); }',
+                '.dpi-secondaryButton:disabled, .dpi-rowButton:disabled { opacity: 0.4; cursor: default; }',
+                '.dpi-secondaryButton:focus-visible, .dpi-rowButton:focus-visible, .dpi-head:focus-visible, .dpi-version:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--dsw-alias-border-l3); }',
+                '.dpi-status { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-secondary); }',
+                '.dpi-banner { margin: 0; font-size: 12px; line-height: 18px; color: var(--dsw-alias-state-error-primary); }',
+                '.dpi-empty { color: var(--dsw-alias-label-tertiary); font-size: 14px; line-height: 22px; }',
+                '.dpi-cards { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }',
+                '.dpi-card { border: 1px solid var(--dsw-alias-border-l2); border-radius: 12px; overflow: hidden; }',
+                '.dpi-head { box-sizing: border-box; width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; border: none; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+                '.dpi-head:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }',
+                '.dpi-name { font-size: 14px; line-height: 22px; font-weight: 500; }',
+                '.dpi-tag { border: 1px solid var(--dsw-alias-border-l3); color: var(--dsw-alias-label-secondary); border-radius: 4px; padding: 1px 6px; font-size: 11px; line-height: 16px; }',
+                '.dpi-tag[data-tone="ok"] { color: var(--dsw-alias-state-success-primary); border-color: color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent); }',
+                '.dpi-tag[data-tone="warn"] { color: var(--dsw-alias-state-warn-label); border-color: color-mix(in srgb, var(--dsw-alias-state-warn-label) 40%, transparent); }',
+                '.dpi-body { display: flex; flex-direction: column; gap: 10px; padding: 0 14px 14px; }',
+                '.dpi-meta { margin: 0; font-size: 13px; line-height: 20px; color: var(--dsw-alias-label-secondary); }',
+                '.dpi-id { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }',
+                '.dpi-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }',
+                '.dpi-versions { display: flex; flex-direction: column; gap: 6px; }',
+                '.dpi-version { box-sizing: border-box; width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 10px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+                '.dpi-version:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }',
+                '.dpi-version[data-open="1"] { background: var(--dsw-alias-interactive-bg-hover-solid); }',
+                '.dpi-notes { display: flex; flex-direction: column; gap: 6px; padding: 8px 2px 2px; }',
+                '.dpi-notesBody { margin: 0; white-space: pre-wrap; font-size: 13px; line-height: 20px; color: var(--dsw-alias-label-secondary); }',
+                '.dpi-commits { margin: 0; padding-left: 18px; font-size: 13px; line-height: 20px; }',
+                '.dpi-link { color: inherit; text-underline-offset: 3px; }',
+                '.dpi-copyTag { box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l3); color: var(--dsw-alias-label-secondary); background: transparent; border-radius: 4px; padding: 1px 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; line-height: 16px; cursor: pointer; }',
+                '.dpi-copyTag:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-border-l2); }',
+            ].join('\n');
+            const React = require('react');
+            const h = React.createElement.bind(React);
+            const ensureStyles = () => {
+                if (document.querySelector('style[data-plugin="@eya46/dsh-plugin-info"]') !== null)
+                    return;
+                const el = document.createElement('style');
+                el.setAttribute('data-plugin', '@eya46/dsh-plugin-info');
+                el.textContent = CSS_TEXT;
+                document.head.appendChild(el);
+            };
+            // The settings shell hardcodes nav glyphs by section id and falls back to a
+            // gear for unknown ids, so our section cannot get its own icon through the
+            // registry. We patch the nav button's SVG in place with the official Cordis
+            // plugin glyph (same geometry as primitives' IconCordisPluginOutline14).
+            // React re-renders the nav (tab switches, ledger changes) and rewrites the
+            // SVG back to the gear, so a one-shot patch is not enough — instead of
+            // polling, apply() observes the DOM and re-patches on change only.
+            const CORDIS_PLUGIN_GLYPH = '<path fill="currentColor" d="M3.03426 5.66661L1.70084 7.00003L3.0315 8.33069L2.14762 9.21457L-0.0669245 7.00003L2.15038 4.78273L3.03426 5.66661ZM7 14.067L4.77924 11.8462L5.66313 10.9623L7 12.2992L8.33342 10.9658L9.2173 11.8496L7 14.067ZM11.8489 9.21803L10.965 8.33414L12.2992 7.00003L10.9623 5.66316L11.8462 4.77927L14.0669 7.00003L11.8489 9.21803ZM8.33066 3.03153L7 1.70087L5.66589 3.03498L4.782 2.1511L7 -0.0668945L9.21454 2.14765L8.33066 3.03153Z"/>'
+                + '<rect x="5.98535" y="5.98535" width="2.02942" height="2.02942" fill="currentColor"/>';
+            const patchSettingsIcon = () => {
+                if (typeof document === 'undefined')
+                    return;
+                for (const button of Array.from(document.querySelectorAll('button'))) {
+                    const labels = Array.from(button.querySelectorAll('span'));
+                    if (!labels.some((label) => label.textContent === '插件信息'))
+                        continue;
+                    const svg = button.querySelector('svg');
+                    if (svg === null || svg.getAttribute('data-dpi-icon') === '1')
+                        continue;
+                    svg.setAttribute('data-dpi-icon', '1');
+                    svg.setAttribute('viewBox', '0 0 14 14');
+                    svg.setAttribute('width', '16');
+                    svg.setAttribute('height', '16');
+                    svg.innerHTML = CORDIS_PLUGIN_GLYPH;
+                }
+            };
+            /** Event-driven re-patch: coalesces mutation bursts into one microtask scan. */
+            const watchSettingsNav = () => {
+                let pending = false;
+                const schedule = () => {
+                    if (pending)
+                        return;
+                    pending = true;
+                    queueMicrotask(() => {
+                        pending = false;
+                        patchSettingsIcon();
+                    });
+                };
+                const observer = new MutationObserver(schedule);
+                observer.observe(document.body, { childList: true, subtree: true });
+                patchSettingsIcon();
+                return () => observer.disconnect();
+            };
+            const sourceLabel = (source) => {
+                if (source === 'registry')
+                    return 'npm';
+                if (source === 'file')
+                    return '本地';
+                if (source === 'link')
+                    return 'link';
+                if (source === 'git')
+                    return 'git';
+                return source;
+            };
+            const formatTime = (value) => {
+                if (value === undefined)
+                    return '';
+                const date = new Date(value);
+                if (Number.isNaN(date.getTime()))
+                    return value;
+                return date.toISOString().slice(0, 10);
+            };
+            const PluginInfoPanel = () => {
+                const [rows, setRows] = React.useState(null);
+                const [error, setError] = React.useState('');
+                const [busy, setBusy] = React.useState(false);
+                const [open, setOpen] = React.useState({});
+                const [versions, setVersions] = React.useState({});
+                const [versionError, setVersionError] = React.useState({});
+                const [selected, setSelected] = React.useState({});
+                const [notes, setNotes] = React.useState({});
+                const [notesBusy, setNotesBusy] = React.useState('');
+                const [copied, setCopied] = React.useState({});
+                const copyName = React.useCallback((name) => {
+                    const write = () => {
+                        if (typeof navigator !== 'undefined' && navigator.clipboard !== undefined) {
+                            return navigator.clipboard.writeText(name);
+                        }
+                        return Promise.reject(new Error('clipboard unavailable'));
+                    };
+                    write()
+                        .then(() => {
+                        setCopied((prev) => ({ ...prev, [name]: true }));
+                        window.setTimeout(() => setCopied((prev) => ({ ...prev, [name]: false })), 1200);
+                    })
+                        .catch(() => { });
+                }, []);
+                const load = React.useCallback(() => {
+                    setBusy(true);
+                    fetch(API + '/plugins')
+                        .then((response) => response.json())
+                        .then((data) => {
+                        if (!Array.isArray(data.plugins))
+                            throw new Error(data.message ?? 'unexpected response');
+                        setRows(data.plugins);
+                        setError('');
+                    })
+                        .catch((caught) => setError(String(caught)))
+                        .finally(() => setBusy(false));
+                }, []);
+                React.useEffect(() => {
+                    ensureStyles();
+                    load();
+                }, [load]);
+                const loadVersions = React.useCallback((name) => {
+                    setVersionError((prev) => ({ ...prev, [name]: '' }));
+                    fetch(API + '/versions?name=' + encodeURIComponent(name) + '&limit=10')
+                        .then((response) => response.json())
+                        .then((data) => {
+                        if (!Array.isArray(data.versions))
+                            throw new Error(data.message ?? 'unexpected response');
+                        setVersions((prev) => ({ ...prev, [name]: data.versions ?? [] }));
+                    })
+                        .catch((caught) => setVersionError((prev) => ({ ...prev, [name]: String(caught) })));
+                }, []);
+                const togglePlugin = React.useCallback((name) => {
+                    setOpen((prev) => {
+                        const nextOpen = prev[name] !== true;
+                        if (nextOpen && versions[name] === undefined)
+                            loadVersions(name);
+                        return { ...prev, [name]: nextOpen };
+                    });
+                }, [loadVersions, versions]);
+                const openNotes = React.useCallback((name, version) => {
+                    const key = name + '@' + version;
+                    setSelected((prev) => ({ ...prev, [name]: prev[name] === version ? '' : version }));
+                    if (notes[key] !== undefined)
+                        return;
+                    setNotesBusy(key);
+                    fetch(API + '/notes?name=' + encodeURIComponent(name) + '&version=' + encodeURIComponent(version))
+                        .then((response) => response.json())
+                        .then((data) => {
+                        if (typeof data.version !== 'string')
+                            throw new Error(data.message ?? 'unexpected response');
+                        setNotes((prev) => ({ ...prev, [key]: data }));
+                    })
+                        .catch((caught) => {
+                        setNotes((prev) => ({
+                            ...prev,
+                            [key]: { name, version, source: 'none', body: String(caught) },
+                        }));
+                    })
+                        .finally(() => setNotesBusy(''));
+                }, [notes]);
+                if (rows === null) {
+                    return h('div', { className: 'dpi-section' }, h('div', { className: 'dpi-empty' }, '正在加载插件列表…'));
+                }
+                const updateCount = rows.filter((row) => row.hasUpdate).length;
+                const children = [
+                    h('h2', { key: 'title', className: 'dpi-title' }, '插件信息'),
+                    h('p', { key: 'intro', className: 'dpi-intro' }, '当前 Profile 里 @eya46 命名空间下的插件。展开后默认看最近 10 个版本，点版本可看更新说明。'),
+                    h('div', { key: 'toolbar', className: 'dpi-toolbar' }, h('button', { className: 'dpi-secondaryButton', disabled: busy, onClick: () => { load(); } }, busy ? '刷新中…' : '刷新'), h('span', { className: 'dpi-status' }, '共 ' + rows.length + ' 个插件' + (updateCount > 0 ? ' · ' + updateCount + ' 个可更新' : ''))),
+                ];
+                if (error !== '')
+                    children.push(h('p', { key: 'err', className: 'dpi-banner' }, '加载失败：' + error));
+                if (rows.length === 0)
+                    children.push(h('div', { key: 'empty', className: 'dpi-empty' }, '这个 Profile 还没有用户添加的插件。'));
+                const cards = [];
+                for (const plugin of rows) {
+                    const expanded = open[plugin.name] === true;
+                    const head = [
+                        h('span', { key: 'name', className: 'dpi-name' }, plugin.name),
+                        h('span', { key: 'src', className: 'dpi-tag' }, sourceLabel(plugin.source)),
+                    ];
+                    if (plugin.installedVersion !== undefined) {
+                        head.push(h('span', { key: 'ver', className: 'dpi-tag' }, plugin.installedVersion));
+                    }
+                    if (plugin.hasUpdate && plugin.latestVersion !== undefined) {
+                        head.push(h('span', { key: 'up', className: 'dpi-tag', 'data-tone': 'warn' }, '可更新 ' + plugin.latestVersion));
+                    }
+                    else if (plugin.source === 'registry' && plugin.latestVersion !== undefined) {
+                        head.push(h('span', { key: 'ok', className: 'dpi-tag', 'data-tone': 'ok' }, '已是最新'));
+                    }
+                    const body = [];
+                    if (expanded) {
+                        if (plugin.description !== undefined)
+                            body.push(h('p', { key: 'desc', className: 'dpi-meta' }, plugin.description));
+                        body.push(h('p', { key: 'spec', className: 'dpi-meta' }, '依赖：', h('span', { className: 'dpi-id' }, plugin.spec), plugin.latestVersion === undefined ? null : ' · 最新 ' + plugin.latestVersion));
+                        if (plugin.error !== undefined)
+                            body.push(h('p', { key: 'perr', className: 'dpi-banner' }, plugin.error));
+                        const links = [
+                            h('button', {
+                                key: 'copy',
+                                className: 'dpi-copyTag',
+                                title: '复制包名',
+                                onClick: () => { copyName(plugin.name); },
+                            }, copied[plugin.name] === true ? '已复制' : plugin.name),
+                            h('button', {
+                                key: 'vers',
+                                className: 'dpi-rowButton',
+                                onClick: () => { loadVersions(plugin.name); },
+                            }, versions[plugin.name] === undefined ? '加载版本' : '重新加载版本'),
+                        ];
+                        if (plugin.homepage !== undefined) {
+                            links.push(h('a', { key: 'home', className: 'dpi-rowButton dpi-link', href: plugin.homepage, target: '_blank', rel: 'noreferrer' }, '主页'));
+                        }
+                        if (plugin.repository !== undefined) {
+                            links.push(h('a', { key: 'repo', className: 'dpi-rowButton dpi-link', href: plugin.repository, target: '_blank', rel: 'noreferrer' }, '仓库'));
+                        }
+                        body.push(h('div', { key: 'actions', className: 'dpi-actions' }, ...links));
+                        const pluginVersions = versions[plugin.name];
+                        const loadError = versionError[plugin.name];
+                        if (loadError !== undefined && loadError !== '') {
+                            body.push(h('p', { key: 'verr', className: 'dpi-banner' }, loadError));
+                        }
+                        else if (pluginVersions === undefined) {
+                            body.push(h('p', { key: 'vload', className: 'dpi-meta' }, '正在加载最近 10 个版本…'));
+                        }
+                        else if (pluginVersions.length === 0) {
+                            body.push(h('p', { key: 'vempty', className: 'dpi-meta' }, plugin.source === 'registry' ? '注册表没有版本记录。' : '本地 / git 安装没有更多历史版本。'));
+                        }
+                        else {
+                            const versionNodes = pluginVersions.map((row) => {
+                                const key = plugin.name + '@' + row.version;
+                                const isOpen = selected[plugin.name] === row.version;
+                                const note = notes[key];
+                                const tags = [h('span', { key: 'v', className: 'dpi-id' }, row.version)];
+                                if (row.installed)
+                                    tags.push(h('span', { key: 'i', className: 'dpi-tag' }, '当前'));
+                                if (row.latest)
+                                    tags.push(h('span', { key: 'l', className: 'dpi-tag', 'data-tone': 'ok' }, 'latest'));
+                                if (row.publishedAt !== undefined)
+                                    tags.push(h('span', { key: 't', className: 'dpi-meta' }, formatTime(row.publishedAt)));
+                                const noteChildren = [];
+                                if (isOpen) {
+                                    if (notesBusy === key && note === undefined) {
+                                        noteChildren.push(h('p', { key: 'nload', className: 'dpi-meta' }, '正在加载更新说明…'));
+                                    }
+                                    else if (note === undefined) {
+                                        noteChildren.push(h('p', { key: 'nmiss', className: 'dpi-meta' }, '没有更新说明。'));
+                                    }
+                                    else if (note.source === 'github-release') {
+                                        if (note.title !== undefined)
+                                            noteChildren.push(h('p', { key: 'nt', className: 'dpi-meta' }, note.title));
+                                        if (note.body !== undefined)
+                                            noteChildren.push(h('pre', { key: 'nb', className: 'dpi-notesBody' }, note.body));
+                                        if (note.url !== undefined) {
+                                            noteChildren.push(h('a', { key: 'nu', className: 'dpi-link', href: note.url, target: '_blank', rel: 'noreferrer' }, '在 GitHub 查看 Release'));
+                                        }
+                                    }
+                                    else if (note.source === 'github-compare' && note.commits !== undefined) {
+                                        noteChildren.push(h('ul', { key: 'nc', className: 'dpi-commits' }, ...note.commits.map((commit) => h('li', { key: commit.sha }, h('span', { className: 'dpi-id' }, commit.sha), ' ', commit.message))));
+                                        if (note.url !== undefined) {
+                                            noteChildren.push(h('a', { key: 'ncu', className: 'dpi-link', href: note.url, target: '_blank', rel: 'noreferrer' }, '在 GitHub 比较'));
+                                        }
+                                    }
+                                    else {
+                                        noteChildren.push(h('p', { key: 'nnone', className: 'dpi-meta' }, note.body ?? '这个版本没有找到 GitHub Release 或提交说明。'));
+                                    }
+                                }
+                                return h('div', { key: row.version }, h('button', {
+                                    className: 'dpi-version',
+                                    'data-open': isOpen ? '1' : '0',
+                                    onClick: () => { openNotes(plugin.name, row.version); },
+                                }, ...tags), isOpen ? h('div', { className: 'dpi-notes' }, ...noteChildren) : null);
+                            });
+                            body.push(h('div', { key: 'versions', className: 'dpi-versions' }, ...versionNodes));
+                        }
+                    }
+                    cards.push(h('li', { key: plugin.name, className: 'dpi-card' }, h('button', {
+                        className: 'dpi-head',
+                        'aria-expanded': expanded,
+                        onClick: () => { togglePlugin(plugin.name); },
+                    }, ...head), expanded ? h('div', { className: 'dpi-body' }, ...body) : null));
+                }
+                children.push(h('ul', { key: 'cards', className: 'dpi-cards' }, ...cards));
+                return h('div', { className: 'dpi-section' }, ...children);
+            };
+            return {
+                name: 'dsh-plugin-info',
+                inject: ['slots'],
+                apply(ctx) {
+                    ctx.effect(watchSettingsNav, '@eya46/dsh-plugin-info: settings nav icon patch');
+                    ctx.slots.inject('settings.section', () => {
+                        ctx.slots.register({ name: 'settings.section', id: 'plugin-info', order: 16, label: '插件信息' }, PluginInfoPanel);
+                    });
+                },
+            };
+        },
+    });
+})();