simvyn 2.5.4 → 2.6.0

package/dist/dashboard/assets/{index-C-atBUQQ.css → index-B-km6Iwq.css}

@@ -420,6 +420,10 @@
     top: 50%;
   }
 
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+
   .top-full {
     top: 100%;
   }
@@ -428,6 +432,10 @@
     right: calc(var(--spacing) * 0);
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
@@ -853,6 +861,10 @@
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-\[60px\] {
+    min-width: 60px;
+  }
+
   .min-w-\[140px\] {
     min-width: 140px;
   }
@@ -2132,6 +2144,16 @@
       }
     }
 
+    .hover\:bg-white\/\[0\.06\]:hover {
+      background-color: #ffffff0f;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/\[0\.06\]:hover {
+        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
+      }
+    }
+
     .hover\:text-accent-blue:hover {
       color: var(--color-accent-blue);
     }

package/dist/dashboard/assets/{index-rWeZ9VzX.js → index-y3nYH57L.js}

@@ -18544,27 +18544,27 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$V = [
+const __iconNode$W = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$V);
-const __iconNode$U = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$W);
+const __iconNode$V = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$U);
-const __iconNode$T = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$V);
+const __iconNode$U = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$T);
-const __iconNode$S = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$U);
+const __iconNode$T = [
   ["path", { d: "M 22 14 L 22 10", key: "nqc4tb" }],
   ["rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", key: "13zb55" }]
 ];
-const Battery = createLucideIcon("battery", __iconNode$S);
-const __iconNode$R = [
+const Battery = createLucideIcon("battery", __iconNode$T);
+const __iconNode$S = [
   ["path", { d: "M12 20v-9", key: "1qisl0" }],
   ["path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z", key: "uouzyp" }],
   ["path", { d: "M14.12 3.88 16 2", key: "qol33r" }],
@@ -18577,8 +18577,8 @@ const __iconNode$R = [
   ["path", { d: "m8 2 1.88 1.88", key: "fmnt4t" }],
   ["path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13", key: "1vgav8" }]
 ];
