@mqn00/file-manager-plugin-system-info 0.1.0

package/README.md

@@ -0,0 +1,40 @@
+# file-manager-plugin-system-info
+
+File Manager 系统信息插件：将内置「系统信息」页面抽取为独立插件，展示服务器的 OS / CPU / 内存 / 磁盘分区 / Node.js 信息。
+
+## 功能
+
+- **系统信息展示**：操作系统（类型/平台/架构/版本/主机名/运行时间）、CPU（型号/核心数/频率）、内存（总量/已用/可用）、硬盘（设备/制造商/型号/挂载点/文件系统/使用率进度条 + 分区明细）、Node.js（版本/进程 ID）
+- **多磁盘切换**：检测到多块物理磁盘时，页面顶部下拉切换查看
+- **顶栏导航入口**：启用插件后，文件浏览器顶栏出现「系统信息」图标按钮（主应用 `__fm_nav_actions` 挂载点），点击进入 `/plugin/system-info`（需登录）
+- **主题适配**：样式使用主应用主题令牌（`--app-*`），明暗主题自动切换
+
+## 使用
+
+安装/启用插件（config.yml 的 `plugins.system-info.enabled: true`）后，顶栏出现系统信息按钮 → 点击进入页面；页面内可手动刷新，加载失败显示错误态 + 重试。
+
+## 接口
+
+需登录，挂在 `/api/plugin/system-info` 下（详见主项目 `API.md`「系统信息（system-info 插件）」）：
+
+| 接口 | 说明 |
+|------|------|
+| `GET /api/plugin/system-info/info` | 返回系统信息：`{ os, cpu, memory, disk, disks, node }`（结构与迁移前 `GET /api/system` 一致） |
+
+## 构建与测试
+
+```bash
+npm install --registry=https://registry.npmmirror.com   # 安装依赖（systeminformation 等）
+npm run build                                            # tsc 编译后端 + esbuild 打包前端
+```
+
+## 实现说明
+
+- **图标**：图标组件来自 `@element-plus/icons-vue`（devDependency，仅打包 import 到的图标，tree-shake）；图标组件对 `vue` 的引用经构建期别名 `vue → src/vue-shim.ts` 转发到主应用暴露的 `window.Vue`，bundle 不含 vue runtime（避免双实例）
+- **类型门面**：icons 2.3.2 的类型入口在插件 tsconfig（NodeNext）下无法解析出具名导出，tsconfig `paths` 将 `@element-plus/icons-vue` 映射到 `src/icons-types.ts`（类型经主项目 `frontend-types` 导入）；esbuild 打包时显式 alias 到真实包入口
+- **页面**：render 函数实现（插件不走 SFC），Element Plus 组件取自 `ctx.ElementPlus`
+
+## 依赖
+
+- 运行时：`systeminformation`
+- 主项目：`file-manager`（peerDependencies，类型与平台能力：`ctx.router.addRoute`、`ctx.api.instance`、`window.__fm_nav_actions` 挂载点等）

package/dist/backend.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 系统信息插件后端入口
+ *
+ * 注册路由（需登录）：
+ * - GET /api/plugin/system-info/info ：收集并返回系统信息（OS/CPU/内存/磁盘分区/Node）
+ *
+ * 逻辑自主应用内置 GET /api/system 原样移植（systeminformation 收集 + 磁盘按物理盘分组 +
+ * 存储根目录磁盘匹配 + CPU 频率逐级回退），保证响应结构与迁移前完全一致。
+ */
+import type { BackendPluginContext, PluginInstallFunction } from '@mqn00/file-manager/plugin';
+export declare const install: PluginInstallFunction<BackendPluginContext>;

package/dist/backend.js

