sidekick-docker 0.1.1 → 0.1.3

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();
                 },
@@ -39503,7 +39503,7 @@ var require_DockerClient = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.DockerClient = void 0;
     var dockerode_1 = __importDefault(require_docker());
-    var DockerClient5 = class {
+    var DockerClient6 = class {
       docker;
       constructor(opts) {
         this.docker = new dockerode_1.default(opts);
@@ -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;
@@ -39767,7 +39773,7 @@ var require_DockerClient = __commonJS({
       dispose() {
       }
     };
-    exports2.DockerClient = DockerClient5;
+    exports2.DockerClient = DockerClient6;
     function mapResourceType(type) {
       switch (type) {
         case "container":
@@ -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,520 @@ var require_StatsCollector = __commonJS({
         this.histories.clear();
       }
     };
-    exports2.StatsCollector = StatsCollector2;
+    exports2.StatsCollector = StatsCollector3;
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogTokenizer.js
+var require_LogTokenizer = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogTokenizer.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.tokenizeLogLine = tokenizeLogLine2;
+    var TOKEN_PATTERN = new RegExp([
+      // HTTP status codes (3-digit, standalone)
+      "(?<status>\\b[2345]\\d{2}\\b)",
+      // HTTP methods
+      "(?<method>\\b(?:GET|HEAD|OPTIONS|TRACE|PUT|POST|PATCH|DELETE)\\b)",
+      // Severity keywords
+      "(?<severity>\\b(?:FATAL|PANIC|ERROR|ERR|WARN|WARNING|INFO|DEBUG|TRACE)\\b)",
+      // URLs (http/https)
+      `(?<url>https?://[^\\s"'\\]}>)]+)`,
+      // IP addresses (v4)
+      "(?<ip>\\b\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}(?::\\d+)?\\b)",
+      // ISO timestamps or common log timestamps
+      "(?<timestamp>\\d{4}-\\d{2}-\\d{2}[T ]\\d{2}:\\d{2}:\\d{2}(?:\\.\\d+)?(?:Z|[+-]\\d{2}:?\\d{2})?)",
+      // JSON keys: "key":
+      '(?<jsonkey>"[^"]{1,40}"(?=\\s*:))',
+      // State keywords
+      "(?<stateok>\\b(?:success|succeeded|healthy|active|enabled|connected|ready|complete|completed|started|up|online|resolved|passed|ok|done|alive)\\b)",
+      "(?<statefail>\\b(?:fail|failed|failure|unhealthy|inactive|disabled|disconnected|timeout|refused|rejected|crashed|killed|stopped|unreachable|blocked|denied|broken)\\b)",
+      // Unix-style paths
+      "(?<path>(?:^|\\s)/[\\w./-]{2,})"
+    ].join("|"), "gi");
+    function classifyStatus(code) {
+      const n = parseInt(code, 10);
+      if (n >= 200 && n < 300)
+        return "http-status-2xx";
+      if (n >= 300 && n < 400)
+        return "http-status-3xx";
+      if (n >= 400 && n < 500)
+        return "http-status-4xx";
+      return "http-status-5xx";
+    }
+    function classifySeverity(word) {
+      const u = word.toUpperCase();
+      if (u === "FATAL" || u === "PANIC" || u === "ERROR" || u === "ERR")
+        return "severity-error";
+      if (u === "WARN" || u === "WARNING")
+        return "severity-warn";
+      if (u === "INFO")
+        return "severity-info";
+      return "severity-debug";
+    }
+    function classifyMethod(method) {
+      const u = method.toUpperCase();
+      if (u === "GET" || u === "HEAD" || u === "OPTIONS" || u === "TRACE")
+        return "http-method-safe";
+      return "http-method-unsafe";
+    }
+    function tokenizeLogLine2(line) {
+      if (!line)
+        return [{ text: "", type: "plain" }];
+      const tokens = [];
+      let lastIndex = 0;
+      TOKEN_PATTERN.lastIndex = 0;
+      let match;
+      while ((match = TOKEN_PATTERN.exec(line)) !== null) {
+        if (match.index > lastIndex) {
+          tokens.push({ text: line.slice(lastIndex, match.index), type: "plain" });
+        }
+        const groups = match.groups;
+        let type = "plain";
+        if (groups.status !== void 0)
+          type = classifyStatus(groups.status);
+        else if (groups.method !== void 0)
+          type = classifyMethod(groups.method);
+        else if (groups.severity !== void 0)
+          type = classifySeverity(groups.severity);
+        else if (groups.url !== void 0)
+          type = "url";
+        else if (groups.ip !== void 0)
+          type = "ip-address";
+        else if (groups.timestamp !== void 0)
+          type = "timestamp";
+        else if (groups.jsonkey !== void 0)
+          type = "json-key";
+        else if (groups.stateok !== void 0)
+          type = "state-ok";
+        else if (groups.statefail !== void 0)
+          type = "state-fail";
+        else if (groups.path !== void 0)
+          type = "path";
+        tokens.push({ text: match[0], type });
+        lastIndex = match.index + match[0].length;
+      }
+      if (lastIndex < line.length) {
+        tokens.push({ text: line.slice(lastIndex), type: "plain" });
+      }
+      return tokens;
+    }
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogFilter.js
+var require_LogFilter = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogFilter.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.exactMatch = exactMatch;
+    exports2.fuzzyMatch = fuzzyMatch;
+    exports2.filterLine = filterLine2;
+    function exactMatch(line, query) {
+      if (!query)
+        return { matched: true, matches: [] };
+      const lower = line.toLowerCase();
+      const queryLower = query.toLowerCase();
+      const matches = [];
+      let pos = 0;
+      while (pos < lower.length) {
+        const idx = lower.indexOf(queryLower, pos);
+        if (idx === -1)
+          break;
+        matches.push({ start: idx, length: queryLower.length });
+        pos = idx + queryLower.length;
+      }
+      return { matched: matches.length > 0, matches };
+    }
+    function fuzzyMatch(line, query) {
+      if (!query)
+        return { matched: true, matches: [] };
+      const words = query.split(/\s+/).filter((w) => w.length > 0);
+      if (words.length === 0)
+        return { matched: true, matches: [] };
+      const lower = line.toLowerCase();
+      const matches = [];
+      for (const word of words) {
+        const wordLower = word.toLowerCase();
+        const idx = lower.indexOf(wordLower);
+        if (idx === -1)
+          return { matched: false, matches: [] };
+        matches.push({ start: idx, length: wordLower.length });
+      }
+      matches.sort((a, b) => a.start - b.start);
+      return { matched: true, matches };
+    }
+    function filterLine2(line, query, mode) {
+      return mode === "exact" ? exactMatch(line, query) : fuzzyMatch(line, query);
+    }
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogAnalytics.js
+var require_LogAnalytics = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogAnalytics.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.LogAnalytics = void 0;
+    exports2.detectSeverity = detectSeverity;
+    var SEVERITY_PATTERN = /\b(FATAL|PANIC|ERROR|ERR|WARN|WARNING|INFO|DEBUG|TRACE)\b/i;
+    function detectSeverity(message) {
+      const match = message.substring(0, 200).match(SEVERITY_PATTERN);
+      if (!match)
+        return "other";
+      const keyword = match[1].toUpperCase();
+      if (keyword === "FATAL" || keyword === "PANIC" || keyword === "ERROR" || keyword === "ERR")
+        return "error";
+      if (keyword === "WARN" || keyword === "WARNING")
+        return "warn";
+      if (keyword === "INFO")
+        return "info";
+      return "debug";
+    }
+    var LogAnalytics2 = class {
+      counts = { error: 0, warn: 0, info: 0, debug: 0, other: 0, total: 0 };
+      /**
+       * Classify a log message and update counts.
+       */
+      push(message) {
+        const severity = detectSeverity(message);
+        this.counts[severity]++;
+        this.counts.total++;
+        return severity;
+      }
+      getCounts() {
+        return { ...this.counts };
+      }
+      reset() {
+        this.counts = { error: 0, warn: 0, info: 0, debug: 0, other: 0, total: 0 };
+      }
+    };
+    exports2.LogAnalytics = LogAnalytics2;
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogParser.js
+var require_LogParser = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogParser.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.detectFormat = detectFormat;
+    exports2.parseLine = parseLine;
+    var LogAnalytics_1 = require_LogAnalytics();
+    var LEVEL_KEYS = ["level", "severity", "lvl", "log_level", "loglevel"];
+    var MESSAGE_KEYS = ["msg", "message", "text", "body"];
+    var TIMESTAMP_KEYS = ["time", "timestamp", "ts", "datetime", "date", "@timestamp", "t"];
+    function normalizeLevel(value) {
+      const upper = value.toUpperCase().trim();
+      if (["FATAL", "PANIC", "ERROR", "ERR", "CRITICAL", "ALERT", "EMERGENCY", "EMERG"].includes(upper))
+        return "error";
+      if (["WARN", "WARNING"].includes(upper))
+        return "warn";
+      if (["INFO", "INFORMATION", "NOTICE"].includes(upper))
+        return "info";
+      if (["DEBUG", "TRACE", "VERBOSE"].includes(upper))
+        return "debug";
+      return null;
+    }
+    function findField(obj, keys) {
+      for (const key of keys) {
+        if (key in obj && obj[key] != null)
+          return String(obj[key]);
+      }
+      return null;
+    }
+    function parseJson(line) {
+      const trimmed = line.trim();
+      if (!trimmed.startsWith("{"))
+        return null;
+      try {
+        const obj = JSON.parse(trimmed);
+        const levelValue = findField(obj, LEVEL_KEYS);
+        const level = levelValue ? normalizeLevel(levelValue) : null;
+        const message = findField(obj, MESSAGE_KEYS) ?? "";
+        const timestamp = findField(obj, TIMESTAMP_KEYS);
+        const extracted = /* @__PURE__ */ new Set([...LEVEL_KEYS, ...MESSAGE_KEYS, ...TIMESTAMP_KEYS]);
+        const fields = {};
+        for (const [k, v] of Object.entries(obj)) {
+          if (!extracted.has(k) && v != null) {
+            fields[k] = typeof v === "string" ? v : JSON.stringify(v);
+          }
+        }
+        return { format: "json", level, message, timestamp, fields, raw: line };
+      } catch {
+        return null;
+      }
+    }
+    var LOGFMT_PAIR = /([a-zA-Z_][\w.-]*)=(?:"([^"]*)"|(\S*))/g;
+    function parseLogfmt(line) {
+      const pairs = [];
+      let match;
+      LOGFMT_PAIR.lastIndex = 0;
+      while ((match = LOGFMT_PAIR.exec(line)) !== null) {
+        pairs.push([match[1], match[2] ?? match[3]]);
+      }
+      if (pairs.length < 2)
+        return null;
+      const obj = {};
+      for (const [k, v] of pairs)
+        obj[k] = v;
+      const levelValue = findField(obj, LEVEL_KEYS);
+      const level = levelValue ? normalizeLevel(levelValue) : null;
+      const message = findField(obj, MESSAGE_KEYS) ?? "";
+      const timestamp = findField(obj, TIMESTAMP_KEYS);
+      const extracted = /* @__PURE__ */ new Set([...LEVEL_KEYS, ...MESSAGE_KEYS, ...TIMESTAMP_KEYS]);
+      const fields = {};
+      for (const [k, v] of Object.entries(obj)) {
+        if (!extracted.has(k))
+          fields[k] = v;
+      }
+      return { format: "logfmt", level, message, timestamp, fields, raw: line };
+    }
+    function detectFormat(line) {
+      const trimmed = line.trim();
+      if (trimmed.startsWith("{") && trimmed.endsWith("}"))
+        return "json";
+      LOGFMT_PAIR.lastIndex = 0;
+      let pairCount = 0;
+      while (LOGFMT_PAIR.exec(trimmed) !== null) {
+        pairCount++;
+        if (pairCount >= 2)
+          return "logfmt";
+      }
+      return "plain";
+    }
+    function parseLine(line) {
+      const jsonResult = parseJson(line);
+      if (jsonResult)
+        return jsonResult;
+      const logfmtResult = parseLogfmt(line);
+      if (logfmtResult)
+        return logfmtResult;
+      return {
+        format: "plain",
+        level: (0, LogAnalytics_1.detectSeverity)(line) !== "other" ? (0, LogAnalytics_1.detectSeverity)(line) : null,
+        message: line,
+        timestamp: null,
+        fields: {},
+        raw: line
+      };
+    }
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogSeverityTimeSeries.js
+var require_LogSeverityTimeSeries = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogSeverityTimeSeries.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.LogSeverityTimeSeries = void 0;
+    var DEFAULT_BUCKET_COUNT = 60;
+    var BUCKET_DURATION_MS = 6e4;
+    var LogSeverityTimeSeries2 = class {
+      buckets = [];
+      maxBuckets;
+      bucketDuration;
+      constructor(maxBuckets = DEFAULT_BUCKET_COUNT, bucketDuration = BUCKET_DURATION_MS) {
+        this.maxBuckets = maxBuckets;
+        this.bucketDuration = bucketDuration;
+      }
+      /**
+       * Record a severity event at the current time.
+       */
+      push(severity, now = Date.now()) {
+        const bucketTs = Math.floor(now / this.bucketDuration) * this.bucketDuration;
+        let bucket = this.buckets.length > 0 ? this.buckets[this.buckets.length - 1] : null;
+        if (!bucket || bucket.timestamp !== bucketTs) {
+          bucket = { timestamp: bucketTs, error: 0, warn: 0, info: 0, debug: 0, other: 0 };
+          this.buckets.push(bucket);
+          if (this.buckets.length > this.maxBuckets) {
+            this.buckets.shift();
+          }
+        }
+        bucket[severity]++;
+      }
+      /**
+       * Get all buckets in chronological order.
+       */
+      getBuckets() {
+        return [...this.buckets];
+      }
+      /**
+       * Get the dominant severity for each bucket (for coloring sparklines).
+       */
+      getDominantSeries() {
+        return this.buckets.map((b) => {
+          const counts = [
+            ["error", b.error],
+            ["warn", b.warn],
+            ["info", b.info],
+            ["debug", b.debug],
+            ["other", b.other]
+          ];
+          const total = counts.reduce((sum, [, c]) => sum + c, 0);
+          const dominant = counts.reduce((best, curr) => curr[1] > best[1] ? curr : best);
+          return { severity: dominant[0], total };
+        });
+      }
+      /**
+       * Get total counts per bucket (for sparkline height).
+       */
+      getTotalSeries() {
+        return this.buckets.map((b) => b.error + b.warn + b.info + b.debug + b.other);
+      }
+      reset() {
+        this.buckets = [];
+      }
+    };
+    exports2.LogSeverityTimeSeries = LogSeverityTimeSeries2;
+  }
+});
+
+// ../sidekick-docker-shared/dist/log/LogTemplateEngine.js
+var require_LogTemplateEngine = __commonJS({
+  "../sidekick-docker-shared/dist/log/LogTemplateEngine.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.LogTemplateEngine = void 0;
+    var VARIABLE_PATTERNS = [
+      /^[0-9a-f]{8,}$/i,
+      // hex strings (hashes, IDs)
+      /^[0-9a-f]{8}-[0-9a-f]{4}-/i,
+      // UUIDs
+      /^\d+\.\d+\.\d+\.\d+/,
+      // IP addresses
+      /^\d{4}-\d{2}-\d{2}/,
+      // dates
+      /^\d+$/,
+      // pure numbers
+      /^\/[\w/.-]+$/,
+      // paths
+      /^https?:\/\//,
+      // URLs
+      /^"[^"]*"$/,
+      // quoted strings
+      /^'[^']*'$/
+      // single-quoted strings
+    ];
+    function isVariable(token) {
+      return VARIABLE_PATTERNS.some((p) => p.test(token));
+    }
+    var LogTemplateEngine2 = class {
+      // Group templates by token count for efficient lookup
+      groups = /* @__PURE__ */ new Map();
+      totalLines = 0;
+      /**
+       * Process a log line and update templates.
+       */
+      push(line) {
+        this.totalLines++;
+        const tokens = tokenize3(line);
+        if (tokens.length === 0)
+          return;
+        const groups = this.groups.get(tokens.length);
+        if (!groups) {
+          this.groups.set(tokens.length, [{ tokens: tokens.map((t) => isVariable(t) ? "<*>" : t), count: 1 }]);
+          return;
+        }
+        let bestMatch = null;
+        let bestScore = 0;
+        for (const group of groups) {
+          let matching = 0;
+          for (let i = 0; i < tokens.length; i++) {
+            if (group.tokens[i] === "<*>" || group.tokens[i] === tokens[i]) {
+              matching++;
+            }
+          }
+          const score = matching / tokens.length;
+          if (score > bestScore && score >= 0.5) {
+            bestScore = score;
+            bestMatch = group;
+          }
+        }
+        if (bestMatch) {
+          bestMatch.count++;
+          for (let i = 0; i < tokens.length; i++) {
+            if (bestMatch.tokens[i] !== "<*>" && bestMatch.tokens[i] !== tokens[i]) {
+              bestMatch.tokens[i] = "<*>";
+            }
+          }
+        } else {
+          groups.push({ tokens: tokens.map((t) => isVariable(t) ? "<*>" : t), count: 1 });
+        }
+      }
+      /**
+       * Get all templates sorted by frequency (most common first).
+       */
+      getTemplates(limit = 20) {
+        const all = [];
+        for (const [tokenCount, groups] of this.groups) {
+          for (const group of groups) {
+            all.push({
+              pattern: group.tokens.join(" "),
+              count: group.count,
+              tokenCount
+            });
+          }
+        }
+        all.sort((a, b) => b.count - a.count);
+        return all.slice(0, limit);
+      }
+      getTotalLines() {
+        return this.totalLines;
+      }
+      reset() {
+        this.groups.clear();
+        this.totalLines = 0;
+      }
+    };
+    exports2.LogTemplateEngine = LogTemplateEngine2;
+    function tokenize3(line) {
+      return line.split(/\s+/).filter((t) => t.length > 0);
+    }
+  }
+});
+
+// ../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;
   }
 });
 
