simvyn 2.3.0 → 2.5.1

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

@@ -75,6 +75,7 @@
     --color-green-500: oklch(72.3% .219 149.579);
     --color-cyan-400: oklch(78.9% .154 211.53);
     --color-cyan-500: oklch(71.5% .143 215.221);
+    --color-blue-300: oklch(80.9% .105 251.813);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-purple-400: oklch(71.4% .203 305.504);
     --color-purple-500: oklch(62.7% .265 303.9);
@@ -1926,6 +1927,10 @@
     font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  );
   }
 
+  .underline {
+    text-decoration-line: underline;
+  }
+
   .accent-\[\#F97316\] {
     accent-color: #f97316;
   }
@@ -2151,6 +2156,10 @@
       }
     }
 
+    .hover\:text-blue-300:hover {
+      color: var(--color-blue-300);
+    }
+
     .hover\:text-red-200:hover {
       color: var(--color-red-200);
     }
@@ -2313,6 +2322,11 @@ body {
   scrollbar-color: oklch(45% .015 260 / .35) transparent;
 }
 
+.dock-sidebar-hitarea {
+  align-self: center;
+  padding: 12px 0 12px 12px;
+}
+
 .dock-sidebar {
   z-index: 20;
   -webkit-backdrop-filter: blur(24px) saturate(1.5);
@@ -2323,7 +2337,6 @@ body {
   align-self: center;
   align-items: stretch;
   gap: 2px;
-  margin: 12px 0 12px 12px;
   padding: 8px 6px;
   display: flex;
   position: relative;

package/dist/dashboard/assets/{index-BW2wglvQ.js → index-D67XE6HO.js}

@@ -18544,27 +18544,27 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$U = [
+const __iconNode$V = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$U);
-const __iconNode$T = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$V);
+const __iconNode$U = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$T);
-const __iconNode$S = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$U);
+const __iconNode$T = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$S);
-const __iconNode$R = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$T);
+const __iconNode$S = [
   ["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$R);
-const __iconNode$Q = [
+const Battery = createLucideIcon("battery", __iconNode$S);
+const __iconNode$R = [
   ["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$Q = [
   ["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$Q);
-const __iconNode$P = [
+const Bug = createLucideIcon("bug", __iconNode$R);
+const __iconNode$Q = [
   [
     "path",
     {
@@ -18588,47 +18588,47 @@ const __iconNode$P = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("camera", __iconNode$P);
-const __iconNode$O = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$O);
-const __iconNode$N = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$N);
-const __iconNode$M = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$M);
-const __iconNode$L = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$L);
-const __iconNode$K = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$K);
-const __iconNode$J = [
+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 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$J);
-const __iconNode$I = [
+const Clock = createLucideIcon("clock", __iconNode$K);
+const __iconNode$J = [
   ["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$I);
-const __iconNode$H = [
+const CopyPlus = createLucideIcon("copy-plus", __iconNode$J);
+const __iconNode$I = [
   ["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$H);
-const __iconNode$G = [
+const Copy = createLucideIcon("copy", __iconNode$I);
+const __iconNode$H = [
   ["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$G);
-const __iconNode$F = [
+const Database = createLucideIcon("database", __iconNode$H);
+const __iconNode$G = [
   ["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$F);
-const __iconNode$E = [
+const Download = createLucideIcon("download", __iconNode$G);
+const __iconNode$F = [
   [
     "path",
     {
@@ -18638,14 +18638,14 @@ const __iconNode$E = [
   ],
   ["path", { d: "m5.082 11.09 8.828 8.828", key: "1wx5vj" }]
 ];
-const Eraser = createLucideIcon("eraser", __iconNode$E);
-const __iconNode$D = [
+const Eraser = createLucideIcon("eraser", __iconNode$F);
+const __iconNode$E = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$D);
-const __iconNode$C = [
+const ExternalLink = createLucideIcon("external-link", __iconNode$E);
+const __iconNode$D = [
   [
     "path",
     {
@@ -18657,8 +18657,8 @@ const __iconNode$C = [
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
   ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
 ];
-const FileDown = createLucideIcon("file-down", __iconNode$C);
-const __iconNode$B = [
+const FileDown = createLucideIcon("file-down", __iconNode$D);
+const __iconNode$C = [
   [
     "path",
     {
@@ -18671,8 +18671,8 @@ const __iconNode$B = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$B);
-const __iconNode$A = [
+const FileText = createLucideIcon("file-text", __iconNode$C);
+const __iconNode$B = [
   [
     "path",
     {
@@ -18682,8 +18682,8 @@ const __iconNode$A = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File = createLucideIcon("file", __iconNode$A);
-const __iconNode$z = [
+const File = createLucideIcon("file", __iconNode$B);
+const __iconNode$A = [
   [
     "path",
     {
@@ -18692,8 +18692,8 @@ const __iconNode$z = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$z);
-const __iconNode$y = [
+const Folder = createLucideIcon("folder", __iconNode$A);
+const __iconNode$z = [
   [
     "path",
     {
@@ -18703,14 +18703,14 @@ const __iconNode$y = [
   ],
   ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
 ];
-const Github = createLucideIcon("github", __iconNode$y);
-const __iconNode$x = [
+const Github = createLucideIcon("github", __iconNode$z);
+const __iconNode$y = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$x);
-const __iconNode$w = [
+const Globe = createLucideIcon("globe", __iconNode$y);
+const __iconNode$x = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -18718,8 +18718,8 @@ const __iconNode$w = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$w);
-const __iconNode$v = [
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$x);
+const __iconNode$w = [
   [
     "path",
     {
@@ -18728,8 +18728,8 @@ const __iconNode$v = [
     }
   ]
 ];
-const Heart = createLucideIcon("heart", __iconNode$v);
-const __iconNode$u = [
+const Heart = createLucideIcon("heart", __iconNode$w);
+const __iconNode$v = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -18739,8 +18739,8 @@ const __iconNode$u = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$u);
-const __iconNode$t = [
+const House = createLucideIcon("house", __iconNode$v);
+const __iconNode$u = [
   [
     "path",
     {
@@ -18763,15 +18763,15 @@ const __iconNode$t = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$t);
-const __iconNode$s = [
+const Layers = createLucideIcon("layers", __iconNode$u);
+const __iconNode$t = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link = createLucideIcon("link", __iconNode$s);
-const __iconNode$r = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$r);
-const __iconNode$q = [
+const Link = createLucideIcon("link", __iconNode$t);
+const __iconNode$s = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$s);
+const __iconNode$r = [
   [
     "path",
     {
@@ -18781,14 +18781,14 @@ const __iconNode$q = [
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
 ];
-const MapPin = createLucideIcon("map-pin", __iconNode$q);
-const __iconNode$p = [
+const MapPin = createLucideIcon("map-pin", __iconNode$r);
+const __iconNode$q = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$p);
-const __iconNode$o = [
+const Monitor = createLucideIcon("monitor", __iconNode$q);
+const __iconNode$p = [
   [
     "path",
     {
@@ -18797,8 +18797,8 @@ const __iconNode$o = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$o);
-const __iconNode$n = [
+const Moon = createLucideIcon("moon", __iconNode$p);
+const __iconNode$o = [
   ["path", { d: "M12.586 12.586 19 19", key: "ea5xo7" }],
   [
     "path",
@@ -18808,15 +18808,20 @@ const __iconNode$n = [
     }
   ]
 ];
-const MousePointer = createLucideIcon("mouse-pointer", __iconNode$n);
-const __iconNode$m = [
+const MousePointer = createLucideIcon("mouse-pointer", __iconNode$o);
+const __iconNode$n = [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
   ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }],
   ["path", { d: "M12 12V8", key: "2874zd" }]
 ];
-const Network = createLucideIcon("network", __iconNode$m);
+const Network = createLucideIcon("network", __iconNode$n);
+const __iconNode$m = [
+  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
+  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
+];
+const Pause = createLucideIcon("pause", __iconNode$m);
 const __iconNode$l = [
   [
     "path",
@@ -30284,45 +30289,51 @@ function Sidebar() {
   const activeModule = useModuleStore((s) => s.activeModule);
   const navigate = useNavigate();
   const [isHovered, setIsHovered] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    motion.aside,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
     {
-      className: "dock-sidebar",
+      className: "dock-sidebar-hitarea",
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
-      animate: { width: isHovered ? EXPANDED_WIDTH : COLLAPSED_WIDTH },
-      transition: sidebarTransition,
-      children: [
-        modules.map((mod) => {
-          const isActive = activeModule === mod.name;
-          const Icon2 = moduleIconMap[mod.name];
-          const label = moduleLabelMap[mod.name] ?? mod.name;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => navigate(`/${mod.name}`),
-              className: `dock-icon ${isActive ? "active" : ""}`,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dock-icon-svg", children: Icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: mod.name[0]?.toUpperCase() }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: isHovered && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  motion.span,
-                  {
-                    className: "dock-label",
-                    initial: { opacity: 0, width: 0 },
-                    animate: { opacity: 1, width: "auto" },
-                    exit: { opacity: 0, width: 0 },
-                    transition: labelTransition,
-                    children: label
-                  }
-                ) })
-              ]
-            },
-            mod.name
-          );
-        }),
-        modules.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-text-muted text-[10px] text-center px-1 py-4", children: "No modules" })
-      ]
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        motion.aside,
+        {
+          className: "dock-sidebar",
+          animate: { width: isHovered ? EXPANDED_WIDTH : COLLAPSED_WIDTH },
+          transition: sidebarTransition,
+          children: [
+            modules.map((mod) => {
+              const isActive = activeModule === mod.name;
+              const Icon2 = moduleIconMap[mod.name];
+              const label = moduleLabelMap[mod.name] ?? mod.name;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => navigate(`/${mod.name}`),
+                  className: `dock-icon ${isActive ? "active" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dock-icon-svg", children: Icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: mod.name[0]?.toUpperCase() }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: isHovered && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      motion.span,
+                      {
+                        className: "dock-label",
+                        initial: { opacity: 0, width: 0 },
+                        animate: { opacity: 1, width: "auto" },
+                        exit: { opacity: 0, width: 0 },
+                        transition: labelTransition,
+                        children: label
+                      }
+                    ) })
+                  ]
+                },
+                mod.name
+              );
+            }),
+            modules.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-text-muted text-[10px] text-center px-1 py-4", children: "No modules" })
+          ]
+        }
+      )
     }
   );
 }
@@ -30739,6 +30750,63 @@ function TopBar() {
     ] })
   ] });
 }
+function UpdateBanner() {
+  const [info, setInfo] = reactExports.useState(null);
+  const [dismissed, setDismissed] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    if (sessionStorage.getItem("simvyn-update-dismissed")) return;
+    fetch("/api/update-check").then((res) => res.json()).then((data) => {
+      if (data.needsUpdate) setInfo(data);
+    }).catch(() => {
+    });
+  }, []);
+  if (!info || dismissed) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        background: "rgba(40, 40, 55, 0.50)",
+        backdropFilter: "blur(20px) saturate(1.4)",
+        WebkitBackdropFilter: "blur(20px) saturate(1.4)",
+        border: "1px solid rgba(255, 255, 255, 0.08)",
+        borderRadius: "12px"
+      },
+      className: "flex items-center justify-between px-4 py-2 mx-4 mt-2 text-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "Update available: ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-green-400", children: info.current }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-text-muted", children: " → " }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-green-400", children: info.latest })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "a",
+            {
+              href: `https://github.com/pranshuchittora/simvyn/releases/tag/v${info.latest}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-blue-400 hover:text-blue-300 underline",
+              children: "View release →"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setDismissed(true);
+                sessionStorage.setItem("simvyn-update-dismissed", "true");
+              },
+              className: "text-text-muted hover:text-text-primary",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 14 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function DevicePanel() {
   const devices = useDeviceStore((s) => s.devices);
   const setDevices = useDeviceStore((s) => s.setDevices);
@@ -47425,6 +47493,7 @@ const initialState = {
   isLoadingHistory: false,
   isStreaming: false,
   streamDeviceId: null,
+  isPaused: false,
   enabledLevels: [...ALL_LEVELS],
   searchPattern: "",
   processFilter: ""
@@ -47432,6 +47501,7 @@ const initialState = {
 const useLogStore = create((set) => ({
   ...initialState,
   addNewBatch: (batch) => set((s) => {
+    if (s.isPaused) return s;
     const newEntries = [...batch].reverse();
     const combined = [...newEntries, ...s.entries];
     const trimmed = combined.length > MAX_ENTRIES ? combined.slice(0, MAX_ENTRIES) : combined;
@@ -47453,10 +47523,13 @@ const useLogStore = create((set) => ({
     entries: [],
     firstItemIndex: INITIAL_INDEX,
     cursor: null,
-    hasMore: true
+    hasMore: true,
+    isPaused: false
   }),
   reset: () => set({ ...initialState }),
   setStreaming: (deviceId) => set({ streamDeviceId: deviceId, isStreaming: deviceId !== null }),
+  pause: () => set({ isPaused: true }),
+  resume: () => set({ isPaused: false }),
   toggleLevel: (level) => set((s) => {
     const has = s.enabledLevels.includes(level);
     if (has && s.enabledLevels.length === 1) return s;
@@ -47650,6 +47723,9 @@ function LogToolbar({ selectedDeviceId }) {
   const setSearchPattern = useLogStore((s) => s.setSearchPattern);
   const setProcessFilter = useLogStore((s) => s.setProcessFilter);
   const clear = useLogStore((s) => s.clear);
+  const isPaused = useLogStore((s) => s.isPaused);
+  const pause = useLogStore((s) => s.pause);
+  const resume = useLogStore((s) => s.resume);
   const entries2 = useLogStore((s) => s.entries);
   const totalCount = entries2.length;
   const filteredCount = reactExports.useMemo(
@@ -47736,6 +47812,21 @@ function LogToolbar({ selectedDeviceId }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => handleExport("json"), className: "glass-button", children: "JSON" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => handleExport("text"), className: "glass-button", children: "TXT" })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: isPaused ? resume : pause,
+        className: "glass-button",
+        style: isPaused ? {
+          background: "rgba(234,179,8,0.2)",
+          color: "#fde047",
+          borderColor: "rgba(234,179,8,0.3)"
+        } : void 0,
+        title: isPaused ? "Resume log stream" : "Pause log stream",
+        children: isPaused ? /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { size: 14 })
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -47756,7 +47847,7 @@ function LogToolbar({ selectedDeviceId }) {
         children: "Clear"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-text-muted ml-auto", children: 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` })
   ] });
 }
 function LogPanel() {
@@ -47769,6 +47860,7 @@ function LogPanel() {
   const clear = useLogStore((s) => s.clear);
   const reset = useLogStore((s) => s.reset);
   const setStreaming = useLogStore((s) => s.setStreaming);
+  const isPaused = useLogStore((s) => s.isPaused);
   const hasMore = useLogStore((s) => s.hasMore);
   const isLoadingHistory = useLogStore((s) => s.isLoadingHistory);
   reactExports.useEffect(() => {
@@ -47798,6 +47890,7 @@ function LogPanel() {
         payload: { deviceId: prevDeviceRef.current }
       });
       clear();
+      useLogStore.getState().resume();
     }
     if (selectedDeviceId) {
       send({
@@ -47822,6 +47915,19 @@ function LogPanel() {
       }
     };
   }, [selectedDeviceId, send, clear]);
+  const wasPausedRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    const deviceId = selectedDeviceIdRef.current;
+    if (!deviceId) return;
+    if (isPaused) {
+      send({ channel: "logs", type: "stop-stream", payload: { deviceId } });
+    } else if (wasPausedRef.current) {
+      clear();
+      send({ channel: "logs", type: "start-stream", payload: { deviceId } });
+      send({ channel: "logs", type: "get-history", payload: { deviceId, limit: 500 } });
+    }
+    wasPausedRef.current = isPaused;
+  }, [isPaused, send, clear]);
   const loadMoreHistory = reactExports.useCallback(() => {
     if (!selectedDeviceId || !hasMore || isLoadingHistory) return;
     setLoadingHistory(true);
@@ -47857,7 +47963,9 @@ function LogPanel() {
   const handleStreamStarted = reactExports.useCallback(
     (payload) => {
       const data = payload;
-      setStreaming(data.deviceId);
+      if (!useLogStore.getState().isPaused) {
+        setStreaming(data.deviceId);
+      }
     },
     [setStreaming]
   );
@@ -51934,7 +52042,7 @@ function ToolSettingsPanel() {
   const [copied, setCopied] = reactExports.useState(false);
   const devices = useDeviceStore((s) => s.devices);
   const modules = useModuleStore((s) => s.modules);
-  const version = "2.3.0";
+  const version = "2.5.1";
   const fetchStorage = reactExports.useCallback(() => {
     fetch("/api/tool-settings/storage").then((r) => r.json()).then((data) => setStorage(data)).catch(() => {
     });
@@ -53241,6 +53349,7 @@ function AppContent() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(RouterSync, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-screen flex-col bg-bg-base", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TopBar, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateBanner, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ModuleShell, {})
@@ -53282,4 +53391,4 @@ function App() {
 clientExports.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
 );
-//# sourceMappingURL=index-BW2wglvQ.js.map
+//# sourceMappingURL=index-D67XE6HO.js.map