@@ -0,0 +1,188 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.install = void 0;
+const os_1 = __importDefault(require("os"));
+const child_process_1 = require("child_process");
+const systeminformation_1 = __importDefault(require("systeminformation"));
+function formatBytes(bytes) {
+    if (bytes === 0)
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function formatUptime(seconds) {
+    const days = Math.floor(seconds / 86400);
+    const hours = Math.floor((seconds % 86400) / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    const parts = [];
+    if (days > 0)
+        parts.push(`${days}天`);
+    if (hours > 0)
+        parts.push(`${hours}小时`);
+    if (minutes > 0)
+        parts.push(`${minutes}分钟`);
+    return parts.join(' ') || '0分钟';
+}
+/** 提取基础设备名: Linux /dev/sda1 → sda, Windows C: → C */
+function getBaseDevice(devPath) {
+    if (process.platform === 'win32') {
+        return devPath.replace(/^([A-Z]):.*$/i, '$1');
+    }
+    return devPath.replace(/\/dev\//, '').replace(/\d+$/, '');
+}
+/** 构建磁盘列表，将 fsSize 条目按物理磁盘分组 */
+function buildDiskList(fsSizes, diskLayouts) {
+    // 构建 vendor/model 查找表
+    const layoutMap = new Map();
+    for (const dl of diskLayouts) {
+        layoutMap.set(getBaseDevice(dl.device), dl);
+    }
+    // 按基础设备名分组，过滤虚拟文件系统
+    const groups = new Map();
+    for (const fs of fsSizes) {
+        if (['tmpfs', 'devtmpfs', 'overlay', 'squashfs', 'nsfs'].includes(fs.type))
+            continue;
+        const base = getBaseDevice(fs.fs);
+        if (!groups.has(base))
+            groups.set(base, []);
+        const group = groups.get(base);
+        if (group)
+            group.push(fs);
+    }
+    const disks = [];
+    for (const [base, partitions] of groups) {
+        const layout = layoutMap.get(base);
+        const mountpoints = partitions.map((p) => p.mount).filter(Boolean);
+        let total = 0;
+        let free = 0;
+        const partDetails = [];
+        for (const p of partitions) {
+            total += p.size;
+            free += p.available;
+            partDetails.push({
+                mountpoint: p.mount,
+                totalFormatted: formatBytes(p.size),
+                usedFormatted: formatBytes(p.used),
+                percent: Math.round(p.use),
+            });
+        }
+        let device;
+        if (process.platform === 'win32') {
+            device = layout?.device || base + ':';
+        }
+        else {
+            device = layout?.device || '/dev/' + base;
+        }
+        disks.push({
+            device,
+            vendor: (layout?.vendor || '').trim(),
+            model: (layout?.type || '').trim(),
+            mountpoint: mountpoints[0] || '未挂载',
+            mountpoints: mountpoints.length > 0 ? mountpoints : ['未挂载'],
+            fstype: partitions[0]?.type || 'unknown',
+            total,
+            free,
+            used: total - free,
+            totalFormatted: total > 0 ? formatBytes(total) : 'Unknown',
+            freeFormatted: free > 0 ? formatBytes(free) : '--',
+            usedFormatted: total > 0 ? formatBytes(total - free) : '--',
+            partitions: partDetails,
+        });
+    }
+    return disks;
+}
+/** 获取 CPU 频率 (MHz)，systeminformation 在 WSL/容器环境可能返回 0，逐级回退 */
+function getCpuSpeed(cpuInfo) {
+    if (cpuInfo.speed > 0)
+        return Math.round(cpuInfo.speed * 1000);
+    if (cpuInfo.speedMax > 0)
+        return Math.round(cpuInfo.speedMax * 1000);
+    // Linux: 尝试 lscpu 命令行获取
+    if (process.platform === 'linux') {
+        try {
+            const output = (0, child_process_1.execSync)('lscpu | grep "CPU MHz"', { encoding: 'utf-8' });
+            const match = output.match(/CPU MHz:\s*([\d.]+)/);
+            if (match)
+                return parseFloat(match[1]);
+        }
+        catch {
+            // lscpu 不可用，继续回退
+        }
+    }
+    const cpus = os_1.default.cpus();
+    return cpus.length > 0 ? cpus[0].speed : 0;
+}
+const install = (ctx) => {
+    const router = ctx.express.Router();
+    router.get('/info', ctx.middleware.auth, async (_req, res) => {
+        try {
+            const [cpuInfo, currentLoad, mem, fsSizes, diskLayouts] = await Promise.all([
+                systeminformation_1.default.cpu(),
+                systeminformation_1.default.currentLoad(),
+                systeminformation_1.default.mem(),
+                systeminformation_1.default.fsSize(),
+                systeminformation_1.default.diskLayout(),
+            ]);
+            const disks = buildDiskList(fsSizes, diskLayouts);
+            const storageRoot = ctx.utils.path.getStorageRoot();
+            const defaultDisk = disks.find((d) => d.mountpoint === storageRoot) ||
+                disks.find((d) => d.mountpoints.includes(storageRoot)) ||
+                disks[0];
+            const cpus = os_1.default.cpus();
+            res.json({
+                os: {
+                    type: os_1.default.type(),
+                    platform: os_1.default.platform(),
+                    arch: os_1.default.arch(),
+                    release: os_1.default.release(),
+                    hostname: os_1.default.hostname(),
+                    uptime: os_1.default.uptime(),
+                    uptimeFormatted: formatUptime(os_1.default.uptime()),
+                },
+                cpu: {
+                    model: cpuInfo.brand || (cpus.length > 0 ? cpus[0].model.replace(/\s+/g, ' ').trim() : 'Unknown'),
+                    cores: cpuInfo.cores,
+                    physicalCores: cpuInfo.physicalCores,
+                    speed: getCpuSpeed(cpuInfo),
+                    usage: Math.round(currentLoad.currentLoad * 10) / 10,
+                },
+                memory: {
+                    total: mem.total,
+                    free: mem.free,
+                    used: mem.used,
+                    usagePercent: Math.round((mem.used / mem.total) * 1000) / 10,
+                    totalFormatted: formatBytes(mem.total),
+                    freeFormatted: formatBytes(mem.free),
+                    usedFormatted: formatBytes(mem.used),
+                },
+                disk: defaultDisk || {
+                    device: 'Unknown',
+                    mountpoint: '/',
+                    fstype: 'unknown',
+                    total: 0,
+                    free: 0,
+                    used: 0,
+                    totalFormatted: '0 B',
+                    freeFormatted: '0 B',
+                    usedFormatted: '0 B',
+                },
+                disks,
+                node: {
+                    version: process.version,
+                    pid: process.pid,
+                },
+            });
+        }
+        catch (e) {
+            ctx.utils.logger.log('ERROR', 'system-info', `获取系统信息失败: ${e?.message || '未知错误'}`);
+            res.status(500).json({ message: e?.message || '获取系统信息失败' });
+        }
+    });
+    ctx.app.use('/api/plugin/system-info', router);
+};
+exports.install = install;

package/dist/frontend.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 系统信息插件前端入口
+ *
+ * 1. 注册页面路由 /plugin/system-info（requiresAuth，由主应用路由守卫兜底登录）
+ * 2. 向主应用导航注册表（window.__fm_nav_actions，类型契约由
+ *    @mqn00/file-manager/plugin/frontend 发布）注册顶栏入口按钮
+ */
+import type { FrontendPluginInstallFunction } from '@mqn00/file-manager/plugin/frontend';
+export declare const install: FrontendPluginInstallFunction;

package/dist/frontend.js

@@ -0,0 +1,546 @@
+// src/vue-shim.ts
+var V = window.Vue;
+var defineComponent = V.defineComponent;
+var openBlock = V.openBlock;
+var createElementBlock = V.createElementBlock;
+var createElementVNode = V.createElementVNode;
+
+// node_modules/@element-plus/icons-vue/dist/index.js
+var _sfc_main8 = /* @__PURE__ */ defineComponent({
+  name: "ArrowLeft",
+  __name: "arrow-left",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
+      })
+    ]));
+  }
+});
+var arrow_left_default = _sfc_main8;
+var _sfc_main24 = /* @__PURE__ */ defineComponent({
+  name: "Box",
+  __name: "box",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M317.056 128 128 344.064V896h768V344.064L706.944 128zm-14.528-64h418.944a32 32 0 0 1 24.064 10.88l206.528 236.096A32 32 0 0 1 960 332.032V928a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V332.032a32 32 0 0 1 7.936-21.12L278.4 75.008A32 32 0 0 1 302.528 64"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M64 320h896v64H64z"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M448 327.872V640h128V327.872L526.08 128h-28.16zM448 64h128l64 256v352a32 32 0 0 1-32 32H416a32 32 0 0 1-32-32V320z"
+      })
+    ]));
+  }
+});
+var box_default = _sfc_main24;
+var _sfc_main60 = /* @__PURE__ */ defineComponent({
+  name: "Coin",
+  __name: "coin",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m161.92 580.736 29.888 58.88C171.328 659.776 160 681.728 160 704c0 82.304 155.328 160 352 160s352-77.696 352-160c0-22.272-11.392-44.16-31.808-64.32l30.464-58.432C903.936 615.808 928 657.664 928 704c0 129.728-188.544 224-416 224S96 833.728 96 704c0-46.592 24.32-88.576 65.92-123.264"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m161.92 388.736 29.888 58.88C171.328 467.84 160 489.792 160 512c0 82.304 155.328 160 352 160s352-77.696 352-160c0-22.272-11.392-44.16-31.808-64.32l30.464-58.432C903.936 423.808 928 465.664 928 512c0 129.728-188.544 224-416 224S96 641.728 96 512c0-46.592 24.32-88.576 65.92-123.264"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 544c-227.456 0-416-94.272-416-224S284.544 96 512 96s416 94.272 416 224-188.544 224-416 224m0-64c196.672 0 352-77.696 352-160S708.672 160 512 160s-352 77.696-352 160 155.328 160 352 160"
+      })
+    ]));
+  }
+});
+var coin_default = _sfc_main60;
+var _sfc_main69 = /* @__PURE__ */ defineComponent({
+  name: "Cpu",
+  __name: "cpu",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M320 256a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64zm0-64h384a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H320a128 128 0 0 1-128-128V320a128 128 0 0 1 128-128"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m160 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m-320 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m160 896a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32m160 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32m-320 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32M64 512a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m0-160a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m0 320a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m896-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32m0-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32m0 320a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32"
+      })
+    ]));
+  }
+});
+var cpu_default = _sfc_main69;
+var _sfc_main150 = /* @__PURE__ */ defineComponent({
+  name: "Loading",
+  __name: "loading",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
+      })
+    ]));
+  }
+});
+var loading_default = _sfc_main150;
+var _sfc_main171 = /* @__PURE__ */ defineComponent({
+  name: "Monitor",
+  __name: "monitor",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M544 768v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768H192A128 128 0 0 1 64 640V256a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128zM192 192a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64z"
+      })
+    ]));
+  }
+});
+var monitor_default = _sfc_main171;
+var _sfc_main217 = /* @__PURE__ */ defineComponent({
+  name: "Refresh",
+  __name: "refresh",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
+      })
+    ]));
+  }
+});
+var refresh_default = _sfc_main217;
+var _sfc_main261 = /* @__PURE__ */ defineComponent({
+  name: "Tickets",
+  __name: "tickets",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M192 128v768h640V128zm-32-64h704a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h192v64H320zm0 384h384v64H320z"
+      })
+    ]));
+  }
+});
+var tickets_default = _sfc_main261;
+var _sfc_main287 = /* @__PURE__ */ defineComponent({
+  name: "WarningFilled",
+  __name: "warning-filled",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
+      })
+    ]));
+  }
+});
+var warning_filled_default = _sfc_main287;
+
+// src/style.ts
+var STYLE_ID = "fci-style";
+var CSS = `
+.fci-container {
+  height: 100vh;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 40px;
+  overflow-y: auto;
+}
+.fci-card {
+  width: 800px;
+  background: var(--app-panel);
+  border: 1px solid var(--app-border);
+  border-radius: 12px;
+  box-shadow: var(--app-glow), var(--app-shadow);
+  backdrop-filter: var(--app-blur);
+  margin-bottom: 40px;
+}
+.fci-title {
+  margin: 0;
+  font-size: 20px;
+  color: var(--app-text-bright);
+}
+.fci-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+.fci-back {
+  color: var(--app-text-dim);
+  padding: 4px 8px;
+}
+.fci-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+.fci-info-card {
+  background: var(--app-accent-bg) !important;
+  border: 1px solid var(--app-accent-border) !important;
+}
+.fci-info-card .el-card__header {
+  padding: 12px 16px !important;
+  border-bottom: 1px solid var(--app-accent-border) !important;
+}
+.fci-info-card .el-card__body {
+  padding: 16px !important;
+}
+.fci-card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  color: var(--app-accent);
+}
+.fci-disk-select {
+  margin-left: auto;
+  width: 200px;
+}
+.fci-disk-select .el-input__wrapper {
+  background: var(--app-accent-bg) !important;
+  border: 1px solid var(--app-accent-border) !important;
+  box-shadow: none !important;
+}
+.fci-disk-select .el-input__inner {
+  color: var(--app-text-bright) !important;
+}
+.fci-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.fci-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.fci-label {
+  color: var(--app-text-dim);
+  font-size: 13px;
+}
+.fci-value {
+  color: var(--app-text-bright);
+  font-size: 13px;
+  text-align: right;
+  word-break: break-all;
+}
+.fci-version {
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fci-disk-progress {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+.fci-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: var(--app-text-dim);
+  gap: 16px;
+}
+.fci-state p { margin: 0; }
+`;
+function injectStyles() {
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = CSS;
+  document.head.appendChild(style);
+}
+function removeStyles() {
+  document.getElementById(STYLE_ID)?.remove();
+}
+
+// src/page.ts
+function spaNavigate(ctx, url) {
+  void ctx.router.push(url);
+}
+function createSystemInfoPage(ctx) {
+  const { defineComponent: defineComponent2, h, ref, computed, onMounted } = ctx.Vue;
+  const {
+    ElButton,
+    ElIcon,
+    ElCard,
+    ElSelect,
+    ElOption,
+    ElProgress,
+    ElTooltip,
+    ElMessage
+  } = ctx.ElementPlus;
+  const api = ctx.api.instance;
+  return defineComponent2({
+    name: "SystemInfoPage",
+    setup() {
+      const systemInfo = ref(null);
+      const loading = ref(false);
+      const error = ref(null);
+      const selectedDiskIndex = ref(0);
+      const selectedDisk = computed(() => {
+        if (!systemInfo.value) return null;
+        return systemInfo.value.disks[selectedDiskIndex.value] || systemInfo.value.disk;
+      });
+      const diskUsageColor = computed(() => {
+        const disk = selectedDisk.value;
+        if (!disk?.total) return "";
+        const percent = Math.round(disk.used / disk.total * 100);
+        return percent > 85 ? "#F56C6C" : percent > 65 ? "#E6A23C" : "#409EFF";
+      });
+      const fetchSystemInfo = async () => {
+        loading.value = true;
+        error.value = null;
+        try {
+          const resp = await api.get("/plugin/system-info/info");
+          systemInfo.value = resp.data;
+        } catch (e) {
+          error.value = e?.response?.data?.message || "\u83B7\u53D6\u7CFB\u7EDF\u4FE1\u606F\u5931\u8D25";
+          ElMessage.error("\u83B7\u53D6\u7CFB\u7EDF\u4FE1\u606F\u5931\u8D25");
+        } finally {
+          loading.value = false;
+        }
+      };
+      onMounted(() => {
+        void fetchSystemInfo();
+      });
+      return () => {
+        const infoItem = (label, value, version = false) => h("div", { class: "fci-item" }, [
+          h("span", { class: "fci-label" }, label),
+          h("span", { class: version ? "fci-value fci-version" : "fci-value" }, value)
+        ]);
+        const diskSelect = systemInfo.value && systemInfo.value.disks.length > 1 ? h(
+          ElSelect,
+          {
+            modelValue: selectedDiskIndex.value,
+            size: "small",
+            class: "fci-disk-select",
+            "onUpdate:modelValue": (v) => {
+              selectedDiskIndex.value = v;
+            }
+          },
+          {
+            default: () => systemInfo.value.disks.map(
+              (d, i) => h(
+                ElOption,
+                {
+                  key: i,
+                  label: `${d.device} (${d.mountpoints[0] || "\u672A\u6302\u8F7D"})`,
+                  value: i
+                }
+              )
+            )
+          }
+        ) : null;
+        const infoCard = (icon, title, children, headerExtra) => h(
+          ElCard,
+          { class: "fci-info-card", shadow: "never" },
+          {
+            header: () => h("div", { class: "fci-card-header" }, [
+              h(ElIcon, { size: 16 }, { default: () => h(icon) }),
+              h("span", title),
+              headerExtra || null
+            ]),
+            default: () => h("div", { class: "fci-list" }, children)
+          }
+        );
+        let body;
+        if (systemInfo.value) {
+          const info = systemInfo.value;
+          const disk = selectedDisk.value;
+          const diskPercent = disk?.total ? Math.round(disk.used / disk.total * 100) : 0;
+          body = h("div", { class: "fci-grid" }, [
+            // 操作系统
+            infoCard(monitor_default, "\u64CD\u4F5C\u7CFB\u7EDF", [
+              infoItem("\u7C7B\u578B", info.os.type),
+              infoItem("\u5E73\u53F0", info.os.platform),
+              infoItem("\u67B6\u6784", info.os.arch),
+              infoItem("\u7248\u672C", info.os.release, true),
+              infoItem("\u4E3B\u673A\u540D", info.os.hostname),
+              infoItem("\u8FD0\u884C\u65F6\u95F4", info.os.uptimeFormatted)
+            ]),
+            // CPU
+            infoCard(cpu_default, "CPU", [
+              infoItem("\u578B\u53F7", info.cpu.model, true),
+              infoItem("\u6838\u5FC3\u6570", String(info.cpu.cores)),
+              infoItem("\u9891\u7387", `${info.cpu.speed} MHz`)
+            ]),
+            // 内存
+            infoCard(coin_default, "\u5185\u5B58", [
+              infoItem("\u603B\u91CF", info.memory.totalFormatted),
+              infoItem("\u5DF2\u7528", info.memory.usedFormatted),
+              infoItem("\u53EF\u7528", info.memory.freeFormatted)
+            ]),
+            // 硬盘
+            infoCard(
+              box_default,
+              "\u786C\u76D8",
+              [
+                infoItem("\u8BBE\u5907", disk?.device || "--"),
+                ...disk?.vendor || disk?.model ? [infoItem("\u5236\u9020\u5546", disk?.vendor || "\u672A\u77E5")] : [],
+                ...disk?.model ? [infoItem("\u578B\u53F7", disk?.model)] : [],
+                infoItem(
+                  "\u6302\u8F7D\u70B9",
+                  disk?.mountpoints && disk.mountpoints.length > 1 ? disk.mountpoints.join(", ") : disk?.mountpoint || "--",
+                  true
+                ),
+                infoItem("\u6587\u4EF6\u7CFB\u7EDF", disk?.fstype || "--"),
+                h("div", { class: "fci-item fci-disk-progress" }, [
+                  h(
+                    ElTooltip,
+                    { placement: "top" },
+                    {
+                      content: () => (disk?.partitions || []).map(
+                        (p) => h(
+                          "div",
+                          { key: p.mountpoint, style: { whiteSpace: "nowrap" } },
+                          `${p.mountpoint}: ${p.percent}% | ${p.usedFormatted} / ${p.totalFormatted}`
+                        )
+                      ),
+                      default: () => h(ElProgress, {
+                        percentage: diskPercent,
+                        format: (p) => `${p}% | ${disk?.totalFormatted || "0 B"}`,
+                        color: diskUsageColor.value
+                      })
+                    }
+                  )
+                ])
+              ],
+              diskSelect
+            ),
+            // Node.js
+            infoCard(tickets_default, "Node.js", [
+              infoItem("\u7248\u672C", info.node.version),
+              infoItem("\u8FDB\u7A0B ID", String(info.node.pid))
+            ])
+          ]);
+        } else if (loading.value) {
+          body = h("div", { class: "fci-state" }, [
+            h(ElIcon, { class: "is-loading", size: 32 }, { default: () => h(loading_default) }),
+            h("p", "\u52A0\u8F7D\u7CFB\u7EDF\u4FE1\u606F\u4E2D...")
+          ]);
+        } else {
+          body = h("div", { class: "fci-state" }, [
+            h(ElIcon, { size: 32, color: "#f56c6c" }, { default: () => h(warning_filled_default) }),
+            h("p", error.value || "\u83B7\u53D6\u7CFB\u7EDF\u4FE1\u606F\u5931\u8D25"),
+            h(ElButton, { type: "primary", onClick: () => void fetchSystemInfo() }, () => "\u91CD\u8BD5")
+          ]);
+        }
+        return h("div", { class: "fci-container" }, [
+          h("div", { class: "fci-card" }, [
+            h("div", { style: { paddingTop: "10px", paddingLeft: "10px" } }, [
+              h(
+                ElButton,
+                { text: true, class: "fci-back", onClick: () => spaNavigate(ctx, "/") },
+                {
+                  default: () => [
+                    h(ElIcon, null, { default: () => h(arrow_left_default) }),
+                    h("span", "\u8FD4\u56DE")
+                  ]
+                }
+              )
+            ]),
+            h("div", { style: { padding: "20px 36px" } }, [
+              h("div", { class: "fci-header" }, [
+                h("h3", { class: "fci-title" }, "\u7CFB\u7EDF\u4FE1\u606F"),
+                h(
+                  ElButton,
+                  { size: "small", loading: loading.value, onClick: () => void fetchSystemInfo() },
+                  {
+                    default: () => [
+                      h(ElIcon, null, { default: () => h(refresh_default) }),
+                      h("span", "\u5237\u65B0")
+                    ]
+                  }
+                )
+              ]),
+              // 硬盘下拉已内嵌于硬盘卡片 header
+              body
+            ])
+          ])
+        ]);
+      };
+    }
+  });
+}
+
+// src/frontend.ts
+function registerNavAction(action) {
+  const api = window.__fm_nav_actions;
+  if (!api || typeof api.register !== "function") {
+    console.warn("[system-info] \u4E3B\u5E94\u7528\u672A\u66B4\u9732\u5BFC\u822A\u6CE8\u518C\u8868\uFF08__fm_nav_actions\uFF09\uFF0C\u5165\u53E3\u6309\u94AE\u4E0D\u53EF\u7528");
+    return;
+  }
+  api.register(action);
+}
+function unregisterNavAction(id) {
+  const api = window.__fm_nav_actions;
+  if (api && typeof api.unregister === "function") {
+    api.unregister(id);
+  }
+}
+var install = (ctx) => {
+  injectStyles();
+  ctx.router.addRoute({
+    path: "/plugin/system-info",
+    component: createSystemInfoPage(ctx),
+    meta: { requiresAuth: true }
+  });
+  registerNavAction({
+    id: "system-info",
+    label: "\u7CFB\u7EDF\u4FE1\u606F",
+    path: "/plugin/system-info",
+    icon: monitor_default
+  });
+  return () => {
+    unregisterNavAction("system-info");
+    removeStyles();
+  };
+};
+export {
+  install
+};
+/*! Bundled license information:
+
+@element-plus/icons-vue/dist/index.js:
+  (*! Element Plus Icons Vue v2.3.2 *)
+*/

