sidekick-docker 0.2.0 → 0.2.2

package/README.md

@@ -97,6 +97,7 @@ The dashboard has 5 panels, each mapped to a number key:
 | `r` | Restart |
 | `R` | Remove (with confirmation) |
 | `e` | Exec into container |
+| `c` | Copy logs to clipboard |
 
 ### Compose Actions (via context menu)
 
@@ -106,6 +107,7 @@ The dashboard has 5 panels, each mapped to a number key:
 | `d` | Down (stop project) |
 | `r` | Restart |
 | `S` | Stop |
+| `c` | Copy logs to clipboard |
 
 ## Features
 

package/dist/sidekick-docker.mjs

@@ -56086,7 +56086,7 @@ var require_ComposeClient = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.ComposeClient = void 0;
     var child_process_1 = __require("child_process");
-    var ComposeClient2 = class {
+    var ComposeClient3 = class {
       async exec(args, cwd2) {
         return new Promise((resolve, reject) => {
           const proc = (0, child_process_1.spawn)("docker", ["compose", ...args], {
@@ -56224,7 +56224,7 @@ var require_ComposeClient = __commonJS({
         }
       }
     };
-    exports2.ComposeClient = ComposeClient2;
+    exports2.ComposeClient = ComposeClient3;
   }
 });
 
@@ -56511,7 +56511,7 @@ var require_LogFilter = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.exactMatch = exactMatch;
     exports2.fuzzyMatch = fuzzyMatch;
-    exports2.filterLine = filterLine2;
+    exports2.filterLine = filterLine3;
     function exactMatch(line, query) {
       if (!query)
         return { matched: true, matches: [] };
@@ -56546,7 +56546,7 @@ var require_LogFilter = __commonJS({
       matches.sort((a, b) => a.start - b.start);
       return { matched: true, matches };
     }
-    function filterLine2(line, query, mode) {
+    function filterLine3(line, query, mode) {
       return mode === "exact" ? exactMatch(line, query) : fuzzyMatch(line, query);
     }
   }
@@ -94249,7 +94249,7 @@ var {
 
 // src/commands/dashboard.ts
 var import_react37 = __toESM(require_react(), 1);
-var import_sidekick_docker_shared13 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared14 = __toESM(require_dist(), 1);
 import { spawnSync } from "child_process";
 
 // src/utils/clipboard.ts
@@ -94732,9 +94732,7 @@ var ContainersPanel = class {
         if (c.state !== "running") return "Container is not running.";
         const latest = metrics.statsCollector.getLatest(c.id);
         if (!latest) {
-          const frames = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827";
-          const idx = Math.floor(Date.now() / 200) % frames.length;
-          return `${frames[idx]} Loading stats...`;
+          return "Loading stats...";
         }
         const cpuSeries = metrics.statsCollector.getCpuSeries(c.id);
         const memSeries = metrics.statsCollector.getMemorySeries(c.id);
@@ -94967,6 +94965,7 @@ var ContainersPanel = class {
 };
 
 // src/dashboard/panels/ServicesPanel.ts
+var import_sidekick_docker_shared5 = __toESM(require_dist(), 1);
 function getProjectName(d) {
   return d.type === "project" ? d.project.name : d.service.projectName;
 }
@@ -94978,12 +94977,17 @@ var ServicesPanel = class {
   onAction;
   onError;
   cwd;
+  onCopyLogs;
+  lastMetrics = null;
   constructor(composeClient, onAction, cwd2, onError) {
     this.composeClient = composeClient;
     this.onAction = onAction;
     this.onError = onError ?? defaultOnError;
     this.cwd = cwd2;
   }
+  setOnCopyLogs(handler) {
+    this.onCopyLogs = handler;
+  }
   detailTabs = [
     {
       label: "Info",
@@ -95023,6 +95027,7 @@ var ServicesPanel = class {
     }
   ];
   getItems(metrics) {
+    this.lastMetrics = metrics;
     const items = [];
     let sortKey = 0;
     for (const project of metrics.composeProjects) {
@@ -95117,6 +95122,23 @@ var ServicesPanel = class {
           });
         },
         condition: (item) => item.data !== null
+      },
+      {
+        key: "c",
+        label: "Copy Logs",
+        handler: () => {
+          if (!this.lastMetrics || !this.onCopyLogs) return;
+          const logs = this.lastMetrics.selectedComposeLogs;
+          const query = this.lastMetrics.logFilterString;
+          const mode = this.lastMetrics.logFilterMode;
+          let lines;
+          if (query) {
+            lines = logs.filter((l) => (0, import_sidekick_docker_shared5.filterLine)(l.message, query, mode).matched).map((l) => l.message);
+          } else {
+            lines = logs.map((l) => l.message);
+          }
+          this.onCopyLogs(lines.join("\n"));
+        }
       }
     ];
   }
@@ -95402,15 +95424,15 @@ var NetworksPanel = class {
 };
 
 // src/dashboard/LogStreamManager.ts
-var import_sidekick_docker_shared6 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared7 = __toESM(require_dist(), 1);
 
 // src/dashboard/BaseStreamManager.ts
-var import_sidekick_docker_shared5 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared6 = __toESM(require_dist(), 1);
 var BaseStreamManager = class {
   currentId;
   aborted = false;
   streamPromise = null;
-  reconnect = new import_sidekick_docker_shared5.ReconnectScheduler();
+  reconnect = new import_sidekick_docker_shared6.ReconnectScheduler();
   onChange;
   constructor(onChange) {
     this.onChange = onChange;
@@ -95437,7 +95459,7 @@ var BaseStreamManager = class {
       }
       this.reconnect.reset();
     } catch (err) {
-      console.debug(`${this.streamLabel} stream error:`, (0, import_sidekick_docker_shared5.errorMessage)(err));
+      console.debug(`${this.streamLabel} stream error:`, (0, import_sidekick_docker_shared6.errorMessage)(err));
     }
     if (!this.aborted && this.isSameId(id, this.currentId)) {
       const scheduled = this.reconnect.schedule(() => {
@@ -95474,9 +95496,9 @@ var BaseStreamManager = class {
 var LogStreamManager = class extends BaseStreamManager {
   client;
   logs = [];
-  analytics = new import_sidekick_docker_shared6.LogAnalytics();
-  timeSeries = new import_sidekick_docker_shared6.LogSeverityTimeSeries();
-  templateEngine = new import_sidekick_docker_shared6.LogTemplateEngine();
+  analytics = new import_sidekick_docker_shared7.LogAnalytics();
+  timeSeries = new import_sidekick_docker_shared7.LogSeverityTimeSeries();
+  templateEngine = new import_sidekick_docker_shared7.LogTemplateEngine();
   streamLabel = "log";
   constructor(client, onChange) {
     super(onChange);
@@ -95502,7 +95524,7 @@ var LogStreamManager = class extends BaseStreamManager {
     const severity = this.analytics.push(entry.message);
     this.timeSeries.push(severity);
     this.templateEngine.push(entry.message);
-    if (this.logs.length > import_sidekick_docker_shared6.MAX_LOG_LINES) {
+    if (this.logs.length > import_sidekick_docker_shared7.MAX_LOG_LINES) {
       this.logs.shift();
     }
   }
@@ -95533,7 +95555,6 @@ var LogStreamManager = class extends BaseStreamManager {
 var StatsStreamManager = class extends BaseStreamManager {
   client;
   collector;
-  loadingInterval = null;
   streamLabel = "stats";
   constructor(client, collector, onChange) {
     super(onChange);
@@ -95557,21 +95578,11 @@ var StatsStreamManager = class extends BaseStreamManager {
   }
   processItem(id, stats) {
     this.collector.push(id, stats);
-    this.clearLoadingInterval();
   }
   onClear() {
   }
   onBeforeStream() {
-    this.loadingInterval = setInterval(() => this.onChange(), 200);
-  }
-  onStop() {
-    this.clearLoadingInterval();
-  }
-  clearLoadingInterval() {
-    if (this.loadingInterval) {
-      clearInterval(this.loadingInterval);
-      this.loadingInterval = null;
-    }
+    this.onChange();
   }
   getCollector() {
     return this.collector;
@@ -95582,7 +95593,7 @@ var StatsStreamManager = class extends BaseStreamManager {
 };
 
 // src/dashboard/ComposeLogStreamManager.ts
-var import_sidekick_docker_shared7 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared8 = __toESM(require_dist(), 1);
 var ComposeLogStreamManager = class extends BaseStreamManager {
   composeClient;
   logs = [];
@@ -95608,7 +95619,7 @@ var ComposeLogStreamManager = class extends BaseStreamManager {
   }
   processItem(_id, entry) {
     this.logs.push(entry);
-    if (this.logs.length > import_sidekick_docker_shared7.MAX_LOG_LINES) {
+    if (this.logs.length > import_sidekick_docker_shared8.MAX_LOG_LINES) {
       this.logs.shift();
     }
   }
@@ -96229,8 +96240,7 @@ function DetailTabBar({ tabs, activeIndex }) {
 // src/dashboard/ink/DetailPane.tsx
 await init_build2();
 var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-function DetailPane({ content, scrollOffset, viewportHeight, focused }) {
-  const lines = content.split("\n");
+function DetailPane({ lines, scrollOffset, viewportHeight, focused }) {
   const visibleLines = lines.slice(scrollOffset, scrollOffset + viewportHeight);
   const hasScrollUp = scrollOffset > 0;
   const hasScrollDown = scrollOffset + viewportHeight < lines.length;
@@ -96246,7 +96256,7 @@ function DetailPane({ content, scrollOffset, viewportHeight, focused }) {
 // src/dashboard/ink/StatusBar.tsx
 var import_react32 = __toESM(require_react(), 1);
 await init_build2();
-var import_sidekick_docker_shared8 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared9 = __toESM(require_dist(), 1);
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
 function formatAgo(date) {
   const secs = Math.floor((Date.now() - date.getTime()) / 1e3);
@@ -96259,13 +96269,13 @@ var SEP2 = "\u2502";
 function StatusBar({ daemonConnected, focusTarget, panelActionHints, filterString, containerCount, runningCount, version: version2, matchCount, totalCount, lastRefresh, contextHint }) {
   const [, setTick] = (0, import_react32.useState)(0);
   (0, import_react32.useEffect)(() => {
-    const timer = setInterval(() => setTick((t) => t + 1), 5e3);
+    const timer = setInterval(() => setTick((t) => t + 1), 3e4);
     return () => clearInterval(timer);
   }, []);
   const ago = lastRefresh ? formatAgo(lastRefresh) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "magenta", children: ` \u26A1 ${import_sidekick_docker_shared8.BRAND_INLINE}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: ` ${import_sidekick_docker_shared8.BRAND_TAGLINE} v${version2}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "magenta", children: ` \u26A1 ${import_sidekick_docker_shared9.BRAND_INLINE}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: ` ${import_sidekick_docker_shared9.BRAND_TAGLINE} v${version2}` }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: ` ${SEP2} ` }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: daemonConnected ? "green" : "red", children: daemonConnected ? `\u25CF ${runningCount ?? 0}/${containerCount ?? 0}` : "\u25CB disconnected" }),
     ago && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: ago.stale ? "yellow" : "gray", dimColor: !ago.stale, children: ` \u21BB ${ago.text}` }),
@@ -96288,7 +96298,7 @@ function StatusBar({ daemonConnected, focusTarget, panelActionHints, filterStrin
 
 // src/dashboard/ink/HelpOverlay.tsx
 await init_build2();
-var import_sidekick_docker_shared9 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared10 = __toESM(require_dist(), 1);
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 var GLOBAL_BINDINGS = [
   { key: "1-5", label: "Switch panel" },
@@ -96314,7 +96324,7 @@ function HelpOverlay({ panels, activePanelIndex, version: version2 }) {
   const actions = panel.getActions();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, padding: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared9.BRAND_INLINE} ${import_sidekick_docker_shared9.BRAND_TAGLINE}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared10.BRAND_INLINE} ${import_sidekick_docker_shared10.BRAND_TAGLINE}` }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", dimColor: true, children: ` v${version2}` })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
@@ -96483,7 +96493,7 @@ function ToastNotification({ toast }) {
 
 // src/dashboard/ink/TooSmallOverlay.tsx
 await init_build2();
-var import_sidekick_docker_shared10 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared11 = __toESM(require_dist(), 1);
 var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 function TooSmallOverlay({ columns, rows }) {
   const needWidth = Math.max(0, 60 - columns);
@@ -96492,7 +96502,7 @@ function TooSmallOverlay({ columns, rows }) {
   if (needWidth > 0) hints.push(`${needWidth} col${needWidth > 1 ? "s" : ""} wider`);
   if (needHeight > 0) hints.push(`${needHeight} row${needHeight > 1 ? "s" : ""} taller`);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", justifyContent: "center", alignItems: "center", height: rows, width: columns, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared10.BRAND_INLINE}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared11.BRAND_INLINE}` }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { children: "" }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", bold: true, children: "Terminal too small" }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "gray", children: `${columns}\xD7${rows} \u2192 need ${hints.join(" and ")}` }),
@@ -96632,13 +96642,13 @@ function LogFilterOverlay({ filterString, filterMode }) {
 // src/dashboard/ink/VersionOverlay.tsx
 var import_react35 = __toESM(require_react(), 1);
 await init_build2();
-var import_sidekick_docker_shared11 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared12 = __toESM(require_dist(), 1);
 var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 function VersionOverlay({ version: version2 }) {
-  const phrase = import_react35.default.useMemo(() => (0, import_sidekick_docker_shared11.getRandomPhrase)(), []);
+  const phrase = import_react35.default.useMemo(() => (0, import_sidekick_docker_shared12.getRandomPhrase)(), []);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, padding: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared11.BRAND_INLINE}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "#2B4C7E", bold: true, children: `${import_sidekick_docker_shared11.BRAND_TAGLINE} v${version2}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { bold: true, color: "magenta", children: `\u26A1 ${import_sidekick_docker_shared12.BRAND_INLINE}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "#2B4C7E", bold: true, children: `${import_sidekick_docker_shared12.BRAND_TAGLINE} v${version2}` }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", dimColor: true, children: "\u2500".repeat(40) }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
@@ -96697,7 +96707,7 @@ function SortOverlay({ selectedIndex, currentField, reversed }) {
 }
 
 // src/dashboard/ink/Dashboard.tsx
-var import_sidekick_docker_shared12 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared13 = __toESM(require_dist(), 1);
 
 // src/dashboard/ExecManager.ts
 var ExecManager = class {
@@ -96885,16 +96895,16 @@ var initialState = {
   sortReversed: false,
   sortMenuIndex: 0
 };
-function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecFallback }) {
+function Dashboard({ panels, metrics, onViewStateChange, execTriggerRef, onExecFallback }) {
   const [state, dispatch] = (0, import_react36.useReducer)(reducer, initialState);
   const { columns, rows } = useTerminalSize();
   const toastIdRef = (0, import_react36.useRef)(0);
   const execManagerRef = (0, import_react36.useRef)(null);
-  const [phrase, setPhrase] = import_react36.default.useState(() => (0, import_sidekick_docker_shared12.getRandomPhrase)());
+  const [phrase, setPhrase] = import_react36.default.useState(() => (0, import_sidekick_docker_shared13.getRandomPhrase)());
   const phraseTimerRef = (0, import_react36.useRef)(null);
   const rotatePhraseRef = (0, import_react36.useRef)(void 0);
   rotatePhraseRef.current = () => {
-    setPhrase((0, import_sidekick_docker_shared12.getRandomPhrase)());
+    setPhrase((0, import_sidekick_docker_shared13.getRandomPhrase)());
     if (phraseTimerRef.current) clearTimeout(phraseTimerRef.current);
     phraseTimerRef.current = setTimeout(() => rotatePhraseRef.current?.(), 7e3);
   };
@@ -97047,11 +97057,16 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
     }
   }, [state.selectedItemIndex]);
   const selectedItem = currentItems[clampedSelection];
-  (0, import_react36.useEffect)(() => {
-    onSelectionChange?.(panel.id, selectedItem?.id ?? null);
-  }, [panel.id, selectedItem?.id]);
   const detailTabs = panel.detailTabs;
   const tabIdx = Math.min(state.detailTabIndex, detailTabs.length - 1);
+  (0, import_react36.useEffect)(() => {
+    onViewStateChange?.({
+      panelId: panel.id,
+      itemId: selectedItem?.id ?? null,
+      detailTabIndex: tabIdx,
+      sortField: state.sortField
+    });
+  }, [panel.id, selectedItem?.id, tabIdx, state.sortField]);
   const enrichedMetrics = {
     ...metrics,
     logFilterString: state.logFilterString,
@@ -97160,7 +97175,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           DetailPane,
           {
-            content: detailContent,
+            lines: detailLines,
             scrollOffset: state.detailScrollOffset,
             viewportHeight: detailViewportHeight,
             focused: state.focusTarget === "detail"
@@ -97168,8 +97183,8 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         )
       ] })
     ] }),
-    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.2.0" }),
-    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VersionOverlay, { version: "0.2.0" }),
+    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.2.2" }),
+    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VersionOverlay, { version: "0.2.2" }),
     state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ExecOverlay,
       {
@@ -97186,7 +97201,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.2.0",
+        version: "0.2.2",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh,
@@ -97231,7 +97246,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
 async function dashboardAction(_opts, cmd) {
   const globalOpts = cmd.parent?.opts() ?? cmd.opts();
   const socketPath = globalOpts.socket;
-  const client = new import_sidekick_docker_shared13.DockerClient(socketPath ? { socketPath } : void 0);
+  const client = new import_sidekick_docker_shared14.DockerClient(socketPath ? { socketPath } : void 0);
   const ok = await client.ping();
   if (!ok) {
     console.error("Error: Cannot connect to Docker daemon. Is Docker running?");
@@ -97240,34 +97255,68 @@ async function dashboardAction(_opts, cmd) {
   const cwd2 = process.cwd();
   const state = new DockerState(client, cwd2);
   await state.refresh();
-  const composeClient = new import_sidekick_docker_shared13.ComposeClient();
+  const composeClient = new import_sidekick_docker_shared14.ComposeClient();
   const onAction = () => {
     state.refresh().then(() => scheduleRender()).catch((e) => console.debug("refresh failed:", e));
   };
   const onError = (msg) => {
     console.debug("panel action failed:", msg);
   };
+  let logFlushTimer = null;
+  let composeLogFlushTimer = null;
   const logManager = new LogStreamManager(client, () => {
+    if (logFlushTimer) return;
+    logFlushTimer = setTimeout(() => {
+      logFlushTimer = null;
+      state.setSelectedLogs(logManager.getLogs());
+      logSeverityCounts = logManager.getSeverityCounts();
+      scheduleRender();
+    }, 100);
+  });
+  const flushLogsNow = () => {
+    if (logFlushTimer) {
+      clearTimeout(logFlushTimer);
+      logFlushTimer = null;
+    }
     state.setSelectedLogs(logManager.getLogs());
     logSeverityCounts = logManager.getSeverityCounts();
     scheduleRender();
-  });
+  };
   let logSeverityCounts = logManager.getSeverityCounts();
   const statsManager = new StatsStreamManager(client, state.getStatsCollector(), () => {
     scheduleRender();
   });
   const composeLogManager = new ComposeLogStreamManager(composeClient, () => {
+    if (composeLogFlushTimer) return;
+    composeLogFlushTimer = setTimeout(() => {
+      composeLogFlushTimer = null;
+      state.clearComposeLogs();
+      for (const entry of composeLogManager.getLogs()) {
+        state.appendComposeLog(entry);
+      }
+      scheduleRender();
+    }, 100);
+  });
+  const flushComposeLogsNow = () => {
+    if (composeLogFlushTimer) {
+      clearTimeout(composeLogFlushTimer);
+      composeLogFlushTimer = null;
+    }
     state.clearComposeLogs();
     for (const entry of composeLogManager.getLogs()) {
       state.appendComposeLog(entry);
     }
     scheduleRender();
-  });
-  const onSelectionChange = (panelId, itemId) => {
+  };
+  const onViewStateChange = (viewState) => {
+    const { panelId, itemId, detailTabIndex, sortField } = viewState;
+    const wantsLiveStats = sortField === "cpu" || sortField === "mem" || sortField === "net" || sortField === "io" || sortField === "pids";
     if (panelId === "containers") {
-      logManager.select(itemId);
-      statsManager.select(itemId);
-      composeLogManager.selectCompose(null, null);
+      void logManager.select(detailTabIndex === 0 ? itemId : null);
+      void statsManager.select(itemId && (detailTabIndex === 1 || wantsLiveStats) ? itemId : null);
+      void composeLogManager.selectCompose(null, null);
+      flushLogsNow();
+      flushComposeLogsNow();
       if (itemId && !state.getInspectedEnv(itemId)) {
         client.getContainerEnv(itemId).then((env3) => {
           state.setInspectedEnv(itemId, env3);
@@ -97281,18 +97330,26 @@ async function dashboardAction(_opts, cmd) {
         }).catch((e) => console.debug("getContainerChanges failed:", e));
       }
     } else if (panelId === "services" && itemId) {
-      logManager.select(null);
-      statsManager.select(null);
-      const parts = itemId.split(":");
-      if (parts[0] === "project") {
-        composeLogManager.selectCompose(parts.slice(1).join(":"), null);
-      } else if (parts[0] === "service") {
-        composeLogManager.selectCompose(parts[1], parts.slice(2).join(":"));
+      void logManager.select(null);
+      void statsManager.select(null);
+      if (detailTabIndex === 1) {
+        const parts = itemId.split(":");
+        if (parts[0] === "project") {
+          void composeLogManager.selectCompose(parts.slice(1).join(":"), null);
+        } else if (parts[0] === "service") {
+          void composeLogManager.selectCompose(parts[1], parts.slice(2).join(":"));
+        }
+      } else {
+        void composeLogManager.selectCompose(null, null);
       }
+      flushLogsNow();
+      flushComposeLogsNow();
     } else if (panelId === "images") {
-      logManager.select(null);
-      statsManager.select(null);
-      composeLogManager.selectCompose(null, null);
+      void logManager.select(null);
+      void statsManager.select(null);
+      void composeLogManager.selectCompose(null, null);
+      flushLogsNow();
+      flushComposeLogsNow();
       if (itemId && !state.getImageLayers(itemId)) {
         client.getImageHistory(itemId).then((layers) => {
           state.setImageLayers(itemId, layers);
@@ -97300,9 +97357,11 @@ async function dashboardAction(_opts, cmd) {
         }).catch((e) => console.debug("getImageHistory failed:", e));
       }
     } else {
-      logManager.select(null);
-      statsManager.select(null);
-      composeLogManager.selectCompose(null, null);
+      void logManager.select(null);
+      void statsManager.select(null);
+      void composeLogManager.selectCompose(null, null);
+      flushLogsNow();
+      flushComposeLogsNow();
     }
   };
   const panels = [
@@ -97312,7 +97371,7 @@ async function dashboardAction(_opts, cmd) {
     new VolumesPanel(client, onAction, onError),
     new NetworksPanel(client, onAction, onError)
   ];
-  const watcher = new import_sidekick_docker_shared13.EventWatcher(client, {
+  const watcher = new import_sidekick_docker_shared14.EventWatcher(client, {
     onEvent: (event) => {
       state.processEvent(event);
       scheduleRender();
@@ -97337,7 +97396,7 @@ async function dashboardAction(_opts, cmd) {
       import_react37.default.createElement(Dashboard, {
         panels,
         metrics: getEnrichedMetrics(),
-        onSelectionChange,
+        onViewStateChange,
         execTriggerRef,
         onExecFallback
       })
@@ -97349,7 +97408,7 @@ async function dashboardAction(_opts, cmd) {
     import_react37.default.createElement(Dashboard, {
       panels,
       metrics: getEnrichedMetrics(),
-      onSelectionChange,
+      onViewStateChange,
       execTriggerRef,
       onExecFallback
     })
@@ -97357,7 +97416,7 @@ async function dashboardAction(_opts, cmd) {
   const containersPanel = panels[0];
   containersPanel.setOnExec((containerId) => {
     const container = state.getMetrics().containers.find((c) => c.id === containerId);
-    const name = container?.name ?? (0, import_sidekick_docker_shared13.shortId)(containerId);
+    const name = container?.name ?? (0, import_sidekick_docker_shared14.shortId)(containerId);
     if (execTriggerRef.current) {
       execTriggerRef.current(containerId, name);
     } else {
@@ -97367,6 +97426,10 @@ async function dashboardAction(_opts, cmd) {
   containersPanel.setOnCopyLogs((text) => {
     copyToClipboard(text);
   });
+  const servicesPanel = panels[1];
+  servicesPanel.setOnCopyLogs((text) => {
+    copyToClipboard(text);
+  });
   let renderTimer = null;
   function getEnrichedMetrics() {
     const m = state.getMetrics();
@@ -97383,7 +97446,7 @@ async function dashboardAction(_opts, cmd) {
         import_react37.default.createElement(Dashboard, {
           panels,
           metrics: getEnrichedMetrics(),
-          onSelectionChange,
+          onViewStateChange,
           execTriggerRef,
           onExecFallback
         })
@@ -97406,6 +97469,14 @@ async function dashboardAction(_opts, cmd) {
       composeLogManager.dispose();
     } catch {
     }
+    try {
+      if (logFlushTimer) clearTimeout(logFlushTimer);
+    } catch {
+    }
+    try {
+      if (composeLogFlushTimer) clearTimeout(composeLogFlushTimer);
+    } catch {
+    }
     try {
       clearInterval(refreshInterval);
     } catch {
@@ -97430,9 +97501,9 @@ async function dashboardAction(_opts, cmd) {
 }
 
 // src/commands/ps.ts
-var import_sidekick_docker_shared14 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared15 = __toESM(require_dist(), 1);
 async function psAction(opts) {
-  const client = new import_sidekick_docker_shared14.DockerClient();
+  const client = new import_sidekick_docker_shared15.DockerClient();
   const ok = await client.ping();
   if (!ok) {
     console.error("Error: Cannot connect to Docker daemon. Is Docker running?");
@@ -97448,7 +97519,7 @@ async function psAction(opts) {
   console.log("-".repeat(100));
   for (const c of containers) {
     const row = [
-      (0, import_sidekick_docker_shared14.shortId)(c.id).padEnd(20),
+      (0, import_sidekick_docker_shared15.shortId)(c.id).padEnd(20),
       `${(0, import_sidekick_docker_shared3.stateIcon)(c.state)} ${c.name}`.padEnd(20),
       c.image.padEnd(20),
       formatUptime(c.status).padEnd(20),
@@ -97459,9 +97530,9 @@ async function psAction(opts) {
 }
 
 // src/commands/logs.ts
-var import_sidekick_docker_shared15 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared16 = __toESM(require_dist(), 1);
 async function logsAction(container, opts) {
-  const client = new import_sidekick_docker_shared15.DockerClient();
+  const client = new import_sidekick_docker_shared16.DockerClient();
   const ok = await client.ping();
   if (!ok) {
     console.error("Error: Cannot connect to Docker daemon. Is Docker running?");
@@ -97472,13 +97543,13 @@ async function logsAction(container, opts) {
       follow: opts.follow ?? true,
       tail: parseInt(opts.tail || "100", 10)
     })) {
-      const ts = entry.timestamp ? (0, import_sidekick_docker_shared15.formatTimestampTime)(entry.timestamp) : "";
+      const ts = entry.timestamp ? (0, import_sidekick_docker_shared16.formatTimestampTime)(entry.timestamp) : "";
       const prefix = entry.stream === "stderr" ? "\x1B[31m" : "";
       const reset = entry.stream === "stderr" ? "\x1B[0m" : "";
       console.log(`${prefix}${ts} ${entry.message}${reset}`);
     }
   } catch (err) {
-    const msg = (0, import_sidekick_docker_shared15.errorMessage)(err);
+    const msg = (0, import_sidekick_docker_shared16.errorMessage)(err);
     if (msg.includes("no such container") || msg.includes("No such container")) {
       console.error(`Error: Container "${container}" not found.`);
     } else {
@@ -97490,7 +97561,7 @@ async function logsAction(container, opts) {
 
 // src/cli.ts
 var program2 = new Command();
-program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.2.0").option("--socket <path>", "Docker socket path").action(async (_opts, cmd) => {
+program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.2.2").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.2.0",
+  "version": "0.2.2",
   "description": "Docker management TUI dashboard",
   "author": "Cesar Andres Lopez <cesarandreslopez@gmail.com>",
   "repository": {