@@ -40142,13 +40661,13 @@ var require_EventWatcher = __commonJS({
     "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;
@@ -40157,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() {
@@ -40172,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;
@@ -40186,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));
-    }
   }
 });
 
@@ -40279,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) {
@@ -41003,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.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() {
@@ -41025,6 +41563,42 @@ var require_dist = __commonJS({
     Object.defineProperty(exports2, "StatsCollector", { enumerable: true, get: function() {
       return StatsCollector_1.StatsCollector;
     } });
+    var LogTokenizer_1 = require_LogTokenizer();
+    Object.defineProperty(exports2, "tokenizeLogLine", { enumerable: true, get: function() {
+      return LogTokenizer_1.tokenizeLogLine;
+    } });
+    var LogFilter_1 = require_LogFilter();
+    Object.defineProperty(exports2, "exactMatch", { enumerable: true, get: function() {
+      return LogFilter_1.exactMatch;
+    } });
+    Object.defineProperty(exports2, "fuzzyMatch", { enumerable: true, get: function() {
+      return LogFilter_1.fuzzyMatch;
+    } });
+    Object.defineProperty(exports2, "filterLine", { enumerable: true, get: function() {
+      return LogFilter_1.filterLine;
+    } });
+    var LogAnalytics_1 = require_LogAnalytics();
+    Object.defineProperty(exports2, "LogAnalytics", { enumerable: true, get: function() {
+      return LogAnalytics_1.LogAnalytics;
+    } });
+    Object.defineProperty(exports2, "detectSeverity", { enumerable: true, get: function() {
+      return LogAnalytics_1.detectSeverity;
+    } });
+    var LogParser_1 = require_LogParser();
+    Object.defineProperty(exports2, "detectFormat", { enumerable: true, get: function() {
+      return LogParser_1.detectFormat;
+    } });
+    Object.defineProperty(exports2, "parseLine", { enumerable: true, get: function() {
+      return LogParser_1.parseLine;
+    } });
+    var LogSeverityTimeSeries_1 = require_LogSeverityTimeSeries();
+    Object.defineProperty(exports2, "LogSeverityTimeSeries", { enumerable: true, get: function() {
+      return LogSeverityTimeSeries_1.LogSeverityTimeSeries;
+    } });
+    var LogTemplateEngine_1 = require_LogTemplateEngine();
+    Object.defineProperty(exports2, "LogTemplateEngine", { enumerable: true, get: function() {
+      return LogTemplateEngine_1.LogTemplateEngine;
+    } });
     var EventWatcher_1 = require_EventWatcher();
     Object.defineProperty(exports2, "EventWatcher", { enumerable: true, get: function() {
       return EventWatcher_1.EventWatcher;
@@ -41051,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;
@@ -77369,8 +77961,8 @@ var {
 } = import_index.default;
 
 // src/commands/dashboard.ts
-var import_react36 = __toESM(require_react(), 1);
-var import_sidekick_docker_shared7 = __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/dashboard/DockerState.ts
@@ -77426,8 +78018,7 @@ var DockerState = class {
       case "image":
       case "volume":
       case "network":
-        this.refresh().catch(() => {
-        });
+        this.refresh().catch((e) => console.debug("refresh failed:", e));
         break;
     }
   }
@@ -77439,11 +78030,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":
@@ -77467,13 +78057,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;
     }
@@ -77484,7 +78072,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();
     }
   }
@@ -77493,7 +78081,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();
     }
   }
@@ -77521,13 +78109,27 @@ var DockerState = class {
       selectedContainerLogs: [...this.selectedLogs],
       selectedComposeLogs: [...this.selectedComposeLogs],
       lastRefresh: this.lastRefresh,
-      daemonConnected: this.daemonConnected
+      daemonConnected: this.daemonConnected,
+      logFilterString: "",
+      logFilterMode: "exact",
+      logSeverityCounts: null,
+      logSeverityTimeSeries: [],
+      logTemplates: []
     };
   }
 };
 
