sidekick-docker 0.1.0 → 0.1.1

package/README.md

@@ -6,7 +6,9 @@
 
 A terminal dashboard for Docker. Manage containers, Compose projects, images, volumes, and networks — all from a single, keyboard-driven TUI.
 
-<!-- ![Sidekick Docker CLI Screenshot](../docs/screenshot-cli.png) -->
+<p align="center">
+  <img src="../assets/sidekick_docker_cli.gif" alt="Sidekick Docker CLI Demo" width="800">
+</p>
 
 ## Install
 
@@ -127,6 +129,10 @@ sidekick-docker --socket tcp://192.168.1.100:2375
 
 Full documentation is available at the [docs site](https://cesarandreslopez.github.io/sidekick-docker/).
 
+## See Also
+
+**[Sidekick Agent Hub](https://github.com/cesarandreslopez/sidekick-agent-hub)** — Multi-provider AI coding agent monitor. Real-time visibility into Claude Code, OpenCode, and Codex CLI sessions with token tracking, context management, and session intelligence. Available as a [TUI on npm](https://www.npmjs.com/package/sidekick-agent-hub) and a [VS Code extension](https://marketplace.visualstudio.com/items?itemName=CesarAndresLopez.sidekick-for-max).
+
 ## Contributing
 
 Contributions are welcome! See [CONTRIBUTING.md](../CONTRIBUTING.md) for setup instructions and guidelines.

package/dist/sidekick-docker.mjs

@@ -39925,6 +39925,89 @@ var require_ComposeClient = __commonJS({
       async ps(project) {
         return this.exec(["-p", project, "ps", "--format", "json"]);
       }
+      async *streamLogs(project, service, tail = 100) {
+        const args = ["-p", project, "logs", "--follow", "--tail", String(tail), "--timestamps"];
+        if (service)
+          args.push(service);
+        const proc = (0, child_process_1.spawn)("docker", ["compose", ...args], {
+          stdio: ["ignore", "pipe", "pipe"]
+        });
+        const parseLine = (line, stream) => {
+          if (!line.trim())
+            return null;
+          const pipeIdx = line.indexOf("|");
+          let message = line;
+          let timestamp = null;
+          if (pipeIdx > 0) {
+            const after = line.substring(pipeIdx + 1).trimStart();
+            const tsMatch = after.match(/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}[\d.]*Z?)\s*(.*)/);
+            if (tsMatch) {
+              const parsed = new Date(tsMatch[1]);
+              if (!isNaN(parsed.getTime())) {
+                timestamp = parsed;
+                message = `${line.substring(0, pipeIdx).trim()} | ${tsMatch[2]}`;
+              } else {
+                message = `${line.substring(0, pipeIdx).trim()} | ${after}`;
+              }
+            } else {
+              message = `${line.substring(0, pipeIdx).trim()} | ${after}`;
+            }
+          }
+          return { timestamp, stream, message };
+        };
+        let stdoutBuffer = "";
+        let stderrBuffer = "";
+        let done = false;
+        const entries = [];
+        let resolve = null;
+        const push = (entry) => {
+          entries.push(entry);
+          resolve?.();
+        };
+        proc.stdout.on("data", (data) => {
+          stdoutBuffer += data.toString();
+          const lines = stdoutBuffer.split("\n");
+          stdoutBuffer = lines.pop();
+          for (const line of lines) {
+            const entry = parseLine(line, "stdout");
+            if (entry)
+              push(entry);
+          }
+        });
+        proc.stderr.on("data", (data) => {
+          stderrBuffer += data.toString();
+          const lines = stderrBuffer.split("\n");
+          stderrBuffer = lines.pop();
+          for (const line of lines) {
+            const entry = parseLine(line, "stderr");
+            if (entry)
+              push(entry);
+          }
+        });
+        proc.on("close", () => {
+          done = true;
+          resolve?.();
+        });
+        proc.on("error", () => {
+          done = true;
+          resolve?.();
+        });
+        try {
+          while (!done) {
+            if (entries.length === 0) {
+              await new Promise((r) => {
+                resolve = r;
+              });
+              resolve = null;
+            }
+            while (entries.length > 0) {
+              yield entries.shift();
+            }
+          }
+        } finally {
+          proc.kill();
+        }
+      }
     };
     exports2.ComposeClient = ComposeClient2;
   }
