sidekick-docker 0.1.3 → 0.1.4

package/dist/sidekick-docker.mjs

@@ -77965,6 +77965,29 @@ var import_react37 = __toESM(require_react(), 1);
 var import_sidekick_docker_shared13 = __toESM(require_dist(), 1);
 import { spawnSync } from "child_process";
 
+// src/utils/clipboard.ts
+import { execSync } from "child_process";
+function copyToClipboard(text) {
+  try {
+    if (process.platform === "darwin") {
+      execSync("pbcopy", { input: text });
+    } else {
+      try {
+        execSync("xclip -selection clipboard", { input: text });
+      } catch {
+        try {
+          execSync("xsel --clipboard --input", { input: text });
+        } catch {
+          execSync("wl-copy", { input: text });
+        }
+      }
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}
+
 // src/dashboard/DockerState.ts
 var import_sidekick_docker_shared = __toESM(require_dist(), 1);
 var DockerState = class {
@@ -78316,6 +78339,8 @@ var ContainersPanel = class {
   onAction;
   onError;
   onExec;
+  onCopyLogs;
+  lastMetrics = null;
   constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
@@ -78324,6 +78349,9 @@ var ContainersPanel = class {
   setOnExec(handler) {
     this.onExec = handler;
   }
+  setOnCopyLogs(handler) {
+    this.onCopyLogs = handler;
+  }
   detailTabs = [
     {
       label: "Logs",
@@ -78453,10 +78481,11 @@ var ContainersPanel = class {
     }
   ];
   getItems(metrics) {
+    this.lastMetrics = metrics;
     return metrics.containers.map((c) => {
       const uptime = compactUptime(c.status);
       const portHint = c.state === "running" && c.ports.length > 0 ? `:${c.ports[0].hostPort || c.ports[0].containerPort}` : "";
-      const namePart = portHint ? `${(0, import_sidekick_docker_shared3.truncate)(c.name, 16)} ${portHint}` : (0, import_sidekick_docker_shared3.truncate)(c.name, 20);
+      const namePart = portHint ? `${(0, import_sidekick_docker_shared3.truncate)(c.name, 34)} ${portHint}` : (0, import_sidekick_docker_shared3.truncate)(c.name, 38);
       return {
         id: c.id,
         label: `${(0, import_sidekick_docker_shared3.stateIcon)(c.state)} ${namePart}`,
@@ -78515,6 +78544,23 @@ var ContainersPanel = class {
           this.onExec?.(c.id);
         },
         condition: (item) => item.data.state === "running"
+      },
+      {
+        key: "c",
+        label: "Copy Logs",
+        handler: () => {
+          if (!this.lastMetrics || !this.onCopyLogs) return;
+          const logs = this.lastMetrics.selectedContainerLogs;
+          const query = this.lastMetrics.logFilterString;
+          const mode = this.lastMetrics.logFilterMode;
+          let lines;
+          if (query) {
+            lines = logs.filter((l) => (0, import_sidekick_docker_shared4.filterLine)(l.message, query, mode).matched).map((l) => l.message);
+          } else {
+            lines = logs.map((l) => l.message);
+          }
+          this.onCopyLogs(lines.join("\n"));
+        }
       }
     ];
   }
@@ -78600,7 +78646,7 @@ var ServicesPanel = class {
         const icon = (0, import_sidekick_docker_shared3.stateIcon)(service.state);
         items.push({
           id: `service:${project.name}:${service.name}`,
-          label: `  ${icon} ${(0, import_sidekick_docker_shared3.truncate)(service.name, 18)}`,
+          label: `  ${icon} ${(0, import_sidekick_docker_shared3.truncate)(service.name, 36)}`,
           sortKey: sortKey++,
           data: { type: "service", service },
           iconColor: (0, import_sidekick_docker_shared3.stateColor)(service.state)
@@ -78709,7 +78755,7 @@ var ImagesPanel = class {
       const icon = img.isDangling ? "\u25CB" : "\u25CF";
       return {
         id: img.id,
-        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(tag, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(tag, 38)}`,
         sortKey: img.isDangling ? 1 : 0,
         data: img,
         iconColor: img.isDangling ? "gray" : "#2B4C7E",
@@ -78780,7 +78826,7 @@ var VolumesPanel = class {
       const icon = vol.isInUse ? "\u25CF" : "\u25CB";
       return {
         id: vol.name,
-        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(vol.name, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(vol.name, 38)}`,
         sortKey: vol.isInUse ? 0 : 1,
         data: vol,
         iconColor: vol.isInUse ? "green" : "gray",
@@ -78862,7 +78908,7 @@ var NetworksPanel = class {
       const countLabel = net.containers.length > 0 ? `${net.containers.length}` : "";
       return {
         id: net.id,
-        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(net.name, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(net.name, 38)}`,
         sortKey: net.isDefault ? 0 : 1,
         data: net,
         iconColor: net.isDefault ? "#2B4C7E" : "gray",
@@ -79362,7 +79408,8 @@ function useKeyboardHandler(ctx) {
     }
     if (input === "z") {
       dispatch({ type: "CYCLE_LAYOUT" });
-      addToast(`Layout: ${state.layoutMode === "normal" ? "Expanded" : "Normal"}`, "info");
+      const nextMode = state.layoutMode === "normal" ? "Wide" : state.layoutMode === "wide" ? "Expanded" : "Normal";
+      addToast(`Layout: ${nextMode}`, "info");
       return;
     }
     if (input === "/") {
@@ -79573,7 +79620,7 @@ function TabBar({ panels, activeIndex, layoutMode, phrase, panelCounts }) {
       ] }, panel.id);
     }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexGrow: 1, marginLeft: 1, children: phrase && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", wrap: "truncate", children: phrase }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: layoutMode === "expanded" ? "#2B4C7E" : "gray", children: `z: ${layoutMode === "expanded" ? "Expanded" : "Normal"} \u25B8` })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: layoutMode !== "normal" ? "#2B4C7E" : "gray", children: `z: ${layoutMode === "expanded" ? "Expanded" : layoutMode === "wide" ? "Wide" : "Normal"} \u25B8` })
   ] });
 }
 
@@ -79746,7 +79793,7 @@ var GLOBAL_BINDINGS = [
   { key: "g/G", label: "Jump to first / last" },
   { key: "Tab", label: "Toggle focus" },
   { key: "[/]", label: "Cycle detail tabs" },
-  { key: "z", label: "Toggle expanded layout" },
+  { key: "z", label: "Cycle layout (Normal/Wide/Expanded)" },
   { key: "/", label: "Filter items" },
   { key: "x", label: "Actions menu" },
   { key: "V", label: "Version info" },
@@ -80147,6 +80194,7 @@ var ExecManager = class {
 // src/dashboard/ink/Dashboard.tsx
 var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var SIDE_PANEL_WIDTH = 28;
+var SIDE_PANEL_WIDTH_WIDE = 42;
 var MIN_SCREEN_WIDTH = 60;
 var MIN_SCREEN_HEIGHT = 15;
 var RESERVED_UI_ROWS = 5;
@@ -80174,7 +80222,7 @@ function reducer(state, action) {
       return { ...state, detailTabIndex: next, detailScrollOffset: 0 };
     }
     case "CYCLE_LAYOUT": {
-      const next = state.layoutMode === "normal" ? "expanded" : "normal";
+      const next = state.layoutMode === "normal" ? "wide" : state.layoutMode === "wide" ? "expanded" : "normal";
       return { ...state, layoutMode: next, focusTarget: next === "expanded" ? "detail" : state.focusTarget };
     }
     case "TOGGLE_FOCUS":
@@ -80261,17 +80309,19 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
   const execManagerRef = (0, import_react36.useRef)(null);
   const [phrase, setPhrase] = import_react36.default.useState(() => (0, import_sidekick_docker_shared12.getRandomPhrase)());
   const phraseTimerRef = (0, import_react36.useRef)(null);
-  const rotatePhrase = (0, import_react36.useCallback)(() => {
+  const rotatePhraseRef = (0, import_react36.useRef)(void 0);
+  rotatePhraseRef.current = () => {
     setPhrase((0, import_sidekick_docker_shared12.getRandomPhrase)());
     if (phraseTimerRef.current) clearTimeout(phraseTimerRef.current);
-    phraseTimerRef.current = setTimeout(rotatePhrase, 7e3);
-  }, []);
+    phraseTimerRef.current = setTimeout(() => rotatePhraseRef.current?.(), 7e3);
+  };
+  const rotatePhrase = (0, import_react36.useCallback)(() => rotatePhraseRef.current?.(), []);
   (0, import_react36.useEffect)(() => {
-    phraseTimerRef.current = setTimeout(rotatePhrase, 7e3);
+    phraseTimerRef.current = setTimeout(() => rotatePhraseRef.current?.(), 7e3);
     return () => {
       if (phraseTimerRef.current) clearTimeout(phraseTimerRef.current);
     };
-  }, [rotatePhrase]);
+  }, []);
   (0, import_react36.useEffect)(() => {
     if (!execTriggerRef) return;
     execTriggerRef.current = (containerId, containerName) => {
@@ -80336,7 +80386,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
   }, []);
   const panel = panels[state.activePanelIndex];
   const tooSmall = columns < MIN_SCREEN_WIDTH || rows < MIN_SCREEN_HEIGHT;
-  const sideWidth = state.layoutMode === "expanded" ? 0 : SIDE_PANEL_WIDTH;
+  const sideWidth = state.layoutMode === "expanded" ? 0 : state.layoutMode === "wide" ? SIDE_PANEL_WIDTH_WIDE : SIDE_PANEL_WIDTH;
   const allItems = panel.getItems(metrics);
   const totalItemCount = allItems.length;
   const currentItems = (() => {
@@ -80473,8 +80523,8 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         )
       ] })
     ] }),
-    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.3" }),
-    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(VersionOverlay, { version: "0.1.3" }),
+    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.4" }),
+    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(VersionOverlay, { version: "0.1.4" }),
     state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ExecOverlay,
       {
@@ -80491,7 +80541,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.1.3",
+        version: "0.1.4",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh
@@ -80650,6 +80700,9 @@ async function dashboardAction(_opts, cmd) {
       onExecFallback(containerId);
     }
   });
+  containersPanel.setOnCopyLogs((text) => {
+    copyToClipboard(text);
+  });
   let renderTimer = null;
   function getEnrichedMetrics() {
     const m = state.getMetrics();
@@ -80773,7 +80826,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.3").option("--socket <path>", "Docker socket path").action(async (_opts, cmd) => {
+program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.1.4").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.3",
+  "version": "0.1.4",
   "description": "Docker management TUI dashboard",
   "author": "Cesar Andres Lopez <cesarandreslopez@gmail.com>",
   "repository": {