simvyn 2.2.0 → 2.5.1

package/dist/dashboard/assets/{index-B6SC-KfX.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;
   }
@@ -1996,6 +2001,12 @@
     backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  ) !important;
   }
 
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2145,6 +2156,10 @@
       }
     }
 
+    .hover\:text-blue-300:hover {
+      color: var(--color-blue-300);
+    }
+
     .hover\:text-red-200:hover {
       color: var(--color-red-200);
     }
@@ -2307,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);
@@ -2315,33 +2335,50 @@ body {
   border-radius: 16px;
   flex-direction: column;
   align-self: center;
-  align-items: center;
+  align-items: stretch;
   gap: 2px;
-  width: 52px;
-  margin: 12px 0 12px 12px;
-  padding: 8px 0;
+  padding: 8px 6px;
   display: flex;
   position: relative;
-  overflow: visible auto;
+  overflow: hidden auto;
   box-shadow: 0 8px 32px #0000004d, inset 0 .5px #ffffff14;
 }
 
 .dock-icon {
-  width: 38px;
   height: 38px;
   color: var(--color-text-secondary);
   cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
+  white-space: nowrap;
   background: none;
   border: none;
   border-radius: 10px;
-  justify-content: center;
   align-items: center;
+  gap: 10px;
+  padding: 0 7px;
   font-family: inherit;
   transition: background .15s, color .15s;
   display: flex;
   position: relative;
+  overflow: hidden;
+}
+
+.dock-icon-svg {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  display: flex;
+}
+
+.dock-label {
+  color: var(--color-text-secondary);
+  white-space: nowrap;
+  font-size: 12.5px;
+  font-weight: 500;
+  overflow: hidden;
 }
 
 .dock-icon:hover {
@@ -2349,11 +2386,19 @@ body {
   background: #ffffff14;
 }
 
+.dock-icon:hover .dock-label {
+  color: var(--color-text-primary);
+}
+
 .dock-icon.active {
   color: var(--color-accent-blue);
   background: #007aff26;
 }
 
+.dock-icon.active .dock-label {
+  color: var(--color-accent-blue);
+}
+
 .dock-icon.active:after {
   content: "";
   background: var(--color-accent-blue);
@@ -2367,23 +2412,6 @@ body {
   transform: translateY(-50%);
 }
 
-.dock-tooltip-fixed {
-  -webkit-backdrop-filter: blur(20px) saturate(1.4);
-  backdrop-filter: blur(20px) saturate(1.4);
-  color: var(--color-text-primary);
-  white-space: nowrap;
-  pointer-events: none;
-  z-index: 1000;
-  background: #1e1e28e6;
-  border: 1px solid #ffffff14;
-  border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 12px;
-  font-weight: 500;
-  position: fixed;
-  transform: translateY(-50%);
-}
-
 [data-sonner-toaster] [data-sonner-toast] {
   -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
   color: #e8e8ed !important;