-const Bug = createLucideIcon("bug", __iconNode$R);
-const __iconNode$Q = [
+const Bug = createLucideIcon("bug", __iconNode$S);
+const __iconNode$R = [
   [
     "path",
     {
@@ -18588,46 +18588,52 @@ const __iconNode$Q = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("camera", __iconNode$Q);
-const __iconNode$P = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$P);
-const __iconNode$O = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$O);
-const __iconNode$N = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$N);
-const __iconNode$M = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$M);
-const __iconNode$L = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$L);
-const __iconNode$K = [
+const Camera = createLucideIcon("camera", __iconNode$R);
+const __iconNode$Q = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$Q);
+const __iconNode$P = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$P);
+const __iconNode$O = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$O);
+const __iconNode$N = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$N);
+const __iconNode$M = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$M);
+const __iconNode$L = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$K);
-const __iconNode$J = [
+const Clock = createLucideIcon("clock", __iconNode$L);
+const __iconNode$K = [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const CopyPlus = createLucideIcon("copy-plus", __iconNode$J);
-const __iconNode$I = [
+const CopyPlus = createLucideIcon("copy-plus", __iconNode$K);
+const __iconNode$J = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$I);
-const __iconNode$H = [
+const Copy = createLucideIcon("copy", __iconNode$J);
+const __iconNode$I = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$H);
-const __iconNode$G = [
+const Database = createLucideIcon("database", __iconNode$I);
+const __iconNode$H = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$G);
+const Download = createLucideIcon("download", __iconNode$H);
+const __iconNode$G = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+];
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$G);
 const __iconNode$F = [
   [
     "path",
@@ -47524,8 +47530,7 @@ const useLogStore = create((set) => ({
     entries: [],
     firstItemIndex: INITIAL_INDEX,
     cursor: null,
-    hasMore: true,
-    isPaused: false
+    hasMore: true
   }),
   reset: () => set({ ...initialState }),
   setStreaming: (deviceId) => set({ streamDeviceId: deviceId, isStreaming: deviceId !== null }),
@@ -47563,6 +47568,42 @@ function filterEntries(entries2, enabledLevels, processFilter, searchPattern) {
   }
   return filtered;
 }
+const useSearchStore = create((set) => ({
+  isOpen: false,
+  query: "",
+  isRegex: false,
+  matchIndices: [],
+  currentMatchIdx: -1,
+  totalMatches: 0,
+  open: () => set({ isOpen: true }),
+  close: () => set({
+    isOpen: false,
+    query: "",
+    matchIndices: [],
+    currentMatchIdx: -1,
+    totalMatches: 0
+  }),
+  setQuery: (q) => set({
+    query: q,
+    currentMatchIdx: q ? 0 : -1
+  }),
+  toggleRegex: () => set((s) => ({ isRegex: !s.isRegex })),
+  setMatches: (indices) => set((s) => ({
+    matchIndices: indices,
+    totalMatches: indices.length,
+    currentMatchIdx: indices.length === 0 ? -1 : s.currentMatchIdx >= indices.length ? 0 : s.currentMatchIdx < 0 ? 0 : s.currentMatchIdx
+  })),
+  nextMatch: () => set((s) => {
+    if (s.totalMatches === 0) return s;
+    return { currentMatchIdx: (s.currentMatchIdx + 1) % s.totalMatches };
+  }),
+  prevMatch: () => set((s) => {
+    if (s.totalMatches === 0) return s;
+    return {
+      currentMatchIdx: (s.currentMatchIdx - 1 + s.totalMatches) % s.totalMatches
+    };
+  })
+}));
 const levelColors = {
   verbose: "text-gray-500",
   debug: "text-cyan-400",
@@ -47583,6 +47624,64 @@ function formatTime(ts) {
     return ts;
   }
 }
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function highlightText(text, query, isRegex, isActiveRow) {
+  if (!query) return text;
+  let re2;
+  try {
+    re2 = isRegex ? new RegExp(query, "gi") : new RegExp(escapeRegex(query), "gi");
+  } catch {
+    return text;
+  }
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  let i = 0;
+  while ((match = re2.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.slice(lastIndex, match.index));
+    }
+    parts.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "mark",
+        {
+          style: isActiveRow ? {
+            background: "rgba(245,158,11,0.4)",
+            color: "rgb(253,230,138)",
+            borderRadius: 2,
+            padding: "0 2px",
+            boxShadow: "0 0 0 1px rgba(245,158,11,0.5)"
+          } : {
+            background: "rgba(245,158,11,0.2)",
+            color: "rgb(253,211,155)",
+            borderRadius: 2,
+            padding: "0 2px"
+          },
+          children: match[0]
+        },
+        i++
+      )
+    );
+    lastIndex = re2.lastIndex;
+    if (match[0].length === 0) re2.lastIndex++;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.slice(lastIndex));
+  }
+  return parts.length > 0 ? parts : text;
+}
+function testMatch(entry, query, isRegex) {
+  if (!query) return false;
+  try {
+    const re2 = isRegex ? new RegExp(query, "i") : new RegExp(escapeRegex(query), "i");
+    return re2.test(entry.message) || re2.test(entry.processName);
+  } catch {
+    const lq = query.toLowerCase();
+    return entry.message.toLowerCase().includes(lq) || entry.processName.toLowerCase().includes(lq);
+  }
+}
 function LogList({ onLoadMore }) {
   const virtuosoRef = reactExports.useRef(null);
   const [locked, setLocked] = reactExports.useState(true);
@@ -47598,6 +47697,33 @@ function LogList({ onLoadMore }) {
   const firstItemIndex = useLogStore((s) => s.firstItemIndex);
   const hasMore = useLogStore((s) => s.hasMore);
   const isLoadingHistory = useLogStore((s) => s.isLoadingHistory);
+  const searchQuery = useSearchStore((s) => s.query);
+  const searchIsRegex = useSearchStore((s) => s.isRegex);
+  const currentMatchIdx = useSearchStore((s) => s.currentMatchIdx);
+  const matchIndices = useSearchStore((s) => s.matchIndices);
+  reactExports.useEffect(() => {
+    if (!searchQuery) {
+      useSearchStore.getState().setMatches([]);
+      return;
+    }
+    const indices = [];
+    for (let i = 0; i < entries2.length; i++) {
+      if (testMatch(entries2[i], searchQuery, searchIsRegex)) {
+        indices.push(i);
+      }
+    }
+    useSearchStore.getState().setMatches(indices);
+  }, [searchQuery, searchIsRegex, entries2]);
+  reactExports.useEffect(() => {
+    if (currentMatchIdx >= 0 && currentMatchIdx < matchIndices.length) {
+      const entryIndex = matchIndices[currentMatchIdx];
+      virtuosoRef.current?.scrollToIndex({
+        index: entryIndex,
+        align: "center",
+        behavior: "auto"
+      });
+    }
+  }, [currentMatchIdx, matchIndices]);
   const jumpToBottom = reactExports.useCallback(() => {
     setLocked(true);
     virtuosoRef.current?.scrollToIndex({
@@ -47621,6 +47747,7 @@ function LogList({ onLoadMore }) {
     ) }) : null,
     [hasMore, isLoadingHistory, onLoadMore]
   );
+  const activeMatchIndex = currentMatchIdx >= 0 ? matchIndices[currentMatchIdx] : -1;
   if (entries2.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "glass-empty-state h-full flex items-center justify-center", children: "No log entries" });
   }
@@ -47639,12 +47766,23 @@ function LogList({ onLoadMore }) {
         increaseViewportBy: 200,
         computeItemKey: (index, entry) => `${entry.timestamp}-${entry.pid}-${index}`,
         className: "glass-panel h-full font-mono text-xs leading-relaxed",
-        itemContent: (_index, entry) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 px-3 py-0.5 hover:bg-white/[0.02]", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-muted shrink-0 w-[90px]", children: formatTime(entry.timestamp) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 w-[56px] uppercase ${levelColors[entry.level]}`, children: entry.level.slice(0, 5).padEnd(5) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-secondary shrink-0 w-[120px] truncate", children: entry.processName }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-primary break-all", children: entry.message })
-        ] })
+        itemContent: (index, entry) => {
+          const isActiveRow = index === activeMatchIndex;
+          const hasQuery = !!searchQuery;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: "flex gap-2 px-3 py-0.5 hover:bg-white/[0.02]",
+              style: isActiveRow ? { background: "rgba(245,158,11,0.06)" } : void 0,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-muted shrink-0 w-[90px]", children: formatTime(entry.timestamp) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 w-[56px] uppercase ${levelColors[entry.level]}`, children: entry.level.slice(0, 5).padEnd(5) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-secondary shrink-0 w-[120px] truncate", children: hasQuery ? highlightText(entry.processName, searchQuery, searchIsRegex, isActiveRow) : entry.processName }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-primary break-all", children: hasQuery ? highlightText(entry.message, searchQuery, searchIsRegex, isActiveRow) : entry.message })
+              ]
+            }
+          );
+        }
       }
     ),
     !locked && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -47734,6 +47872,18 @@ function LogToolbar({ selectedDeviceId }) {
     [entries2, enabledLevels, processFilter, searchPattern]
   );
   const searchTimer = reactExports.useRef(null);
