sidekick-docker 0.1.2 → 0.1.4

package/dist/sidekick-docker.mjs

@@ -15141,7 +15141,7 @@ var require_load_balancer_child_handler = __commonJS({
           createSubchannel(subchannelAddress, subchannelArgs) {
             return this.parent.channelControlHelper.createSubchannel(subchannelAddress, subchannelArgs);
           }
-          updateState(connectivityState, picker, errorMessage) {
+          updateState(connectivityState, picker, errorMessage5) {
             var _a;
             if (this.calledByPendingChild()) {
               if (connectivityState === connectivity_state_1.ConnectivityState.CONNECTING) {
@@ -15153,7 +15153,7 @@ var require_load_balancer_child_handler = __commonJS({
             } else if (!this.calledByCurrentChild()) {
               return;
             }
-            this.parent.channelControlHelper.updateState(connectivityState, picker, errorMessage);
+            this.parent.channelControlHelper.updateState(connectivityState, picker, errorMessage5);
           }
           requestReresolution() {
             var _a;
@@ -15379,11 +15379,11 @@ var require_resolving_load_balancer = __commonJS({
               this.updateResolution();
             }
           },
-          updateState: (newState, picker, errorMessage) => {
+          updateState: (newState, picker, errorMessage5) => {
             this.latestChildState = newState;
             this.latestChildPicker = picker;
-            this.latestChildErrorMessage = errorMessage;
-            this.updateState(newState, picker, errorMessage);
+            this.latestChildErrorMessage = errorMessage5;
+            this.updateState(newState, picker, errorMessage5);
           },
           addChannelzChild: channelControlHelper.addChannelzChild.bind(channelControlHelper),
           removeChannelzChild: channelControlHelper.removeChannelzChild.bind(channelControlHelper)
@@ -15447,13 +15447,13 @@ var require_resolving_load_balancer = __commonJS({
         }
         this.backoffTimeout.runOnce();
       }
-      updateState(connectivityState, picker, errorMessage) {
+      updateState(connectivityState, picker, errorMessage5) {
         trace((0, uri_parser_1.uriToString)(this.target) + " " + connectivity_state_1.ConnectivityState[this.currentState] + " -> " + connectivity_state_1.ConnectivityState[connectivityState]);
         if (connectivityState === connectivity_state_1.ConnectivityState.IDLE) {
           picker = new picker_1.QueuePicker(this, picker);
         }
         this.currentState = connectivityState;
-        this.channelControlHelper.updateState(connectivityState, picker, errorMessage);
+        this.channelControlHelper.updateState(connectivityState, picker, errorMessage5);
       }
       handleResolutionFailure(error) {
         if (this.latestChildState === connectivity_state_1.ConnectivityState.IDLE) {
@@ -28353,13 +28353,13 @@ var require_subchannel = __commonJS({
        * @param newState The state to transition to
        * @returns True if the state changed, false otherwise
        */
-      transitionToState(oldStates, newState, errorMessage) {
+      transitionToState(oldStates, newState, errorMessage5) {
         var _a, _b;
         if (oldStates.indexOf(this.connectivityState) === -1) {
           return false;
         }
-        if (errorMessage) {
-          this.trace(connectivity_state_1.ConnectivityState[this.connectivityState] + " -> " + connectivity_state_1.ConnectivityState[newState] + ' with error "' + errorMessage + '"');
+        if (errorMessage5) {
+          this.trace(connectivity_state_1.ConnectivityState[this.connectivityState] + " -> " + connectivity_state_1.ConnectivityState[newState] + ' with error "' + errorMessage5 + '"');
         } else {
           this.trace(connectivity_state_1.ConnectivityState[this.connectivityState] + " -> " + connectivity_state_1.ConnectivityState[newState]);
         }
@@ -28400,7 +28400,7 @@ var require_subchannel = __commonJS({
             throw new Error(`Invalid state: unknown ConnectivityState ${newState}`);
         }
         for (const listener of this.stateListeners) {
-          listener(this, previousState, newState, this.keepaliveTime, errorMessage);
+          listener(this, previousState, newState, this.keepaliveTime, errorMessage5);
         }
         return true;
       }
@@ -29969,18 +29969,18 @@ var require_transport = __commonJS({
             setImmediate(() => {
               if (!reportedError) {
                 reportedError = true;
-                reject(`${errorMessage.trim()} (${(/* @__PURE__ */ new Date()).toISOString()})`);
+                reject(`${errorMessage5.trim()} (${(/* @__PURE__ */ new Date()).toISOString()})`);
               }
             });
           };
           const errorHandler = (error) => {
             var _a2;
             (_a2 = this.session) === null || _a2 === void 0 ? void 0 : _a2.destroy();
-            errorMessage = error.message;
-            this.trace("connection failed with error " + errorMessage);
+            errorMessage5 = error.message;
+            this.trace("connection failed with error " + errorMessage5);
             if (!reportedError) {
               reportedError = true;
-              reject(`${errorMessage} (${(/* @__PURE__ */ new Date()).toISOString()})`);
+              reject(`${errorMessage5} (${(/* @__PURE__ */ new Date()).toISOString()})`);
             }
           };
           const sessionOptions = {
@@ -30001,7 +30001,7 @@ var require_transport = __commonJS({
           const defaultWin = (_h = (_g = (_f = http2.getDefaultSettings) === null || _f === void 0 ? void 0 : _f.call(http2)) === null || _g === void 0 ? void 0 : _g.initialWindowSize) !== null && _h !== void 0 ? _h : 65535;
           const connWin = options["grpc-node.flow_control_window"];
           this.session = session;
-          let errorMessage = "Failed to connect";
+          let errorMessage5 = "Failed to connect";
           let reportedError = false;
           session.unref();
           session.once("remoteSettings", () => {
@@ -35224,8 +35224,8 @@ var require_load_balancer_pick_first = __commonJS({
         this.currentState = connectivity_state_1.ConnectivityState.IDLE;
         this.currentSubchannelIndex = 0;
         this.currentPick = null;
-        this.subchannelStateListener = (subchannel, previousState, newState, keepaliveTime, errorMessage) => {
-          this.onSubchannelStateUpdate(subchannel, previousState, newState, errorMessage);
+        this.subchannelStateListener = (subchannel, previousState, newState, keepaliveTime, errorMessage5) => {
+          this.onSubchannelStateUpdate(subchannel, previousState, newState, errorMessage5);
         };
         this.pickedSubchannelHealthListener = () => this.calculateAndReportNewState();
         this.stickyTransientFailureMode = false;
@@ -35248,26 +35248,26 @@ var require_load_balancer_pick_first = __commonJS({
         var _a;
         if (this.currentPick) {
           if (this.reportHealthStatus && !this.currentPick.isHealthy()) {
-            const errorMessage = `Picked subchannel ${this.currentPick.getAddress()} is unhealthy`;
+            const errorMessage5 = `Picked subchannel ${this.currentPick.getAddress()} is unhealthy`;
             this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({
-              details: errorMessage
-            }), errorMessage);
+              details: errorMessage5
+            }), errorMessage5);
           } else {
             this.updateState(connectivity_state_1.ConnectivityState.READY, new PickFirstPicker(this.currentPick), null);
           }
         } else if (((_a = this.latestAddressList) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-          const errorMessage = `No connection established. Last error: ${this.lastError}. Resolution note: ${this.latestResolutionNote}`;
+          const errorMessage5 = `No connection established. Last error: ${this.lastError}. Resolution note: ${this.latestResolutionNote}`;
           this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({
-            details: errorMessage
-          }), errorMessage);
+            details: errorMessage5
+          }), errorMessage5);
         } else if (this.children.length === 0) {
           this.updateState(connectivity_state_1.ConnectivityState.IDLE, new picker_1.QueuePicker(this), null);
         } else {
           if (this.stickyTransientFailureMode) {
-            const errorMessage = `No connection established. Last error: ${this.lastError}. Resolution note: ${this.latestResolutionNote}`;
+            const errorMessage5 = `No connection established. Last error: ${this.lastError}. Resolution note: ${this.latestResolutionNote}`;
             this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({
-              details: errorMessage
-            }), errorMessage);
+              details: errorMessage5
+            }), errorMessage5);
           } else {
             this.updateState(connectivity_state_1.ConnectivityState.CONNECTING, new picker_1.QueuePicker(this), null);
           }
@@ -35301,7 +35301,7 @@ var require_load_balancer_pick_first = __commonJS({
           this.currentPick = null;
         }
       }
-      onSubchannelStateUpdate(subchannel, previousState, newState, errorMessage) {
+      onSubchannelStateUpdate(subchannel, previousState, newState, errorMessage5) {
         var _a;
         if ((_a = this.currentPick) === null || _a === void 0 ? void 0 : _a.realSubchannelEquals(subchannel)) {
           if (newState !== connectivity_state_1.ConnectivityState.READY) {
@@ -35317,8 +35317,8 @@ var require_load_balancer_pick_first = __commonJS({
             }
             if (newState === connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE) {
               child.hasReportedTransientFailure = true;
-              if (errorMessage) {
-                this.lastError = errorMessage;
+              if (errorMessage5) {
+                this.lastError = errorMessage5;
               }
               this.maybeEnterStickyTransientFailureMode();
               if (index === this.currentSubchannelIndex) {
@@ -35383,10 +35383,10 @@ var require_load_balancer_pick_first = __commonJS({
         clearTimeout(this.connectionDelayTimeout);
         this.calculateAndReportNewState();
       }
-      updateState(newState, picker, errorMessage) {
+      updateState(newState, picker, errorMessage5) {
         trace(connectivity_state_1.ConnectivityState[this.currentState] + " -> " + connectivity_state_1.ConnectivityState[newState]);
         this.currentState = newState;
-        this.channelControlHelper.updateState(newState, picker, errorMessage);
+        this.channelControlHelper.updateState(newState, picker, errorMessage5);
       }
       resetSubchannelList() {
         for (const child of this.children) {
@@ -35479,10 +35479,10 @@ var require_load_balancer_pick_first = __commonJS({
         this.resolutionNote = resolutionNote;
         this.latestState = connectivity_state_1.ConnectivityState.IDLE;
         const childChannelControlHelper = (0, load_balancer_1.createChildChannelControlHelper)(channelControlHelper, {
-          updateState: (connectivityState, picker, errorMessage) => {
+          updateState: (connectivityState, picker, errorMessage5) => {
             this.latestState = connectivityState;
             this.latestPicker = picker;
-            channelControlHelper.updateState(connectivityState, picker, errorMessage);
+            channelControlHelper.updateState(connectivityState, picker, errorMessage5);
           }
         });
         this.pickFirstBalancer = new PickFirstLoadBalancer(childChannelControlHelper);
@@ -35981,12 +35981,12 @@ var require_load_balancer_round_robin = __commonJS({
         this.updatesPaused = false;
         this.lastError = null;
         this.childChannelControlHelper = (0, load_balancer_1.createChildChannelControlHelper)(channelControlHelper, {
-          updateState: (connectivityState, picker, errorMessage) => {
+          updateState: (connectivityState, picker, errorMessage5) => {
             if (this.currentState === connectivity_state_1.ConnectivityState.READY && connectivityState !== connectivity_state_1.ConnectivityState.READY) {
               this.channelControlHelper.requestReresolution();
             }
-            if (errorMessage) {
-              this.lastError = errorMessage;
+            if (errorMessage5) {
+              this.lastError = errorMessage5;
             }
             this.calculateAndUpdateState();
           }
@@ -36016,10 +36016,10 @@ var require_load_balancer_round_robin = __commonJS({
         } else if (this.countChildrenWithState(connectivity_state_1.ConnectivityState.CONNECTING) > 0) {
           this.updateState(connectivity_state_1.ConnectivityState.CONNECTING, new picker_1.QueuePicker(this), null);
         } else if (this.countChildrenWithState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE) > 0) {
-          const errorMessage = `round_robin: No connection established. Last error: ${this.lastError}`;
+          const errorMessage5 = `round_robin: No connection established. Last error: ${this.lastError}`;
           this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({
-            details: errorMessage
-          }), errorMessage);
+            details: errorMessage5
+          }), errorMessage5);
         } else {
           this.updateState(connectivity_state_1.ConnectivityState.IDLE, new picker_1.QueuePicker(this), null);
         }
@@ -36029,7 +36029,7 @@ var require_load_balancer_round_robin = __commonJS({
           }
         }
       }
-      updateState(newState, picker, errorMessage) {
+      updateState(newState, picker, errorMessage5) {
         trace(connectivity_state_1.ConnectivityState[this.currentState] + " -> " + connectivity_state_1.ConnectivityState[newState]);
         if (newState === connectivity_state_1.ConnectivityState.READY) {
           this.currentReadyPicker = picker;
@@ -36037,7 +36037,7 @@ var require_load_balancer_round_robin = __commonJS({
           this.currentReadyPicker = null;
         }
         this.currentState = newState;
-        this.channelControlHelper.updateState(newState, picker, errorMessage);
+        this.channelControlHelper.updateState(newState, picker, errorMessage5);
       }
       resetSubchannelList() {
         for (const child of this.children) {
@@ -36059,8 +36059,8 @@ var require_load_balancer_round_robin = __commonJS({
         const endpointList = rotateArray(maybeEndpointList.value, startIndex);
         this.resetSubchannelList();
         if (endpointList.length === 0) {
-          const errorMessage = `No addresses resolved. Resolution note: ${resolutionNote}`;
-          this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({ details: errorMessage }), errorMessage);
+          const errorMessage5 = `No addresses resolved. Resolution note: ${resolutionNote}`;
+          this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({ details: errorMessage5 }), errorMessage5);
         }
         trace("Connect to endpoint list " + endpointList.map(subchannel_address_1.endpointToString));
         this.updatesPaused = true;
@@ -36347,11 +36347,11 @@ var require_load_balancer_outlier_detection = __commonJS({
             mapEntry === null || mapEntry === void 0 ? void 0 : mapEntry.subchannelWrappers.push(subchannelWrapper);
             return subchannelWrapper;
           },
-          updateState: (connectivityState, picker, errorMessage) => {
+          updateState: (connectivityState, picker, errorMessage5) => {
             if (connectivityState === connectivity_state_1.ConnectivityState.READY) {
-              channelControlHelper.updateState(connectivityState, new OutlierDetectionPicker(picker, this.isCountingEnabled()), errorMessage);
+              channelControlHelper.updateState(connectivityState, new OutlierDetectionPicker(picker, this.isCountingEnabled()), errorMessage5);
             } else {
-              channelControlHelper.updateState(connectivityState, picker, errorMessage);
+              channelControlHelper.updateState(connectivityState, picker, errorMessage5);
             }
           }
         }));
@@ -36918,10 +36918,10 @@ var require_load_balancer_weighted_round_robin = __commonJS({
         } else if (this.countChildrenWithState(connectivity_state_1.ConnectivityState.CONNECTING) > 0) {
           this.updateState(connectivity_state_1.ConnectivityState.CONNECTING, new picker_1.QueuePicker(this), null);
         } else if (this.countChildrenWithState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE) > 0) {
-          const errorMessage = `weighted_round_robin: No connection established. Last error: ${this.lastError}`;
+          const errorMessage5 = `weighted_round_robin: No connection established. Last error: ${this.lastError}`;
           this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({
-            details: errorMessage
-          }), errorMessage);
+            details: errorMessage5
+          }), errorMessage5);
         } else {
           this.updateState(connectivity_state_1.ConnectivityState.IDLE, new picker_1.QueuePicker(this), null);
         }
@@ -36931,10 +36931,10 @@ var require_load_balancer_weighted_round_robin = __commonJS({
           }
         }
       }
-      updateState(newState, picker, errorMessage) {
+      updateState(newState, picker, errorMessage5) {
         trace(connectivity_state_1.ConnectivityState[this.currentState] + " -> " + connectivity_state_1.ConnectivityState[newState]);
         this.currentState = newState;
-        this.channelControlHelper.updateState(newState, picker, errorMessage);
+        this.channelControlHelper.updateState(newState, picker, errorMessage5);
       }
       updateAddressList(maybeEndpointList, lbConfig, options, resolutionNote) {
         var _a, _b;
@@ -36948,8 +36948,8 @@ var require_load_balancer_weighted_round_robin = __commonJS({
           return true;
         }
         if (maybeEndpointList.value.length === 0) {
-          const errorMessage = `No addresses resolved. Resolution note: ${resolutionNote}`;
-          this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({ details: errorMessage }), errorMessage);
+          const errorMessage5 = `No addresses resolved. Resolution note: ${resolutionNote}`;
+          this.updateState(connectivity_state_1.ConnectivityState.TRANSIENT_FAILURE, new picker_1.UnavailablePicker({ details: errorMessage5 }), errorMessage5);
           return false;
         }
         trace("Connect to endpoint list " + maybeEndpointList.value.map(subchannel_address_1.endpointToString));
@@ -36964,15 +36964,15 @@ var require_load_balancer_weighted_round_robin = __commonJS({
           if (!entry) {
             entry = {
               child: new load_balancer_pick_first_1.LeafLoadBalancer(endpoint, (0, load_balancer_1.createChildChannelControlHelper)(this.channelControlHelper, {
-                updateState: (connectivityState, picker, errorMessage) => {
+                updateState: (connectivityState, picker, errorMessage5) => {
                   if (this.currentState === connectivity_state_1.ConnectivityState.READY && connectivityState !== connectivity_state_1.ConnectivityState.READY) {
                     this.channelControlHelper.requestReresolution();
                   }
                   if (connectivityState === connectivity_state_1.ConnectivityState.READY) {
                     entry.nonEmptySince = null;
                   }
-                  if (errorMessage) {
-                    this.lastError = errorMessage;
+                  if (errorMessage5) {
+                    this.lastError = errorMessage5;
                   }
                   this.calculateAndUpdateState();
                 },
@@ -39740,9 +39740,15 @@ var require_DockerClient = __commonJS({
         const result = await this.docker.pruneNetworks();
         return { networksDeleted: result.NetworksDeleted || [] };
       }
-      async *streamEvents(filters) {
+      async *streamEvents(filters, signal) {
         const stream = await this.docker.getEvents({ filters });
+        if (signal) {
+          const onAbort = () => stream.destroy?.();
+          signal.addEventListener("abort", onAbort, { once: true });
+        }
         for await (const chunk of stream) {
+          if (signal?.aborted)
+            break;
           const lines = chunk.toString("utf8").split("\n").filter(Boolean);
           for (const line of lines) {
             let raw;
@@ -40087,7 +40093,7 @@ var require_StatsCollector = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.StatsCollector = void 0;
     var DEFAULT_MAX_SAMPLES = 60;
-    var StatsCollector2 = class {
+    var StatsCollector3 = class {
       histories = /* @__PURE__ */ new Map();
       maxSamples;
       constructor(maxSamples = DEFAULT_MAX_SAMPLES) {
@@ -40132,7 +40138,7 @@ var require_StatsCollector = __commonJS({
         this.histories.clear();
       }
     };
-    exports2.StatsCollector = StatsCollector2;
+    exports2.StatsCollector = StatsCollector3;
   }
 });
 
@@ -40605,19 +40611,63 @@ var require_LogTemplateEngine = __commonJS({
   }
 });
 
+// ../sidekick-docker-shared/dist/reconnect.js
+var require_reconnect = __commonJS({
+  "../sidekick-docker-shared/dist/reconnect.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.ReconnectScheduler = exports2.MAX_RECONNECT_ATTEMPTS = exports2.MAX_RECONNECT_DELAY = exports2.INITIAL_RECONNECT_DELAY = void 0;
+    exports2.INITIAL_RECONNECT_DELAY = 2e3;
+    exports2.MAX_RECONNECT_DELAY = 3e4;
+    exports2.MAX_RECONNECT_ATTEMPTS = 10;
+    var ReconnectScheduler4 = class {
+      timer = null;
+      attempts = 0;
+      delay = exports2.INITIAL_RECONNECT_DELAY;
+      /** Schedule a reconnect callback with exponential backoff. Returns false if max attempts reached. */
+      schedule(callback) {
+        if (this.attempts >= exports2.MAX_RECONNECT_ATTEMPTS) {
+          return false;
+        }
+        this.clear();
+        this.timer = setTimeout(() => {
+          this.timer = null;
+          this.attempts++;
+          this.delay = Math.min(this.delay * 2, exports2.MAX_RECONNECT_DELAY);
+          callback();
+        }, this.delay);
+        return true;
+      }
+      /** Clear any pending reconnect timer. */
+      clear() {
+        if (this.timer) {
+          clearTimeout(this.timer);
+          this.timer = null;
+        }
+      }
+      /** Reset backoff state (call after a successful stream). */
+      reset() {
+        this.attempts = 0;
+        this.delay = exports2.INITIAL_RECONNECT_DELAY;
+      }
+    };
+    exports2.ReconnectScheduler = ReconnectScheduler4;
+  }
+});
+
 // ../sidekick-docker-shared/dist/events/EventWatcher.js
 var require_EventWatcher = __commonJS({
   "../sidekick-docker-shared/dist/events/EventWatcher.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.EventWatcher = void 0;
+    var reconnect_1 = require_reconnect();
     var EventWatcher2 = class {
       client;
       callbacks;
       running = false;
       abortController = null;
-      reconnectDelay = 1e3;
-      maxReconnectDelay = 3e4;
+      reconnectDelay = reconnect_1.INITIAL_RECONNECT_DELAY;
       constructor(client, callbacks) {
         this.client = client;
         this.callbacks = callbacks;
@@ -40626,7 +40676,7 @@ var require_EventWatcher = __commonJS({
         if (this.running)
           return;
         this.running = true;
-        this.reconnectDelay = 1e3;
+        this.reconnectDelay = reconnect_1.INITIAL_RECONNECT_DELAY;
         this.watch();
       }
       stop() {
@@ -40641,12 +40691,12 @@ var require_EventWatcher = __commonJS({
         while (this.running) {
           try {
             this.abortController = new AbortController();
-            for await (const event of this.client.streamEvents()) {
+            for await (const event of this.client.streamEvents(void 0, this.abortController.signal)) {
               if (!this.running)
                 break;
               this.callbacks.onEvent(event);
             }
-            this.reconnectDelay = 1e3;
+            this.reconnectDelay = reconnect_1.INITIAL_RECONNECT_DELAY;
           } catch (err) {
             if (!this.running)
               break;
@@ -40655,15 +40705,22 @@ var require_EventWatcher = __commonJS({
           if (!this.running)
             break;
           this.callbacks.onReconnect?.();
-          await sleep(this.reconnectDelay);
-          this.reconnectDelay = Math.min(this.reconnectDelay * 2, this.maxReconnectDelay);
-        }
+          await this.cancellableSleep(this.reconnectDelay);
+          this.reconnectDelay = Math.min(this.reconnectDelay * 2, reconnect_1.MAX_RECONNECT_DELAY);
+        }
+      }
+      /** Sleep that resolves early when stop() is called. */
+      cancellableSleep(ms) {
+        return new Promise((resolve) => {
+          const timer = setTimeout(resolve, ms);
+          this.abortController?.signal.addEventListener("abort", () => {
+            clearTimeout(timer);
+            resolve();
+          }, { once: true });
+        });
       }
     };
     exports2.EventWatcher = EventWatcher2;
-    function sleep(ms) {
-      return new Promise((resolve) => setTimeout(resolve, ms));
-    }
   }
 });
 
@@ -40748,6 +40805,18 @@ var require_formatters = __commonJS({
   }
 });
 
+// ../sidekick-docker-shared/dist/errors.js
+var require_errors2 = __commonJS({
+  "../sidekick-docker-shared/dist/errors.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.errorMessage = errorMessage5;
+    function errorMessage5(err) {
+      return err instanceof Error ? err.message : String(err);
+    }
+  }
+});
+
 // ../sidekick-docker-shared/dist/branding.js
 var require_branding = __commonJS({
   "../sidekick-docker-shared/dist/branding.js"(exports2) {
@@ -41472,7 +41541,7 @@ var require_dist = __commonJS({
       for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports3, p)) __createBinding(exports3, m, p);
     };
     Object.defineProperty(exports2, "__esModule", { value: true });
-    exports2.getRandomPhrase = exports2.BRAND_COLOR_ANSI_RESET = exports2.BRAND_COLOR_ANSI = exports2.BRAND_COLOR_HEX = exports2.BRAND_TAGLINE = exports2.BRAND_INLINE = exports2.stateColor = exports2.truncate = exports2.stateIcon = exports2.formatPorts = exports2.formatMemory = exports2.formatCpu = exports2.formatBytes = exports2.EventWatcher = exports2.LogTemplateEngine = exports2.LogSeverityTimeSeries = exports2.parseLine = exports2.detectFormat = exports2.detectSeverity = exports2.LogAnalytics = exports2.filterLine = exports2.fuzzyMatch = exports2.exactMatch = exports2.tokenizeLogLine = exports2.StatsCollector = exports2.ComposeFileReader = exports2.ComposeClient = exports2.ComposeDetector = exports2.DockerClient = void 0;
+    exports2.getRandomPhrase = exports2.BRAND_COLOR_ANSI_RESET = exports2.BRAND_COLOR_ANSI = exports2.BRAND_COLOR_HEX = exports2.BRAND_TAGLINE = exports2.BRAND_INLINE = exports2.MAX_LOG_LINES = exports2.errorMessage = exports2.MAX_RECONNECT_ATTEMPTS = exports2.MAX_RECONNECT_DELAY = exports2.INITIAL_RECONNECT_DELAY = exports2.ReconnectScheduler = exports2.stateColor = exports2.truncate = exports2.stateIcon = exports2.formatPorts = exports2.formatMemory = exports2.formatCpu = exports2.formatBytes = exports2.EventWatcher = exports2.LogTemplateEngine = exports2.LogSeverityTimeSeries = exports2.parseLine = exports2.detectFormat = exports2.detectSeverity = exports2.LogAnalytics = exports2.filterLine = exports2.fuzzyMatch = exports2.exactMatch = exports2.tokenizeLogLine = exports2.StatsCollector = exports2.ComposeFileReader = exports2.ComposeClient = exports2.ComposeDetector = exports2.DockerClient = void 0;
     __exportStar(require_types(), exports2);
     var DockerClient_1 = require_DockerClient();
     Object.defineProperty(exports2, "DockerClient", { enumerable: true, get: function() {
@@ -41556,6 +41625,24 @@ var require_dist = __commonJS({
     Object.defineProperty(exports2, "stateColor", { enumerable: true, get: function() {
       return formatters_1.stateColor;
     } });
+    var reconnect_1 = require_reconnect();
+    Object.defineProperty(exports2, "ReconnectScheduler", { enumerable: true, get: function() {
+      return reconnect_1.ReconnectScheduler;
+    } });
+    Object.defineProperty(exports2, "INITIAL_RECONNECT_DELAY", { enumerable: true, get: function() {
+      return reconnect_1.INITIAL_RECONNECT_DELAY;
+    } });
+    Object.defineProperty(exports2, "MAX_RECONNECT_DELAY", { enumerable: true, get: function() {
+      return reconnect_1.MAX_RECONNECT_DELAY;
+    } });
+    Object.defineProperty(exports2, "MAX_RECONNECT_ATTEMPTS", { enumerable: true, get: function() {
+      return reconnect_1.MAX_RECONNECT_ATTEMPTS;
+    } });
+    var errors_1 = require_errors2();
+    Object.defineProperty(exports2, "errorMessage", { enumerable: true, get: function() {
+      return errors_1.errorMessage;
+    } });
+    exports2.MAX_LOG_LINES = 1e3;
     var branding_1 = require_branding();
     Object.defineProperty(exports2, "BRAND_INLINE", { enumerable: true, get: function() {
       return branding_1.BRAND_INLINE;
@@ -77874,10 +77961,33 @@ var {
 } = import_index.default;
 
 // src/commands/dashboard.ts
-var import_react36 = __toESM(require_react(), 1);
-var import_sidekick_docker_shared10 = __toESM(require_dist(), 1);
+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 {
@@ -77931,8 +78041,7 @@ var DockerState = class {
       case "image":
       case "volume":
       case "network":
-        this.refresh().catch(() => {
-        });
+        this.refresh().catch((e) => console.debug("refresh failed:", e));
         break;
     }
   }
@@ -77944,11 +78053,10 @@ var DockerState = class {
       case "unpause": {
         const existing = this.containers.find((c) => c.id === resourceId);
         if (existing) {
-          existing.state = type === "unpause" ? "running" : "running";
+          existing.state = "running";
           existing.status = "Up just now";
         }
-        this.refresh().catch(() => {
-        });
+        this.refresh().catch((e) => console.debug("refresh failed:", e));
         break;
       }
       case "stop":
@@ -77972,13 +78080,11 @@ var DockerState = class {
         this.statsCollector.remove(resourceId);
         break;
       case "create":
-        this.refresh().catch(() => {
-        });
+        this.refresh().catch((e) => console.debug("refresh failed:", e));
         break;
       default:
         if (name) {
-          this.refresh().catch(() => {
-          });
+          this.refresh().catch((e) => console.debug("refresh failed:", e));
         }
         break;
     }
@@ -77989,7 +78095,7 @@ var DockerState = class {
   }
   appendLog(entry) {
     this.selectedLogs.push(entry);
-    if (this.selectedLogs.length > 1e3) {
+    if (this.selectedLogs.length > import_sidekick_docker_shared.MAX_LOG_LINES) {
       this.selectedLogs.shift();
     }
   }
@@ -77998,7 +78104,7 @@ var DockerState = class {
   }
   appendComposeLog(entry) {
     this.selectedComposeLogs.push(entry);
-    if (this.selectedComposeLogs.length > 1e3) {
+    if (this.selectedComposeLogs.length > import_sidekick_docker_shared.MAX_LOG_LINES) {
       this.selectedComposeLogs.shift();
     }
   }
@@ -78039,6 +78145,11 @@ var DockerState = class {
 // src/dashboard/panels/ContainersPanel.ts
 var import_sidekick_docker_shared4 = __toESM(require_dist(), 1);
 
+// src/dashboard/panels/types.ts
+var defaultOnError = (msg) => {
+  console.debug(msg);
+};
+
 // src/formatters.ts
 var import_sidekick_docker_shared2 = __toESM(require_dist(), 1);
 var import_sidekick_docker_shared3 = __toESM(require_dist(), 1);
@@ -78226,14 +78337,21 @@ var ContainersPanel = class {
   shortcutKey = 1;
   client;
   onAction;
+  onError;
   onExec;
-  constructor(client, onAction) {
+  onCopyLogs;
+  lastMetrics = null;
+  constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
   }
   setOnExec(handler) {
     this.onExec = handler;
   }
+  setOnCopyLogs(handler) {
+    this.onCopyLogs = handler;
+  }
   detailTabs = [
     {
       label: "Logs",
@@ -78363,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}`,
@@ -78385,8 +78504,7 @@ var ContainersPanel = class {
         label: "Start",
         handler: (item) => {
           const c = item.data;
-          this.client.startContainer(c.id).then(() => this.onAction()).catch(() => {
-          });
+          this.client.startContainer(c.id).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => item.data.state !== "running"
       },
@@ -78395,8 +78513,7 @@ var ContainersPanel = class {
         label: "Stop",
         handler: (item) => {
           const c = item.data;
-          this.client.stopContainer(c.id).then(() => this.onAction()).catch(() => {
-          });
+          this.client.stopContainer(c.id).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => item.data.state === "running"
       },
@@ -78405,8 +78522,7 @@ var ContainersPanel = class {
         label: "Restart",
         handler: (item) => {
           const c = item.data;
-          this.client.restartContainer(c.id).then(() => this.onAction()).catch(() => {
-          });
+          this.client.restartContainer(c.id).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => item.data.state === "running"
       },
@@ -78417,8 +78533,7 @@ var ContainersPanel = class {
         confirmMessage: "Remove this container?",
         handler: (item) => {
           const c = item.data;
-          this.client.removeContainer(c.id, true).then(() => this.onAction()).catch(() => {
-          });
+          this.client.removeContainer(c.id, true).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         }
       },
       {
@@ -78429,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"));
+        }
       }
     ];
   }
@@ -78439,16 +78571,21 @@ var ContainersPanel = class {
 };
 
 // src/dashboard/panels/ServicesPanel.ts
+function getProjectName(d) {
+  return d.type === "project" ? d.project.name : d.service.projectName;
+}
 var ServicesPanel = class {
   id = "services";
   title = "Services";
   shortcutKey = 2;
   composeClient;
   onAction;
+  onError;
   cwd;
-  constructor(composeClient, onAction, cwd2) {
+  constructor(composeClient, onAction, cwd2, onError) {
     this.composeClient = composeClient;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
     this.cwd = cwd2;
   }
   detailTabs = [
@@ -78509,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)
@@ -78533,9 +78670,7 @@ var ServicesPanel = class {
         label: "Up",
         handler: (item) => {
           const d = item.data;
-          const projectName = d.type === "project" ? d.project.name : d.service.projectName;
-          this.composeClient.up(projectName, this.cwd).then(() => this.onAction()).catch(() => {
-          });
+          this.composeClient.up(getProjectName(d), this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => item.data !== null
       },
@@ -78546,9 +78681,7 @@ var ServicesPanel = class {
         confirmMessage: "Bring down this compose project?",
         handler: (item) => {
           const d = item.data;
-          const projectName = d.type === "project" ? d.project.name : d.service.projectName;
-          this.composeClient.down(projectName, this.cwd).then(() => this.onAction()).catch(() => {
-          });
+          this.composeClient.down(getProjectName(d), this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => item.data !== null
       },
@@ -78558,11 +78691,9 @@ var ServicesPanel = class {
         handler: (item) => {
           const d = item.data;
           if (d.type === "service") {
-            this.composeClient.restart(d.service.projectName, d.service.name, this.cwd).then(() => this.onAction()).catch(() => {
-            });
+            this.composeClient.restart(d.service.projectName, d.service.name, this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
           } else {
-            this.composeClient.restart(d.project.name, void 0, this.cwd).then(() => this.onAction()).catch(() => {
-            });
+            this.composeClient.restart(d.project.name, void 0, this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
           }
         },
         condition: (item) => item.data !== null
@@ -78573,11 +78704,9 @@ var ServicesPanel = class {
         handler: (item) => {
           const d = item.data;
           if (d.type === "service") {
-            this.composeClient.stop(d.service.projectName, d.service.name, this.cwd).then(() => this.onAction()).catch(() => {
-            });
+            this.composeClient.stop(d.service.projectName, d.service.name, this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
           } else {
-            this.composeClient.stop(d.project.name, void 0, this.cwd).then(() => this.onAction()).catch(() => {
-            });
+            this.composeClient.stop(d.project.name, void 0, this.cwd).then(() => this.onAction()).catch((e) => this.onError(String(e)));
           }
         },
         condition: (item) => item.data !== null
@@ -78599,9 +78728,11 @@ var ImagesPanel = class {
   shortcutKey = 3;
   client;
   onAction;
-  constructor(client, onAction) {
+  onError;
+  constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
   }
   detailTabs = [
     {
@@ -78624,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",
@@ -78642,8 +78773,7 @@ var ImagesPanel = class {
         confirmMessage: "Remove this image?",
         handler: (item) => {
           const img = item.data;
-          this.client.removeImage(img.id).then(() => this.onAction()).catch(() => {
-          });
+          this.client.removeImage(img.id).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         }
       },
       {
@@ -78652,8 +78782,7 @@ var ImagesPanel = class {
         confirm: true,
         confirmMessage: "Prune all dangling images?",
         handler: () => {
-          this.client.pruneImages().then(() => this.onAction()).catch(() => {
-          });
+          this.client.pruneImages().then(() => this.onAction()).catch((e) => this.onError(String(e)));
         }
       }
     ];
@@ -78671,9 +78800,11 @@ var VolumesPanel = class {
   shortcutKey = 4;
   client;
   onAction;
-  constructor(client, onAction) {
+  onError;
+  constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
   }
   detailTabs = [
     {
@@ -78695,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",
@@ -78713,8 +78844,7 @@ var VolumesPanel = class {
         confirmMessage: "Remove this volume?",
         handler: (item) => {
           const vol = item.data;
-          this.client.removeVolume(vol.name).then(() => this.onAction()).catch(() => {
-          });
+          this.client.removeVolume(vol.name).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => !item.data.isInUse
       },
@@ -78724,8 +78854,7 @@ var VolumesPanel = class {
         confirm: true,
         confirmMessage: "Prune all unused volumes?",
         handler: () => {
-          this.client.pruneVolumes().then(() => this.onAction()).catch(() => {
-          });
+          this.client.pruneVolumes().then(() => this.onAction()).catch((e) => this.onError(String(e)));
         }
       }
     ];
@@ -78743,9 +78872,11 @@ var NetworksPanel = class {
   shortcutKey = 5;
   client;
   onAction;
-  constructor(client, onAction) {
+  onError;
+  constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
   }
   detailTabs = [
     {
@@ -78777,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",
@@ -78795,8 +78926,7 @@ var NetworksPanel = class {
         confirmMessage: "Remove this network?",
         handler: (item) => {
           const net = item.data;
-          this.client.removeNetwork(net.id).then(() => this.onAction()).catch(() => {
-          });
+          this.client.removeNetwork(net.id).then(() => this.onAction()).catch((e) => this.onError(String(e)));
         },
         condition: (item) => {
           const net = item.data;
@@ -78809,8 +78939,7 @@ var NetworksPanel = class {
         confirm: true,
         confirmMessage: "Prune all unused networks?",
         handler: () => {
-          this.client.pruneNetworks().then(() => this.onAction()).catch(() => {
-          });
+          this.client.pruneNetworks().then(() => this.onAction()).catch((e) => this.onError(String(e)));
         }
       }
     ];
@@ -78823,13 +78952,13 @@ var NetworksPanel = class {
 
 // src/dashboard/LogStreamManager.ts
 var import_sidekick_docker_shared5 = __toESM(require_dist(), 1);
-var MAX_LOG_LINES = 1e3;
 var LogStreamManager = class {
   client;
   currentContainerId = null;
   logs = [];
   aborted = false;
   streamPromise = null;
+  reconnect = new import_sidekick_docker_shared5.ReconnectScheduler();
   onChange;
   analytics = new import_sidekick_docker_shared5.LogAnalytics();
   timeSeries = new import_sidekick_docker_shared5.LogSeverityTimeSeries();
@@ -78849,6 +78978,7 @@ var LogStreamManager = class {
     this.templateEngine.reset();
     if (!containerId) return;
     this.aborted = false;
+    this.reconnect.reset();
     this.streamPromise = this.streamLogs(containerId);
   }
   async streamLogs(containerId) {
@@ -78862,18 +78992,31 @@ var LogStreamManager = class {
         const severity = this.analytics.push(entry.message);
         this.timeSeries.push(severity);
         this.templateEngine.push(entry.message);
-        if (this.logs.length > MAX_LOG_LINES) {
+        if (this.logs.length > import_sidekick_docker_shared5.MAX_LOG_LINES) {
           this.logs.shift();
         }
         this.onChange();
       }
-    } catch {
+      this.reconnect.reset();
+    } catch (err) {
+      console.debug("log stream error:", (0, import_sidekick_docker_shared5.errorMessage)(err));
+    }
+    if (!this.aborted && this.currentContainerId === containerId) {
+      const scheduled = this.reconnect.schedule(() => {
+        if (!this.aborted && this.currentContainerId === containerId) {
+          this.streamPromise = this.streamLogs(containerId);
+        }
+      });
+      if (!scheduled) {
+        console.debug(`log stream: gave up reconnecting for ${containerId}`);
+      }
     }
   }
   stop() {
     this.aborted = true;
     this.currentContainerId = null;
     this.streamPromise = null;
+    this.reconnect.clear();
   }
   getLogs() {
     return this.logs;
@@ -78896,12 +79039,14 @@ var LogStreamManager = class {
 };
 
 // src/dashboard/StatsStreamManager.ts
+var import_sidekick_docker_shared6 = __toESM(require_dist(), 1);
 var StatsStreamManager = class {
   client;
   collector;
   currentContainerId = null;
   aborted = false;
   streamPromise = null;
+  reconnect = new import_sidekick_docker_shared6.ReconnectScheduler();
   onChange;
   loadingInterval = null;
   constructor(client, collector, onChange) {
@@ -78916,6 +79061,7 @@ var StatsStreamManager = class {
     this.currentContainerId = containerId;
     if (!containerId) return;
     this.aborted = false;
+    this.reconnect.reset();
     this.loadingInterval = setInterval(() => this.onChange(), 200);
     this.streamPromise = this.streamStats(containerId);
   }
@@ -78933,12 +79079,26 @@ var StatsStreamManager = class {
         this.clearLoadingInterval();
         this.onChange();
       }
-    } catch {
+      this.reconnect.reset();
+    } catch (err) {
+      console.debug("stats stream error:", (0, import_sidekick_docker_shared6.errorMessage)(err));
+    }
+    if (!this.aborted && this.currentContainerId === containerId) {
+      const scheduled = this.reconnect.schedule(() => {
+        if (!this.aborted && this.currentContainerId === containerId) {
+          this.loadingInterval = setInterval(() => this.onChange(), 200);
+          this.streamPromise = this.streamStats(containerId);
+        }
+      });
+      if (!scheduled) {
+        console.debug(`stats stream: gave up reconnecting for ${containerId}`);
+      }
     }
   }
   stop() {
     this.aborted = true;
     this.clearLoadingInterval();
+    this.reconnect.clear();
     this.currentContainerId = null;
     this.streamPromise = null;
   }
@@ -78950,18 +79110,18 @@ var StatsStreamManager = class {
   }
   dispose() {
     this.stop();
-    this.clearLoadingInterval();
   }
 };
 
 // src/dashboard/ComposeLogStreamManager.ts
-var MAX_LOG_LINES2 = 1e3;
+var import_sidekick_docker_shared7 = __toESM(require_dist(), 1);
 var ComposeLogStreamManager = class {
   composeClient;
   currentProject = null;
   currentService = null;
   logs = [];
   aborted = false;
+  reconnect = new import_sidekick_docker_shared7.ReconnectScheduler();
   onChange;
   constructor(composeClient, onChange) {
     this.composeClient = composeClient;
@@ -78975,6 +79135,7 @@ var ComposeLogStreamManager = class {
     this.logs = [];
     if (!project) return;
     this.aborted = false;
+    this.reconnect.reset();
     this.streamLogs(project, service);
   }
   async streamLogs(project, service) {
@@ -78982,18 +79143,31 @@ var ComposeLogStreamManager = class {
       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) {
+        if (this.logs.length > import_sidekick_docker_shared7.MAX_LOG_LINES) {
           this.logs.shift();
         }
         this.onChange();
       }
-    } catch {
+      this.reconnect.reset();
+    } catch (err) {
+      console.debug("compose log stream error:", (0, import_sidekick_docker_shared7.errorMessage)(err));
+    }
+    if (!this.aborted && this.currentProject === project) {
+      const scheduled = this.reconnect.schedule(() => {
+        if (!this.aborted && this.currentProject === project) {
+          this.streamLogs(project, service);
+        }
+      });
+      if (!scheduled) {
+        console.debug(`compose log stream: gave up reconnecting for ${project}`);
+      }
     }
   }
   stop() {
     this.aborted = true;
     this.currentProject = null;
     this.currentService = null;
+    this.reconnect.clear();
   }
   getLogs() {
     return this.logs;
@@ -79004,7 +79178,7 @@ var ComposeLogStreamManager = class {
 };
 
 // src/dashboard/ink/Dashboard.tsx
-var import_react35 = __toESM(require_react(), 1);
+var import_react36 = __toESM(require_react(), 1);
 await init_build2();
 
 // src/dashboard/ink/useTerminalSize.ts
@@ -79077,6 +79251,325 @@ function useWindowedScroll({ totalItems, viewportHeight }) {
   };
 }
 
+// src/dashboard/ink/useKeyboardHandler.ts
+await init_build2();
+function executeAction(action, item, dispatch, addToast) {
+  if (action.confirm) {
+    dispatch({ type: "SET_CONFIRM", action: () => {
+      action.handler(item);
+      addToast(action.label, "info");
+    }, message: action.confirmMessage || "Are you sure?" });
+  } else {
+    action.handler(item);
+    addToast(action.label, "info");
+  }
+}
+function handleFilterInput(input, key, opts) {
+  const { currentValue, setAction, clearToast, dispatch, addToast, onTab } = opts;
+  if (key.escape) {
+    if (currentValue && clearToast) addToast(clearToast, "info");
+    dispatch({ type: setAction, value: "" });
+    dispatch({ type: "SET_OVERLAY", overlay: null });
+    return;
+  }
+  if (key.return) {
+    if (setAction === "SET_FILTER" && currentValue) addToast(`Filter: "${currentValue}"`, "info");
+    dispatch({ type: "SET_OVERLAY", overlay: null });
+    return;
+  }
+  if (key.tab && onTab) {
+    onTab();
+    return;
+  }
+  if (key.backspace || key.delete) {
+    dispatch({ type: setAction, value: currentValue.slice(0, -1) });
+    return;
+  }
+  if (input && !key.ctrl && !key.meta) {
+    dispatch({ type: setAction, value: currentValue + input });
+  }
+}
+function useKeyboardHandler(ctx) {
+  const { exit } = use_app_default();
+  const { state, dispatch, panels, panel, selectedItem, contextActions, clampedSelection, currentItems, detailLines, detailViewportHeight, detailTabs, tabIdx, panelActions, sideScroll, addToast, rotatePhrase } = ctx;
+  use_input_default((input, key) => {
+    if (state.overlay === "exec") return;
+    rotatePhrase();
+    if (input === "q" || key.ctrl && input === "c") {
+      if (state.overlay) {
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+        return;
+      }
+      exit();
+      return;
+    }
+    if (state.overlay === "confirm") {
+      if (input === "y" || input === "Y") {
+        state.confirmAction?.();
+        dispatch({ type: "SET_CONFIRM", action: null, message: "" });
+        return;
+      }
+      if (input === "n" || input === "N" || key.escape) {
+        dispatch({ type: "SET_CONFIRM", action: null, message: "" });
+        return;
+      }
+      return;
+    }
+    if (state.overlay === "filter") {
+      handleFilterInput(input, key, {
+        currentValue: state.filterString,
+        setAction: "SET_FILTER",
+        clearToast: "Filter cleared",
+        dispatch,
+        addToast
+      });
+      return;
+    }
+    if (state.overlay === "log-filter") {
+      handleFilterInput(input, key, {
+        currentValue: state.logFilterString,
+        setAction: "SET_LOG_FILTER",
+        clearToast: "Log filter cleared",
+        dispatch,
+        addToast,
+        onTab: () => dispatch({ type: "TOGGLE_LOG_FILTER_MODE" })
+      });
+      return;
+    }
+    if (state.overlay === "context-menu") {
+      if (key.escape) {
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+        return;
+      }
+      if (input === "j" || key.downArrow) {
+        dispatch({ type: "CONTEXT_MENU_NAV", delta: 1, itemCount: contextActions.length });
+        return;
+      }
+      if (input === "k" || key.upArrow) {
+        dispatch({ type: "CONTEXT_MENU_NAV", delta: -1, itemCount: contextActions.length });
+        return;
+      }
+      if (key.return) {
+        const action = contextActions[state.contextMenuIndex];
+        if (action && selectedItem) {
+          executeAction(action, selectedItem, dispatch, addToast);
+          dispatch({ type: "SET_OVERLAY", overlay: null });
+        }
+        return;
+      }
+      const match = contextActions.find((a) => a.key === input);
+      if (match && selectedItem) {
+        executeAction(match, selectedItem, dispatch, addToast);
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+      }
+      return;
+    }
+    if (state.overlay === "help") {
+      if (key.escape || input === "?") {
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+      }
+      return;
+    }
+    if (state.overlay === "version") {
+      if (key.escape || input === "V") {
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+      }
+      return;
+    }
+    if (key.escape) {
+      if (state.filterString) {
+        dispatch({ type: "SET_FILTER", value: "" });
+        return;
+      }
+      if (state.focusTarget === "detail") {
+        dispatch({ type: "SET_FOCUS", target: "side" });
+        return;
+      }
+      return;
+    }
+    if (input === "?") {
+      dispatch({ type: "SET_OVERLAY", overlay: "help" });
+      return;
+    }
+    if (input === "V") {
+      dispatch({ type: "SET_OVERLAY", overlay: "version" });
+      return;
+    }
+    const num = parseInt(input, 10);
+    if (num >= 1 && num <= panels.length) {
+      panels[state.activePanelIndex]?.onDeactivate?.();
+      dispatch({ type: "SWITCH_PANEL", index: num - 1 });
+      panels[num - 1]?.onActivate?.();
+      return;
+    }
+    if (key.tab) {
+      dispatch({ type: "TOGGLE_FOCUS" });
+      return;
+    }
+    if (input === "z") {
+      dispatch({ type: "CYCLE_LAYOUT" });
+      const nextMode = state.layoutMode === "normal" ? "Wide" : state.layoutMode === "wide" ? "Expanded" : "Normal";
+      addToast(`Layout: ${nextMode}`, "info");
+      return;
+    }
+    if (input === "/") {
+      dispatch({ type: "SET_OVERLAY", overlay: "filter" });
+      return;
+    }
+    if (input === "f") {
+      if (panel.id === "containers" && tabIdx === 0) {
+        dispatch({ type: "SET_OVERLAY", overlay: "log-filter" });
+        return;
+      }
+    }
+    if (input === "x") {
+      if (selectedItem && panelActions.length > 0) {
+        dispatch({ type: "SET_OVERLAY", overlay: "context-menu" });
+      }
+      return;
+    }
+    if (input === "[") {
+      dispatch({ type: "CYCLE_DETAIL_TAB", direction: -1, tabCount: detailTabs.length });
+      return;
+    }
+    if (input === "]") {
+      dispatch({ type: "CYCLE_DETAIL_TAB", direction: 1, tabCount: detailTabs.length });
+      return;
+    }
+    if (state.focusTarget === "side") {
+      if (input === "j" || key.downArrow) {
+        if (clampedSelection < currentItems.length - 1) {
+          dispatch({ type: "SELECT_ITEM", index: clampedSelection + 1 });
+          sideScroll.selectNext();
+        }
+        return;
+      }
+      if (input === "k" || key.upArrow) {
+        if (clampedSelection > 0) {
+          dispatch({ type: "SELECT_ITEM", index: clampedSelection - 1 });
+          sideScroll.selectPrev();
+        }
+        return;
+      }
+      if (input === "g") {
+        dispatch({ type: "SELECT_ITEM", index: 0 });
+        sideScroll.selectFirst();
+        return;
+      }
+      if (input === "G") {
+        dispatch({ type: "SELECT_ITEM", index: Math.max(0, currentItems.length - 1) });
+        sideScroll.selectLast();
+        return;
+      }
+      if (key.return) {
+        dispatch({ type: "SET_FOCUS", target: "detail" });
+        return;
+      }
+    }
+    if (state.focusTarget === "detail") {
+      if (input === "j" || key.downArrow) {
+        dispatch({ type: "SCROLL_DETAIL_DELTA", delta: 1, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
+        return;
+      }
+      if (input === "k" || key.upArrow) {
+        dispatch({ type: "SCROLL_DETAIL_DELTA", delta: -1, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
+        return;
+      }
+      if (input === "h" || key.leftArrow) {
+        dispatch({ type: "SET_FOCUS", target: "side" });
+        return;
+      }
+      if (input === "g") {
+        dispatch({ type: "SCROLL_DETAIL", offset: 0 });
+        return;
+      }
+      if (input === "G") {
+        dispatch({ type: "SCROLL_DETAIL", offset: Math.max(0, detailLines.length - detailViewportHeight) });
+        return;
+      }
+    }
+    if (selectedItem) {
+      const actionMatch = panelActions.find((a) => a.key === input && (!a.condition || a.condition(selectedItem)));
+      if (actionMatch) {
+        executeAction(actionMatch, selectedItem, dispatch, addToast);
+      }
+    }
+  });
+}
+
+// src/dashboard/ink/useMouseHandler.ts
+var import_react31 = __toESM(require_react(), 1);
+function useMouseHandler(ctx) {
+  const { state, dispatch, panels, panelCounts, currentItems, clampedSelection, sideWidth, sideScroll, detailLines, detailViewportHeight, detailTabs, rows, rotatePhrase } = ctx;
+  return (0, import_react31.useCallback)((event) => {
+    rotatePhrase();
+    if (state.overlay === "filter") return;
+    if (state.overlay) {
+      if (event.type === "click") {
+        dispatch({ type: "SET_OVERLAY", overlay: null });
+      }
+      return;
+    }
+    const { x, y } = event;
+    if (event.type === "scroll") {
+      if (x < sideWidth && sideWidth > 0) {
+        const delta = event.scrollDirection === "down" ? 3 : -3;
+        dispatch({ type: "SCROLL_SIDE", delta, itemCount: currentItems.length });
+        const newIdx = Math.max(0, Math.min(clampedSelection + delta, currentItems.length - 1));
+        sideScroll.setSelected(newIdx);
+      } else {
+        const delta = event.scrollDirection === "down" ? 3 : -3;
+        dispatch({ type: "SCROLL_DETAIL_DELTA", delta, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
+      }
+      return;
+    }
+    if (event.type !== "click" || event.button !== "left") return;
+    if (y === 0) {
+      let col = 0;
+      for (let i = 0; i < panels.length; i++) {
+        const count = panelCounts[i];
+        let countLen = 0;
+        if (count) {
+          countLen = count.running !== void 0 ? ` ${count.running}/${count.total}`.length : ` ${count.total}`.length;
+        }
+        const tabWidth = String(panels[i].shortcutKey).length + panels[i].title.length + 3 + countLen + 1;
+        if (x >= col && x < col + tabWidth) {
+          panels[state.activePanelIndex]?.onDeactivate?.();
+          dispatch({ type: "SWITCH_PANEL", index: i });
+          panels[i]?.onActivate?.();
+          return;
+        }
+        col += tabWidth;
+      }
+      return;
+    }
+    if (y >= rows - 1) return;
+    if (x < sideWidth && sideWidth > 0) {
+      dispatch({ type: "SET_FOCUS", target: "side" });
+      const hasScrollUp = sideScroll.scrollOffset > 0;
+      const itemRow = y - 2 - (hasScrollUp ? 1 : 0);
+      const itemIndex = sideScroll.scrollOffset + itemRow;
+      if (itemIndex >= 0 && itemIndex < currentItems.length) {
+        dispatch({ type: "SELECT_ITEM", index: itemIndex });
+        sideScroll.setSelected(itemIndex);
+      }
+    } else {
+      dispatch({ type: "SET_FOCUS", target: "detail" });
+      if (y === 1 && detailTabs.length > 1) {
+        let col = sideWidth;
+        for (let i = 0; i < detailTabs.length; i++) {
+          const tabWidth = detailTabs[i].label.length + 3;
+          if (x >= col && x < col + tabWidth) {
+            dispatch({ type: "SET_DETAIL_TAB", index: i });
+            return;
+          }
+          col += tabWidth;
+        }
+      }
+    }
+  }, [state.overlay, state.activePanelIndex, sideWidth, currentItems.length, clampedSelection, sideScroll, detailLines.length, detailViewportHeight, panels, panelCounts, detailTabs, rows, rotatePhrase, dispatch]);
+}
+
 // src/dashboard/ink/TabBar.tsx
 await init_build2();
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
@@ -79086,8 +79579,14 @@ function TabBar({ panels, activeIndex, layoutMode, phrase, panelCounts }) {
       const isActive = i === activeIndex;
       const count = panelCounts?.[i];
       let countStr = "";
+      let countColor;
       if (count) {
         countStr = count.running !== void 0 ? ` ${count.running}/${count.total}` : ` ${count.total}`;
+        if (count.running !== void 0) {
+          if (count.running === count.total && count.total > 0) countColor = "green";
+          else if (count.running > 0) countColor = "yellow";
+          else countColor = void 0;
+        }
       }
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { marginRight: 1, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -79102,10 +79601,10 @@ function TabBar({ panels, activeIndex, layoutMode, phrase, panelCounts }) {
         countStr && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Text,
           {
-            color: isActive ? "#2B4C7E" : "gray",
+            color: isActive ? countColor || "#2B4C7E" : countColor || "gray",
             bold: isActive,
             inverse: isActive,
-            dimColor: !isActive,
+            dimColor: !isActive && !countColor,
             children: `${countStr} `
           }
         ),
@@ -79121,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` })
   ] });
 }
 
@@ -79165,11 +79664,15 @@ function SideList({ items, selectedIndex, scrollOffset, focused, width, viewport
       const rightLabel = item.rightLabel || "";
       const rightLen = rightLabel.length;
       const leftWidth = innerWidth - rightLen - (rightLen ? 1 : 0);
-      const leftText = `${prefix}${icon}${rest}`;
-      const paddedLeft = leftText.length < leftWidth ? leftText + " ".repeat(leftWidth - leftText.length) : leftText.substring(0, leftWidth);
       if (isSelected && focused) {
-        const fullLine = rightLen ? ` ${paddedLeft} ${rightLabel}` : ` ${paddedLeft}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "cyan", bold: true, inverse: true, wrap: "truncate", children: fullLine.padEnd(innerWidth) }) }, item.id);
+        const restText = rest.length < leftWidth - prefix.length - 1 ? rest + " ".repeat(leftWidth - prefix.length - 1 - rest.length) : rest.substring(0, leftWidth - prefix.length - 1);
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "#2B4C7E", bold: true, inverse: true, wrap: "truncate", children: ` ${prefix}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: item.iconColor || "#2B4C7E", bold: true, inverse: true, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "#2B4C7E", bold: true, inverse: true, wrap: "truncate", children: restText }),
+          rightLen > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "#2B4C7E", bold: true, inverse: true, children: ` ${rightLabel}` }),
+          !rightLen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "#2B4C7E", bold: true, inverse: true, children: " " })
+        ] }, item.id);
       }
       const iconColor = item.iconColor || (isSelected ? "#2B4C7E" : "white");
       const textColor = isSelected ? "#2B4C7E" : "white";
@@ -79181,13 +79684,17 @@ function SideList({ items, selectedIndex, scrollOffset, focused, width, viewport
       ] }, item.id);
     }),
     hasScrollDown && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: ` \u25BC (${belowCount} more)` }),
-    items.length === 0 && filterString && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: ` No matches for "${filterString}"` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: " Press Esc to clear" })
+    items.length === 0 && filterString && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", paddingTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "yellow", children: ` \u2717 No matches for "${filterString}"` }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", dimColor: true, children: " Press Esc to clear filter" })
     ] }),
-    items.length === 0 && !filterString && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: ` No ${panelTitle.toLowerCase()} found` }),
-      panelId && EMPTY_HINTS[panelId]?.map((hint, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: ` ${hint}` }, i))
+    items.length === 0 && !filterString && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", paddingTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", children: ` \u2500 No ${panelTitle.toLowerCase()} found` }),
+      panelId && EMPTY_HINTS[panelId] && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { children: "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "gray", dimColor: true, children: ` ${EMPTY_HINTS[panelId][0]}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "#2B4C7E", bold: true, children: ` ${EMPTY_HINTS[panelId][1]}` })
+      ] })
     ] })
   ] });
 }
@@ -79197,7 +79704,7 @@ await init_build2();
 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 function DetailTabBar({ tabs, activeIndex }) {
   if (tabs.length <= 1) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { children: tabs.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "gray", dimColor: true, children: ` ${tabs[0].label}` }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { children: [
     tabs.map((tab2, i) => {
@@ -79213,7 +79720,7 @@ function DetailTabBar({ tabs, activeIndex }) {
       ) }, tab2.label);
     }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { flexGrow: 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "gray", children: "[ ] switch" })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "gray", dimColor: true, children: "[/] cycle tabs" })
   ] });
 }
 
@@ -79235,9 +79742,9 @@ function DetailPane({ content, scrollOffset, viewportHeight, focused }) {
 }
 
 // src/dashboard/ink/StatusBar.tsx
-var import_react31 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
 await init_build2();
-var import_sidekick_docker_shared6 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared8 = __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);
@@ -79246,72 +79753,89 @@ function formatAgo(date) {
   const mins = Math.floor(secs / 60);
   return { text: `${mins}m ago`, stale: mins >= 1 };
 }
-function StatusBar({ daemonConnected, focusTarget, panelHints, panelActionHints, filterString, containerCount, runningCount, version: version2, matchCount, totalCount, lastRefresh }) {
-  const [, setTick] = (0, import_react31.useState)(0);
-  (0, import_react31.useEffect)(() => {
+var SEP2 = "\u2502";
+function StatusBar({ daemonConnected, focusTarget, panelActionHints, filterString, containerCount, runningCount, version: version2, matchCount, totalCount, lastRefresh }) {
+  const [, setTick] = (0, import_react32.useState)(0);
+  (0, import_react32.useEffect)(() => {
     const timer = setInterval(() => setTick((t) => t + 1), 5e3);
     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: ` ${import_sidekick_docker_shared6.BRAND_INLINE}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: ` ${import_sidekick_docker_shared6.BRAND_TAGLINE} v${version2}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", 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, { 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", children: `  \u21BB ${ago.text}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: "  " }),
-    panelActionHints ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: `${panelActionHints}  ` }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "gray", children: [
-      panelHints,
-      focusTarget === "side" ? "j/k nav  Tab focus  " : "j/k scroll  Tab focus  ",
-      "/ filter  ? help  q quit"
+    ago && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: ago.stale ? "yellow" : "gray", dimColor: !ago.stale, children: ` \u21BB ${ago.text}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: ` ${SEP2} ` }),
+    panelActionHints.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      panelActionHints.map((hint, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react32.default.Fragment, { children: [
+        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: "  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: hint.destructive ? "red" : "#2B4C7E", children: `${hint.key}:${hint.label}` })
+      ] }, hint.key)),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: ` ${SEP2} ` })
     ] }),
-    filterString ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", children: `  Filter: "${filterString}"${matchCount !== void 0 && totalCount !== void 0 ? ` (${matchCount} of ${totalCount})` : ""}` }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: focusTarget === "side" ? "#2B4C7E" : "gray", bold: focusTarget === "side", children: "\u25C0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: focusTarget === "detail" ? "#2B4C7E" : "gray", bold: focusTarget === "detail", children: "\u25B6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", dimColor: true, children: "  j/k  Tab  /  ?  q" }),
+    filterString ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", bold: true, children: `  \u25C9 "${filterString}"${matchCount !== void 0 && totalCount !== void 0 ? ` ${matchCount}/${totalCount}` : ""}` }) : null
   ] });
 }
 
 // src/dashboard/ink/HelpOverlay.tsx
 await init_build2();
-var import_sidekick_docker_shared7 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared9 = __toESM(require_dist(), 1);
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 var GLOBAL_BINDINGS = [
   { key: "1-5", label: "Switch panel" },
   { key: "j/k", label: "Navigate / scroll" },
-  { key: "g/G", label: "First / last item" },
-  { key: "Tab", label: "Toggle focus (side/detail)" },
-  { key: "[/]", label: "Prev / next detail tab" },
-  { key: "z", label: "Cycle layout mode" },
+  { key: "g/G", label: "Jump to first / last" },
+  { key: "Tab", label: "Toggle focus" },
+  { key: "[/]", label: "Cycle detail tabs" },
+  { key: "z", label: "Cycle layout (Normal/Wide/Expanded)" },
   { key: "/", label: "Filter items" },
-  { key: "x", label: "Context menu (actions)" },
+  { key: "x", label: "Actions menu" },
   { key: "V", label: "Version info" },
-  { key: "?", label: "Toggle help" },
+  { key: "?", label: "This help" },
   { key: "q", label: "Quit" }
 ];
+function KeyBadge({ k }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "white", backgroundColor: "#2B4C7E", bold: true, children: ` ${k} ` });
+}
 function HelpOverlay({ panels, activePanelIndex, version: version2 }) {
   const panel = panels[activePanelIndex];
   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: `${import_sidekick_docker_shared7.BRAND_INLINE} ${import_sidekick_docker_shared7.BRAND_TAGLINE}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", children: ` v${version2}` })
+      /* @__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, { color: "gray", dimColor: true, children: ` v${version2}` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "yellow", children: "\u2500\u2500 Navigation " }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", dimColor: true, children: "\u2500".repeat(30) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "yellow", children: "Navigation" }),
-    GLOBAL_BINDINGS.map((b) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "#2B4C7E", children: `  ${b.key.padEnd(8)}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: b.label })
+    GLOBAL_BINDINGS.map((b) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { width: 10, justifyContent: "flex-end", marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyBadge, { k: b.key }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", children: b.label })
     ] }, b.key)),
     actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "yellow", children: `${panel.title} Actions` }),
-      actions.map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "#2B4C7E", children: `  ${a.key.padEnd(8)}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: a.label }),
-        a.confirm && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "red", children: " (requires confirmation)" })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: "yellow", children: `\u2500\u2500 ${panel.title} Actions ` }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", dimColor: true, children: "\u2500".repeat(24) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
+      actions.map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { width: 10, justifyContent: "flex-end", marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyBadge, { k: a.key }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: a.confirm ? "red" : "gray", children: a.label }),
+        a.confirm && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "red", dimColor: true, children: " \u26A0" })
       ] }, a.key))
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", children: "Press ? or Esc to close" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", dimColor: true, children: "Press ? or Esc to close" })
   ] });
 }
 
@@ -79321,8 +79845,9 @@ var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
 function FilterOverlay({ filterString, matchCount, totalCount, panelTitle }) {
   const countInfo = matchCount !== void 0 && totalCount !== void 0 && panelTitle ? `  ${matchCount} of ${totalCount} ${panelTitle.toLowerCase()}` : "";
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { position: "absolute", marginTop: 1, marginLeft: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { backgroundColor: "gray", color: "white", children: ` / ${filterString}\u2588 ` }),
-    countInfo && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: "gray", children: countInfo })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { backgroundColor: "#2B4C7E", color: "white", bold: true, children: ` \u2315 ${filterString}\u2588 ` }),
+    countInfo && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: "gray", dimColor: true, children: countInfo }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: "gray", dimColor: true, children: "  Enter: apply  Esc: clear" })
   ] });
 }
 
@@ -79338,23 +79863,37 @@ function ContextMenuOverlay({ actions, selectedIndex }) {
       marginLeft: 2,
       flexDirection: "column",
       borderStyle: "single",
-      borderColor: "cyan",
+      borderColor: "#2B4C7E",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { bold: true, color: "cyan", children: "Actions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { bold: true, color: "#2B4C7E", children: "\u2630 Actions" }),
         actions.map((action, i) => {
           const isSelected = i === selectedIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            Text,
-            {
-              color: isSelected ? "#2B4C7E" : "white",
-              bold: isSelected,
-              inverse: isSelected,
-              children: ` ${action.key} ${action.label} `
-            }
-          ) }, action.key);
+          const isDanger = !!action.confirm;
+          const color = isSelected ? isDanger ? "red" : "#2B4C7E" : isDanger ? "red" : "white";
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              Text,
+              {
+                color,
+                bold: isSelected,
+                inverse: isSelected,
+                children: ` ${action.key} `
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              Text,
+              {
+                color,
+                bold: isSelected,
+                inverse: isSelected,
+                children: `${action.label}${isDanger ? " \u26A0" : ""} `
+              }
+            )
+          ] }, action.key);
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Esc to close" })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { children: "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", dimColor: true, children: "j/k select  Enter run  Esc close" })
       ]
     }
   );
@@ -79373,16 +79912,22 @@ function ConfirmOverlay({ message }) {
       flexDirection: "column",
       borderStyle: "double",
       borderColor: "red",
-      paddingX: 1,
+      paddingX: 2,
+      paddingY: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { bold: true, color: "red", children: " Confirm " }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "red", bold: true, children: "\u26A0 " }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { bold: true, color: "red", children: "Confirm Action" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "" }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: ` ${message}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", dimColor: true, children: "  This cannot be undone." }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "green", children: " y " }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "Yes  " }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "red", children: " n " }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "No" })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { backgroundColor: "green", color: "white", bold: true, children: " y Yes " }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "  " }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { backgroundColor: "red", color: "white", bold: true, children: " n No " }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", dimColor: true, children: "   or Esc to cancel" })
         ] })
       ]
     }
@@ -79390,7 +79935,7 @@ function ConfirmOverlay({ message }) {
 }
 
 // src/dashboard/ink/ToastNotification.tsx
-var import_react32 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 await init_build2();
 var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
 var SEVERITY_COLORS2 = {
@@ -79400,27 +79945,43 @@ var SEVERITY_COLORS2 = {
 };
 var SPINNER_FRAMES = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827";
 function ToastNotification({ toast }) {
-  const [frame, setFrame] = (0, import_react32.useState)(0);
-  (0, import_react32.useEffect)(() => {
+  const [frame, setFrame] = (0, import_react33.useState)(0);
+  (0, import_react33.useEffect)(() => {
     if (toast.severity !== "info") return;
     const timer = setInterval(() => {
       setFrame((f) => (f + 1) % SPINNER_FRAMES.length);
     }, 100);
     return () => clearInterval(timer);
   }, [toast.id, toast.severity]);
-  const spinner = toast.severity === "info" ? `${SPINNER_FRAMES[frame]} ` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box_default, { position: "absolute", marginTop: 0, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { color: SEVERITY_COLORS2[toast.severity] || "white", children: ` ${spinner}${toast.message} ` }) });
+  const SEVERITY_ICONS = {
+    error: "\u2717",
+    // ✗
+    warning: "\u26A0",
+    // ⚠
+    info: SPINNER_FRAMES[frame]
+  };
+  const icon = SEVERITY_ICONS[toast.severity] || "";
+  const textColor = toast.severity === "warning" ? "black" : "white";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box_default, { position: "absolute", marginTop: 0, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { backgroundColor: SEVERITY_COLORS2[toast.severity] || "white", color: textColor, bold: true, children: ` ${icon} ${toast.message} ` }) });
 }
 
 // src/dashboard/ink/TooSmallOverlay.tsx
 await init_build2();
+var import_sidekick_docker_shared10 = __toESM(require_dist(), 1);
 var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 function TooSmallOverlay({ columns, rows }) {
+  const needWidth = Math.max(0, 60 - columns);
+  const needHeight = Math.max(0, 15 - rows);
+  const hints = [];
+  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, { 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: `Current: ${columns}x${rows}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "gray", children: "Minimum: 60x15" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "gray", children: "Please resize your terminal." })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "gray", children: `${columns}\xD7${rows} \u2192 need ${hints.join(" and ")}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { children: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "gray", dimColor: true, children: "Resize to at least 60\xD715 to continue." })
   ] });
 }
 