package/dist/icons-types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @element-plus/icons-vue 的类型门面（仅供 tsc 类型解析）
+ *
+ * 为什么存在：icons 2.3.2 的类型入口（dist/types 下 .vue.d.ts + export * 结构）
+ * 在插件 tsconfig（NodeNext + CJS 模式）下无法解析出具名导出，且其内部类型
+ * 引用与插件无关的嵌套 vue 版本。
+ *
+ * 方案：tsconfig `paths` 把 `@element-plus/icons-vue` 映射到本文件——
+ * tsc 用这里的类型（经主项目 frontend-types 的 Vue 类型链，与主应用 vue 版本一致）；
+ * esbuild 打包时不读 tsconfig paths，仍解析真实包并 tree-shake，
+ * 仅打包本插件 import 到的图标组件（配合 build.mjs 的 vue → vue-shim 桥）。
+ */
+import type { NavAction } from '@mqn00/file-manager/plugin/frontend';
+/**
+ * 图标组件类型：直接取发布入口 NavAction['icon']（Component，可选）的非空形态，
+ * 与注册表契约保持同一类型链。不用 Parameters<h>[0]（含 string 标签分支，
+ * 与组件图标语义不符，且无法赋给 Component）。
+ */
+type Icon = NonNullable<NavAction['icon']>;
+export declare const ArrowLeft: Icon;
+export declare const Refresh: Icon;
+export declare const Monitor: Icon;
+export declare const Cpu: Icon;
+export declare const Coin: Icon;
+export declare const Box: Icon;
+export declare const Tickets: Icon;
+export declare const Loading: Icon;
+export declare const WarningFilled: Icon;
+export {};

