koishi-plugin-docker-control 0.0.1 → 0.0.3

package/lib/commands/control.d.ts

@@ -6,4 +6,4 @@ import { Context } from 'koishi';
 /**
  * 注册控制指令
  */
-export declare function registerControlCommands(ctx: Context, getService: () => any): void;
+export declare function registerControlCommands(ctx: Context, getService: () => any, config?: any): void;

package/lib/commands/control.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerControlCommands = registerControlCommands;
 const logger_1 = require("../utils/logger");
+const render_1 = require("../utils/render");
 /**
  * 格式化容器搜索结果
  */
@@ -27,7 +28,8 @@ function formatSearchResults(results, operation) {
 /**
  * 注册控制指令
  */
-function registerControlCommands(ctx, getService) {
+function registerControlCommands(ctx, getService, config) {
+    const useImageOutput = config?.imageOutput === true;
     /**
      * 启动容器
      */
@@ -47,6 +49,10 @@ function registerControlCommands(ctx, getService) {
                 logger_1.commandLogger.debug('批量启动容器');
                 // 批量操作
                 const results = await service.operateContainers(selector, container, 'start');
+                if (useImageOutput && ctx.puppeteer) {
+                    const html = (0, render_1.generateResultHtml)(results, '批量启动结果');
+                    return await (0, render_1.renderToImage)(ctx, html);
+                }
                 return formatSearchResults(results, '启动');
             }
             // 单个容器
@@ -55,11 +61,21 @@ function registerControlCommands(ctx, getService) {
             logger_1.commandLogger.debug(`找到容器: ${found.Names[0]} 在节点 ${node.name}`);
             await node.startContainer(found.Id);
             logger_1.commandLogger.debug(`容器已启动: ${found.Id}`);
+            if (useImageOutput && ctx.puppeteer) {
+                const results = [{ node, container: found, success: true }];
+                const html = (0, render_1.generateResultHtml)(results, '启动成功');
+                return await (0, render_1.renderToImage)(ctx, html);
+            }
             const name = found.Names[0]?.replace('/', '') || found.Id.slice(0, 8);
             return `✅ ${node.name}: ${name} 已启动`;
         }
         catch (e) {
             logger_1.commandLogger.error(`启动容器失败: ${e.message}`);
+            if (useImageOutput && ctx.puppeteer) {
+                // 尝试构造一个失败的结果用于渲染，虽然这里可能没有 node/container 信息
+                // 如果找不到容器，e 可能是 "找不到容器"
+                return `❌ 启动失败: ${e.message}`;
+            }
             return `❌ 启动失败: ${e.message}`;
         }
     });
@@ -82,6 +98,10 @@ function registerControlCommands(ctx, getService) {
                 logger_1.commandLogger.debug('批量停止容器');
                 // 批量操作
                 const results = await service.operateContainers(selector, container, 'stop');
+                if (useImageOutput && ctx.puppeteer) {
+                    const html = (0, render_1.generateResultHtml)(results, '批量停止结果');
+                    return await (0, render_1.renderToImage)(ctx, html);
+                }
                 return formatSearchResults(results, '停止');
             }
             logger_1.commandLogger.debug(`查找容器: ${container} 在 ${selector}`);
@@ -89,6 +109,11 @@ function registerControlCommands(ctx, getService) {
             logger_1.commandLogger.debug(`找到容器: ${found.Names[0]} 在节点 ${node.name}`);
             await node.stopContainer(found.Id);
             logger_1.commandLogger.debug(`容器已停止: ${found.Id}`);
+            if (useImageOutput && ctx.puppeteer) {
+                const results = [{ node, container: found, success: true }];
+                const html = (0, render_1.generateResultHtml)(results, '停止成功');
+                return await (0, render_1.renderToImage)(ctx, html);
+            }
             const name = found.Names[0]?.replace('/', '') || found.Id.slice(0, 8);
             return `✅ ${node.name}: ${name} 已停止`;
         }
@@ -116,6 +141,10 @@ function registerControlCommands(ctx, getService) {
                 logger_1.commandLogger.debug('批量重启容器');
                 // 批量操作
                 const results = await service.operateContainers(selector, container, 'restart');
+                if (useImageOutput && ctx.puppeteer) {
+                    const html = (0, render_1.generateResultHtml)(results, '批量重启结果');
+                    return await (0, render_1.renderToImage)(ctx, html);
+                }
                 return formatSearchResults(results, '重启');
             }
             logger_1.commandLogger.debug(`查找容器: ${container} 在 ${selector}`);
@@ -123,6 +152,11 @@ function registerControlCommands(ctx, getService) {
             logger_1.commandLogger.debug(`找到容器: ${found.Names[0]} 在节点 ${node.name}`);
             await node.restartContainer(found.Id);
             logger_1.commandLogger.debug(`容器已重启: ${found.Id}`);
+            if (useImageOutput && ctx.puppeteer) {
+                const results = [{ node, container: found, success: true }];
+                const html = (0, render_1.generateResultHtml)(results, '重启成功');
+                return await (0, render_1.renderToImage)(ctx, html);
+            }
             const name = found.Names[0]?.replace('/', '') || found.Id.slice(0, 8);
             return `✅ ${node.name}: ${name} 已重启`;
         }
@@ -145,6 +179,10 @@ function registerControlCommands(ctx, getService) {
         try {
             const { node, container: found } = await service.findContainer(selector, container);
             const info = await node.getContainer(found.Id);
+            if (useImageOutput && ctx.puppeteer) {
+                const html = (0, render_1.generateInspectHtml)(node.name, info);
+                return await (0, render_1.renderToImage)(ctx, html);
+            }
             const lines = [
                 `名称: ${info.Name.replace('/', '')}`,
                 `ID: ${info.Id.slice(0, 12)}`,

package/lib/commands/index.js

@@ -4,21 +4,23 @@ exports.registerCommands = registerCommands;
 const list_1 = require("./list");
 const control_1 = require("./control");
 const logs_1 = require("./logs");
+const render_1 = require("../utils/render");
 /**
  * 注册所有指令
  */
 function registerCommands(ctx, getService, config) {
     // 注册各模块指令
     (0, list_1.registerListCommand)(ctx, getService, config);
-    (0, control_1.registerControlCommands)(ctx, getService);
+    (0, control_1.registerControlCommands)(ctx, getService, config);
     (0, logs_1.registerLogsCommand)(ctx, getService, config);
     // 注册辅助指令
-    registerHelperCommands(ctx, getService);
+    registerHelperCommands(ctx, getService, config);
 }
 /**
  * 注册辅助指令
  */
-function registerHelperCommands(ctx, getService) {
+function registerHelperCommands(ctx, getService, config) {
+    const useImageOutput = config?.imageOutput === true;
     /**
      * 查看节点列表
      */
@@ -31,6 +33,11 @@ function registerHelperCommands(ctx, getService) {
         if (nodes.length === 0) {
             return '未配置任何节点';
         }
+        const online = nodes.filter((n) => n.status === 'connected').length;
+        if (useImageOutput && ctx.puppeteer) {
+            const html = (0, render_1.generateNodesHtml)(nodes);
+            return await (0, render_1.renderToImage)(ctx, html);
+        }
         const lines = ['=== Docker 节点 ==='];
         for (const node of nodes) {
             const statusIcon = node.status === 'connected'
@@ -41,7 +48,6 @@ function registerHelperCommands(ctx, getService) {
             const tags = node.tags.length > 0 ? ` [@${node.tags.join(' @')}]` : '';
             lines.push(`${statusIcon} ${node.name} (${node.id})${tags} - ${node.status}`);
         }
-        const online = nodes.filter((n) => n.status === 'connected').length;
         lines.push(`\n总计: ${nodes.length} 个节点，${online} 个在线`);
         return lines.join('\n');
     });
@@ -63,6 +69,10 @@ function registerHelperCommands(ctx, getService) {
         const node = nodes[0];
         try {
             const version = await node.getVersion();
+            if (useImageOutput && ctx.puppeteer) {
+                const html = (0, render_1.generateNodeDetailHtml)(node, version);
+                return await (0, render_1.renderToImage)(ctx, html);
+            }
             const lines = [
                 `=== ${node.name} ===`,
                 `ID: ${node.id}`,

package/lib/commands/list.js

@@ -1,12 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerListCommand = registerListCommand;
-/**
- * 列出容器指令
- * docker.ls - 支持集群视图和图片渲染
- */
-const koishi_1 = require("koishi");
 const logger_1 = require("../utils/logger");
+const render_1 = require("../utils/render");
 function registerListCommand(ctx, getService, config) {
     // 检查是否启用了图片输出
     const useImageOutput = config?.imageOutput === true;
@@ -42,18 +38,9 @@ function registerListCommand(ctx, getService, config) {
                 if (results.length === 0) {
                     return '未发现任何容器';
                 }
-                // 生成 HTML
-                const html = generateHtml(results);
-                // 渲染图片 (puppeteer.render 返回的是 h.image() 元素的字符串)
-                logger_1.commandLogger.debug('渲染图片中...');
-                const imageElement = await ctx.puppeteer.render(html, async (page, next) => {
-                    await page.setViewport({ width: 600, height: 800 });
-                    const body = await page.$('body');
-                    const clip = await body.boundingBox();
-                    const buffer = await page.screenshot({ clip });
-                    return koishi_1.h.image(buffer, 'image/png').toString();
-                });
-                return imageElement;
+                // 生成并渲染
+                const html = (0, render_1.generateListHtml)(results, selector ? `容器列表 (${selector})` : '容器列表');
+                return await (0, render_1.renderToImage)(ctx, html);
             }
             catch (e) {
                 logger_1.commandLogger.error(`图片渲染失败: ${e.message}`);
@@ -130,140 +117,3 @@ function formatContainerLine(container, format) {
     // simple 模式：双行显示
     return `${emoji} ${name}\n    └ ${shortId} | ${image}`;
 }
-/**
- * 生成 HTML 模板
- */
-function generateHtml(results) {
-    const styles = `
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
-      min-height: 100vh;
-      padding: 20px;
-      color: #fff;
-    }
-    .container {
-      max-width: 700px;
-      margin: 0 auto;
-    }
-    .node-section {
-      background: rgba(255, 255, 255, 0.1);
-      border-radius: 12px;
-      margin-bottom: 20px;
-      overflow: hidden;
-    }
-    .node-header {
-      background: rgba(79, 172, 254, 0.3);
-      padding: 12px 16px;
-      font-size: 16px;
-      font-weight: 600;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    }
-    .table-header {
-      display: grid;
-      grid-template-columns: 40px 1fr 100px 1fr;
-      gap: 10px;
-      padding: 10px 16px;
-      background: rgba(0, 0, 0, 0.2);
-      font-size: 12px;
-      color: rgba(255, 255, 255, 0.6);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-    .row {
-      display: grid;
-      grid-template-columns: 40px 1fr 100px 1fr;
-      gap: 10px;
-      padding: 10px 16px;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-      align-items: center;
-      transition: background 0.2s;
-    }
-    .row:hover {
-      background: rgba(255, 255, 255, 0.05);
-    }
-    .row:last-child {
-      border-bottom: none;
-    }
-    .status {
-      font-size: 18px;
-      text-align: center;
-    }
-    .name {
-      font-weight: 500;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .id {
-      font-family: 'SF Mono', Monaco, monospace;
-      font-size: 12px;
-      color: rgba(255, 255, 255, 0.7);
-    }
-    .image {
-      font-size: 12px;
-      color: rgba(255, 255, 255, 0.7);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .running { color: #4ade80; }
-    .stopped { color: #f87171; }
-    .other { color: #94a3b8; }
-    .stats {
-      display: flex;
-      justify-content: center;
-      gap: 20px;
-      padding: 16px;
-      color: rgba(255, 255, 255, 0.6);
-      font-size: 13px;
-    }
-  `;
-    let html = `<!DOCTYPE html><html><head><meta charset="UTF-8"><style>${styles}</style></head><body>`;
-    html += `<div class="container">`;
-    let totalRunning = 0;
-    let totalStopped = 0;
-    for (const { node, containers } of results) {
-        const running = containers.filter(c => c.State === 'running').length;
-        const stopped = containers.length - running;
-        totalRunning += running;
-        totalStopped += stopped;
-        html += `<div class="node-section">`;
-        html += `<div class="node-header">${node.name}</div>`;
-        // 表头
-        html += `<div class="table-header">
-      <span></span>
-      <span>容器</span>
-      <span>ID</span>
-      <span>镜像</span>
-    </div>`;
-        // 容器列表
-        for (const c of containers) {
-            const status = c.State;
-            const emoji = status === 'running' ? '🟢' : (status === 'stopped' ? '🔴' : '⚪');
-            const name = c.Names[0]?.replace('/', '') || 'Unknown';
-            const shortId = c.Id.slice(0, 8);
-            let image = c.Image;
-            const parts = image.split('/');
-            if (parts.length > 1) {
-                image = parts[parts.length - 1];
-            }
-            html += `<div class="row">
-        <span class="status">${emoji}</span>
-        <span class="name" title="${name}">${name}</span>
-        <span class="id">${shortId}</span>
-        <span class="image" title="${image}">${image}</span>
-      </div>`;
-        }
-        // 统计
-        html += `<div class="stats">运行中: ${running} | 已停止: ${stopped}</div>`;
-        html += `</div>`;
-    }
-    // 总体统计
-    html += `<div class="node-section">`;
-    html += `<div class="stats"><strong>总计:</strong> ${totalRunning} 运行中, ${totalStopped} 已停止</div>`;
-    html += `</div>`;
-    html += `</div></body></html>`;
-    return html;
-}

package/lib/index.js

@@ -19,7 +19,7 @@ exports.inject = {
 exports.Config = koishi_1.Schema.object({
     requestTimeout: koishi_1.Schema.number().default(30000).description('请求超时 (毫秒)'),
     debug: koishi_1.Schema.boolean().default(false).description('调试模式'),
-    imageOutput: koishi_1.Schema.boolean().default(false).description('使用图片格式输出容器列表'),
+    imageOutput: koishi_1.Schema.boolean().default(false).description('使用图片格式输出容器列表和操作结果'),
     defaultLogLines: koishi_1.Schema.number().default(100).description('默认日志显示的行数'),
     // 监控策略
     monitor: koishi_1.Schema.object({

package/lib/service/node.d.ts

@@ -61,6 +61,20 @@ export declare class DockerNode {
      * 执行容器内命令
      */
     execContainer(containerId: string, cmd: string): Promise<string>;
+    /**
+     * 获取 Docker 版本信息
+     */
+    getVersion(): Promise<{
+        Version: string;
+        ApiVersion: string;
+        Os: string;
+        Arch: string;
+        KernelVersion: string;
+    }>;
+    /**
+     * 获取容器详细信息 (docker inspect)
+     */
+    getContainer(containerId: string): Promise<any>;
     /**
      * 解析 docker ps 输出
      */

package/lib/service/node.js

@@ -157,6 +157,32 @@ class DockerNode {
             throw new Error('未连接');
         return this.connector.execContainer(containerId, cmd);
     }
+    /**
+     * 获取 Docker 版本信息
+     */
+    async getVersion() {
+        if (!this.connector)
+            throw new Error('未连接');
+        const output = await this.connector.exec('docker version --format "{{json .Server}}"');
+        const info = JSON.parse(output);
+        return {
+            Version: info.Version || 'unknown',
+            ApiVersion: info.ApiVersion || 'unknown',
+            Os: info.Os || 'unknown',
+            Arch: info.Arch || 'unknown',
+            KernelVersion: info.KernelVersion || 'unknown',
+        };
+    }
+    /**
+     * 获取容器详细信息 (docker inspect)
+     */
+    async getContainer(containerId) {
+        if (!this.connector)
+            throw new Error('未连接');
+        const output = await this.connector.exec(`docker inspect ${containerId}`);
+        const info = JSON.parse(output);
+        return Array.isArray(info) ? info[0] : info;
+    }
     /**
      * 解析 docker ps 输出
      */

package/lib/utils/render.d.ts

@@ -0,0 +1,40 @@
+import { Context } from 'koishi';
+import type { ContainerInfo } from '../types';
+interface RenderOptions {
+    title?: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * 通用渲染函数：将 HTML 转换为图片
+ */
+export declare function renderToImage(ctx: Context, html: string, options?: RenderOptions): Promise<string>;
+/**
+ * 生成容器列表 HTML
+ */
+export declare function generateListHtml(data: Array<{
+    node: any;
+    containers: ContainerInfo[];
+}>, title?: string): string;
+/**
+ * 生成操作结果 HTML (启动/停止/重启)
+ */
+export declare function generateResultHtml(results: Array<{
+    node: any;
+    container?: any;
+    success: boolean;
+    error?: string;
+}>, title: string): string;
+/**
+ * 生成详情 HTML
+ */
+export declare function generateInspectHtml(nodeName: string, info: any): string;
+/**
+ * 生成节点列表 HTML
+ */
+export declare function generateNodesHtml(nodes: any[]): string;
+/**
+ * 生成节点详情 HTML
+ */
+export declare function generateNodeDetailHtml(node: any, version: any): string;
+export {};

package/lib/utils/render.js

@@ -0,0 +1,416 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToImage = renderToImage;
+exports.generateListHtml = generateListHtml;
+exports.generateResultHtml = generateResultHtml;
+exports.generateInspectHtml = generateInspectHtml;
+exports.generateNodesHtml = generateNodesHtml;
+exports.generateNodeDetailHtml = generateNodeDetailHtml;
+const koishi_1 = require("koishi");
+// 基础样式
+const STYLE = `
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    min-height: 100vh;
+    padding: 24px;
+    color: #e2e8f0;
+    line-height: 1.5;
+  }
+  .wrapper {
+    max-width: 800px;
+    margin: 0 auto;
+    background: rgba(30, 41, 59, 0.7);
+    backdrop-filter: blur(12px);
+    border-radius: 16px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+  }
+  .header {
+    background: rgba(51, 65, 85, 0.5);
+    padding: 16px 24px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .header-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #f8fafc;
+  }
+  .header-badge {
+    font-size: 12px;
+    padding: 4px 12px;
+    border-radius: 9999px;
+    background: rgba(255, 255, 255, 0.1);
+    color: #cbd5e1;
+  }
+  .content {
+    padding: 24px;
+  }
+  
+  /* 表格/列表样式 */
+  .list-item {
+    display: grid;
+    grid-template-columns: 48px 2fr 1.5fr 1fr;
+    gap: 16px;
+    padding: 16px;
+    border-radius: 8px;
+    align-items: center;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+    transition: background 0.2s;
+  }
+  .list-item:last-child {
+    border-bottom: none;
+  }
+  .list-item:hover {
+    background: rgba(255, 255, 255, 0.05);
+  }
+  .list-header {
+    font-size: 13px;
+    color: #94a3b8;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    padding: 0 16px 12px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    margin-bottom: 8px;
+  }
+  
+  /* 状态样式 */
+  .status-icon { font-size: 20px; }
+  .name-col { font-weight: 500; color: #fff; }
+  .meta-col { font-size: 13px; color: #94a3b8; font-family: 'SF Mono', Monaco, monospace; }
+  .tag {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    background: rgba(255, 255, 255, 0.1);
+  }
+  
+  /* Inspect 详情样式 */
+  .detail-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 20px;
+  }
+  .detail-card {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 12px;
+    padding: 20px;
+    border: 1px solid rgba(255, 255, 255, 0.05);
+  }
+  .detail-item {
+    margin-bottom: 12px;
+  }
+  .detail-item:last-child { margin-bottom: 0; }
+  .detail-label {
+    font-size: 13px;
+    color: #94a3b8;
+    margin-bottom: 4px;
+  }
+  .detail-value {
+    font-size: 15px;
+    color: #e2e8f0;
+    font-family: 'SF Mono', Monaco, monospace;
+    word-break: break-all;
+  }
+  .detail-value.highlight {
+    color: #60a5fa;
+  }
+
+  /* 操作结果样式 */
+  .result-card {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+    background: rgba(255, 255, 255, 0.03);
+    border-radius: 8px;
+    margin-bottom: 12px;
+    border-left: 4px solid #64748b;
+  }
+  .result-card.success { border-left-color: #4ade80; background: rgba(74, 222, 128, 0.1); }
+  .result-card.error { border-left-color: #f87171; background: rgba(248, 113, 113, 0.1); }
+  .result-icon {
+    font-size: 24px;
+    margin-right: 16px;
+  }
+  .result-info { flex: 1; }
+  .result-title { font-weight: 600; margin-bottom: 4px; }
+  .result-msg { font-size: 13px; color: #cbd5e1; }
+`;
+/**
+ * 包装 HTML
+ */
+function wrapHtml(content, style = STYLE) {
+    return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>${style}</style>
+</head>
+<body>
+  <div class="wrapper">
+    ${content}
+  </div>
+</body>
+</html>`;
+}
+/**
+ * 通用渲染函数：将 HTML 转换为图片
+ */
+async function renderToImage(ctx, html, options = {}) {
+    if (!ctx.puppeteer) {
+        throw new Error('未安装 koishi-plugin-puppeteer 插件');
+    }
+    return ctx.puppeteer.render(html, async (page, next) => {
+        // 设置适当的视口，高度设大一点以便 content 自适应，然后截图 clip
+        await page.setViewport({
+            width: options.width || 700,
+            height: options.height || 1000,
+            deviceScaleFactor: 2 // 高清渲染
+        });
+        // 等待内容渲染
+        const body = await page.$('body');
+        const wrapper = await page.$('.wrapper');
+        // 获取 wrapper 的实际大小
+        const clip = await wrapper?.boundingBox() || await body?.boundingBox();
+        if (clip) {
+            // 增加一点 padding 截图
+            // clip.x -= 10
+            // clip.y -= 10
+            // clip.width += 20
+            // clip.height += 20
+            // 直接截取 content
+            const buffer = await page.screenshot({ clip });
+            return koishi_1.h.image(buffer, 'image/png').toString();
+        }
+        // Fallback
+        const buffer = await page.screenshot({ fullPage: true });
+        return koishi_1.h.image(buffer, 'image/png').toString();
+    });
+}
+/**
+ * 生成容器列表 HTML
+ */
+function generateListHtml(data, title = '容器列表') {
+    let stats = { running: 0, stopped: 0, total: 0 };
+    const content = data.map(({ node, containers }) => {
+        const nodeStats = {
+            running: containers.filter(c => c.State === 'running').length,
+            total: containers.length
+        };
+        stats.running += nodeStats.running;
+        stats.total += nodeStats.total;
+        stats.stopped += (nodeStats.total - nodeStats.running);
+        const listItems = containers.length === 0
+            ? `<div style="padding: 20px; text-align: center; color: #64748b;">(暂无容器)</div>`
+            : containers.map(c => {
+                const isRunning = c.State === 'running';
+                const icon = isRunning ? '🟢' : (c.State === 'stopped' ? '🔴' : '⚪');
+                const name = c.Names[0]?.replace('/', '') || 'Unknown';
+                const shortId = c.Id.slice(0, 12);
+                const image = c.Image.split('/').pop() || c.Image;
+                return `
+          <div class="list-item">
+            <div class="status-icon">${icon}</div>
+            <div class="name-col">
+              <div>${name}</div>
+              <div style="font-size:12px; opacity:0.6; margin-top:2px;">${c.Status}</div>
+            </div>
+            <div class="meta-col">
+              <div>ID: ${shortId}</div>
+              <div style="color: #64748b; margin-top:2px;">${image}</div>
+            </div>
+            <div style="text-align: right;">
+              <span class="tag" style="background: ${isRunning ? 'rgba(74, 222, 128, 0.1); color: #4ade80' : 'rgba(248, 113, 113, 0.1); color: #f87171'}">${c.State}</span>
+            </div>
+          </div>
+        `;
+            }).join('');
+        return `
+      <div style="margin-bottom: 24px;">
+        <div style="padding: 12px 16px; background: rgba(0,0,0,0.2); border-radius: 8px 8px 0 0; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between;">
+          <span>📦 ${node.name}</span>
+          <span style="font-size: 13px; opacity: 0.7;">${nodeStats.running} / ${nodeStats.total} 运行中</span>
+        </div>
+        <div style="background: rgba(0,0,0,0.1); border-radius: 0 0 8px 8px;">
+          ${listItems}
+        </div>
+      </div>
+    `;
+    }).join('');
+    const header = `
+    <div class="header">
+      <div class="header-title">${title}</div>
+      <div class="header-badge">Total: ${stats.running} running / ${stats.total} total</div>
+    </div>
+  `;
+    return wrapHtml(header + '<div class="content">' + content + '</div>');
+}
+/**
+ * 生成操作结果 HTML (启动/停止/重启)
+ */
+function generateResultHtml(results, title) {
+    const successCount = results.filter(r => r.success).length;
+    const failCount = results.length - successCount;
+    const items = results.map(r => {
+        const isSuccess = r.success;
+        const icon = isSuccess ? '✅' : '❌';
+        const name = r.container?.Names?.[0]?.replace('/', '') || r.container?.Id?.slice(0, 8) || 'Unknown';
+        const message = r.error || (isSuccess ? '操作成功' : '操作失败');
+        return `
+      <div class="result-card ${isSuccess ? 'success' : 'error'}">
+        <div class="result-icon">${icon}</div>
+        <div class="result-info">
+          <div class="result-title">${r.node.name}: ${name}</div>
+          <div class="result-msg">${message}</div>
+        </div>
+      </div>
+    `;
+    }).join('');
+    const header = `
+    <div class="header">
+      <div class="header-title">${title}</div>
+      <div class="header-badge" style="background: ${failCount > 0 ? 'rgba(248, 113, 113, 0.2); color: #fca5a5' : 'rgba(74, 222, 128, 0.2); color: #86efac'}">
+        成功: ${successCount} | 失败: ${failCount}
+      </div>
+    </div>
+  `;
+    return wrapHtml(header + '<div class="content">' + items + '</div>');
+}
+/**
+ * 生成详情 HTML
+ */
+function generateInspectHtml(nodeName, info) {
+    const name = info.Name.replace('/', '');
+    const shortId = info.Id.slice(0, 12);
+    const isRunning = info.State.Running;
+    const items = [
+        { label: '容器名称', value: name },
+        { label: '容器 ID', value: info.Id },
+        { label: '镜像', value: info.Config.Image },
+        { label: '状态', value: info.State.Status, highlight: true },
+        { label: '创建时间', value: new Date(info.Created).toLocaleString() },
+        { label: '启动时间', value: new Date(info.State.StartedAt).toLocaleString() },
+        { label: '重启次数', value: info.RestartCount },
+        { label: 'IP 地址', value: info.NetworkSettings?.IPAddress || '-' },
+        { label: '平台', value: info.Platform || 'linux' },
+        { label: '驱动', value: info.Driver },
+    ];
+    if (info.State.Health) {
+        items.push({ label: '健康状态', value: info.State.Health.Status, highlight: true });
+    }
+    const gridItems = items.map(item => `
+    <div class="detail-item">
+      <div class="detail-label">${item.label}</div>
+      <div class="detail-value ${item.highlight ? 'highlight' : ''}">${item.value}</div>
+    </div>
+  `).join('');
+    const header = `
+    <div class="header">
+      <div class="header-title">容器详情</div>
+      <div class="header-badge">${nodeName}</div>
+    </div>
+  `;
+    const body = `
+    <div class="content">
+      <div class="detail-card">
+        <div style="display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);">
+          <div style="font-size: 32px; margin-right: 16px;">${isRunning ? '🟢' : '🔴'}</div>
+          <div>
+            <div style="font-size: 20px; font-weight: 600;">${name}</div>
+            <div style="font-size: 13px; color: #94a3b8; font-family: monospace;">${shortId}</div>
+          </div>
+        </div>
+        <div class="detail-grid">
+          ${gridItems}
+        </div>
+      </div>
+      <!--Mounts/Ports could be added here-->
+    </div>
+  `;
+    return wrapHtml(header + body);
+}
+/**
+ * 生成节点列表 HTML
+ */
+function generateNodesHtml(nodes) {
+    const onlineCount = nodes.filter(n => n.status === 'connected').length;
+    const totalCount = nodes.length;
+    const listItems = nodes.map(n => {
+        const isOnline = n.status === 'connected';
+        const isConnecting = n.status === 'connecting';
+        const icon = isOnline ? '🟢' : (isConnecting ? '🟡' : '🔴');
+        const tags = n.tags.map((t) => `<span class="tag">@${t}</span>`).join(' ');
+        return `
+      <div class="list-item">
+        <div class="status-icon">${icon}</div>
+        <div class="name-col">
+          <div>${n.name}</div>
+          <div style="font-size:12px; opacity:0.6; margin-top:2px;">${n.id}</div>
+        </div>
+        <div class="meta-col">
+          <div style="color: ${isOnline ? '#4ade80' : (isConnecting ? '#facc15' : '#f87171')}">${n.status}</div>
+        </div>
+        <div>${tags}</div>
+      </div>
+    `;
+    }).join('');
+    const header = `
+    <div class="header">
+      <div class="header-title">节点列表</div>
+      <div class="header-badge" style="background: rgba(74, 222, 128, 0.1); color: #4ade80">在线: ${onlineCount} / ${totalCount}</div>
+    </div>
+  `;
+    return wrapHtml(header + '<div class="content"><div style="background: rgba(0,0,0,0.2); border-radius: 8px;">' + listItems + '</div></div>');
+}
+/**
+ * 生成节点详情 HTML
+ */
+function generateNodeDetailHtml(node, version) {
+    const isOnline = node.status === 'connected';
+    // 基础信息
+    const items = [
+        { label: '节点名称', value: node.name },
+        { label: '节点 ID', value: node.id },
+        { label: '状态', value: node.status, highlight: isOnline },
+        { label: '标签', value: node.tags.join(', ') || '(无)' },
+    ];
+    // 版本信息
+    if (version) {
+        items.push({ label: 'Docker 版本', value: version.Version }, { label: 'API 版本', value: version.ApiVersion }, { label: '操作系统', value: `${version.Os} (${version.Arch})` }, { label: '内核版本', value: version.KernelVersion }, { label: 'Go 版本', value: version.GoVersion }, { label: 'Git Commit', value: version.GitCommit }, { label: '构建时间', value: version.BuildTime });
+    }
+    const gridItems = items.map(item => `
+    <div class="detail-item">
+      <div class="detail-label">${item.label}</div>
+      <div class="detail-value ${item.highlight ? 'highlight' : ''}">${item.value}</div>
+    </div>
+  `).join('');
+    const header = `
+    <div class="header">
+      <div class="header-title">节点详情</div>
+      <div class="header-badge">${node.name}</div>
+    </div>
+  `;
+    const body = `
+    <div class="content">
+      <div class="detail-card">
+        <div style="display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);">
+          <div style="font-size: 32px; margin-right: 16px;">${isOnline ? '🟢' : '🔴'}</div>
+          <div>
+            <div style="font-size: 20px; font-weight: 600;">${node.name}</div>
+            <div style="font-size: 13px; color: #94a3b8; font-family: monospace;">${node.id}</div>
+          </div>
+        </div>
+        <div class="detail-grid">
+          ${gridItems}
+        </div>
+      </div>
+    </div>
+  `;
+    return wrapHtml(header + body);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-docker-control",
   "description": "Koishi 插件 - 通过 SSH 控制 Docker 容器",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [
@@ -22,17 +22,15 @@
     "ssh"
   ],
   "peerDependencies": {
-    "dockerode": "^4.0.9",
-    "koishi": "4.18.10",
-    "ssh2": "^1.17.0"
+    "koishi": "4.18.10"
   },
   "dependencies": {
+    "ssh2": "^1.17.0",
     "puppeteer": "^21.0.0"
   },
   "devDependencies": {
-    "@types/dockerode": "^3.3.47",
     "@types/node": "^20.19.27",
     "@types/ssh2": "^1.15.5",
     "typescript": "^5.9.3"
   }
-}
+}