@@ -79509,7 +80070,7 @@ function parseMouseEvent(data) {
 }
 
 // src/dashboard/ink/mouse/MouseProvider.tsx
-var import_react33 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 await init_build2();
 var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 function InputSink() {
@@ -79518,7 +80079,7 @@ function InputSink() {
   return null;
 }
 function MouseProvider({ onMouse, children }) {
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     enableMouse();
     const handler = (data) => {
       const event = parseMouseEvent(data);
@@ -79547,34 +80108,34 @@ var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 function LogFilterOverlay({ filterString, filterMode }) {
   const modeLabel = filterMode === "exact" ? "exact" : "fuzzy";
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Box_default, { position: "absolute", marginTop: 1, marginLeft: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { backgroundColor: "blue", color: "white", children: ` Log filter (${modeLabel}): ${filterString}\u2588 ` }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { backgroundColor: "#2B4C7E", color: "white", bold: true, children: ` Log filter (${modeLabel}): ${filterString}\u2588 ` }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { color: "gray", children: "  Tab: toggle mode  Enter: apply  Esc: clear" })
   ] });
 }
 
 // src/dashboard/ink/VersionOverlay.tsx
-var import_react34 = __toESM(require_react(), 1);
+var import_react35 = __toESM(require_react(), 1);
 await init_build2();