package/dist/icons-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/page.d.ts

@@ -0,0 +1,65 @@
+/**
+ * 系统信息页面（render 函数实现，插件无法 import 主应用 .vue 组件）
+ *
+ * 自主应用 SystemInfoView.vue 转写，UI 结构与样式保持一致；
+ * Element Plus 组件取自 ctx.ElementPlus，图标取自 @element-plus/icons-vue
+ * （构建时仅打包用到的图标，vue 运行时经 vue-shim 转发 window.Vue）。
+ */
+import type { FrontendPluginContext } from '@mqn00/file-manager/plugin/frontend';
+/** 系统信息数据结构（与后端 /api/plugin/system-info/info 返回一致） */
+export interface SystemInfo {
+    os: {
+        type: string;
+        platform: string;
+        arch: string;
+        release: string;
+        hostname: string;
+        uptime: number;
+        uptimeFormatted: string;
+    };
+    cpu: {
+        model: string;
+        cores: number;
+        physicalCores: number;
+        speed: number;
+        usage: number;
+    };
+    memory: {
+        total: number;
+        free: number;
+        used: number;
+        usagePercent: number;
+        totalFormatted: string;
+        freeFormatted: string;
+        usedFormatted: string;
+    };
+    disk: DiskInfo;
+    disks: DiskInfo[];
+    node: {
+        version: string;
+        pid: number;
+    };
+}
+export interface DiskInfo {
+    device: string;
+    vendor: string;
+    model: string;
+    mountpoint: string;
+    mountpoints: string[];
+    fstype: string;
+    total: number;
+    free: number;
+    used: number;
+    totalFormatted: string;
+    freeFormatted: string;
+    usedFormatted: string;
+    partitions: Array<{
+        mountpoint: string;
+        totalFormatted: string;
+        usedFormatted: string;
+        percent: number;
+    }>;
+}
+export declare function createSystemInfoPage(ctx: FrontendPluginContext): import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, () => import("vue", { with: { "resolution-mode": "import" } }).VNode<import("vue", { with: { "resolution-mode": "import" } }).RendererNode, import("vue", { with: { "resolution-mode": "import" } }).RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;

