simvyn 2.2.0 → 2.5.1

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

@@ -16001,18 +16001,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
     }
   };
 }
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -16025,15 +16025,15 @@ function composeRefs(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef(refs[i], null);
+            setRef$1(refs[i], null);
           }
         }
       };
     }
   };
 }
-function useComposedRefs(...refs) {
-  return reactExports.useCallback(composeRefs(...refs), refs);
+function useComposedRefs$1(...refs) {
+  return reactExports.useCallback(composeRefs$1(...refs), refs);
 }
 function createContext2(rootComponentName, defaultContext) {
   const Context = reactExports.createContext(defaultContext);
@@ -16215,7 +16215,7 @@ function createSlotClone$1(ownerName) {
       const childrenRef = getElementRef$2(children);
       const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== reactExports.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return reactExports.cloneElement(children, props2);
     }
@@ -16344,7 +16344,7 @@ var DismissableLayer = reactExports.forwardRef(
     const [node, setNode] = reactExports.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = reactExports.useState({});
-    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -16430,7 +16430,7 @@ var BRANCH_NAME = "DismissableLayerBranch";
 var DismissableLayerBranch = reactExports.forwardRef((props, forwardedRef) => {
   const context = reactExports.useContext(DismissableLayerContext);
   const ref = reactExports.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const composedRefs = useComposedRefs$1(forwardedRef, ref);
   reactExports.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -16568,7 +16568,7 @@ var FocusScope = reactExports.forwardRef((props, forwardedRef) => {
   const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
   const lastFocusedElementRef = reactExports.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContainer(node));
   const focusScope = reactExports.useRef({
     paused: false,
     pause() {
@@ -16802,7 +16802,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence$1(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : reactExports.Children.only(children);
-  const ref = useComposedRefs(presence.ref, getElementRef$1(child));
+  const ref = useComposedRefs$1(presence.ref, getElementRef$1(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? reactExports.cloneElement(child, { ref }) : null;
 };
@@ -17793,7 +17793,7 @@ var DialogTrigger = reactExports.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
-    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+    const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Primitive$1.button,
       {
@@ -17864,7 +17864,7 @@ var DialogContentModal = reactExports.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
     const contentRef = reactExports.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
+    const composedRefs = useComposedRefs$1(forwardedRef, context.contentRef, contentRef);
     reactExports.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
@@ -17939,7 +17939,7 @@ var DialogContentImpl = reactExports.forwardRef(
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME, __scopeDialog);
     const contentRef = reactExports.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     useFocusGuards();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18094,7 +18094,7 @@ function createSlotClone(ownerName) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
       if (children.type !== reactExports.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return reactExports.cloneElement(children, props2);
     }
@@ -18371,15 +18371,15 @@ var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be$1 = '[cmdk-group-he
   }
   if (!x2) return null;
   let { disabled: A2, value: ge, onSelect: j, forceMount: O, keywords: $2, ...q } = r;
-  return reactExports.createElement(Primitive.div, { ref: composeRefs(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A2, "aria-selected": !!R, "data-disabled": !!A2, "data-selected": !!R, onPointerMove: A2 || d.getDisablePointerSelection() ? void 0 : S, onClick: A2 ? void 0 : C2 }, r.children);
+  return reactExports.createElement(Primitive.div, { ref: composeRefs$1(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A2, "aria-selected": !!R, "data-disabled": !!A2, "data-selected": !!R, onPointerMove: A2 || d.getDisablePointerSelection() ? void 0 : S, onClick: A2 ? void 0 : C2 }, r.children);
 }), Ee$1 = reactExports.forwardRef((r, o) => {
   let { heading: n, children: u2, forceMount: c, ...d } = r, f = useId(), p2 = reactExports.useRef(null), b = reactExports.useRef(null), m2 = useId(), R = K$1(), x2 = P$1((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
   k$1(() => R.group(f), []), ve$1(f, p2, [r.value, r.heading, b]);
   let C2 = reactExports.useMemo(() => ({ id: f, forceMount: c }), [c]);
-  return reactExports.createElement(Primitive.div, { ref: composeRefs(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x2 ? void 0 : true }, n && reactExports.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B(r, (S) => reactExports.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, reactExports.createElement(fe$1.Provider, { value: C2 }, S))));
+  return reactExports.createElement(Primitive.div, { ref: composeRefs$1(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x2 ? void 0 : true }, n && reactExports.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B(r, (S) => reactExports.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, reactExports.createElement(fe$1.Provider, { value: C2 }, S))));
 }), ye$1 = reactExports.forwardRef((r, o) => {
   let { alwaysRender: n, ...u2 } = r, c = reactExports.useRef(null), d = P$1((f) => !f.search);
-  return !n && !d ? null : reactExports.createElement(Primitive.div, { ref: composeRefs(c, o), ...u2, "cmdk-separator": "", role: "separator" });
+  return !n && !d ? null : reactExports.createElement(Primitive.div, { ref: composeRefs$1(c, o), ...u2, "cmdk-separator": "", role: "separator" });
 }), Se$1 = reactExports.forwardRef((r, o) => {
   let { onValueChange: n, ...u2 } = r, c = r.value != null, d = ee(), f = P$1((m2) => m2.search), p2 = P$1((m2) => m2.selectedItemId), b = K$1();
   return reactExports.useEffect(() => {
@@ -18401,7 +18401,7 @@ var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be$1 = '[cmdk-group-he
         cancelAnimationFrame(x2), C2.unobserve(m2);
       };
     }
-  }, []), reactExports.createElement(Primitive.div, { ref: composeRefs(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B(r, (m2) => reactExports.createElement("div", { ref: composeRefs(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
+  }, []), reactExports.createElement(Primitive.div, { ref: composeRefs$1(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B(r, (m2) => reactExports.createElement("div", { ref: composeRefs$1(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
 }), xe$1 = reactExports.forwardRef((r, o) => {
   let { open: n, onOpenChange: u2, overlayClassName: c, contentClassName: d, container: f, ...p2 } = r;
   return reactExports.createElement(Root, { open: n, onOpenChange: u2 }, reactExports.createElement(Portal, { container: f }, reactExports.createElement(Overlay, { "cmdk-overlay": "", className: c }), reactExports.createElement(Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, reactExports.createElement(me$1, { ref: o, ...p2 }))));
@@ -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",
@@ -27908,6 +27913,151 @@ const MotionConfigContext = reactExports.createContext({
   isStatic: false,
   reducedMotion: "never"
 });
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return reactExports.useCallback(composeRefs(...refs), refs);
+}
+class PopChildMeasure extends reactExports.Component {
+  getSnapshotBeforeUpdate(prevProps) {
+    const element = this.props.childRef.current;
+    if (element && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {
+      const parent = element.offsetParent;
+      const parentWidth = isHTMLElement(parent) ? parent.offsetWidth || 0 : 0;
+      const parentHeight = isHTMLElement(parent) ? parent.offsetHeight || 0 : 0;
+      const size = this.props.sizeRef.current;
+      size.height = element.offsetHeight || 0;
+      size.width = element.offsetWidth || 0;
+      size.top = element.offsetTop;
+      size.left = element.offsetLeft;
+      size.right = parentWidth - size.width - size.left;
+      size.bottom = parentHeight - size.height - size.top;
+    }
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
+  const id2 = reactExports.useId();
+  const ref = reactExports.useRef(null);
+  const size = reactExports.useRef({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  });
+  const { nonce } = reactExports.useContext(MotionConfigContext);
+  const childRef = children.props?.ref ?? children?.ref;
+  const composedRef = useComposedRefs(ref, childRef);
+  reactExports.useInsertionEffect(() => {
+    const { width, height, top, left, right, bottom } = size.current;
+    if (isPresent || pop === false || !ref.current || !width || !height)
+      return;
+    const x2 = anchorX === "left" ? `left: ${left}` : `right: ${right}`;
+    const y = anchorY === "bottom" ? `bottom: ${bottom}` : `top: ${top}`;
+    ref.current.dataset.motionPopId = id2;
+    const style = document.createElement("style");
+    if (nonce)
+      style.nonce = nonce;
+    const parent = root ?? document.head;
+    parent.appendChild(style);
+    if (style.sheet) {
+      style.sheet.insertRule(`
+          [data-motion-pop-id="${id2}"] {
+            position: absolute !important;
+            width: ${width}px !important;
+            height: ${height}px !important;
+            ${x2}px !important;
+            ${y}px !important;
+          }
+        `);
+    }
+    return () => {
+      if (parent.contains(style)) {
+        parent.removeChild(style);
+      }
+    };
+  }, [isPresent]);
+  return jsxRuntimeExports.jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : reactExports.cloneElement(children, { ref: composedRef }) });
+}
+const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, anchorY, root }) => {
+  const presenceChildren = useConstant(newChildrenMap);
+  const id2 = reactExports.useId();
+  let isReusedContext = true;
+  let context = reactExports.useMemo(() => {
+    isReusedContext = false;
+    return {
+      id: id2,
+      initial,
+      isPresent,
+      custom,
+      onExitComplete: (childId) => {
+        presenceChildren.set(childId, true);
+        for (const isComplete of presenceChildren.values()) {
+          if (!isComplete)
+            return;
+        }
+        onExitComplete && onExitComplete();
+      },
+      register: (childId) => {
+        presenceChildren.set(childId, false);
+        return () => presenceChildren.delete(childId);
+      }
+    };
+  }, [isPresent, presenceChildren, onExitComplete]);
+  if (presenceAffectsLayout && isReusedContext) {
+    context = { ...context };
+  }
+  reactExports.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  reactExports.useEffect(() => {
+    !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
+  }, [isPresent]);
+  children = jsxRuntimeExports.jsx(PopChild, { pop: mode === "popLayout", isPresent, anchorX, anchorY, root, children });
+  return jsxRuntimeExports.jsx(PresenceContext.Provider, { value: context, children });
+};
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
 function usePresence(subscribe = true) {
   const context = reactExports.useContext(PresenceContext);
   if (context === null)
@@ -27922,6 +28072,87 @@ function usePresence(subscribe = true) {
   const safeToRemove = reactExports.useCallback(() => subscribe && onExitComplete && onExitComplete(id2), [id2, onExitComplete, subscribe]);
   return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
+const getChildKey = (child) => child.key || "";
+function onlyElements(children) {
+  const filtered = [];
+  reactExports.Children.forEach(children, (child) => {
+    if (reactExports.isValidElement(child))
+      filtered.push(child);
+  });
+  return filtered;
+}
+const AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", propagate = false, anchorX = "left", anchorY = "top", root }) => {
+  const [isParentPresent, safeToRemove] = usePresence(propagate);
+  const presentChildren = reactExports.useMemo(() => onlyElements(children), [children]);
+  const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);
+  const isInitialRender = reactExports.useRef(true);
+  const pendingPresentChildren = reactExports.useRef(presentChildren);
+  const exitComplete = useConstant(() => /* @__PURE__ */ new Map());
+  const exitingComponents = reactExports.useRef(/* @__PURE__ */ new Set());
+  const [diffedChildren, setDiffedChildren] = reactExports.useState(presentChildren);
+  const [renderedChildren, setRenderedChildren] = reactExports.useState(presentChildren);
+  useIsomorphicLayoutEffect(() => {
+    isInitialRender.current = false;
+    pendingPresentChildren.current = presentChildren;
+    for (let i = 0; i < renderedChildren.length; i++) {
+      const key = getChildKey(renderedChildren[i]);
+      if (!presentKeys.includes(key)) {
+        if (exitComplete.get(key) !== true) {
+          exitComplete.set(key, false);
+        }
+      } else {
+        exitComplete.delete(key);
+        exitingComponents.current.delete(key);
+      }
+    }
+  }, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
+  const exitingChildren = [];
+  if (presentChildren !== diffedChildren) {
+    let nextChildren = [...presentChildren];
+    for (let i = 0; i < renderedChildren.length; i++) {
+      const child = renderedChildren[i];
+      const key = getChildKey(child);
+      if (!presentKeys.includes(key)) {
+        nextChildren.splice(i, 0, child);
+        exitingChildren.push(child);
+      }
+    }
+    if (mode === "wait" && exitingChildren.length) {
+      nextChildren = exitingChildren;
+    }
+    setRenderedChildren(onlyElements(nextChildren));
+    setDiffedChildren(presentChildren);
+    return null;
+  }
+  const { forceRender } = reactExports.useContext(LayoutGroupContext);
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderedChildren.map((child) => {
+    const key = getChildKey(child);
+    const isPresent = propagate && !isParentPresent ? false : presentChildren === renderedChildren || presentKeys.includes(key);
+    const onExit = () => {
+      if (exitingComponents.current.has(key)) {
+        return;
+      }
+      exitingComponents.current.add(key);
+      if (exitComplete.has(key)) {
+        exitComplete.set(key, true);
+      } else {
+        return;
+      }
+      let isEveryExitComplete = true;
+      exitComplete.forEach((isExitComplete) => {
+        if (!isExitComplete)
+          isEveryExitComplete = false;
+      });
+      if (isEveryExitComplete) {
+        forceRender?.();
+        setRenderedChildren(pendingPresentChildren.current);
+        propagate && safeToRemove?.();
+        onExitComplete && onExitComplete();
+      }
+    };
+    return jsxRuntimeExports.jsx(PresenceChild, { isPresent, initial: !isInitialRender.current || initial ? void 0 : false, custom, presenceAffectsLayout, mode, root, onExitComplete: isPresent ? void 0 : onExit, anchorX, anchorY, children: child }, key);
+  }) });
+};
 const LazyContext = reactExports.createContext({ strict: false });
 const featureProps = {
   animation: [
@@ -30049,40 +30280,62 @@ function ModuleShell() {
     );
   }) });
 }
+const COLLAPSED_WIDTH = 52;
+const EXPANDED_WIDTH = 172;
+const sidebarTransition = { type: "spring", stiffness: 400, damping: 30, mass: 0.8 };
+const labelTransition = { duration: 0.15, ease: "easeOut" };
 function Sidebar() {
   const modules = useModuleStore((s) => s.modules);
   const activeModule = useModuleStore((s) => s.activeModule);
   const navigate = useNavigate();
-  const [tooltip, setTooltip] = reactExports.useState(null);
-  const showTooltip = reactExports.useCallback((e, label) => {
-    const rect = e.currentTarget.getBoundingClientRect();
-    setTooltip({ label, top: rect.top + rect.height / 2, left: rect.right + 8 });
-  }, []);
-  const hideTooltip = reactExports.useCallback(() => setTooltip(null), []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "dock-sidebar", children: [
-    modules.map((mod) => {
-      const isActive = activeModule === mod.name;
-      const Icon2 = moduleIconMap[mod.name];
-      const label = moduleLabelMap[mod.name] ?? mod.name;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
+  const [isHovered, setIsHovered] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "dock-sidebar-hitarea",
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        motion.aside,
         {
-          type: "button",
-          onClick: () => navigate(`/${mod.name}`),
-          className: `dock-icon ${isActive ? "active" : ""}`,
-          onMouseEnter: (e) => showTooltip(e, label),
-          onMouseLeave: hideTooltip,
-          children: Icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: mod.name[0]?.toUpperCase() })
-        },
-        mod.name
-      );
-    }),
-    modules.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-text-muted text-[10px] text-center px-1 py-4", children: "No modules" }),
-    tooltip && reactDomExports.createPortal(
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dock-tooltip-fixed", style: { top: tooltip.top, left: tooltip.left }, children: tooltip.label }),
-      document.body
-    )
-  ] });
+          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" })
+          ]
+        }
+      )
+    }
+  );
 }
 const WsContext = reactExports.createContext(null);
 const MAX_RETRIES = 10;
@@ -30497,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);
@@ -47183,6 +47493,7 @@ const initialState = {
   isLoadingHistory: false,
   isStreaming: false,
   streamDeviceId: null,
+  isPaused: false,
   enabledLevels: [...ALL_LEVELS],
   searchPattern: "",
   processFilter: ""
@@ -47190,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;
@@ -47211,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;
@@ -47408,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(
@@ -47494,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",
       {
@@ -47514,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() {
@@ -47527,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(() => {
@@ -47556,6 +47890,7 @@ function LogPanel() {
         payload: { deviceId: prevDeviceRef.current }
       });
       clear();
+      useLogStore.getState().resume();
     }
     if (selectedDeviceId) {
       send({
@@ -47580,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);
@@ -47615,7 +47963,9 @@ function LogPanel() {
   const handleStreamStarted = reactExports.useCallback(
     (payload) => {
       const data = payload;
-      setStreaming(data.deviceId);
+      if (!useLogStore.getState().isPaused) {
+        setStreaming(data.deviceId);
+      }
     },
     [setStreaming]
   );
@@ -51692,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.2.0";
+  const version = "2.5.1";
   const fetchStorage = reactExports.useCallback(() => {
     fetch("/api/tool-settings/storage").then((r) => r.json()).then((data) => setStorage(data)).catch(() => {
     });
@@ -52999,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, {})
@@ -53040,4 +53391,4 @@ function App() {
 clientExports.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
 );
-//# sourceMappingURL=index-B_mApJSj.js.map
+//# sourceMappingURL=index-D67XE6HO.js.map