+  const [menuOpen, setMenuOpen] = reactExports.useState(false);
+  const menuRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (!menuOpen) return;
+    function handleClickOutside(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setMenuOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [menuOpen]);
   const handleSearch = reactExports.useCallback(
     (value) => {
       if (searchTimer.current) clearTimeout(searchTimer.current);
@@ -47848,9 +47998,158 @@ function LogToolbar({ selectedDeviceId }) {
         children: "Clear"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs ml-auto ${isPaused ? "text-yellow-400" : "text-text-muted"}`, children: isPaused ? "Paused" : filteredCount === totalCount ? `${totalCount} entries` : `${filteredCount} / ${totalCount} entries` })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs ml-auto ${isPaused ? "text-yellow-400" : "text-text-muted"}`, children: isPaused ? "Paused" : filteredCount === totalCount ? `${totalCount} entries` : `${filteredCount} / ${totalCount} entries` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", ref: menuRef, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setMenuOpen((v) => !v),
+          className: "glass-button px-1.5",
+          title: "More actions",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { size: 14 })
+        }
+      ),
+      menuOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: "glass-panel absolute right-0 top-full mt-1 py-1 z-50 min-w-[140px]",
+          style: { borderRadius: 8 },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "w-full flex items-center justify-between px-3 py-1.5 text-xs text-text-primary hover:bg-white/[0.06] transition-colors",
+              onClick: () => {
+                useSearchStore.getState().open();
+                setMenuOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Search" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-muted text-[10px]", children: navigator.platform.includes("Mac") ? "⌘F" : "Ctrl+F" })
+              ]
+            }
+          )
+        }
+      )
+    ] })
   ] });
 }