package/dist/page.js

@@ -0,0 +1,187 @@
+"use strict";
+/**
+ * 系统信息页面（render 函数实现，插件无法 import 主应用 .vue 组件）
+ *
+ * 自主应用 SystemInfoView.vue 转写，UI 结构与样式保持一致；
+ * Element Plus 组件取自 ctx.ElementPlus，图标取自 @element-plus/icons-vue
+ * （构建时仅打包用到的图标，vue 运行时经 vue-shim 转发 window.Vue）。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSystemInfoPage = createSystemInfoPage;
+const icons_vue_1 = require("@element-plus/icons-vue");
+/** SPA 导航：平台路由 API 经 ctx.router.push 完成（适配 history/hash 双模式） */
+function spaNavigate(ctx, url) {
+    void ctx.router.push(url);
+}
+function createSystemInfoPage(ctx) {
+    const { defineComponent, h, ref, computed, onMounted } = ctx.Vue;
+    const { ElButton, ElIcon, ElCard, ElSelect, ElOption, ElProgress, ElTooltip, ElMessage, } = ctx.ElementPlus;
+    const api = ctx.api.instance;
+    return defineComponent({
+        name: 'SystemInfoPage',
+        setup() {
+            const systemInfo = ref(null);
+            const loading = ref(false);
+            const error = ref(null);
+            const selectedDiskIndex = ref(0);
+            const selectedDisk = computed(() => {
+                if (!systemInfo.value)
+                    return null;
+                return systemInfo.value.disks[selectedDiskIndex.value] || systemInfo.value.disk;
+            });
+            const diskUsageColor = computed(() => {
+                const disk = selectedDisk.value;
+                if (!disk?.total)
+                    return '';
+                const percent = Math.round((disk.used / disk.total) * 100);
+                return percent > 85 ? '#F56C6C' : percent > 65 ? '#E6A23C' : '#409EFF';
+            });
+            const fetchSystemInfo = async () => {
+                loading.value = true;
+                error.value = null;
+                try {
+                    // ctx.api.instance 的 baseURL 为 '/api'，路径不带 /api 前缀
+                    const resp = await api.get('/plugin/system-info/info');
+                    systemInfo.value = resp.data;
+                }
+                catch (e) {
+                    error.value = e?.response?.data?.message || '获取系统信息失败';
+                    ElMessage.error('获取系统信息失败');
+                }
+                finally {
+                    loading.value = false;
+                }
+            };
+            onMounted(() => {
+                void fetchSystemInfo();
+            });
+            return () => {
+                const infoItem = (label, value, version = false) => h('div', { class: 'fci-item' }, [
+                    h('span', { class: 'fci-label' }, label),
+                    h('span', { class: version ? 'fci-value fci-version' : 'fci-value' }, value),
+                ]);
+                const diskSelect = systemInfo.value && systemInfo.value.disks.length > 1
+                    ? h(ElSelect, {
+                        modelValue: selectedDiskIndex.value,
+                        size: 'small',
+                        class: 'fci-disk-select',
+                        'onUpdate:modelValue': (v) => {
+                            selectedDiskIndex.value = v;
+                        },
+                    }, {
+                        default: () => systemInfo.value.disks.map((d, i) => h(ElOption, {
+                            key: i,
+                            label: `${d.device} (${d.mountpoints[0] || '未挂载'})`,
+                            value: i,
+                        })),
+                    })
+                    : null;
+                const infoCard = (icon, title, children, headerExtra) => h(ElCard, { class: 'fci-info-card', shadow: 'never' }, {
+                    header: () => h('div', { class: 'fci-card-header' }, [
+                        h(ElIcon, { size: 16 }, { default: () => h(icon) }),
+                        h('span', title),
+                        headerExtra || null,
+                    ]),
+                    default: () => h('div', { class: 'fci-list' }, children),
+                });
+                // 已加载：信息网格
+                let body;
+                if (systemInfo.value) {
+                    const info = systemInfo.value;
+                    const disk = selectedDisk.value;
+                    const diskPercent = disk?.total
+                        ? Math.round((disk.used / disk.total) * 100)
+                        : 0;
+                    body = h('div', { class: 'fci-grid' }, [
+                        // 操作系统
+                        infoCard(icons_vue_1.Monitor, '操作系统', [
+                            infoItem('类型', info.os.type),
+                            infoItem('平台', info.os.platform),
+                            infoItem('架构', info.os.arch),
+                            infoItem('版本', info.os.release, true),
+                            infoItem('主机名', info.os.hostname),
+                            infoItem('运行时间', info.os.uptimeFormatted),
+                        ]),
+                        // CPU
+                        infoCard(icons_vue_1.Cpu, 'CPU', [
+                            infoItem('型号', info.cpu.model, true),
+                            infoItem('核心数', String(info.cpu.cores)),
+                            infoItem('频率', `${info.cpu.speed} MHz`),
+                        ]),
+                        // 内存
+                        infoCard(icons_vue_1.Coin, '内存', [
+                            infoItem('总量', info.memory.totalFormatted),
+                            infoItem('已用', info.memory.usedFormatted),
+                            infoItem('可用', info.memory.freeFormatted),
+                        ]),
+                        // 硬盘
+                        infoCard(icons_vue_1.Box, '硬盘', [
+                            infoItem('设备', disk?.device || '--'),
+                            ...(disk?.vendor || disk?.model
+                                ? [infoItem('制造商', disk?.vendor || '未知')]
+                                : []),
+                            ...(disk?.model ? [infoItem('型号', disk?.model)] : []),
+                            infoItem('挂载点', disk?.mountpoints && disk.mountpoints.length > 1
+                                ? disk.mountpoints.join(', ')
+                                : disk?.mountpoint || '--', true),
+                            infoItem('文件系统', disk?.fstype || '--'),
+                            h('div', { class: 'fci-item fci-disk-progress' }, [
+                                h(ElTooltip, { placement: 'top' }, {
+                                    content: () => (disk?.partitions || []).map((p) => h('div', { key: p.mountpoint, style: { whiteSpace: 'nowrap' } }, `${p.mountpoint}: ${p.percent}% | ${p.usedFormatted} / ${p.totalFormatted}`)),
+                                    default: () => h(ElProgress, {
+                                        percentage: diskPercent,
+                                        format: (p) => `${p}% | ${disk?.totalFormatted || '0 B'}`,
+                                        color: diskUsageColor.value,
+                                    }),
+                                }),
+                            ]),
+                        ], diskSelect),
+                        // Node.js
+                        infoCard(icons_vue_1.Tickets, 'Node.js', [
+                            infoItem('版本', info.node.version),
+                            infoItem('进程 ID', String(info.node.pid)),
+                        ]),
+                    ]);
+                }
+                else if (loading.value) {
+                    body = h('div', { class: 'fci-state' }, [
+                        h(ElIcon, { class: 'is-loading', size: 32 }, { default: () => h(icons_vue_1.Loading) }),
+                        h('p', '加载系统信息中...'),
+                    ]);
+                }
+                else {
+                    body = h('div', { class: 'fci-state' }, [
+                        h(ElIcon, { size: 32, color: '#f56c6c' }, { default: () => h(icons_vue_1.WarningFilled) }),
+                        h('p', error.value || '获取系统信息失败'),
+                        h(ElButton, { type: 'primary', onClick: () => void fetchSystemInfo() }, () => '重试'),
+                    ]);
+                }
+                return h('div', { class: 'fci-container' }, [
+                    h('div', { class: 'fci-card' }, [
+                        h('div', { style: { paddingTop: '10px', paddingLeft: '10px' } }, [
+                            h(ElButton, { text: true, class: 'fci-back', onClick: () => spaNavigate(ctx, '/') }, {
+                                default: () => [
+                                    h(ElIcon, null, { default: () => h(icons_vue_1.ArrowLeft) }),
+                                    h('span', '返回'),
+                                ],
+                            }),
+                        ]),
+                        h('div', { style: { padding: '20px 36px' } }, [
+                            h('div', { class: 'fci-header' }, [
+                                h('h3', { class: 'fci-title' }, '系统信息'),
+                                h(ElButton, { size: 'small', loading: loading.value, onClick: () => void fetchSystemInfo() }, {
+                                    default: () => [
+                                        h(ElIcon, null, { default: () => h(icons_vue_1.Refresh) }),
+                                        h('span', '刷新'),
+                                    ],
+                                }),
+                            ]),
+                            // 硬盘下拉已内嵌于硬盘卡片 header
+                            body,
+                        ]),
+                    ]),
+                ]);
+            };
+        },
+    });
+}

