fix(data): selects

packages/stats/app/src/routes/[lab]/[model].tsx

@@ -418,7 +418,7 @@ function ModelHeroSparkline(props: { data: StatsModelData }) {
 function ChevronDownIcon() {
   return (
     <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" fill="none">
-      <path d="M4.75 6.25L8 9.5L11.25 6.25" stroke="currentColor" stroke-width="1.5" />
+      <path d="M5 6.5L8 9.5L11 6.5" stroke="currentColor" />
     </svg>
   )
 }

packages/stats/app/src/routes/[lab]/index.tsx

@@ -219,7 +219,7 @@ function LabHeroBreadcrumb(props: { label: string; labs?: ModelCatalogLab[] }) {
           <span data-slot="lab-hero-crumb" data-current="true" aria-current="page">
             <span>{props.label}</span>
             <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true">
-              <path d="M4.75 6.25L8 9.5L11.25 6.25" fill="none" stroke="currentColor" stroke-width="1.5" />
+              <path d="M5 6.5L8 9.5L11 6.5" fill="none" stroke="currentColor" />
             </svg>
           </span>
         }

packages/stats/app/src/routes/breadcrumb-select.tsx

@@ -58,7 +58,7 @@ export function BreadcrumbSelect(props: {
         </Select.Value>
         <Select.Icon data-slot="stats-breadcrumb-select-icon">
           <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true">
-            <path d="M4.75 6.25L8 9.5L11.25 6.25" fill="none" stroke="currentColor" stroke-width="1.5" />
+            <path d="M5 6.5L8 9.5L11 6.5" fill="none" stroke="currentColor" />
           </svg>
         </Select.Icon>
       </Select.Trigger>

packages/stats/app/src/routes/index.css

@@ -2888,7 +2888,7 @@
   padding: 0 8px;
   overflow: hidden;
   background: var(--stats-layer-2);
-  color: var(--stats-faint);
+  color: var(--stats-hero-muted);
   font-size: 13px;
   font-weight: 500;
   line-height: 1.1;
@@ -2897,7 +2897,7 @@
 }
 
 [data-page="stats"] a[data-slot="lab-hero-crumb"] {
-  color: var(--stats-faint);
+  color: var(--stats-hero-muted);
 }
 
 [data-page="stats"] [data-slot="lab-hero-crumb"][data-current="true"] {
@@ -3066,7 +3066,9 @@
 [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"] {
   display: inline-flex;
   align-items: center;
+  justify-content: flex-start;
   gap: 4px;
+  flex: 0 1 auto;
   max-width: min(100%, 280px);
   height: 24px;
   box-sizing: border-box;
@@ -3082,14 +3084,11 @@
   font-size: 13px;
   font-weight: 500;
   line-height: 1.1;
+  text-align: center;
   white-space: nowrap;
   cursor: pointer;
 }
 
-[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-variant="lab"] {
-  color: var(--stats-faint);
-}
-
 [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-current="true"],
 [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"]:hover,
 [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-expanded] {
@@ -3117,6 +3116,7 @@
 [data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] {
   display: inline-flex;
   flex: 0 0 auto;
+  color: var(--stats-faint);
 }
 
 [data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] svg {