improve sidebar (cherry-picked from feat/raed-ui)

ui/app/.nnot-not-found.tsx

@@ -0,0 +1,49 @@
+// import { Compass, Home } from "lucide-react";
+
+// import { Button } from "@/components/ui/button";
+// import {
+// 	Empty,
+// 	EmptyContent,
+// 	EmptyDescription,
+// 	EmptyHeader,
+// 	EmptyTitle,
+// } from "@/components/ui/empty";
+
+// export function NotFoundPage() {
+// 	return (
+// 		<div className="flex w-full items-center justify-center">
+// 			<div className="flex h-screen items-center border-x">
+// 				<div>
+// 					<div className="absolute inset-x-0 h-px bg-border" />
+// 					<Empty>
+// 						<EmptyHeader>
+// 							<EmptyTitle className="font-black font-mono text-8xl">
+// 								404
+// 							</EmptyTitle>
+// 							<EmptyDescription className="text-nowrap">
+// 							The page you&apos;re looking for might have been <br />
+// 							moved or doesn&apos;t exist.
+// 							</EmptyDescription>
+// 						</EmptyHeader>
+// 						<EmptyContent>
+// 							<div className="flex gap-2">
+// 								<Button asChild>
+// 									<a href="#">
+// 										<Home /> Go Home
+// 									</a>
+// 								</Button>
+
+// 								<Button asChild variant="outline">
+// 									<a href="#">
+// 										<Compass /> Explore
+// 									</a>
+// 								</Button>
+// 							</div>
+// 						</EmptyContent>
+// 					</Empty>
+// 					<div className="absolute inset-x-0 h-px bg-border" />
+// 				</div>
+// 			</div>
+// 		</div>
+// 	);
+// }

ui/app/api/data/route.ts

@@ -1,4 +1,5 @@
 import { NextResponse } from "next/server";
