Merge pull request #47 from tinybirdco/fixes03

Fixes03

Author: alrocar

CHANGELOG.md

@@ -19,7 +19,7 @@ Types of changes:
 curl https://tinybird.co | sh
 tb login
 tb --cloud deploy --template https://github.com/tinybirdco/llm-performance-tracker/tree/main/tinybird
-TOKEN=$(tb auth info | grep "^token: " | awk '{print $2}')
+tb token copy read_pipes && TINYBIRD_TOKEN=$(pbpaste)
 open https://llm-tracker.tinybird.live\?token\=$TOKEN
 ```
 

TEMPLATE.md

@@ -62,4 +62,4 @@ open https://llm-tracker.tinybird.live\?token\=$TINYBIRD_TOKEN
 
 ## Build and deploy your own LLM tracker
 
-See [README.md](https://github.com/tinybirdco/llm-performance-tracker)
+See [README.md](https://github.com/tinybirdco/llm-performance-tracker?tab=readme-ov-file#build-and-deploy-your-own-llm-tracker)

dashboard/ai-analytics/src/app/components/DataTable.tsx

@@ -548,7 +548,7 @@ export default function DataTable({
               </button>
             </div>
 
-            <div className="space-y-2 max-h-[400px] overflow-y-auto">
+            <div className="space-y-2 max-h-[400px] overflow-y-auto pr-4">
               {columns.map(column => (
                 <div key={column.id} className="flex items-center justify-between py-2">
                   <span className="text-[#F4F4F4]">{column.label}</span>

dashboard/ai-analytics/src/app/components/SparkChart.tsx

@@ -103,6 +103,7 @@ import { useState } from 'react';
                 showAnimation={false}
                 curveType="monotone"
                 stack={isStacked}
+                yAxisWidth={60}
                 customTooltip={(props) => (
                   <div style={{ 
                     position: 'fixed', 

dashboard/ai-analytics/src/app/components/TimeseriesChart.tsx

@@ -291,7 +291,7 @@ export default function TimeseriesChart({ data, filters, onFiltersChange, isLoad
                           colors={tab.colors}
                           stack={true}
                           showLegend={false}
-                          yAxisWidth={45}
+                          yAxisWidth={60}
                           valueFormatter={costValueFormatter}
                           className="h-[calc(100%-24px)] mt-10 hidden md:block"
                           showTooltip={true}

dashboard/ai-analytics/src/components/ui/floating-notification.tsx

@@ -94,7 +94,7 @@ export function FloatingNotification({
 
   return (
     <>
-      <div className="fixed flex" style={{ left: `${position.x}px`, top: `${position.y}px` }}>
+      <div className="fixed flex" style={{ left: `${position.x}px`, top: `${position.y}px`, zIndex: 50 }}>
         <div
           ref={containerRef}
           className={cn(