+// 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);
 function formatUptime(status) {
   return status;
 }
@@ -77574,6 +78176,23 @@ function sparkline(values, width = 40) {
     return bars[idx];
   }).join("");
 }
+var SEVERITY_COLORS = {
+  error: (s) => `\x1B[31m${s}\x1B[39m`,
+  warn: (s) => `\x1B[33m${s}\x1B[39m`,
+  info: (s) => `\x1B[38;2;43;76;126m${s}\x1B[39m`,
+  debug: (s) => `\x1B[90m${s}\x1B[39m`,
+  other: (s) => `\x1B[90m${s}\x1B[39m`
+};
+function severitySparkline(series, width = 40) {
+  if (series.length === 0) return "";
+  const recent = series.slice(-width);
+  const max = Math.max(...recent.map((s) => s.total), 1);
+  const bars = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+  return recent.map((s) => {
+    const idx = Math.min(Math.floor(s.total / max * (bars.length - 1)), bars.length - 1);
+    return SEVERITY_COLORS[s.severity](bars[idx]);
+  }).join("");
+}
 var ansi = {
   gray: (s) => `\x1B[90m${s}\x1B[39m`,
   red: (s) => `\x1B[31m${s}\x1B[39m`,
@@ -77583,26 +78202,64 @@ var ansi = {
   dim: (s) => `\x1B[2m${s}\x1B[22m`,
   bold: (s) => `\x1B[1m${s}\x1B[22m`
 };
-function detectLogLevel(msg) {
-  const upper = msg.substring(0, 200).toUpperCase();
-  if (/\b(FATAL|PANIC)\b/.test(upper)) return ansi.red;
-  if (/\b(ERROR|ERR)\b/.test(upper)) return ansi.red;
-  if (/\b(WARN|WARNING)\b/.test(upper)) return ansi.yellow;
-  if (/\b(INFO)\b/.test(upper)) return ansi.brand;
-  if (/\b(DEBUG|TRACE)\b/.test(upper)) return ansi.gray;
-  return null;
+var TOKEN_COLORS = {
+  "severity-error": ansi.red,
+  "severity-warn": ansi.yellow,
+  "severity-info": ansi.brand,
+  "severity-debug": ansi.gray,
+  "http-method-safe": ansi.green,
+  "http-method-unsafe": ansi.yellow,
+  "http-status-2xx": ansi.green,
+  "http-status-3xx": ansi.brand,
+  "http-status-4xx": ansi.yellow,
+  "http-status-5xx": ansi.red,
+  "url": ansi.brand,
+  "ip-address": ansi.dim,
+  "timestamp": (s) => ansi.dim(ansi.gray(s)),
+  "json-key": ansi.brand,
+  "state-ok": ansi.green,
+  "state-fail": ansi.red,
+  "path": ansi.dim,
+  "number": null,
+  "plain": null
+};
+function colorizeTokens(message) {
+  const tokens = (0, import_sidekick_docker_shared2.tokenizeLogLine)(message);
+  return tokens.map((t) => {
+    const colorFn = TOKEN_COLORS[t.type];
+    return colorFn ? colorFn(t.text) : t.text;
+  }).join("");
 }
-function colorizeLogEntry(entry) {
+function colorizeLogEntry(entry, filterMatches) {
   const ts = entry.timestamp ? entry.timestamp.toISOString().substring(11, 23) : "";
   const tsColored = ts ? ansi.dim(ansi.gray(ts)) + " " : "";
   if (entry.stream === "stderr") {
-    return tsColored + ansi.red(entry.message);
+    const msg = filterMatches ? highlightMatches(entry.message, filterMatches, ansi.red) : ansi.red(entry.message);
+    return tsColored + msg;
   }
-  const levelColor = detectLogLevel(entry.message);
-  if (levelColor) {
-    return tsColored + levelColor(entry.message);
+  if (filterMatches && filterMatches.length > 0) {
+    return tsColored + highlightMatches(entry.message, filterMatches);
   }
-  return tsColored + entry.message;
+  return tsColored + colorizeTokens(entry.message);
+}
+function highlightMatches(text, matches, baseFn) {
+  if (matches.length === 0) return baseFn ? baseFn(text) : colorizeTokens(text);
+  const sorted = [...matches].sort((a, b) => a.start - b.start);
+  const parts = [];
+  let pos = 0;
+  for (const m of sorted) {
+    if (m.start > pos) {
+      const segment = text.slice(pos, m.start);
+      parts.push(baseFn ? baseFn(segment) : segment);
+    }
+    parts.push(`\x1B[44;37m${text.slice(m.start, m.start + m.length)}\x1B[49;39m`);
+    pos = m.start + m.length;
+  }
+  if (pos < text.length) {
+    const segment = text.slice(pos);
+    parts.push(baseFn ? baseFn(segment) : segment);
+  }
+  return parts.join("");
 }
 function colorizeEnvLine(line) {
   const eqIdx = line.indexOf("=");
@@ -77657,10 +78314,12 @@ var ContainersPanel = class {
   shortcutKey = 1;
   client;
   onAction;
+  onError;
   onExec;
-  constructor(client, onAction) {
+  constructor(client, onAction, onError) {
     this.client = client;
     this.onAction = onAction;
+    this.onError = onError ?? defaultOnError;
   }
   setOnExec(handler) {
     this.onExec = handler;
@@ -77671,7 +78330,38 @@ var ContainersPanel = class {
       render: (item, metrics) => {
         const logs = metrics.selectedContainerLogs;
         if (logs.length === 0) return "No logs available. Select a container to view logs.";
-        return logs.map((l) => colorizeLogEntry(l)).join("\n");
+        const lines = [];
+        if (metrics.logSeverityCounts && metrics.logSeverityCounts.total > 0) {
+          const c = metrics.logSeverityCounts;
+          const parts = [];
+          if (c.error > 0) parts.push(`\x1B[31mE:${c.error}\x1B[39m`);
+          if (c.warn > 0) parts.push(`\x1B[33mW:${c.warn}\x1B[39m`);
+          if (c.info > 0) parts.push(`\x1B[38;2;43;76;126mI:${c.info}\x1B[39m`);
+          if (c.debug > 0) parts.push(`\x1B[90mD:${c.debug}\x1B[39m`);
+          if (parts.length > 0) lines.push(parts.join("  "));
+        }
+        const query = metrics.logFilterString;
+        const mode = metrics.logFilterMode;
+        if (query) {
+          let matchCount = 0;
+          for (const l of logs) {
+            const result = (0, import_sidekick_docker_shared4.filterLine)(l.message, query, mode);
+            if (result.matched) {
+              matchCount++;
+              lines.push(colorizeLogEntry(l, result.matches));
+            }
+          }
+          if (lines.length <= 1) {
+            lines.push(`\x1B[90mNo logs matching "${query}"\x1B[39m`);
+          } else {
+            lines.splice(1, 0, `\x1B[90m${matchCount} matches (f to filter, Tab to toggle mode)\x1B[39m`);
+          }
+        } else {
+          for (const l of logs) {
+            lines.push(colorizeLogEntry(l));
+          }
+        }
+        return lines.join("\n");
       },
       autoScrollBottom: true
     },
@@ -77694,14 +78384,19 @@ var ContainersPanel = class {
         if (cpuSeries.length > 1) {
           lines.push(`        ${coloredSparkline(cpuSeries, "cpu")}`);
         }
-        lines.push(colorizeDetailKey(`Memory: ${(0, import_sidekick_docker_shared2.formatMemory)(latest.memoryUsage, latest.memoryLimit)} (${colorizePercent(latest.memoryPercent)})`));
+        lines.push(colorizeDetailKey(`Memory: ${(0, import_sidekick_docker_shared3.formatMemory)(latest.memoryUsage, latest.memoryLimit)} (${colorizePercent(latest.memoryPercent)})`));
         if (memSeries.length > 1) {
           lines.push(`        ${coloredSparkline(memSeries, "memory")}`);
         }
         lines.push(
-          colorizeDetailKey(`Net:    \u25BC ${(0, import_sidekick_docker_shared2.formatBytes)(latest.networkRx)}  \u25B2 ${(0, import_sidekick_docker_shared2.formatBytes)(latest.networkTx)}`),
+          colorizeDetailKey(`Net:    \u25BC ${(0, import_sidekick_docker_shared3.formatBytes)(latest.networkRx)}  \u25B2 ${(0, import_sidekick_docker_shared3.formatBytes)(latest.networkTx)}`),
           colorizeDetailKey(`PIDs:   ${latest.pids}`)
         );
+        if (metrics.logSeverityTimeSeries.length > 1) {
+          lines.push("");
+          lines.push(sectionHeader("Log Activity"));
+          lines.push(`        ${severitySparkline(metrics.logSeverityTimeSeries)}`);
+        }
         return lines.join("\n");
       }
     },
@@ -77731,7 +78426,7 @@ var ContainersPanel = class {
           colorizeDetailKey(`  Created: ${c.created.toLocaleString()}`),
           "",
           sectionHeader("Network"),
-          colorizeDetailKey(`  Ports:   ${(0, import_sidekick_docker_shared2.formatPorts)(c.ports)}`)
+          colorizeDetailKey(`  Ports:   ${(0, import_sidekick_docker_shared3.formatPorts)(c.ports)}`)
         ];
         if (c.composeProject) {
           lines.push("", sectionHeader("Compose"));
@@ -77740,19 +78435,34 @@ var ContainersPanel = class {
         }
         return lines.join("\n");
       }
+    },
+    {
+      label: "Patterns",
+      render: (_item, metrics) => {
+        const templates = metrics.logTemplates;
+        if (templates.length === 0) return "No log patterns detected yet. Patterns will appear as logs stream in.";
+        const lines = [sectionHeader("Top Log Patterns"), ""];
+        for (let i = 0; i < templates.length; i++) {
+          const t = templates[i];
+          const count = `\x1B[33m${String(t.count).padStart(5)}\x1B[39m`;
+          const pattern = t.pattern.replace(/<\*>/g, "\x1B[90m<*>\x1B[39m");
+          lines.push(`${count}  ${pattern}`);
+        }
+        return lines.join("\n");
+      }
     }
   ];
   getItems(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_shared2.truncate)(c.name, 16)} ${portHint}` : (0, import_sidekick_docker_shared2.truncate)(c.name, 20);
+      const namePart = portHint ? `${(0, import_sidekick_docker_shared3.truncate)(c.name, 16)} ${portHint}` : (0, import_sidekick_docker_shared3.truncate)(c.name, 20);
       return {
         id: c.id,
-        label: `${(0, import_sidekick_docker_shared2.stateIcon)(c.state)} ${namePart}`,
+        label: `${(0, import_sidekick_docker_shared3.stateIcon)(c.state)} ${namePart}`,
         sortKey: c.state === "running" ? 0 : 1,
         data: c,
-        iconColor: (0, import_sidekick_docker_shared2.stateColor)(c.state),
+        iconColor: (0, import_sidekick_docker_shared3.stateColor)(c.state),
         rightLabel: uptime,
         rightColor: c.state === "running" ? "green" : "gray"
       };
@@ -77765,8 +78475,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"
       },
@@ -77775,8 +78484,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"
       },
@@ -77785,8 +78493,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"
       },
@@ -77797,8 +78504,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)));
         }
       },
       {
@@ -77819,16 +78525,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 = [
@@ -77844,7 +78555,7 @@ var ServicesPanel = class {
             colorizeDetailKey(`Status:   ${colorizeState(p.status)}`),
             colorizeDetailKey(`Services: ${p.services.length}`),
             "",
-            ...p.services.map((s2) => `  ${(0, import_sidekick_docker_shared2.stateIcon)(s2.state)} ${s2.name} (${s2.image})`)
+            ...p.services.map((s2) => `  ${(0, import_sidekick_docker_shared3.stateIcon)(s2.state)} ${s2.name} (${s2.image})`)
           ];
           return lines.join("\n");
         }
@@ -77886,13 +78597,13 @@ var ServicesPanel = class {
         rightColor: projectIconColor
       });
       for (const service of project.services) {
-        const icon = (0, import_sidekick_docker_shared2.stateIcon)(service.state);
+        const icon = (0, import_sidekick_docker_shared3.stateIcon)(service.state);
         items.push({
           id: `service:${project.name}:${service.name}`,
-          label: `  ${icon} ${(0, import_sidekick_docker_shared2.truncate)(service.name, 18)}`,
+          label: `  ${icon} ${(0, import_sidekick_docker_shared3.truncate)(service.name, 18)}`,
           sortKey: sortKey++,
           data: { type: "service", service },
-          iconColor: (0, import_sidekick_docker_shared2.stateColor)(service.state)
+          iconColor: (0, import_sidekick_docker_shared3.stateColor)(service.state)
         });
       }
     }
@@ -77913,9 +78624,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
       },
@@ -77926,9 +78635,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
       },
@@ -77938,11 +78645,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
@@ -77953,11 +78658,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
@@ -77979,9 +78682,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 = [
     {
@@ -77991,7 +78696,7 @@ var ImagesPanel = class {
         return [
           colorizeDetailKey(`ID:       ${colorizeId(img.id)}`),
           colorizeDetailKey(`Tags:     ${img.repoTags.join(", ")}`),
-          colorizeDetailKey(`Size:     ${(0, import_sidekick_docker_shared2.formatBytes)(img.size)}`),
+          colorizeDetailKey(`Size:     ${(0, import_sidekick_docker_shared3.formatBytes)(img.size)}`),
           colorizeDetailKey(`Created:  ${img.created.toLocaleString()}`),
           colorizeDetailKey(`Dangling: ${colorizeBool(img.isDangling)}`)
         ].join("\n");
@@ -78004,11 +78709,11 @@ var ImagesPanel = class {
       const icon = img.isDangling ? "\u25CB" : "\u25CF";
       return {
         id: img.id,
-        label: `${icon} ${(0, import_sidekick_docker_shared2.truncate)(tag, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(tag, 20)}`,
         sortKey: img.isDangling ? 1 : 0,
         data: img,
         iconColor: img.isDangling ? "gray" : "#2B4C7E",
-        rightLabel: (0, import_sidekick_docker_shared2.formatBytes)(img.size),
+        rightLabel: (0, import_sidekick_docker_shared3.formatBytes)(img.size),
         rightColor: "gray"
       };
     });
@@ -78022,8 +78727,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)));
         }
       },
       {
@@ -78032,8 +78736,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)));
         }
       }
     ];
@@ -78051,9 +78754,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 = [
     {
@@ -78075,7 +78780,7 @@ var VolumesPanel = class {
       const icon = vol.isInUse ? "\u25CF" : "\u25CB";
       return {
         id: vol.name,
-        label: `${icon} ${(0, import_sidekick_docker_shared2.truncate)(vol.name, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(vol.name, 20)}`,
         sortKey: vol.isInUse ? 0 : 1,
         data: vol,
         iconColor: vol.isInUse ? "green" : "gray",
@@ -78093,8 +78798,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
       },
@@ -78104,8 +78808,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)));
         }
       }
     ];
@@ -78123,9 +78826,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 = [
     {
@@ -78157,7 +78862,7 @@ var NetworksPanel = class {
       const countLabel = net.containers.length > 0 ? `${net.containers.length}` : "";
       return {
         id: net.id,
-        label: `${icon} ${(0, import_sidekick_docker_shared2.truncate)(net.name, 20)}`,
+        label: `${icon} ${(0, import_sidekick_docker_shared3.truncate)(net.name, 20)}`,
         sortKey: net.isDefault ? 0 : 1,
         data: net,
         iconColor: net.isDefault ? "#2B4C7E" : "gray",
@@ -78175,8 +78880,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;
@@ -78189,8 +78893,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)));
         }
       }
     ];
@@ -78202,14 +78905,18 @@ var NetworksPanel = class {
 };
 
 // src/dashboard/LogStreamManager.ts
-var MAX_LOG_LINES = 1e3;
+var import_sidekick_docker_shared5 = __toESM(require_dist(), 1);
 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();
+  templateEngine = new import_sidekick_docker_shared5.LogTemplateEngine();
   constructor(client, onChange) {
     this.client = client;
     this.onChange = onChange;
@@ -78220,8 +78927,12 @@ var LogStreamManager = class {
     this.stop();
     this.currentContainerId = containerId;
     this.logs = [];
+    this.analytics.reset();
+    this.timeSeries.reset();
+    this.templateEngine.reset();
     if (!containerId) return;
     this.aborted = false;
+    this.reconnect.reset();
     this.streamPromise = this.streamLogs(containerId);
   }
   async streamLogs(containerId) {
@@ -78232,22 +78943,47 @@ var LogStreamManager = class {
       })) {
         if (this.aborted || this.currentContainerId !== containerId) break;
         this.logs.push(entry);
-        if (this.logs.length > MAX_LOG_LINES) {
+        const severity = this.analytics.push(entry.message);
+        this.timeSeries.push(severity);
+        this.templateEngine.push(entry.message);
+        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;
   }
+  getSeverityCounts() {
+    return this.analytics.getCounts();
+  }
+  getSeverityTimeSeries() {
+    return this.timeSeries.getDominantSeries();
+  }
+  getTemplates(limit = 20) {
+    return this.templateEngine.getTemplates(limit);
+  }
   getCurrentContainerId() {
     return this.currentContainerId;
   }
@@ -78257,12 +78993,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) {
@@ -78277,6 +79015,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);
   }
@@ -78294,12 +79033,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;
   }
@@ -78311,18 +79064,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;
@@ -78336,6 +79089,7 @@ var ComposeLogStreamManager = class {
     this.logs = [];
     if (!project) return;
     this.aborted = false;
+    this.reconnect.reset();
     this.streamLogs(project, service);
   }
   async streamLogs(project, service) {
@@ -78343,18 +79097,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;
@@ -78365,7 +79132,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
@@ -78438,6 +79205,324 @@ 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" });
+      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 && 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);
@@ -78447,8 +79532,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)(
@@ -78463,10 +79554,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} `
           }
         ),
@@ -78526,11 +79617,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";
@@ -78542,13 +79637,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]}` })
+      ] })
     ] })
   ] });
 }
@@ -78558,7 +79657,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) => {
@@ -78574,7 +79673,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" })
   ] });
 }
 
@@ -78596,9 +79695,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_shared3 = __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);
@@ -78607,72 +79706,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_shared3.BRAND_INLINE}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: ` ${import_sidekick_docker_shared3.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_shared4 = __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: "Toggle expanded layout" },
   { 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_shared4.BRAND_INLINE} ${import_sidekick_docker_shared4.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.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 })
+    /* @__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: "" }),
+    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" })
   ] });
 }
 
@@ -78682,8 +79798,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" })
   ] });
 }
 
@@ -78699,23 +79816,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" })
       ]
     }
   );
@@ -78734,16 +79865,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" })
         ] })
       ]
     }
@@ -78751,37 +79888,53 @@ 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_COLORS = {
+var SEVERITY_COLORS2 = {
   error: "red",
   warning: "yellow",
   info: "#2B4C7E"
 };
 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_COLORS[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." })
   ] });
 }
 
@@ -78870,7 +80023,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() {
@@ -78879,7 +80032,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);
@@ -78902,29 +80055,40 @@ function MouseProvider({ onMouse, children }) {
   ] });
 }
 
-// src/dashboard/ink/VersionOverlay.tsx
-var import_react34 = __toESM(require_react(), 1);
+// src/dashboard/ink/LogFilterOverlay.tsx
 await init_build2();
-var import_sidekick_docker_shared5 = __toESM(require_dist(), 1);
 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: "#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_react35 = __toESM(require_react(), 1);
+await init_build2();
+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_shared5.getRandomPhrase)(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, padding: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { bold: true, color: "magenta", children: import_sidekick_docker_shared5.BRAND_INLINE }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { color: "gray", children: [
-      import_sidekick_docker_shared5.BRAND_TAGLINE,
-      " v",
-      version2
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { color: "gray", italic: true, children: `"${phrase}"` }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { children: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { color: "gray", children: "Press V or Esc to close" })
+  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: `\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", dimColor: true, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: "" }),
+    /* @__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_shared6 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared12 = __toESM(require_dist(), 1);
 
 // src/dashboard/ExecManager.ts
 var ExecManager = class {
@@ -78981,10 +80145,12 @@ var ExecManager = class {
 };
 
 // src/dashboard/ink/Dashboard.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var SIDE_PANEL_WIDTH = 28;
 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":
@@ -79061,6 +80227,10 @@ function reducer(state, action) {
     }
     case "EXEC_END":
       return { ...state, overlay: null, execContainerId: null, execContainerName: "", execOutputLines: [] };
+    case "SET_LOG_FILTER":
+      return { ...state, logFilterString: action.value };
+    case "TOGGLE_LOG_FILTER_MODE":
+      return { ...state, logFilterMode: state.logFilterMode === "exact" ? "fuzzy" : "exact" };
     default:
       return state;
   }
@@ -79080,28 +80250,29 @@ var initialState = {
   confirmMessage: "",
   execOutputLines: [],
   execContainerId: null,
-  execContainerName: ""
+  execContainerName: "",
+  logFilterString: "",
+  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_shared6.getRandomPhrase)());
-  const phraseTimerRef = (0, import_react35.useRef)(null);
-  const rotatePhrase = (0, import_react35.useCallback)(() => {
-    setPhrase((0, import_sidekick_docker_shared6.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 rotatePhrase = (0, import_react36.useCallback)(() => {
+    setPhrase((0, import_sidekick_docker_shared12.getRandomPhrase)());
     if (phraseTimerRef.current) clearTimeout(phraseTimerRef.current);
     phraseTimerRef.current = setTimeout(rotatePhrase, 7e3);
   }, []);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     phraseTimerRef.current = setTimeout(rotatePhrase, 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();
@@ -79136,7 +80307,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) {
@@ -79153,22 +80324,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 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) => {
@@ -79178,361 +80350,101 @@ 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;
   const tabIdx = Math.min(state.detailTabIndex, detailTabs.length - 1);
+  const enrichedMetrics = {
+    ...metrics,
+    logFilterString: state.logFilterString,
+    logFilterMode: state.logFilterMode
+  };
   let detailContent = "";
   if (selectedItem && detailTabs.length > 0 && tabIdx >= 0) {
-    detailContent = detailTabs[tabIdx].render(selectedItem, metrics);
+    detailContent = detailTabs[tabIdx].render(selectedItem, enrichedMetrics);
   } else if (!selectedItem) {
     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 === "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 === "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_runtime15.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("  ") : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MouseProvider, { onMouse: handleMouse, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box_default, { flexDirection: "column", height: rows, width: columns, children: [
-    showNormalLayout && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TabBar, { panels, activeIndex: state.activePanelIndex, layoutMode: state.layoutMode, phrase, panelCounts }),
-    showNormalLayout && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box_default, { flexGrow: 1, flexDirection: "row", children: [
-      sideWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  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: [
+      sideWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         SideList,
         {
           items: currentItems,
@@ -79548,9 +80460,9 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
           runningCount: panel.id === "containers" ? runningCount : void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DetailTabBar, { tabs: detailTabs, activeIndex: state.detailTabIndex }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DetailTabBar, { tabs: detailTabs, activeIndex: state.detailTabIndex }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           DetailPane,
           {
             content: detailContent,
@@ -79561,33 +80473,32 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         )
       ] })
     ] }),
-    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.1" }),
-    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(VersionOverlay, { version: "0.1.1" }),
-    state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    state.overlay === "help" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HelpOverlay, { panels, activePanelIndex: state.activePanelIndex, version: "0.1.3" }),
+    state.overlay === "version" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(VersionOverlay, { version: "0.1.3" }),
+    state.overlay === "exec" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ExecOverlay,
       {
         containerName: state.execContainerName,
         outputLines: state.execOutputLines
       }
     ),
-    state.overlay !== "exec" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    state.overlay !== "exec" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       StatusBar,
       {
         daemonConnected: metrics.daemonConnected,
         focusTarget: state.focusTarget,
-        panelHints: "",
         panelActionHints,
         filterString: state.filterString,
         containerCount: metrics.containers.length,
         runningCount,
-        version: "0.1.1",
+        version: "0.1.3",
         matchCount: state.filterString ? currentItems.length : void 0,
         totalCount: state.filterString ? totalItemCount : void 0,
         lastRefresh: metrics.lastRefresh
       }
     ),
-    state.overlay === "context-menu" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContextMenuOverlay, { actions: contextActions, selectedIndex: state.contextMenuIndex }),
-    state.overlay === "filter" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    state.overlay === "context-menu" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContextMenuOverlay, { actions: contextActions, selectedIndex: state.contextMenuIndex }),
+    state.overlay === "filter" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FilterOverlay,
       {
         filterString: state.filterString,
@@ -79596,7 +80507,14 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         panelTitle: panel.title
       }
     ),
-    state.overlay === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    state.overlay === "log-filter" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      LogFilterOverlay,
+      {
+        filterString: state.logFilterString,
+        filterMode: state.logFilterMode
+      }
+    ),
+    state.overlay === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ConfirmOverlay,
       {
         message: state.confirmMessage,
@@ -79607,7 +80525,7 @@ function Dashboard({ panels, metrics, onSelectionChange, execTriggerRef, onExecF
         onCancel: () => dispatch({ type: "SET_CONFIRM", action: null, message: "" })
       }
     ),
-    state.toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToastNotification, { toast: state.toasts[state.toasts.length - 1] })
+    state.toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToastNotification, { toast: state.toasts[state.toasts.length - 1] })
   ] }) });
 }
 
@@ -79615,7 +80533,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_shared7.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?");
@@ -79624,15 +80542,19 @@ async function dashboardAction(_opts, cmd) {
   const cwd2 = process.cwd();
   const state = new DockerState(client, cwd2);
   await state.refresh();
-  const composeClient = new import_sidekick_docker_shared7.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());
+    logSeverityCounts = logManager.getSeverityCounts();
     scheduleRender();
   });
+  let logSeverityCounts = logManager.getSeverityCounts();
   const statsManager = new StatsStreamManager(client, state.getStatsCollector(), () => {
     scheduleRender();
   });
@@ -79652,8 +80574,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);
@@ -79671,24 +80592,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_shared7.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) => {
@@ -79699,9 +80620,9 @@ async function dashboardAction(_opts, cmd) {
       stdio: "inherit"
     });
     instance = render2(
-      import_react36.default.createElement(Dashboard, {
+      import_react37.default.createElement(Dashboard, {
         panels,
-        metrics: state.getMetrics(),
+        metrics: getEnrichedMetrics(),
         onSelectionChange,
         execTriggerRef,
         onExecFallback
@@ -79711,9 +80632,9 @@ 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: state.getMetrics(),
+      metrics: getEnrichedMetrics(),
       onSelectionChange,
       execTriggerRef,
       onExecFallback
@@ -79730,14 +80651,21 @@ async function dashboardAction(_opts, cmd) {
     }
   });
   let renderTimer = null;
+  function getEnrichedMetrics() {
+    const m = state.getMetrics();
+    m.logSeverityCounts = logSeverityCounts;
+    m.logSeverityTimeSeries = logManager.getSeverityTimeSeries();
+    m.logTemplates = logManager.getTemplates();
+    return m;
+  }
   function scheduleRender() {
     if (renderTimer) return;
     renderTimer = setTimeout(() => {
       renderTimer = null;
       instance.rerender(
-        import_react36.default.createElement(Dashboard, {
+        import_react37.default.createElement(Dashboard, {
           panels,
-          metrics: state.getMetrics(),
+          metrics: getEnrichedMetrics(),
           onSelectionChange,
           execTriggerRef,
           onExecFallback
@@ -79785,9 +80713,9 @@ async function dashboardAction(_opts, cmd) {
 }
 
 // src/commands/ps.ts
-var import_sidekick_docker_shared8 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared14 = __toESM(require_dist(), 1);
 async function psAction(opts) {
-  const client = new import_sidekick_docker_shared8.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?");
@@ -79804,19 +80732,19 @@ async function psAction(opts) {
   for (const c of containers) {
     const row = [
       c.id.substring(0, 12).padEnd(20),
-      `${(0, import_sidekick_docker_shared2.stateIcon)(c.state)} ${c.name}`.padEnd(20),
+      `${(0, import_sidekick_docker_shared3.stateIcon)(c.state)} ${c.name}`.padEnd(20),
       c.image.padEnd(20),
       formatUptime(c.status).padEnd(20),
-      (0, import_sidekick_docker_shared2.formatPorts)(c.ports)
+      (0, import_sidekick_docker_shared3.formatPorts)(c.ports)
     ].join("");
     console.log(row);
   }
 }
 
 // src/commands/logs.ts
-var import_sidekick_docker_shared9 = __toESM(require_dist(), 1);
+var import_sidekick_docker_shared15 = __toESM(require_dist(), 1);
 async function logsAction(container, opts) {
-  const client = new import_sidekick_docker_shared9.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?");
@@ -79833,7 +80761,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 {
@@ -79845,7 +80773,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.1").option("--socket <path>", "Docker socket path").action(async (_opts, cmd) => {
+program2.name("sidekick-docker").description("Docker management TUI dashboard").version("0.1.3").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) => {