simvyn 2.5.4 → 2.6.1

package/README.md

@@ -50,9 +50,9 @@ npx simvyn
 
 ## Features
 
-- **Device Management** — Discover, boot, shutdown, erase, create, and clone simulators, emulators, and physical devices
+- **Device Management** — Discover, boot, shutdown, erase, create, and clone simulators, emulators, and physical devices with favourite pinning
 - **App Management** — Install, launch, terminate, uninstall apps via drag-and-drop or CLI
-- **Log Viewer** — Real-time streaming with level filtering, regex search, pagination, and export
+- **Log Viewer** — Real-time streaming with level filtering, find-in-page search (Cmd+F), regex search, pagination, and export
 - **Location Simulation** — Set GPS coordinates, play GPX/KML routes with speed control, save favorites
 - **Device Settings** — Dark mode, locale, permissions, status bar overrides, accessibility presets
 - **Screenshots and Recording** — Capture screenshots and record screen video with history
@@ -81,6 +81,7 @@ Discover all connected iOS Simulators, Android Emulators, and USB-connected phys
 - Boot, shutdown, and erase devices with one click or CLI command
 - Create new iOS simulators with device type and runtime selection
 - Clone and rename existing simulators
+- Pin favourite devices to the top of the device selector
 - Real-time device state updates via WebSocket
 
 ### App Management
@@ -97,15 +98,17 @@ Install, launch, terminate, and uninstall apps on any connected device. Drag and
 
 ### Log Viewer
 
-Stream device logs in real time with powerful filtering. Filter by log level, search with regex patterns, and filter by process name. Export filtered logs for sharing or archival. Paginated history lets you scroll back through thousands of entries without performance issues.
+Stream device logs in real time with powerful filtering. Filter by log level, search with regex patterns, and filter by process name. Use find-in-page search (Cmd+F) to highlight specific entries without hiding surrounding context. Export filtered logs for sharing or archival. Paginated history lets you scroll back through thousands of entries without performance issues.
 
 <p align="center"><img src="https://raw.githubusercontent.com/pranshuchittora/simvyn/main/docs/assets/log-viewer.png" alt="Log Viewer" width="700" /></p>
 
 - Real-time log streaming via WebSocket
 - Filter by level: debug, info, warning, error, fatal
+- Find-in-page search (Cmd+F) with match highlighting, navigation, and counter
 - Regex search and process name filtering
 - Paginated history with virtual scrolling
 - Export filtered logs to file
+- Pause/resume log streaming while preserving state across clears
 
 ### Location
 

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-OLUFfF_h.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.1";
   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-OLUFfF_h.js.map