@@ -77304,6 +77387,7 @@ var DockerState = class {
   networks = [];
   composeProjects = [];
   selectedLogs = [];
+  selectedComposeLogs = [];
   inspectedEnv = /* @__PURE__ */ new Map();
   lastRefresh = null;
   daemonConnected = false;
@@ -77407,6 +77491,15 @@ var DockerState = class {
   clearLogs() {
     this.selectedLogs = [];
   }
+  appendComposeLog(entry) {
+    this.selectedComposeLogs.push(entry);
+    if (this.selectedComposeLogs.length > 1e3) {
+      this.selectedComposeLogs.shift();
+    }
+  }
+  clearComposeLogs() {
+    this.selectedComposeLogs = [];
+  }
   getStatsCollector() {
     return this.statsCollector;
   }
@@ -77426,6 +77519,7 @@ var DockerState = class {
       statsCollector: this.statsCollector,
       inspectedEnv: this.inspectedEnv,
       selectedContainerLogs: [...this.selectedLogs],
+      selectedComposeLogs: [...this.selectedComposeLogs],
       lastRefresh: this.lastRefresh,
       daemonConnected: this.daemonConnected
     };
@@ -77767,9 +77861,12 @@ var ServicesPanel = class {
     },
     {
       label: "Logs",
-      render: () => {
-        return "Compose service logs will stream here when selected.";
-      }
+      render: (_item, metrics) => {
+        const logs = metrics.selectedComposeLogs;
+        if (logs.length === 0) return "No compose logs. Logs will appear when a service produces output.";
+        return logs.map((e) => colorizeLogEntry(e)).join("\n");
+      },
+      autoScrollBottom: true
     }
   ];
   getItems(metrics) {
@@ -78218,6 +78315,55 @@ var StatsStreamManager = class {
   }
 };
 
+// src/dashboard/ComposeLogStreamManager.ts
+var MAX_LOG_LINES2 = 1e3;
+var ComposeLogStreamManager = class {
+  composeClient;
+  currentProject = null;
+  currentService = null;
+  logs = [];
+  aborted = false;
+  onChange;
+  constructor(composeClient, onChange) {
+    this.composeClient = composeClient;
+    this.onChange = onChange;
+  }
+  async select(project, service) {
+    if (project === this.currentProject && service === this.currentService) return;
+    this.stop();
+    this.currentProject = project;
+    this.currentService = service;
+    this.logs = [];
+    if (!project) return;
+    this.aborted = false;
+    this.streamLogs(project, service);
+  }
+  async streamLogs(project, service) {
+    try {
+      for await (const entry of this.composeClient.streamLogs(project, service ?? void 0)) {
+        if (this.aborted || this.currentProject !== project) break;
+        this.logs.push(entry);
+        if (this.logs.length > MAX_LOG_LINES2) {
+          this.logs.shift();
+        }
+        this.onChange();
+      }
+    } catch {
+    }
+  }
+  stop() {
+    this.aborted = true;
+    this.currentProject = null;
+    this.currentService = null;
+  }
+  getLogs() {
+    return this.logs;
+  }
+  dispose() {
+    this.stop();
+  }
+};
+
 // src/dashboard/ink/Dashboard.tsx
 var import_react35 = __toESM(require_react(), 1);
 await init_build2();
@@ -79415,8 +79561,8 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         )
       ] })
     ] }),
-    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.0" }),
-    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(VersionOverlay, { version: "0.1.0" }),
+    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.1" }),
+    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(VersionOverlay, { version: "0.1.1" }),
     state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ExecOverlay,
       {
@@ -79434,7 +79580,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.1.0",
+        version: "0.1.1",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh
@@ -79490,10 +79636,18 @@ async function dashboardAction(_opts, cmd) {
   const statsManager = new StatsStreamManager(client, state.getStatsCollector(), () => {
     scheduleRender();
   });
+  const composeLogManager = new ComposeLogStreamManager(composeClient, () => {
+    state.clearComposeLogs();
+    for (const entry of composeLogManager.getLogs()) {
+      state.appendComposeLog(entry);
+    }
+    scheduleRender();
+  });
   const onSelectionChange = (panelId, itemId) => {
     if (panelId === "containers") {
       logManager.select(itemId);
       statsManager.select(itemId);
+      composeLogManager.select(null, null);
       if (itemId && !state.getInspectedEnv(itemId)) {
         client.inspectContainer(itemId).then((info) => {
           state.setInspectedEnv(itemId, info.Config.Env || []);
@@ -79501,9 +79655,19 @@ async function dashboardAction(_opts, cmd) {
         }).catch(() => {
         });
       }
+    } else if (panelId === "services" && itemId) {
+      logManager.select(null);
+      statsManager.select(null);
+      const parts = itemId.split(":");
+      if (parts[0] === "project") {
+        composeLogManager.select(parts.slice(1).join(":"), null);
+      } else if (parts[0] === "service") {
+        composeLogManager.select(parts[1], parts.slice(2).join(":"));
+      }
     } else {
       logManager.select(null);
       statsManager.select(null);
+      composeLogManager.select(null, null);
     }
   };
   const panels = [
@@ -79593,6 +79757,10 @@ async function dashboardAction(_opts, cmd) {
       statsManager.dispose();
     } catch {
     }
+    try {
+      composeLogManager.dispose();
+    } catch {
+    }
     try {
       clearInterval(refreshInterval);
     } catch {
@@ -79677,7 +79845,7 @@ async function logsAction(container, opts) {
 
 // src/cli.ts
 var program2 = new Command();
-program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.1.0").option("--socket <path>", "Docker socket path").action(async (_opts, cmd) => {
+program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.1.1").option("--socket <path>", "Docker socket path").action(async (_opts, cmd) => {
   await dashboardAction(_opts, cmd);
 });
 program2.command("ps").description("List containers").option("-a, --all", "Show all containers (default: running only)", false).action(async (opts) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sidekick-docker",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Docker management TUI dashboard",
   "author": "Cesar Andres Lopez <cesarandreslopez@gmail.com>",
   "repository": {