-var import_sidekick_docker_shared8 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared11 = __toESM(require_dist(), 1);
 var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 function VersionOverlay({ version: version2 }) {
-  const phrase = import_react34.default.useMemo(() => (0, import_sidekick_docker_shared8.getRandomPhrase)(), []);
+  const phrase = import_react35.default.useMemo(() => (0, import_sidekick_docker_shared11.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: import_sidekick_docker_shared8.BRAND_INLINE }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { color: "gray", children: [
-      import_sidekick_docker_shared8.BRAND_TAGLINE,
-      " v",
-      version2
-    ] }),
+    /* @__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, { children: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", dimColor: true, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", italic: true, children: `  "${phrase}"` }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", italic: true, children: `"${phrase}"` }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", dimColor: true, children: "\u2500".repeat(40) }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", children: "Press V or Esc to close" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { color: "gray", dimColor: true, children: "Press V or Esc to close" })
   ] });
 }
 
 // src/dashboard/ink/Dashboard.tsx
-var import_sidekick_docker_shared9 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared12 = __toESM(require_dist(), 1);
 
 // src/dashboard/ExecManager.ts
 var ExecManager = class {
@@ -79633,8 +80194,11 @@ 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;
+var TOAST_DURATIONS = { error: 4e3, warning: 3e3, info: 2e3 };
 function reducer(state, action) {
   switch (action.type) {
     case "SWITCH_PANEL":
@@ -79658,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":
@@ -79739,25 +80303,26 @@ var initialState = {
   logFilterMode: "exact"
 };
 function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecFallback }) {
-  const [state, dispatch] = (0, import_react35.useReducer)(reducer, initialState);
-  const { exit } = use_app_default();
+  const [state, dispatch] = (0, import_react36.useReducer)(reducer, initialState);
   const { columns, rows } = useTerminalSize();
-  const toastIdRef = (0, import_react35.useRef)(0);
-  const execManagerRef = (0, import_react35.useRef)(null);
-  const [phrase, setPhrase] = import_react35.default.useState(() => (0, import_sidekick_docker_shared9.getRandomPhrase)());
-  const phraseTimerRef = (0, import_react35.useRef)(null);
-  const rotatePhrase = (0, import_react35.useCallback)(() => {
-    setPhrase((0, import_sidekick_docker_shared9.getRandomPhrase)());
+  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 phraseTimerRef = (0, import_react36.useRef)(null);
+  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);
-  }, []);
-  (0, import_react35.useEffect)(() => {
-    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(() => rotatePhraseRef.current?.(), 7e3);
     return () => {
       if (phraseTimerRef.current) clearTimeout(phraseTimerRef.current);
     };
-  }, [rotatePhrase]);
-  (0, import_react35.useEffect)(() => {
+  }, []);
+  (0, import_react36.useEffect)(() => {
     if (!execTriggerRef) return;
     execTriggerRef.current = (containerId, containerName) => {
       const manager = new ExecManager();
@@ -79792,7 +80357,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
       execTriggerRef.current = null;
     };
   }, [execTriggerRef, onExecFallback, columns, rows]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (state.overlay !== "exec") return;
     const handler = (data) => {
       if (data.length === 1 && data[0] === 29) {
@@ -79809,22 +80374,23 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
       process.stdin.removeListener("data", handler);
     };
   }, [state.overlay]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (state.overlay === "exec" && execManagerRef.current) {
       execManagerRef.current.resize(columns, rows);
     }
   }, [columns, rows, state.overlay]);
-  const addToast = (0, import_react35.useCallback)((message, severity) => {
-    const durations = { error: 4e3, warning: 3e3, info: 2e3 };
+  const addToast = (0, import_react36.useCallback)((message, severity) => {
     const id = ++toastIdRef.current;
-    dispatch({ type: "ADD_TOAST", toast: { id, message, severity, expiresAt: Date.now() + durations[severity] } });
-    setTimeout(() => dispatch({ type: "REMOVE_TOAST", id }), durations[severity]);
+    dispatch({ type: "ADD_TOAST", toast: { id, message, severity, expiresAt: Date.now() + TOAST_DURATIONS[severity] } });
+    setTimeout(() => dispatch({ type: "REMOVE_TOAST", id }), TOAST_DURATIONS[severity]);
   }, []);
   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 getFilteredItems = (0, import_react35.useCallback)(() => {
-    let items = panel.getItems(metrics);
+  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 = (() => {
+    let items = allItems;
     if (state.filterString) {
       const f = state.filterString.toLowerCase();
       items = items.filter((it) => {
@@ -79834,21 +80400,20 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
     }
     items.sort((a, b) => a.sortKey - b.sortKey);
     return items;
-  }, [panel, metrics, state.filterString]);
-  const currentItems = getFilteredItems();
+  })();
   const clampedSelection = Math.min(state.selectedItemIndex, Math.max(0, currentItems.length - 1));
   if (clampedSelection !== state.selectedItemIndex && currentItems.length > 0) {
     dispatch({ type: "SELECT_ITEM", index: clampedSelection });
   }
-  const sideViewportHeight = Math.max(1, rows - 5);
+  const sideViewportHeight = Math.max(1, rows - RESERVED_UI_ROWS);
   const sideScroll = useWindowedScroll({ totalItems: currentItems.length, viewportHeight: sideViewportHeight });
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (sideScroll.selectedIndex !== state.selectedItemIndex) {
       sideScroll.setSelected(state.selectedItemIndex);
     }
   }, [state.selectedItemIndex]);
   const selectedItem = currentItems[clampedSelection];
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     onSelectionChange?.(panel.id, selectedItem?.id ?? null);
   }, [panel.id, selectedItem?.id]);
   const detailTabs = panel.detailTabs;
@@ -79865,362 +80430,67 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
     detailContent = "(no item selected)";
   }
   const detailLines = detailContent.split("\n");
-  const detailViewportHeight = Math.max(1, rows - 5);
+  const detailViewportHeight = Math.max(1, rows - RESERVED_UI_ROWS);
   const activeTab = detailTabs[tabIdx];
   const shouldAutoScroll = activeTab?.autoScrollBottom ?? false;
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (shouldAutoScroll && detailLines.length > detailViewportHeight) {
       dispatch({ type: "SCROLL_DETAIL", offset: detailLines.length - detailViewportHeight });
     }
   }, [shouldAutoScroll, detailLines.length, detailViewportHeight]);
-  const getContextActions = (0, import_react35.useCallback)(() => {
-    if (!selectedItem) return [];
-    return panel.getActions().filter((a) => !a.condition || a.condition(selectedItem));
-  }, [panel, selectedItem]);
-  const contextActions = state.overlay === "context-menu" ? getContextActions() : [];
-  const handleMouse = (0, import_react35.useCallback)((event) => {
-    rotatePhrase();
-    if (state.overlay === "filter") return;
-    if (state.overlay) {
-      if (event.type === "click") {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-      }
-      return;
-    }
-    const { x, y } = event;
-    if (event.type === "scroll") {
-      if (x < sideWidth && sideWidth > 0) {
-        const delta = event.scrollDirection === "down" ? 3 : -3;
-        dispatch({ type: "SCROLL_SIDE", delta, itemCount: currentItems.length });
-        const newIdx = Math.max(0, Math.min(clampedSelection + delta, currentItems.length - 1));
-        sideScroll.setSelected(newIdx);
-      } else {
-        const delta = event.scrollDirection === "down" ? 3 : -3;
-        dispatch({ type: "SCROLL_DETAIL_DELTA", delta, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
-      }
-      return;
-    }
-    if (event.type !== "click" || event.button !== "left") return;
-    if (y === 0) {
-      let col = 0;
-      for (let i = 0; i < panels.length; i++) {
-        const count = panelCounts[i];
-        let countLen = 0;
-        if (count) {
-          countLen = count.running !== void 0 ? ` ${count.running}/${count.total}`.length : ` ${count.total}`.length;
-        }
-        const tabWidth = String(panels[i].shortcutKey).length + panels[i].title.length + 3 + countLen + 1;
-        if (x >= col && x < col + tabWidth) {
-          panels[state.activePanelIndex]?.onDeactivate?.();
-          dispatch({ type: "SWITCH_PANEL", index: i });
-          panels[i]?.onActivate?.();
-          return;
-        }
-        col += tabWidth;
-      }
-      return;
-    }
-    if (y >= rows - 1) return;
-    if (x < sideWidth && sideWidth > 0) {
-      dispatch({ type: "SET_FOCUS", target: "side" });
-      const hasScrollUp = sideScroll.scrollOffset > 0;
-      const itemRow = y - 2 - (hasScrollUp ? 1 : 0);
-      const itemIndex = sideScroll.scrollOffset + itemRow;
-      if (itemIndex >= 0 && itemIndex < currentItems.length) {
-        dispatch({ type: "SELECT_ITEM", index: itemIndex });
-        sideScroll.setSelected(itemIndex);
-      }
-    } else {
-      dispatch({ type: "SET_FOCUS", target: "detail" });
-      if (y === 1 && detailTabs.length > 1) {
-        let col = sideWidth;
-        for (let i = 0; i < detailTabs.length; i++) {
-          const tabWidth = detailTabs[i].label.length + 3;
-          if (x >= col && x < col + tabWidth) {
-            dispatch({ type: "SET_DETAIL_TAB", index: i });
-            return;
-          }
-          col += tabWidth;
-        }
-      }
-    }
-  }, [state.overlay, state.activePanelIndex, sideWidth, currentItems.length, clampedSelection, sideScroll, detailLines.length, detailViewportHeight, panels, detailTabs, rows, rotatePhrase]);
-  use_input_default((input, key) => {
-    if (state.overlay === "exec") return;
-    rotatePhrase();
-    if (input === "q" || key.ctrl && input === "c") {
-      if (state.overlay) {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      exit();
-      return;
-    }
-    if (state.overlay === "confirm") {
-      if (input === "y" || input === "Y") {
-        state.confirmAction?.();
-        dispatch({ type: "SET_CONFIRM", action: null, message: "" });
-        return;
-      }
-      if (input === "n" || input === "N" || key.escape) {
-        dispatch({ type: "SET_CONFIRM", action: null, message: "" });
-        return;
-      }
-      return;
-    }
-    if (state.overlay === "filter") {
-      if (key.escape) {
-        if (state.filterString) addToast("Filter cleared", "info");
-        dispatch({ type: "SET_FILTER", value: "" });
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      if (key.return) {
-        if (state.filterString) addToast(`Filter: "${state.filterString}"`, "info");
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      if (key.backspace || key.delete) {
-        dispatch({ type: "SET_FILTER", value: state.filterString.slice(0, -1) });
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        dispatch({ type: "SET_FILTER", value: state.filterString + input });
-        return;
-      }
-      return;
-    }
-    if (state.overlay === "log-filter") {
-      if (key.escape) {
-        if (state.logFilterString) addToast("Log filter cleared", "info");
-        dispatch({ type: "SET_LOG_FILTER", value: "" });
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      if (key.return) {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      if (key.tab) {
-        dispatch({ type: "TOGGLE_LOG_FILTER_MODE" });
-        return;
-      }
-      if (key.backspace || key.delete) {
-        dispatch({ type: "SET_LOG_FILTER", value: state.logFilterString.slice(0, -1) });
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        dispatch({ type: "SET_LOG_FILTER", value: state.logFilterString + input });
-        return;
-      }
-      return;
-    }
-    if (state.overlay === "context-menu") {
-      if (key.escape) {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-        return;
-      }
-      if (input === "j" || key.downArrow) {
-        dispatch({ type: "CONTEXT_MENU_NAV", delta: 1, itemCount: contextActions.length });
-        return;
-      }
-      if (input === "k" || key.upArrow) {
-        dispatch({ type: "CONTEXT_MENU_NAV", delta: -1, itemCount: contextActions.length });
-        return;
-      }
-      if (key.return) {
-        const action = contextActions[state.contextMenuIndex];
-        if (action && selectedItem) {
-          if (action.confirm) {
-            dispatch({ type: "SET_CONFIRM", action: () => {
-              action.handler(selectedItem);
-              addToast(action.label, "info");
-            }, message: action.confirmMessage || "Are you sure?" });
-          } else {
-            action.handler(selectedItem);
-            addToast(action.label, "info");
-          }
-          dispatch({ type: "SET_OVERLAY", overlay: null });
-        }
-        return;
-      }
-      const match = contextActions.find((a) => a.key === input);
-      if (match && selectedItem) {
-        if (match.confirm) {
-          dispatch({ type: "SET_CONFIRM", action: () => {
-            match.handler(selectedItem);
-            addToast(match.label, "info");
-          }, message: match.confirmMessage || "Are you sure?" });
-        } else {
-          match.handler(selectedItem);
-          addToast(match.label, "info");
-        }
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-      }
-      return;
-    }
-    if (state.overlay === "help") {
-      if (key.escape || input === "?") {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-      }
-      return;
-    }
-    if (state.overlay === "version") {
-      if (key.escape || input === "V") {
-        dispatch({ type: "SET_OVERLAY", overlay: null });
-      }
-      return;
-    }
-    if (key.escape) {
-      if (state.filterString) {
-        dispatch({ type: "SET_FILTER", value: "" });
-        return;
-      }
-      if (state.focusTarget === "detail") {
-        dispatch({ type: "SET_FOCUS", target: "side" });
-        return;
-      }
-      return;
-    }
-    if (input === "?") {
-      dispatch({ type: "SET_OVERLAY", overlay: "help" });
-      return;
-    }
-    if (input === "V") {
-      dispatch({ type: "SET_OVERLAY", overlay: "version" });
-      return;
-    }
-    const num = parseInt(input, 10);
-    if (num >= 1 && num <= panels.length) {
-      panels[state.activePanelIndex]?.onDeactivate?.();
-      dispatch({ type: "SWITCH_PANEL", index: num - 1 });
-      panels[num - 1]?.onActivate?.();
-      return;
-    }
-    if (key.tab) {
-      dispatch({ type: "TOGGLE_FOCUS" });
-      return;
-    }
-    if (input === "z") {
-      dispatch({ type: "CYCLE_LAYOUT" });
-      addToast(`Layout: ${state.layoutMode === "normal" ? "Expanded" : "Normal"}`, "info");
-      return;
-    }
-    if (input === "/") {
-      dispatch({ type: "SET_OVERLAY", overlay: "filter" });
-      return;
-    }
-    if (input === "f") {
-      if (panel.id === "containers" && tabIdx === 0) {
-        dispatch({ type: "SET_OVERLAY", overlay: "log-filter" });
-        return;
-      }
-    }
-    if (input === "x") {
-      if (selectedItem && panel.getActions().length > 0) {
-        dispatch({ type: "SET_OVERLAY", overlay: "context-menu" });
-      }
-      return;
-    }
-    if (input === "[") {
-      dispatch({ type: "CYCLE_DETAIL_TAB", direction: -1, tabCount: detailTabs.length });
-      return;
-    }
-    if (input === "]") {
-      dispatch({ type: "CYCLE_DETAIL_TAB", direction: 1, tabCount: detailTabs.length });
-      return;
-    }
-    if (state.focusTarget === "side") {
-      if (input === "j" || key.downArrow) {
-        if (clampedSelection < currentItems.length - 1) {
-          dispatch({ type: "SELECT_ITEM", index: clampedSelection + 1 });
-          sideScroll.selectNext();
-        }
-        return;
-      }
-      if (input === "k" || key.upArrow) {
-        if (clampedSelection > 0) {
-          dispatch({ type: "SELECT_ITEM", index: clampedSelection - 1 });
-          sideScroll.selectPrev();
-        }
-        return;
-      }
-      if (input === "g") {
-        dispatch({ type: "SELECT_ITEM", index: 0 });
-        sideScroll.selectFirst();
-        return;
-      }
-      if (input === "G") {
-        dispatch({ type: "SELECT_ITEM", index: Math.max(0, currentItems.length - 1) });
-        sideScroll.selectLast();
-        return;
-      }
-      if (key.return) {
-        dispatch({ type: "SET_FOCUS", target: "detail" });
-        return;
-      }
-    }
-    if (state.focusTarget === "detail") {
-      if (input === "j" || key.downArrow) {
-        dispatch({ type: "SCROLL_DETAIL_DELTA", delta: 1, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
-        return;
-      }
-      if (input === "k" || key.upArrow) {
-        dispatch({ type: "SCROLL_DETAIL_DELTA", delta: -1, totalLines: detailLines.length, viewportHeight: detailViewportHeight });
-        return;
-      }
-      if (input === "h" || key.leftArrow) {
-        dispatch({ type: "SET_FOCUS", target: "side" });
-        return;
-      }
-      if (input === "g") {
-        dispatch({ type: "SCROLL_DETAIL", offset: 0 });
-        return;
-      }
-      if (input === "G") {
-        dispatch({ type: "SCROLL_DETAIL", offset: Math.max(0, detailLines.length - detailViewportHeight) });
-        return;
-      }
-    }
-    if (selectedItem) {
-      const actions = panel.getActions();
-      const actionMatch = actions.find((a) => a.key === input && (!a.condition || a.condition(selectedItem)));
-      if (actionMatch) {
-        if (actionMatch.confirm) {
-          dispatch({ type: "SET_CONFIRM", action: () => {
-            actionMatch.handler(selectedItem);
-            addToast(actionMatch.label, "info");
-          }, message: actionMatch.confirmMessage || "Are you sure?" });
-        } else {
-          actionMatch.handler(selectedItem);
-          addToast(actionMatch.label, "info");
-        }
-      }
-    }
-  });
-  if (tooSmall) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooSmallOverlay, { columns, rows });
-  }
+  const panelActions = panel.getActions();
+  const applicableActions = selectedItem ? panelActions.filter((a) => !a.condition || a.condition(selectedItem)) : [];
+  const contextActions = state.overlay === "context-menu" ? applicableActions : [];
   const runningCount = metrics.containers.filter((c) => c.state === "running").length;
   const panelCounts = panels.map((p) => {
-    const items = p.getItems(metrics);
     if (p.id === "containers") {
-      const running = items.filter((it) => {
-        const d = it.data;
-        return d?.state === "running";
-      }).length;
-      return { total: items.length, running };
+      return { total: metrics.containers.length, running: runningCount };
     }
     if (p.id === "services") {
-      const meaningful = items.filter((it) => it.data !== null).length;
+      const meaningful = metrics.composeProjects.reduce((sum, proj) => sum + proj.services.length, 0);
       return { total: meaningful };
     }
+    const items = p === panel ? allItems : p.getItems(metrics);
     return { total: items.length };
   });
+  const handleMouse = useMouseHandler({
+    state,
+    dispatch,
+    panels,
+    panelCounts,
+    currentItems,
+    clampedSelection,
+    sideWidth,
+    sideScroll,
+    detailLines,
+    detailViewportHeight,
+    detailTabs,
+    rows,
+    rotatePhrase
+  });
+  useKeyboardHandler({
+    state,
+    dispatch,
+    panels,
+    panel,
+    selectedItem,
+    contextActions,
+    clampedSelection,
+    currentItems,
+    detailLines,
+    detailViewportHeight,
+    detailTabs,
+    tabIdx,
+    panelActions,
+    sideScroll,
+    addToast,
+    rotatePhrase
+  });
+  if (tooSmall) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooSmallOverlay, { columns, rows });
+  }
   const showNormalLayout = state.overlay !== "help" && state.overlay !== "exec" && state.overlay !== "version";
-  const allItems = panel.getItems(metrics);
-  const totalItemCount = allItems.length;
-  const panelActionHints = selectedItem ? panel.getActions().filter((a) => !a.condition || a.condition(selectedItem)).map((a) => `${a.key}:${a.label}`).join("  ") : "";
+  const panelActionHints = applicableActions.map((a) => ({ key: a.key, label: a.label, destructive: !!a.confirm }));
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MouseProvider, { onMouse: handleMouse, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Box_default, { flexDirection: "column", height: rows, width: columns, children: [
     showNormalLayout && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TabBar, { panels, activeIndex: state.activePanelIndex, layoutMode: state.layoutMode, phrase, panelCounts }),
     showNormalLayout && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Box_default, { flexGrow: 1, flexDirection: "row", children: [
@@ -80253,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.2" }),
-    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(VersionOverlay, { version: "0.1.2" }),
+    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,
       {
@@ -80267,12 +80537,11 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
       {
         daemonConnected: metrics.daemonConnected,
         focusTarget: state.focusTarget,
-        panelHints: "",
         panelActionHints,
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.1.2",
+        version: "0.1.4",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh
@@ -80314,7 +80583,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_shared10.DockerClient(socketPath ? { socketPath } : void 0);
+  const client = new import_sidekick_docker_shared13.DockerClient(socketPath ? { socketPath } : void 0);
   const ok = await client.ping();
   if (!ok) {
     console.error("Error: Cannot connect to Docker daemon. Is Docker running?");
@@ -80323,10 +80592,12 @@ async function dashboardAction(_opts, cmd) {
   const cwd2 = process.cwd();
   const state = new DockerState(client, cwd2);
   await state.refresh();
-  const composeClient = new import_sidekick_docker_shared10.ComposeClient();
+  const composeClient = new import_sidekick_docker_shared13.ComposeClient();
   const onAction = () => {
-    state.refresh().then(() => scheduleRender()).catch(() => {
-    });
+    state.refresh().then(() => scheduleRender()).catch((e) => console.debug("refresh failed:", e));
+  };
+  const onError = (msg) => {
+    console.debug("panel action failed:", msg);
   };
   const logManager = new LogStreamManager(client, () => {
     state.setSelectedLogs(logManager.getLogs());
@@ -80353,8 +80624,7 @@ async function dashboardAction(_opts, cmd) {
         client.inspectContainer(itemId).then((info) => {
           state.setInspectedEnv(itemId, info.Config.Env || []);
           scheduleRender();
-        }).catch(() => {
-        });
+        }).catch((e) => console.debug("inspectContainer failed:", e));
       }
     } else if (panelId === "services" && itemId) {
       logManager.select(null);
@@ -80372,24 +80642,24 @@ async function dashboardAction(_opts, cmd) {
     }
   };
   const panels = [
-    new ContainersPanel(client, onAction),
-    new ServicesPanel(composeClient, onAction, cwd2),
-    new ImagesPanel(client, onAction),
-    new VolumesPanel(client, onAction),
-    new NetworksPanel(client, onAction)
+    new ContainersPanel(client, onAction, onError),
+    new ServicesPanel(composeClient, onAction, cwd2, onError),
+    new ImagesPanel(client, onAction, onError),
+    new VolumesPanel(client, onAction, onError),
+    new NetworksPanel(client, onAction, onError)
   ];
-  const watcher = new import_sidekick_docker_shared10.EventWatcher(client, {
+  const watcher = new import_sidekick_docker_shared13.EventWatcher(client, {
     onEvent: (event) => {
       state.processEvent(event);
       scheduleRender();
     },
-    onError: () => {
+    onError: (err) => {
+      console.debug("event watcher error:", err.message);
     }
   });
   watcher.start();
   const refreshInterval = setInterval(() => {
-    state.refresh().then(() => scheduleRender()).catch(() => {
-    });
+    state.refresh().then(() => scheduleRender()).catch((e) => console.debug("periodic refresh failed:", e));
   }, 3e4);
   const execTriggerRef = { current: null };
   const onExecFallback = (containerId) => {
@@ -80400,7 +80670,7 @@ async function dashboardAction(_opts, cmd) {
       stdio: "inherit"
     });
     instance = render2(
-      import_react36.default.createElement(Dashboard, {
+      import_react37.default.createElement(Dashboard, {
         panels,
         metrics: getEnrichedMetrics(),
         onSelectionChange,
@@ -80412,7 +80682,7 @@ async function dashboardAction(_opts, cmd) {
   };
   const { render: render2 } = await init_build2().then(() => build_exports);
   let instance = render2(
-    import_react36.default.createElement(Dashboard, {
+    import_react37.default.createElement(Dashboard, {
       panels,
       metrics: getEnrichedMetrics(),
       onSelectionChange,
@@ -80430,6 +80700,9 @@ async function dashboardAction(_opts, cmd) {
       onExecFallback(containerId);
     }
   });
+  containersPanel.setOnCopyLogs((text) => {
+    copyToClipboard(text);
+  });
   let renderTimer = null;
   function getEnrichedMetrics() {
     const m = state.getMetrics();
@@ -80443,7 +80716,7 @@ async function dashboardAction(_opts, cmd) {
     renderTimer = setTimeout(() => {
       renderTimer = null;
       instance.rerender(
-        import_react36.default.createElement(Dashboard, {
+        import_react37.default.createElement(Dashboard, {
           panels,
           metrics: getEnrichedMetrics(),
           onSelectionChange,
@@ -80493,9 +80766,9 @@ async function dashboardAction(_opts, cmd) {
 }
 
 // src/commands/ps.ts
-var import_sidekick_docker_shared11 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared14 = __toESM(require_dist(), 1);
 async function psAction(opts) {
-  const client = new import_sidekick_docker_shared11.DockerClient();
+  const client = new import_sidekick_docker_shared14.DockerClient();
   const ok = await client.ping();
   if (!ok) {
     console.error("Error: Cannot connect to Docker daemon. Is Docker running?");
@@ -80522,9 +80795,9 @@ async function psAction(opts) {
 }
 
 // src/commands/logs.ts
-var import_sidekick_docker_shared12 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared15 = __toESM(require_dist(), 1);
 async function logsAction(container, opts) {
-  const client = new import_sidekick_docker_shared12.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?");
@@ -80541,7 +80814,7 @@ async function logsAction(container, opts) {
       console.log(`${prefix}${ts} ${entry.message}${reset}`);
     }
   } catch (err) {
-    const msg = err instanceof Error ? err.message : String(err);
+    const msg = (0, import_sidekick_docker_shared15.errorMessage)(err);
     if (msg.includes("no such container") || msg.includes("No such container")) {
       console.error(`Error: Container "${container}" not found.`);
     } else {
@@ -80553,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.2").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) => {