linter

Author: alrocar

dashboard/ai-analytics/src/app/api/extract-cost-parameters/route.ts

@@ -110,7 +110,7 @@ export async function POST(req: Request) {
     console.log('Available dimensions:', availableDimensions);
 
     // Extract dimension values for the system prompt
-    let dimensionValues: Record<string, { type: string, values: string[] }> = {};
+    const dimensionValues: Record<string, { type: string, values: string[] }> = {};
 
     // Map meta with data for a more structured representation
     if (availableDimensions && availableDimensions.meta && availableDimensions.data && availableDimensions.data.length > 0) {

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

@@ -3,7 +3,6 @@
 import { useState } from 'react';
 import { RiSearchLine } from '@remixicon/react';
 import { BarList as TremorBarList, Card, Dialog, DialogPanel, TextInput } from '@tremor/react';
-import { LucideIcon } from 'lucide-react';
 
 interface BarListItem {
   name: string;
@@ -28,8 +27,7 @@ const defaultFormatter = (number: number) =>
 export default function BarList({ 
   data, 
   valueFormatter = defaultFormatter,
-  onSelectionChange,
-  categoryType
+  onSelectionChange
 }: BarListProps) {
   const [isOpen, setIsOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');

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

@@ -7,21 +7,6 @@ import { AreaChart, BarChart } from '@tremor/react';
 import { useTinybirdToken } from '@/providers/TinybirdProvider';
 import { fetchLLMUsage } from '@/services/tinybird';
 
-// Define the type for chart tooltip payload
-interface ChartTooltipPayload {
-  color: string;
-  dataKey: string;
-  fill: string;
-  name: string;
-  stroke: string;
-  value: number;
-  payload: {
-    date: string;
-    actualCost: number;
-    predictedCost: number;
-  };
-}
-
 interface CostPredictionModalProps {
   isOpen: boolean;
   onClose: () => void;

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

@@ -62,7 +62,7 @@ export default function CustomBarList({
             key={item.name} 
             className={`flex flex-col cursor-pointer p-2 rounded-lg transition-all duration-200 ${
               isSelected 
-                ? 'bg-indigo-50 dark:bg-indigo-900/30 border-l-4 border-indigo-500' 
+                ? 'bg-indigo-50 dark:bg-indigo-900/30 border-l-4 border-indigo-600' 
                 : 'hover:bg-gray-50 dark:hover:bg-gray-800 border-l-4 border-transparent'
             }`}
             onClick={() => handleBarClick(item.name)}
@@ -75,21 +75,21 @@ export default function CustomBarList({
                   </div>
                 )}
                 <p className={`truncate text-sm font-medium ${
-                  isSelected ? 'text-indigo-700 dark:text-indigo-300' : 'text-gray-700 dark:text-gray-300'
+                  isSelected ? 'text-indigo-600 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300'
                 }`}>
                   {item.name}
                 </p>
               </div>
               <p className={`ml-2 flex-shrink-0 text-right text-sm font-semibold ${
-                isSelected ? 'text-indigo-700 dark:text-indigo-300' : 'text-gray-900 dark:text-gray-100'
+                isSelected ? 'text-indigo-600 dark:text-indigo-400' : 'text-gray-900 dark:text-gray-100'
               }`}>
                 {valueFormatter(item.value)}
               </p>
             </div>
             <div className="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden">
               <div 
                 className={`h-full rounded-full ${
-                  isSelected ? 'bg-indigo-500' : 'bg-indigo-400'
+                  isSelected ? 'bg-indigo-600' : 'bg-indigo-400'
                 }`}
                 style={{ width: `${percentage}%` }}
               />
@@ -102,7 +102,10 @@ export default function CustomBarList({
 
   return (
     <>
-      <Card className="h-full w-full rounded-lg border border-gray-200 dark:border-gray-800 shadow-sm">
+      <Card 
+        className="h-full w-full rounded-lg shadow-none" 
+        style={{ boxShadow: 'none' }}
+      >
         <div className="flex items-center justify-between mb-4">
           <h3 className="text-lg font-semibold text-gray-900 dark:text-white">Cost Breakdown</h3>
           <p className="text-2xl font-bold text-indigo-600 dark:text-indigo-400">
@@ -115,7 +118,7 @@ export default function CustomBarList({
         {hasMoreItems && (
           <div className="mt-4 pt-3 border-t border-gray-100 dark:border-gray-800 flex justify-center">
             <button
-              className="px-4 py-2 text-sm font-medium text-indigo-600 bg-indigo-50 rounded-md hover:bg-indigo-100 dark:text-indigo-400 dark:bg-indigo-900/20 dark:hover:bg-indigo-900/30 transition-colors"
+              className="px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700 transition-colors"
               onClick={() => setIsOpen(true)}
             >
               View All ({data.length})
@@ -160,7 +163,7 @@ export default function CustomBarList({
                   <svg xmlns="http://www.w3.org/2000/svg" className="h-12 w-12 text-gray-300 dark:text-gray-600 mb-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
                   </svg>
-                  <p className="text-gray-500 dark:text-gray-400">No results found for "{searchQuery}"</p>
+                  <p className="text-gray-500 dark:text-gray-400">No results found for &quot;{searchQuery}&quot;</p>
                   <button 
                     onClick={() => setSearchQuery('')}
                     className="mt-3 text-sm text-indigo-600 dark:text-indigo-400 hover:underline"

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

@@ -157,7 +157,7 @@ export default function DateRangeSelector({ onDateRangeChange }: DateRangeSelect
         updateUrlParams(start, end);
       }
     }
-  }, [searchParams]);
+  });
 
   // Helper function to parse date strings
   const parseDate = (dateStr: string): Date | null => {

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

@@ -36,21 +36,6 @@ const GoogleAIIcon = () => (
   </svg>
 );
 
-// Custom GPT-4 Icon
-const GPT4Icon = () => (
-  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" className="text-green-600">
-    <path d="M18.5 3h-13A2.5 2.5 0 0 0 3 5.5v13A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 18.5 3zM8 17.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v11zm5 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v11zm5 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v11z" fill="currentColor"/>
-  </svg>
-);
-
-// Custom Claude Icon
-const ClaudeIcon = () => (
-  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" className="text-purple-600">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-4-8c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" fill="currentColor"/>
-    <path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" fill="currentColor"/>
-  </svg>
-);
-
 // Helper function to get icon for provider
 const getProviderIcon = (provider: string) => {
   const lowerProvider = provider.toLowerCase();

dashboard/ai-analytics/src/app/containers/SparkChartContainer.tsx

@@ -15,7 +15,6 @@ interface SparkChartData {
 }
 
 interface SparkChartContainerProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   data: SparkChartData;
   isLoading: boolean;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any