nodejs · bmuenzenmeyer · Nov 7, 2025 · Nov 7, 2025
@@ -12,8 +12,8 @@
     border-neutral-300
     bg-neutral-100
     py-2
-    pl-3
     pr-1
+    pl-3
     dark:border-neutral-900
     dark:bg-neutral-950;
 }
@@ -78,13 +78,13 @@
   @apply flex
     size-max
     cursor-pointer
-    whitespace-nowrap
     rounded-full
     border
     border-neutral-300
     bg-neutral-200
     px-3
     py-1
+    whitespace-nowrap
     text-neutral-900
     duration-300
     hover:bg-neutral-300

@@ -44,10 +44,10 @@
 
 .chatSourceTitle {
   @apply max-w-full
-    overflow-hidden
     truncate
-    text-ellipsis
-    whitespace-nowrap
+    overflow-hidden
     text-sm
-    font-semibold;
+    font-semibold
+    text-ellipsis
+    whitespace-nowrap;
 }
@@ -23,10 +23,10 @@
 
 .documentTitle {
   @apply max-w-full
-    overflow-hidden
     truncate
-    text-ellipsis
-    whitespace-nowrap
+    overflow-hidden
     text-sm
-    font-semibold;
+    font-semibold
+    text-ellipsis
+    whitespace-nowrap;
 }
@@ -20,8 +20,8 @@
   @apply my-3
     text-xs
     font-semibold
-    uppercase
     text-neutral-800
+    uppercase
     dark:text-neutral-500;
 }
 
@@ -47,12 +47,12 @@
 }
 
 .noResultsWrapper {
-  @apply pb-31
-    flex
+  @apply flex
     h-full
     items-center
     justify-center
     pt-10
+    pb-31
     text-sm
     text-neutral-800
     dark:text-neutral-500;

@@ -10,8 +10,8 @@
 
 .topBarArrow {
   @apply absolute
-    left-4
     top-1/2
+    left-4
     -translate-y-1/2
     text-neutral-900
     dark:text-neutral-200;
@@ -22,8 +22,8 @@
 }
 
 .topBarTabs {
-  @apply rounded-4xl
-    flex
+  @apply flex
+    rounded-4xl
     bg-neutral-200
     p-1
     text-sm
@@ -45,13 +45,13 @@
 }
 
 .topBarTabActive {
-  @apply before:rounded-4xl
-    relative
+  @apply relative
     z-10
     text-white
     before:absolute
     before:inset-0
     before:z-[-1]
+    before:rounded-4xl
     before:bg-black
     motion-safe:transition-colors
     dark:text-neutral-900

@@ -12,8 +12,8 @@
 
   svg {
     @apply absolute
-      left-3
       top-1/2
+      left-3
       size-4
       -translate-y-1/2
       text-neutral-500
@@ -27,8 +27,8 @@
     border-neutral-200
     bg-transparent
     py-4
-    pl-9
     pr-4
+    pl-9
     text-sm
     text-neutral-900
     placeholder:text-neutral-500

@@ -11,8 +11,8 @@
       px-2
       py-3
       text-sm
-      outline-none
       duration-300
+      outline-none
       hover:bg-neutral-300
       focus-visible:border-green-600
       focus-visible:bg-transparent

@@ -136,8 +136,8 @@
 }
 
 .searchResultsGroupTitle {
-  @apply mb-3
-    mt-4
+  @apply mt-4
+    mb-3
     pl-2
     text-sm
     font-semibold

@@ -2,8 +2,8 @@
 
 .slidingPanelCloseButton {
   @apply absolute
-    right-6
     top-2
+    right-6
     z-20
     cursor-pointer
     rounded-full

@@ -59,8 +59,8 @@
 
 .modalWrapper {
   @apply fixed
-    left-0
     top-0
+    left-0
     z-50
     mx-auto
     my-0
@@ -75,16 +75,16 @@
 
 .modalInner {
   @apply fixed
-    bottom-0
     top-0
+    bottom-0
     mx-auto
     my-0
     flex
     h-full
     max-w-none
     bg-white
-    lg:bottom-auto
     lg:top-auto
+    lg:bottom-auto
     lg:h-auto
     lg:max-w-3xl
     lg:bg-neutral-100

@@ -2,8 +2,8 @@
 
 .tabsList {
   @apply font-open-sans
-    mb-6
     mt-10
+    mb-6
     flex
     gap-2
     border-b

@@ -16,9 +16,7 @@
   }
 
   .trigger {
-    @apply shadow-xs
-      outline-hidden
-      inline-flex
+    @apply inline-flex
       h-11
       w-full
       min-w-[17rem]
@@ -35,6 +33,8 @@
       text-base
       font-medium
       text-neutral-900
+      shadow-xs
+      outline-hidden
       focus:border-neutral-500
       focus:ring-1
       focus:ring-neutral-500
@@ -75,19 +75,19 @@
     dark:bg-neutral-950;
 
   .item {
-    @apply select-none
-      truncate
+    @apply truncate
       px-2.5
       py-1.5
       text-sm
-      font-medium;
+      font-medium
+      select-none;
   }
 
   .text {
-    @apply data-[highlighted]:outline-hidden
-      text-neutral-800
+    @apply text-neutral-800
       data-[highlighted]:bg-green-500
       data-[highlighted]:text-white
+      data-[highlighted]:outline-hidden
       dark:text-neutral-200
       dark:data-[highlighted]:bg-green-600
       dark:data-[highlighted]:text-white;
@@ -137,12 +137,12 @@
 
   .text {
     @apply text-neutral-900
-      data-[highlighted]:bg-neutral-100
       data-[disabled]:text-neutral-600
+      data-[highlighted]:bg-neutral-100
       data-[highlighted]:text-neutral-900
       dark:text-white
-      dark:data-[highlighted]:bg-neutral-900
       dark:data-[disabled]:text-neutral-700
+      dark:data-[highlighted]:bg-neutral-900
       dark:data-[highlighted]:text-white;
   }
 
@@ -180,20 +180,20 @@
   }
 
   .dropdown {
-    @apply z-99
-      absolute
+    @apply absolute
       left-0
+      z-99
       mt-4;
   }
 
   .text {
-    @apply hover:outline-hidden
-      block
-      whitespace-normal
+    @apply block
       pl-4
+      whitespace-normal
       text-neutral-800
       hover:bg-green-500
       hover:text-white
+      hover:outline-hidden
       dark:text-neutral-200
       dark:hover:bg-green-600
       dark:hover:text-white;
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,8 +2,8 @@ @@
     .tabsList {
       @apply font-open-sans
-        mb-6
         mt-10
+        mb-6
         flex
         gap-2
         border-b
@@ Expand Down @@