simvyn 2.6.2 → 2.6.3

package/dist/dashboard/assets/{index-DPTLVb11.css → index-CdpK-4e0.css}

@@ -677,6 +677,14 @@
     height: calc(var(--spacing) * 48);
   }
 
+  .h-\[14px\] {
+    height: 14px;
+  }
+
+  .h-\[18px\] {
+    height: 18px;
+  }
+
   .h-\[calc\(100vh-240px\)\] {
     height: calc(100vh - 240px);
   }
@@ -793,10 +801,18 @@
     width: calc(var(--spacing) * 84);
   }
 
+  .w-\[14px\] {
+    width: 14px;
+  }
+
   .w-\[30\%\] {
     width: 30%;
   }
 
+  .w-\[32px\] {
+    width: 32px;
+  }
+
   .w-\[56px\] {
     width: 56px;
   }
@@ -886,6 +902,16 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .translate-x-\[2px\] {
+    --tw-translate-x: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-x-\[16px\] {
+    --tw-translate-x: 16px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1307,6 +1333,16 @@
     border-color: var(--color-text-secondary);
   }
 
+  .border-white\/5 {
+    border-color: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-white\/5 {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
   .border-white\/8 {
     border-color: #ffffff14;
   }
@@ -1373,6 +1409,16 @@
     }
   }
 
+  .bg-accent-blue\/40 {
+    background-color: #4fa8e166;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-accent-blue\/40 {
+      background-color: color-mix(in oklab, var(--color-accent-blue) 40%, transparent);
+    }
+  }
+
   .bg-amber-500\/15 {
     background-color: #f99c0026;
   }
@@ -1519,6 +1565,16 @@
     background-color: var(--color-text-muted);
   }
 
+  .bg-text-muted\/20 {
+    background-color: #54555833;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-text-muted\/20 {
+      background-color: color-mix(in oklab, var(--color-text-muted) 20%, transparent);
+    }
+  }
+
   .bg-text-muted\/50 {
     background-color: #54555880;
   }
@@ -1529,6 +1585,16 @@
     }
   }
 
+  .bg-text-muted\/60 {
+    background-color: #54555899;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-text-muted\/60 {
+      background-color: color-mix(in oklab, var(--color-text-muted) 60%, transparent);
+    }
+  }
+
   .bg-transparent {
     background-color: #0000;
   }
@@ -1914,6 +1980,16 @@
     }
   }
 
+  .text-text-muted\/60 {
+    color: #54555899;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-text-muted\/60 {
+      color: color-mix(in oklab, var(--color-text-muted) 60%, transparent);
+    }
+  }
+
   .text-text-primary {
     color: var(--color-text-primary);
   }
@@ -2090,6 +2166,10 @@
       border-color: var(--color-glass-border-hover);
     }
 
+    .hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:hover {
+      background-color: #ffffff0d;
+    }
+
     .hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover {
       background-color: #ffffff14;
     }

package/dist/dashboard/assets/{index-CV-ugcyG.js → index-QWG80lyd.js}

@@ -30529,6 +30529,7 @@ function StateIndicator({ state }) {
 }
 function DeviceSelector() {
   const [open, setOpen] = reactExports.useState(false);
+  const [showAll, setShowAll] = reactExports.useState(false);
   const [contextMenu, setContextMenu] = reactExports.useState(null);
   const ref = reactExports.useRef(null);
   const devices = useDeviceStore((s) => s.devices);
@@ -30545,7 +30546,10 @@ function DeviceSelector() {
     toast(`${name} disconnected`, { description: "Physical device removed" });
   }, []);
   useWsListener("devices", "device-disconnected", handleDeviceDisconnected);
-  const groups = groupDevices(devices);
+  const selectedSet = new Set(selectedDeviceIds);
+  const filteredDevices = showAll ? devices : devices.filter((d) => d.state === "booted" || selectedSet.has(d.id));
+  const hiddenCount = devices.length - filteredDevices.length;
+  const groups = groupDevices(filteredDevices);
   reactExports.useEffect(() => {
     if (!isMultiSelect && selectedDeviceIds.length > 1) {
       truncateToFirst();
@@ -30573,7 +30577,6 @@ function DeviceSelector() {
     e.preventDefault();
     setContextMenu({ x: e.clientX, y: e.clientY, deviceId });
   };
-  const selectedSet = new Set(selectedDeviceIds);
   const firstDevice = devices.find((d) => d.id === selectedDeviceIds[0]);
   let label;
   if (selectedDeviceIds.length === 0) {
@@ -30588,7 +30591,10 @@ function DeviceSelector() {
       "button",
       {
         type: "button",
-        onClick: () => setOpen(!open),
+        onClick: () => {
+          if (!open) setShowAll(false);
+          setOpen(!open);
+        },
         className: "glass-button flex items-center gap-2 px-3 py-1.5 text-sm",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: label }),
@@ -30609,6 +30615,29 @@ function DeviceSelector() {
       }
     ),
     open && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-panel absolute top-full right-0 z-50 mt-2 w-84 max-h-96 overflow-y-auto p-1 shadow-xl shadow-black/30 !backdrop-blur-2xl !bg-[rgba(30,30,45,0.6)]", children: [
+      devices.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowAll(!showAll),
+          className: "flex w-full items-center justify-between border-b border-white/5 px-3 py-2 text-xs text-text-muted hover:bg-[rgba(255,255,255,0.05)] cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: showAll ? "Showing all devices" : hiddenCount > 0 ? `Show ${hiddenCount} inactive device${hiddenCount === 1 ? "" : "s"}` : "Show inactive devices" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: `relative inline-flex h-[18px] w-[32px] shrink-0 items-center rounded-full transition-colors ${showAll ? "bg-accent-blue/40" : "bg-text-muted/20"}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    className: `inline-block h-[14px] w-[14px] rounded-full transition-transform ${showAll ? "translate-x-[16px] bg-accent-blue" : "translate-x-[2px] bg-text-muted/60"}`
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
       Object.entries(groups).map(([platform, devs]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-text-muted", children: platform }),
         devs.map((d) => {
@@ -30674,6 +30703,10 @@ function DeviceSelector() {
           );
         })
       ] }, platform)),
+      filteredDevices.length === 0 && devices.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-4 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-text-muted", children: "No active devices" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-text-muted/60", children: "Use the toggle above to show inactive devices" })
+      ] }),
       devices.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-4 text-center text-sm text-text-muted", children: "No devices detected" })
     ] }),
     contextMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52380,7 +52413,7 @@ function ToolSettingsPanel() {
   const [copied, setCopied] = reactExports.useState(false);
   const devices = useDeviceStore((s) => s.devices);
   const modules = useModuleStore((s) => s.modules);
-  const version = "2.6.2";
+  const version = "2.6.3";
   const fetchStorage = reactExports.useCallback(() => {
     fetch("/api/tool-settings/storage").then((r) => r.json()).then((data) => setStorage(data)).catch(() => {
     });
@@ -53729,4 +53762,4 @@ function App() {
 clientExports.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
 );
-//# sourceMappingURL=index-CV-ugcyG.js.map
+//# sourceMappingURL=index-QWG80lyd.js.map