+
 import { getData } from "@/lib/data-service";
 
 export async function GET() {

ui/app/api/explorer/route.ts

@@ -1,4 +1,5 @@
 import { NextResponse } from "next/server";
+
 import { getExplorerPoints } from "@/lib/explorer-service";
 
 export async function GET(request: Request) {

ui/app/data/data-view.tsx

@@ -1,12 +1,13 @@
 "use client"
 
-import { Card, CardContent } from "@/components/ui/card"
-import { Button } from "@/components/ui/button"
+import { CloudUpload, Database, Download, Eye, FileText, Folder, HardDrive, Trash2,Upload } from "lucide-react"
+
+import { SectionHeader } from "@/components/page-header"
 import { Badge } from "@/components/ui/badge"
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent } from "@/components/ui/card"
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-import { Folder, FileText, Database, HardDrive, Upload, CloudUpload, Eye, Download, Trash2 } from "lucide-react"
-import { SectionHeader } from "@/components/page-header"
+import { Tabs, TabsContent,TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { Dataset, Statistics } from "@/types/data"
 
 interface DataViewProps {

ui/app/data/page.tsx

@@ -1,8 +1,10 @@
+import { Database, Loader2 } from "lucide-react"
 import { Suspense } from 'react'
+
+import { PageHeader } from "@/components/page-header"
 import { getData } from "@/lib/data-service"
+
 import { DataView } from "./data-view"
-import { PageHeader } from "@/components/page-header"
-import { Database, Loader2 } from "lucide-react"
 
 export default async function DataPage() {
     const { datasets, stats } = await getData()

ui/app/discovery/page.tsx

@@ -1,14 +1,15 @@
 "use client"
 
+import { ArrowRight,CheckCircle2, Circle, Loader2, Microscope, Search } from "lucide-react"
 import * as React from "react"
+
 import { PageHeader, SectionHeader } from "@/components/page-header"
-import { Card, CardContent } from "@/components/ui/card"
-import { Textarea } from "@/components/ui/textarea"
 import { Button } from "@/components/ui/button"
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Card, CardContent } from "@/components/ui/card"
 import { Label } from "@/components/ui/label"
-import { Microscope, Search, CheckCircle2, Circle, Loader2, ArrowRight } from "lucide-react"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Tabs, TabsContent,TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Textarea } from "@/components/ui/textarea"
 
 export default function DiscoveryPage() {
   const [query, setQuery] = React.useState("")

ui/app/explorer/chart.tsx

@@ -1,8 +1,9 @@
 "use client"
 
-import { ResponsiveContainer, ScatterChart, Scatter, XAxis, YAxis, ZAxis, Tooltip, Cell } from "recharts"
-import { Card, CardContent } from "@/components/ui/card"
 import { AlertCircle } from "lucide-react"
+import { Cell,ResponsiveContainer, Scatter, ScatterChart, Tooltip, XAxis, YAxis, ZAxis } from "recharts"
+
+import { Card, CardContent } from "@/components/ui/card"
 import { DataPoint } from "@/types/explorer"
 
 export function ExplorerChart({ data }: { data: DataPoint[] }) {

ui/app/explorer/components.tsx

@@ -1,12 +1,13 @@
 "use client"
 
-import * as React from "react"
+import { RefreshCw, SlidersHorizontal } from "lucide-react"
 import { useRouter, useSearchParams } from "next/navigation"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Label } from "@/components/ui/label"
+import * as React from "react"
+
 import { Button } from "@/components/ui/button"
-import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
-import { RefreshCw, SlidersHorizontal } from "lucide-react"
+import { Card, CardContent,CardHeader, CardTitle } from "@/components/ui/card"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 
 export function ExplorerControls() {
   const router = useRouter()

ui/app/explorer/page.tsx

@@ -1,8 +1,10 @@
+import { Loader2 } from "lucide-react"
 import { Suspense } from "react"
+
 import { getExplorerPoints } from "@/lib/explorer-service"
-import { ExplorerControls } from "./components"
+
 import { ExplorerChart } from "./chart"
-import { Loader2 } from "lucide-react"
+import { ExplorerControls } from "./components"
 
 interface ExplorerPageProps {
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>

ui/app/layout.tsx

@@ -1,11 +1,13 @@
+import "./globals.css";
+
 import type { Metadata, Viewport } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-import { AppSidebar } from "@/components/sidebar";
+
 import {
-  SidebarProvider,
   SidebarInset,
+  SidebarProvider,
 } from "@/components/animate-ui/components/radix/sidebar";
+import { AppSidebar } from "@/components/sidebar";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",

ui/app/not-found.tsx

@@ -1,48 +0,0 @@
-import { Button } from "@/components/ui/button";
-import {
-	Empty,
-	EmptyContent,
-	EmptyDescription,
-	EmptyHeader,
-	EmptyTitle,
-} from "@/components/ui/empty";
-import { Compass, Home } from "lucide-react";
-
-export function NotFoundPage() {
-	return (
-		<div className="flex w-full items-center justify-center">
-			<div className="flex h-screen items-center border-x">
-				<div>
-					<div className="absolute inset-x-0 h-px bg-border" />
-					<Empty>
-						<EmptyHeader>
-							<EmptyTitle className="font-black font-mono text-8xl">
-								404
-							</EmptyTitle>
-							<EmptyDescription className="text-nowrap">
-								The page you're looking for might have been <br />
-								moved or doesn't exist.
-							</EmptyDescription>
-						</EmptyHeader>
-						<EmptyContent>
-							<div className="flex gap-2">
-								<Button asChild>
-									<a href="#">
-										<Home /> Go Home
-									</a>
-								</Button>
-
-								<Button asChild variant="outline">
-									<a href="#">
-										<Compass /> Explore
-									</a>
-								</Button>
-							</div>
-						</EmptyContent>
-					</Empty>
-					<div className="absolute inset-x-0 h-px bg-border" />
-				</div>
-			</div>
-		</div>
-	);
-}

ui/app/page.tsx

@@ -1,12 +1,13 @@
 "use client"
 
-import { Button } from "@/components/ui/button"
+import { ArrowUp, Database, FileText, Search, Sparkles,Zap } from "lucide-react"
+import Link from "next/link"
+
+import { SectionHeader } from "@/components/page-header"
 import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import { Card, CardContent } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
-import { SectionHeader } from "@/components/page-header"
-import { ArrowUp, Zap, Search, Database, FileText, Sparkles } from "lucide-react"
-import Link from "next/link"
 
 export default function Home() {
   return (

ui/app/settings/page.tsx

@@ -1,14 +1,15 @@
 "use client"
 
+import { Brain, Save,Settings } from "lucide-react"
+
 import { PageHeader, SectionHeader } from "@/components/page-header"
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Card, CardContent, CardDescription,CardHeader, CardTitle } from "@/components/ui/card"
 import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Slider } from "@/components/ui/slider"
 import { Switch } from "@/components/ui/switch"
-import { Settings, Brain, Save } from "lucide-react"
+import { Tabs, TabsContent,TabsList, TabsTrigger } from "@/components/ui/tabs"
 
 export default function SettingsPage() {
   return (

ui/components/animate-ui/components/animate/tooltip.tsx

@@ -1,16 +1,16 @@
-import * as React from 'react';
 import * as motion from 'motion/react-client';
+import * as React from 'react';
 
 import {
-  TooltipProvider as TooltipProviderPrimitive,
   Tooltip as TooltipPrimitive,
-  TooltipTrigger as TooltipTriggerPrimitive,
-  TooltipContent as TooltipContentPrimitive,
   TooltipArrow as TooltipArrowPrimitive,
-  type TooltipProviderProps as TooltipProviderPrimitiveProps,
+  TooltipContent as TooltipContentPrimitive,
+  type TooltipContentProps as TooltipContentPrimitiveProps,
   type TooltipProps as TooltipPrimitiveProps,
+  TooltipProvider as TooltipProviderPrimitive,
+  type TooltipProviderProps as TooltipProviderPrimitiveProps,
+  TooltipTrigger as TooltipTriggerPrimitive,
   type TooltipTriggerProps as TooltipTriggerPrimitiveProps,
-  type TooltipContentProps as TooltipContentPrimitiveProps,
 } from '@/components/animate-ui/primitives/animate/tooltip';
 import { cn } from '@/lib/utils';
 
@@ -63,12 +63,12 @@ function TooltipContent({
 }
 
 export {
-  TooltipProvider,
   Tooltip,
-  TooltipTrigger,
   TooltipContent,
-  type TooltipProviderProps,
+  type TooltipContentProps,
   type TooltipProps,
+  TooltipProvider,
+  type TooltipProviderProps,
+  TooltipTrigger,
   type TooltipTriggerProps,
-  type TooltipContentProps,
 };

ui/components/animate-ui/components/radix/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import * as React from "react"
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
 import { Check, ChevronRight, Circle } from "lucide-react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -183,18 +183,18 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
 
 export {
   DropdownMenu,
-  DropdownMenuTrigger,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
   DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
+  DropdownMenuTrigger,
 }

ui/components/animate-ui/components/radix/sheet.tsx

@@ -1,28 +1,28 @@
+import { XIcon } from 'lucide-react';
 import * as React from 'react';
 
 import {
   Sheet as SheetPrimitive,
-  SheetTrigger as SheetTriggerPrimitive,
-  SheetOverlay as SheetOverlayPrimitive,
   SheetClose as SheetClosePrimitive,
-  SheetPortal as SheetPortalPrimitive,
-  SheetContent as SheetContentPrimitive,
-  SheetHeader as SheetHeaderPrimitive,
-  SheetFooter as SheetFooterPrimitive,
-  SheetTitle as SheetTitlePrimitive,
-  SheetDescription as SheetDescriptionPrimitive,
-  type SheetProps as SheetPrimitiveProps,
-  type SheetTriggerProps as SheetTriggerPrimitiveProps,
-  type SheetOverlayProps as SheetOverlayPrimitiveProps,
   type SheetCloseProps as SheetClosePrimitiveProps,
+  SheetContent as SheetContentPrimitive,
   type SheetContentProps as SheetContentPrimitiveProps,
-  type SheetHeaderProps as SheetHeaderPrimitiveProps,
+  SheetDescription as SheetDescriptionPrimitive,
+  type SheetDescriptionProps as SheetDescriptionPrimitiveProps,
+  SheetFooter as SheetFooterPrimitive,
   type SheetFooterProps as SheetFooterPrimitiveProps,
+  SheetHeader as SheetHeaderPrimitive,
+  type SheetHeaderProps as SheetHeaderPrimitiveProps,
+  SheetOverlay as SheetOverlayPrimitive,
+  type SheetOverlayProps as SheetOverlayPrimitiveProps,
+  SheetPortal as SheetPortalPrimitive,
+  type SheetProps as SheetPrimitiveProps,
+  SheetTitle as SheetTitlePrimitive,
   type SheetTitleProps as SheetTitlePrimitiveProps,
-  type SheetDescriptionProps as SheetDescriptionPrimitiveProps,
+  SheetTrigger as SheetTriggerPrimitive,
+  type SheetTriggerProps as SheetTriggerPrimitiveProps,
 } from '@/components/animate-ui/primitives/radix/sheet';
 import { cn } from '@/lib/utils';
-import { XIcon } from 'lucide-react';
 
 type SheetProps = SheetPrimitiveProps;
 
@@ -137,19 +137,19 @@ function SheetDescription({ className, ...props }: SheetDescriptionProps) {
 
 export {
   Sheet,
-  SheetTrigger,
   SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-  type SheetProps,
-  type SheetTriggerProps,
   type SheetCloseProps,
+  SheetContent,
   type SheetContentProps,
-  type SheetHeaderProps,
+  SheetDescription,
+  type SheetDescriptionProps,
+  SheetFooter,
   type SheetFooterProps,
+  SheetHeader,
+  type SheetHeaderProps,
+  type SheetProps,
+  SheetTitle,
   type SheetTitleProps,
-  type SheetDescriptionProps,
+  SheetTrigger,
+  type SheetTriggerProps,
 };

ui/components/animate-ui/components/radix/sidebar.tsx

@@ -1,17 +1,18 @@
 'use client';
 
-import * as React from 'react';
-import { Slot } from 'radix-ui';
+/* eslint-disable react-hooks/purity */
 import { cva, VariantProps } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
 import { type Transition } from 'motion/react';
+import { Slot } from 'radix-ui';
+import * as React from 'react';
 
-import { useIsMobile } from '@/hooks/use-mobile';
-import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Separator } from '@/components/ui/separator';
-import { Skeleton } from '@/components/ui/skeleton';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/animate-ui/components/animate/tooltip';
 import {
   Sheet,
   SheetContent,
@@ -19,17 +20,17 @@ import {
   SheetHeader,
   SheetTitle,
 } from '@/components/animate-ui/components/radix/sheet';
-import {
-  TooltipProvider,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/components/animate-ui/components/animate/tooltip';
 import {
   Highlight,
   HighlightItem,
 } from '@/components/animate-ui/primitives/effects/highlight';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Separator } from '@/components/ui/separator';
+import { Skeleton } from '@/components/ui/skeleton';
+import { useIsMobile } from '@/hooks/use-mobile';
 import { getStrictContext } from '@/lib/get-strict-context';
+import { cn } from '@/lib/utils';
 
 const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

ui/components/animate-ui/primitives/animate/slot.tsx

@@ -1,7 +1,9 @@
 'use client';
 
+/* eslint-disable react-hooks/static-components */
+import { type HTMLMotionProps,isMotionComponent, motion } from 'motion/react';
 import * as React from 'react';
-import { motion, isMotionComponent, type HTMLMotionProps } from 'motion/react';
+
 import { cn } from '@/lib/utils';
 
 type AnyProps = Record<string, unknown>;
@@ -88,9 +90,9 @@ function Slot<T extends HTMLElement = HTMLElement>({
 }
 
 export {
+  type AnyProps,
+  type DOMMotionProps,
   Slot,
   type SlotProps,
   type WithAsChild,
-  type DOMMotionProps,
-  type AnyProps,
 };

ui/components/animate-ui/primitives/animate/tooltip.tsx

@@ -1,27 +1,28 @@
 'use client';
 
-import * as React from 'react';
-import {
-  motion,
-  AnimatePresence,
-  LayoutGroup,
-  type Transition,
-  type HTMLMotionProps,
-} from 'motion/react';
+/* eslint-disable react-hooks/refs */
 import {
-  useFloating,
+  arrow as floatingArrow,
   autoUpdate,
-  offset as floatingOffset,
   flip,
-  shift,
-  arrow as floatingArrow,
-  FloatingPortal,
   FloatingArrow,
+  FloatingPortal,
+  offset as floatingOffset,
+  shift,
+  useFloating,
   type UseFloatingReturn,
 } from '@floating-ui/react';
+import {
+  AnimatePresence,
+  type HTMLMotionProps,
+  LayoutGroup,
+  motion,
+  type Transition,
+} from 'motion/react';
+import * as React from 'react';
 
-import { getStrictContext } from '@/lib/get-strict-context';
 import { Slot, type WithAsChild } from '@/components/animate-ui/primitives/animate/slot';
+import { getStrictContext } from '@/lib/get-strict-context';
 
 type Side = 'top' | 'bottom' | 'left' | 'right';
 type Align = 'start' | 'center' | 'end';
@@ -554,19 +555,19 @@ function TooltipTrigger({
 }
 
 export {
-  TooltipProvider,
+  type GlobalTooltipContextType,
   Tooltip,
+  TooltipArrow,
+  type TooltipArrowProps,
   TooltipContent,
+  type TooltipContentProps,
+  type TooltipContextType,
+  type TooltipPosition,
+  type TooltipProps,
+  TooltipProvider,
+  type TooltipProviderProps,
   TooltipTrigger,
-  TooltipArrow,
+  type TooltipTriggerProps,
   useGlobalTooltip,
   useTooltip,
-  type TooltipProviderProps,
-  type TooltipProps,
-  type TooltipContentProps,
-  type TooltipTriggerProps,
-  type TooltipArrowProps,
-  type TooltipPosition,
-  type GlobalTooltipContextType,
-  type TooltipContextType,
 };

ui/components/animate-ui/primitives/effects/highlight.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import { AnimatePresence, motion, type Transition } from 'motion/react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
@@ -634,7 +634,7 @@ function HighlightItem<T extends React.ElementType>({
 export {
   Highlight,
   HighlightItem,
-  useHighlight,
-  type HighlightProps,
   type HighlightItemProps,
+  type HighlightProps,
+  useHighlight,
 };

ui/components/animate-ui/primitives/radix/checkbox.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React from 'react';
+import { type HTMLMotionProps,motion, SVGMotionProps } from 'motion/react';
 import { Checkbox as CheckboxPrimitive } from 'radix-ui';
-import { motion, SVGMotionProps, type HTMLMotionProps } from 'motion/react';
+import * as React from 'react';
 
-import { getStrictContext } from '@/lib/get-strict-context';
 import { useControlledState } from '@/hooks/use-controlled-state';
+import { getStrictContext } from '@/lib/get-strict-context';
 
 type CheckboxContextType = {
   isChecked: boolean | 'indeterminate';
@@ -120,9 +120,9 @@ function CheckboxIndicator(props: CheckboxIndicatorProps) {
 
 export {
   Checkbox,
+  type CheckboxContextType,
   CheckboxIndicator,
-  useCheckbox,
-  type CheckboxProps,
   type CheckboxIndicatorProps,
-  type CheckboxContextType,
+  type CheckboxProps,
+  useCheckbox,
 };

ui/components/animate-ui/primitives/radix/collapsible.tsx

@@ -8,4 +8,4 @@ const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
 
 const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
 
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
+export { Collapsible, CollapsibleContent,CollapsibleTrigger }

ui/components/animate-ui/primitives/radix/sheet.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React from 'react';
+import { AnimatePresence, type HTMLMotionProps,motion } from 'motion/react';
 import { Dialog as SheetPrimitive } from 'radix-ui';
-import { AnimatePresence, motion, type HTMLMotionProps } from 'motion/react';
+import * as React from 'react';
 
-import { getStrictContext } from '@/lib/get-strict-context';
 import { useControlledState } from '@/hooks/use-controlled-state';
+import { getStrictContext } from '@/lib/get-strict-context';
 
 type SheetContextType = {
   isOpen: boolean;
@@ -167,25 +167,25 @@ function SheetDescription(props: SheetDescriptionProps) {
 }
 
 export {
-  useSheet,
   Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
   SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-  type SheetProps,
-  type SheetPortalProps,
-  type SheetOverlayProps,
-  type SheetTriggerProps,
   type SheetCloseProps,
+  SheetContent,
   type SheetContentProps,
-  type SheetHeaderProps,
+  SheetDescription,
+  type SheetDescriptionProps,
+  SheetFooter,
   type SheetFooterProps,
+  SheetHeader,
+  type SheetHeaderProps,
+  SheetOverlay,
+  type SheetOverlayProps,
+  SheetPortal,
+  type SheetPortalProps,
+  type SheetProps,
+  SheetTitle,
   type SheetTitleProps,
-  type SheetDescriptionProps,
+  SheetTrigger,
+  type SheetTriggerProps,
+  useSheet,
 };

ui/components/page-header.tsx

@@ -1,6 +1,4 @@
-import { cn } from "@/lib/utils"
 import { SidebarTrigger } from "@/components/animate-ui/components/radix/sidebar"
-import { Separator } from "@/components/ui/separator"
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -9,6 +7,8 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from "@/components/ui/breadcrumb"
+import { Separator } from "@/components/ui/separator"
+import { cn } from "@/lib/utils"
 
 interface PageHeaderProps {
   title: string

ui/components/sidebar.tsx

@@ -1,55 +1,55 @@
 // ui/components/sidebar.tsx
 'use client';
 
-import * as React from 'react';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
 import {
-  Home,
-  Microscope,
-  Dna,
+  BadgeCheck,
   BarChart2,
-  Settings,
-  Terminal,
+  Bell,
   ChevronRight,
   ChevronsUpDown,
-  BadgeCheck,
-  Bell,
   CreditCard,
+  Dna,
+  Home,
   LogOut,
+  Microscope,
+  Settings,
   Sparkles,
+  Terminal,
   User,
 } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import * as React from 'react';
 
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/animate-ui/components/radix/dropdown-menu';
 import {
   Sidebar,
-  SidebarHeader,
   SidebarContent,
   SidebarFooter,
-  SidebarRail,
   SidebarGroup,
   SidebarGroupLabel,
+  SidebarHeader,
   SidebarMenu,
-  SidebarMenuItem,
   SidebarMenuButton,
+  SidebarMenuItem,
   SidebarMenuSub,
-  SidebarMenuSubItem,
   SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarRail,
 } from '@/components/animate-ui/components/radix/sidebar';
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
 } from '@/components/animate-ui/primitives/radix/collapsible';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/animate-ui/components/radix/dropdown-menu';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { useIsMobile } from '@/hooks/use-mobile';
 

ui/components/ui/avatar.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import * as React from "react"
 import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -47,4 +47,4 @@ const AvatarFallback = React.forwardRef<
 ))
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
 
-export { Avatar, AvatarImage, AvatarFallback }
+export { Avatar, AvatarFallback,AvatarImage }

ui/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 // ui/components/ui/badge.tsx
-import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/breadcrumb.tsx

@@ -1,6 +1,6 @@
-import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { ChevronRight, MoreHorizontal } from "lucide-react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -106,10 +106,10 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
 
 export {
   Breadcrumb,
-  BreadcrumbList,
+  BreadcrumbEllipsis,
   BreadcrumbItem,
   BreadcrumbLink,
+  BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-  BreadcrumbEllipsis,
 }

ui/components/ui/button.tsx

@@ -1,6 +1,6 @@
-import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/card.tsx

@@ -74,4 +74,4 @@ const CardFooter = React.forwardRef<
 ))
 CardFooter.displayName = "CardFooter"
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
+export { Card, CardContent,CardDescription, CardFooter, CardHeader, CardTitle }

ui/components/ui/empty.tsx

@@ -96,9 +96,9 @@ function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
 
 export {
   Empty,
-  EmptyHeader,
-  EmptyTitle,
-  EmptyDescription,
   EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
   EmptyMedia,
+  EmptyTitle,
 }

ui/components/ui/label.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/select.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import * as React from "react"
 import * as SelectPrimitive from "@radix-ui/react-select"
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/slider.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import * as React from "react"
 import * as SliderPrimitive from "@radix-ui/react-slider"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/switch.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import * as React from "react"
 import * as SwitchPrimitive from "@radix-ui/react-switch"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 

ui/components/ui/table.tsx

@@ -106,11 +106,11 @@ function TableCaption({
 
 export {
   Table,
-  TableHeader,
   TableBody,
+  TableCaption,
+  TableCell,
   TableFooter,
   TableHead,
+  TableHeader,
   TableRow,
-  TableCell,
-  TableCaption,
 }

ui/components/ui/tabs.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -88,4 +88,4 @@ function TabsContent({
   )
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }
+export { Tabs, TabsContent, TabsList, tabsListVariants,TabsTrigger }

ui/eslint.config.mjs

@@ -2,11 +2,9 @@
 import { defineConfig, globalIgnores } from "eslint/config";
 import nextVitals from "eslint-config-next/core-web-vitals";
 import nextTs from "eslint-config-next/typescript";
-
 import reactHooks from "eslint-plugin-react-hooks";
-import unusedImports from "eslint-plugin-unused-imports";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
-import tailwindcss from "eslint-plugin-tailwindcss";
+import unusedImports from "eslint-plugin-unused-imports";
 
 export default defineConfig([
   ...nextVitals,
@@ -17,16 +15,6 @@ export default defineConfig([
       "react-hooks": reactHooks,
       "unused-imports": unusedImports,
       "simple-import-sort": simpleImportSort,
-      tailwindcss,
-    },
-
-    settings: {
-      // Helps eslint-plugin-tailwindcss understand cn()/cva() patterns (common with shadcn)
-      tailwindcss: {
-        callees: ["cn", "cva"],
-        // If you still have a config file, keep it here; otherwise it’s harmless.
-        config: "./tailwind.config.ts",
-      },
     },
 
     rules: {
@@ -55,11 +43,7 @@ export default defineConfig([
       "simple-import-sort/imports": "warn",
       "simple-import-sort/exports": "warn",
 
-      // Tailwind + shadcn friendly defaults
-      "tailwindcss/classnames-order": "warn",
-      "tailwindcss/no-contradicting-classname": "error",
-      // shadcn often uses design-token classes (e.g. bg-background, text-foreground)
-      "tailwindcss/no-custom-classname": "off",
+      // NOTE: Tailwind rules disabled - plugin not compatible with Tailwind v4
     },
   },
 

ui/lib/explorer-service.ts

@@ -1,5 +1,5 @@
-import { ExplorerResponse } from "@/types/explorer";
 import { ExplorerRequestSchema } from "@/schemas/explorer";
+import { DataPoint, ExplorerResponse } from "@/types/explorer";
 
 export async function getExplorerPoints(
   dataset?: string,

ui/lib/utils.ts

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from "clsx"
+import { type ClassValue,clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {

ui/types/data.ts

@@ -1,5 +1,6 @@
 import { z } from "zod";
-import { DatasetSchema, StatisticsSchema, DataResponseSchema } from "@/schemas/data";
+
+import { DataResponseSchema,DatasetSchema, StatisticsSchema } from "@/schemas/data";
 
 export type Dataset = z.infer<typeof DatasetSchema>;
 export type Statistics = z.infer<typeof StatisticsSchema>;

ui/types/explorer.ts

@@ -1,5 +1,6 @@
 import { z } from "zod";
-import { DataPointSchema, ExplorerMetricsSchema, ExplorerResponseSchema, ExplorerRequestSchema } from "@/schemas/explorer";
+
+import { DataPointSchema, ExplorerMetricsSchema, ExplorerRequestSchema,ExplorerResponseSchema } from "@/schemas/explorer";
 
 export type DataPoint = z.infer<typeof DataPointSchema>;
 export type ExplorerMetrics = z.infer<typeof ExplorerMetricsSchema>;