+function SearchOverlay() {
+  const isOpen = useSearchStore((s) => s.isOpen);
+  const query = useSearchStore((s) => s.query);
+  const isRegex = useSearchStore((s) => s.isRegex);
+  const currentMatchIdx = useSearchStore((s) => s.currentMatchIdx);
+  const totalMatches = useSearchStore((s) => s.totalMatches);
+  const setQuery = useSearchStore((s) => s.setQuery);
+  const toggleRegex = useSearchStore((s) => s.toggleRegex);
+  const nextMatch = useSearchStore((s) => s.nextMatch);
+  const prevMatch = useSearchStore((s) => s.prevMatch);
+  const close = useSearchStore((s) => s.close);
+  const inputRef = reactExports.useRef(null);
+  const debounceRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (isOpen) {
+      requestAnimationFrame(() => inputRef.current?.focus());
+    }
+  }, [isOpen]);
+  const handleInputChange = reactExports.useCallback(
+    (value) => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      debounceRef.current = setTimeout(() => setQuery(value), 100);
+    },
+    [setQuery]
+  );
+  const handleKeyDown = reactExports.useCallback(
+    (e) => {
+      if (e.key === "Enter" && e.shiftKey) {
+        e.preventDefault();
+        prevMatch();
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        nextMatch();
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        close();
+      }
+    },
+    [nextMatch, prevMatch, close]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    motion.div,
+    {
+      initial: { y: -10, opacity: 0 },
+      animate: { y: 0, opacity: 1 },
+      exit: { y: -10, opacity: 0 },
+      transition: { duration: 0.15, ease: "easeOut" },
+      className: "absolute top-2 right-2 z-50 flex items-center gap-1.5 glass-panel px-2.5 py-1.5",
+      style: { borderRadius: 10 },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            placeholder: "Search logs...",
+            defaultValue: query,
+            onChange: (e) => handleInputChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            className: "glass-input text-xs py-1 px-2 w-[180px]",
+            style: { background: "rgba(0,0,0,0.15)", borderRadius: 6 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: toggleRegex,
+            className: "glass-button text-xs px-1.5 py-0.5",
+            style: isRegex ? {
+              borderColor: "rgba(0,180,255,0.5)",
+              background: "rgba(0,180,255,0.15)",
+              color: "rgba(100,200,255,1)"
+            } : { fontSize: "0.7rem" },
+            title: "Toggle regex",
+            children: ".*"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: prevMatch,
+            disabled: totalMatches === 0,
+            className: "glass-button px-1 py-0.5",
+            title: "Previous match (Shift+Enter)",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { size: 14 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: nextMatch,
+            disabled: totalMatches === 0,
+            className: "glass-button px-1 py-0.5",
+            title: "Next match (Enter)",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-text-muted whitespace-nowrap min-w-[60px] text-center", children: query ? totalMatches > 0 ? `${currentMatchIdx + 1} of ${totalMatches}` : "No results" : "" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: close,
+            className: "glass-button px-1 py-0.5",
+            title: "Close (Escape)",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 14 })
+          }
+        )
+      ]
+    }
+  ) });
+}
 function LogPanel() {
   const { send } = useWs();
   const selectedDeviceId = useDeviceStore((s) => s.selectedDeviceIds[0] ?? null);
@@ -47929,6 +48228,16 @@ function LogPanel() {
     }
     wasPausedRef.current = isPaused;
   }, [isPaused, send, clear]);
+  reactExports.useEffect(() => {
+    function handleKeyDown(e) {
+      if ((e.metaKey || e.ctrlKey) && e.key === "f") {
+        e.preventDefault();
+        useSearchStore.getState().open();
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, []);
   const loadMoreHistory = reactExports.useCallback(() => {
     if (!selectedDeviceId || !hasMore || isLoadingHistory) return;
     setLoadingHistory(true);
@@ -48000,7 +48309,10 @@ function LogPanel() {
     !selectedDeviceId && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "glass-empty-state flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Select a booted device to stream logs" }) }),
     selectedDeviceId && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(LogToolbar, { selectedDeviceId }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogList, { onLoadMore: loadMoreHistory }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 relative", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SearchOverlay, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LogList, { onLoadMore: loadMoreHistory })
+      ] })
     ] })
   ] });
 }
@@ -52043,7 +52355,7 @@ function ToolSettingsPanel() {
   const [copied, setCopied] = reactExports.useState(false);
   const devices = useDeviceStore((s) => s.devices);
   const modules = useModuleStore((s) => s.modules);
-  const version = "2.5.4";
+  const version = "2.6.0";
   const fetchStorage = reactExports.useCallback(() => {
     fetch("/api/tool-settings/storage").then((r) => r.json()).then((data) => setStorage(data)).catch(() => {
     });
@@ -53392,4 +53704,4 @@ function App() {
 clientExports.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
 );
-//# sourceMappingURL=index-rWeZ9VzX.js.map
+//# sourceMappingURL=index-y3nYH57L.js.map