sidekick-docker 0.2.0 → 0.2.1

package/dist/sidekick-docker.mjs

@@ -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);
@@ -95533,7 +95531,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 +95554,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;
@@ -96229,8 +96216,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;
@@ -96259,7 +96245,7 @@ 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;
@@ -96885,7 +96871,7 @@ 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);
@@ -97047,11 +97033,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 +97151,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 +97159,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.1" }),
+    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VersionOverlay, { version: "0.2.1" }),
     state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ExecOverlay,
       {
@@ -97186,7 +97177,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.2.0",
+        version: "0.2.1",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh,
@@ -97247,27 +97238,61 @@ async function dashboardAction(_opts, cmd) {
   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 +97306,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 +97333,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 = [
@@ -97337,7 +97372,7 @@ async function dashboardAction(_opts, cmd) {
       import_react37.default.createElement(Dashboard, {
         panels,
         metrics: getEnrichedMetrics(),
-        onSelectionChange,
+        onViewStateChange,
         execTriggerRef,
         onExecFallback
       })
@@ -97349,7 +97384,7 @@ async function dashboardAction(_opts, cmd) {
     import_react37.default.createElement(Dashboard, {
       panels,
       metrics: getEnrichedMetrics(),
-      onSelectionChange,
+      onViewStateChange,
       execTriggerRef,
       onExecFallback
     })
@@ -97383,7 +97418,7 @@ async function dashboardAction(_opts, cmd) {
         import_react37.default.createElement(Dashboard, {
           panels,
           metrics: getEnrichedMetrics(),
-          onSelectionChange,
+          onViewStateChange,
           execTriggerRef,
           onExecFallback
         })
@@ -97406,6 +97441,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 {
@@ -97490,7 +97533,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.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.2.0",
+  "version": "0.2.1",
   "description": "Docker management TUI dashboard",
   "author": "Cesar Andres Lopez <cesarandreslopez@gmail.com>",
   "repository": {