package/dist/style.d.ts

@@ -0,0 +1,6 @@
+/**
+ * system-info 插件样式注入（fci- 前缀，颜色只用主题令牌带 fallback）
+ */
+export declare function injectStyles(): void;
+/** 移除注入样式（插件 teardown 调用） */
+export declare function removeStyles(): void;

package/dist/style.js

@@ -0,0 +1,129 @@
+"use strict";
+/**
+ * system-info 插件样式注入（fci- 前缀，颜色只用主题令牌带 fallback）
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectStyles = injectStyles;
+exports.removeStyles = removeStyles;
+const STYLE_ID = 'fci-style';
+const CSS = `
+.fci-container {
+  height: 100vh;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 40px;
+  overflow-y: auto;
+}
+.fci-card {
+  width: 800px;
+  background: var(--app-panel);
+  border: 1px solid var(--app-border);
+  border-radius: 12px;
+  box-shadow: var(--app-glow), var(--app-shadow);
+  backdrop-filter: var(--app-blur);
+  margin-bottom: 40px;
+}
+.fci-title {
+  margin: 0;
+  font-size: 20px;
+  color: var(--app-text-bright);
+}
+.fci-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+.fci-back {
+  color: var(--app-text-dim);
+  padding: 4px 8px;
+}
+.fci-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+.fci-info-card {
+  background: var(--app-accent-bg) !important;
+  border: 1px solid var(--app-accent-border) !important;
+}
+.fci-info-card .el-card__header {
+  padding: 12px 16px !important;
+  border-bottom: 1px solid var(--app-accent-border) !important;
+}
+.fci-info-card .el-card__body {
+  padding: 16px !important;
+}
+.fci-card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  color: var(--app-accent);
+}
+.fci-disk-select {
+  margin-left: auto;
+  width: 200px;
+}
+.fci-disk-select .el-input__wrapper {
+  background: var(--app-accent-bg) !important;
+  border: 1px solid var(--app-accent-border) !important;
+  box-shadow: none !important;
+}
+.fci-disk-select .el-input__inner {
+  color: var(--app-text-bright) !important;
+}
+.fci-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.fci-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.fci-label {
+  color: var(--app-text-dim);
+  font-size: 13px;
+}
+.fci-value {
+  color: var(--app-text-bright);
+  font-size: 13px;
+  text-align: right;
+  word-break: break-all;
+}
+.fci-version {
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fci-disk-progress {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+.fci-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: var(--app-text-dim);
+  gap: 16px;
+}
+.fci-state p { margin: 0; }
+`;
+function injectStyles() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = CSS;
+    document.head.appendChild(style);
+}
+/** 移除注入样式（插件 teardown 调用） */
+function removeStyles() {
+    document.getElementById(STYLE_ID)?.remove();
+}

