simvyn 1.0.2 → 1.0.3

package/README.md

@@ -17,6 +17,10 @@
   <img src="https://raw.githubusercontent.com/pranshuchittora/simvyn/main/assets/banner.png" alt="simvyn dashboard" />
 </p>
 
+<p align="center">
+  <img src="https://raw.githubusercontent.com/pranshuchittora/simvyn/main/assets/demo.gif" alt="simvyn demo" />
+</p>
+
 ## Quick Start
 
 ```bash
@@ -40,6 +44,7 @@ npx simvyn
 ```
 
 **Requirements:**
+
 - Node.js >= 22.12.0
 - macOS (full iOS + Android support) or Linux (Android only)
 
@@ -80,9 +85,9 @@ simvyn wraps `xcrun simctl` (iOS) and `adb` (Android) behind a unified interface
 ## Supported Platforms
 
 | Platform | iOS Simulators | Android Emulators | Android Devices |
-|----------|---------------|-------------------|-----------------|
-| macOS    | Yes           | Yes               | Yes             |
-| Linux    | No            | Yes               | Yes             |
+| -------- | -------------- | ----------------- | --------------- |
+| macOS    | Yes            | Yes               | Yes             |
+| Linux    | No             | Yes               | Yes             |
 
 ## License
 

package/dist/dashboard/assets/{index-CVvHSzZD.css → index-DJAZnP1I.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-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);
     --color-pink-400: oklch(71.8% .202 349.761);
@@ -605,6 +606,10 @@
     height: calc(var(--spacing) * 7);
   }
 
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -629,10 +634,18 @@
     height: 100vh;
   }
 
+  .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
+
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
 
+  .max-h-full {
+    max-height: 100%;
+  }
+
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -685,6 +698,10 @@
     width: calc(var(--spacing) * 9);
   }
 
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -822,6 +839,10 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .grid-cols-\[auto_1fr\] {
+    grid-template-columns: auto 1fr;
+  }
+
   .flex-col {
     flex-direction: column;
   }
@@ -910,6 +931,20 @@
     margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-y-px > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(1px * var(--tw-space-y-reverse));
+    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -1274,6 +1309,16 @@
     }
   }
 
+  .bg-black\/20 {
+    background-color: #0003;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/20 {
+      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+    }
+  }
+
   .bg-cyan-500\/15 {
     background-color: #00b7d726;
   }
@@ -1332,6 +1377,10 @@
     }
   }
 
+  .bg-text-muted {
+    background-color: var(--color-text-muted);
+  }
+
   .bg-text-muted\/50 {
     background-color: #54555880;
   }
@@ -1360,6 +1409,26 @@
     }
   }
 
+  .bg-white\/\[0\.02\] {
+    background-color: #ffffff05;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/\[0\.02\] {
+      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
+    }
+  }
+
+  .bg-white\/\[0\.03\] {
+    background-color: #ffffff08;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/\[0\.03\] {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+
   .object-cover {
     object-fit: cover;
   }
@@ -1464,6 +1533,10 @@
     padding-top: calc(var(--spacing) * 2);
   }
 
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -1472,6 +1545,10 @@
     padding-bottom: calc(var(--spacing) * 1);
   }
 
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -1588,6 +1665,10 @@
     color: var(--color-amber-400);
   }
 
+  .text-blue-400 {
+    color: var(--color-blue-400);
+  }
+
   .text-cyan-400 {
     color: var(--color-cyan-400);
   }
@@ -1675,6 +1756,10 @@
     opacity: 0;
   }
 
+  .opacity-50 {
+    opacity: .5;
+  }
+
   .shadow-xl {
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2256,6 +2341,30 @@ body {
   font-size: .875rem;
 }
 
+.glass-star-button {
+  -webkit-backdrop-filter: blur(12px) saturate(1.3);
+  color: var(--color-text-muted);
+  cursor: pointer;
+  background: #ffffff0f;
+  border: 1px solid #ffffff14;
+  border-radius: 8px;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px;
+  font-family: inherit;
+  font-size: .6875rem;
+  text-decoration: none;
+  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
+  display: flex;
+}
+
+.glass-star-button:hover {
+  color: #ffd246f2;
+  background: #ffc8321a;
+  border-color: #ffc83240;
+  box-shadow: 0 0 12px #ffc83214, inset 0 .5px #ffc8321a;
+}
+
 .cmdk-hint {
   color: var(--color-text-muted);
   cursor: pointer;