package/dist/vue-shim.d.ts

@@ -0,0 +1,18 @@
+/**
+ * vue 运行时桥：插件 bundle 不打包 vue（避免与主应用双实例），
+ * 编译期把 `vue` 模块别名到此文件，浏览器运行时从主应用暴露的 window.Vue 转发。
+ *
+ * 类型经主项目 frontend-types（FrontendPluginContext.Vue = typeof import('vue')）
+ * 传递解析，与 @element-plus/icons-vue 组件的 vue 类型完全一致，
+ * 不做手写近似类型（同插件「类型从 @mqn00/file-manager/plugin/frontend 导入」的惯例）。
+ *
+ * 仅转发 @element-plus/icons-vue 编译产物实际使用的成员
+ * （defineComponent / openBlock / createElementBlock / createElementVNode）。
+ */
+import type { FrontendPluginContext } from '@mqn00/file-manager/plugin/frontend';
+type VueRuntime = FrontendPluginContext['Vue'];
+export declare const defineComponent: VueRuntime['defineComponent'];
+export declare const openBlock: VueRuntime['openBlock'];
+export declare const createElementBlock: VueRuntime['createElementBlock'];
+export declare const createElementVNode: VueRuntime['createElementVNode'];
+export {};

package/dist/vue-shim.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createElementVNode = exports.createElementBlock = exports.openBlock = exports.defineComponent = void 0;
+const V = window.Vue;
+exports.defineComponent = V.defineComponent;
+exports.openBlock = V.openBlock;
+exports.createElementBlock = V.createElementBlock;
+exports.createElementVNode = V.createElementVNode;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@mqn00/file-manager-plugin-system-info",
+  "version": "0.1.0",
+  "description": "File Manager 系统信息插件：将内置系统信息页面抽取为独立插件，展示 OS/CPU/内存/磁盘分区/Node 信息，入口注册到文件浏览器顶栏导航",
+  "main": "dist/backend.js",
+  "exports": {
+    ".": "./dist/backend.js",
+    "./frontend": "./dist/frontend.js"
+  },
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && node build.mjs",
+    "dev": "tsc --watch",
+    "build:frontend": "node build.mjs",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "@mqn00/file-manager": "^3.0.0"
+  },
+  "dependencies": {
+    "systeminformation": "^5.31.17"
+  },
+  "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@mqn00/file-manager": "file:../../backend",
+    "@types/node": "^22.0.0",
+    "@types/systeminformation": "^3.23.1",
+    "esbuild": "^0.28.1",
+    "typescript": "^5.4.0",
+    "vitest": "^3.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mqnu00/file-manager.git",
+    "directory": "plugins/system-info"
+  },
+  "keywords": [
+    "file-manager",
+    "file-manager-plugin",
+    "system",
+    "system-info"
+  ],
+  "author": "mqn00",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}