cleanup ai elements

Author: izadoesdev

apps/dashboard/components/ai-elements/actions.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { ComponentProps } from 'react';
 import { Button } from '@/components/ui/button';
 import {
 	Tooltip,
@@ -8,7 +9,6 @@ import {
 	TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
-import type { ComponentProps } from 'react';
 
 export type ActionsProps = ComponentProps<'div'>;
 

apps/dashboard/components/ai-elements/artifact.tsx

@@ -1,5 +1,7 @@
 'use client';
 
+import { type LucideIcon, XIcon } from 'lucide-react';
+import type { ComponentProps, HTMLAttributes } from 'react';
 import { Button } from '@/components/ui/button';
 import {
 	Tooltip,
@@ -8,8 +10,6 @@ import {
 	TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
-import { type LucideIcon, XIcon } from 'lucide-react';
-import type { ComponentProps, HTMLAttributes } from 'react';
 
 export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
 

apps/dashboard/components/ai-elements/branch.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
-import { cn } from '@/lib/utils';
 import type { UIMessage } from 'ai';
 import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
 import type { ComponentProps, HTMLAttributes, ReactElement } from 'react';
 import { createContext, useContext, useEffect, useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 
 type BranchContextType = {
 	currentBranch: number;

apps/dashboard/components/ai-elements/chain-of-thought.tsx

@@ -1,13 +1,6 @@
 'use client';
 
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { Badge } from '@/components/ui/badge';
-import {
-	Collapsible,
-	CollapsibleContent,
-	CollapsibleTrigger,
-} from '@/components/ui/collapsible';
-import { cn } from '@/lib/utils';
 import {
 	BrainIcon,
 	ChevronDownIcon,
@@ -16,6 +9,13 @@ import {
 } from 'lucide-react';
 import type { ComponentProps } from 'react';
 import { createContext, memo, useContext } from 'react';
+import { Badge } from '@/components/ui/badge';
+import {
+	Collapsible,
+	CollapsibleContent,
+	CollapsibleTrigger,
+} from '@/components/ui/collapsible';
+import { cn } from '@/lib/utils';
 
 type ChainOfThoughtContextValue = {
 	isOpen: boolean;

apps/dashboard/components/ai-elements/code-block.tsx

@@ -1,7 +1,5 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
-import { cn } from '@/lib/utils';
 import { CheckIcon, CopyIcon } from 'lucide-react';
 import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { createContext, useContext, useState } from 'react';
@@ -10,6 +8,8 @@ import {
 	oneDark,
 	oneLight,
 } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 
 type CodeBlockContextType = {
 	code: string;

apps/dashboard/components/ai-elements/context.tsx

@@ -1,5 +1,8 @@
 'use client';
 
+import type { LanguageModelUsage } from 'ai';
+import { type ComponentProps, createContext, useContext } from 'react';
+import { estimateCost, type ModelId } from 'tokenlens';
 import { Button } from '@/components/ui/button';
 import {
 	HoverCard,
@@ -8,9 +11,6 @@ import {
 } from '@/components/ui/hover-card';
 import { Progress } from '@/components/ui/progress';
 import { cn } from '@/lib/utils';
-import type { LanguageModelUsage } from 'ai';
-import { type ComponentProps, createContext, useContext } from 'react';
-import { estimateCost, type ModelId } from 'tokenlens';
 
 const PERCENT_MAX = 100;
 const ICON_RADIUS = 10;

apps/dashboard/components/ai-elements/conversation.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
-import { cn } from '@/lib/utils';
 import { ArrowDownIcon } from 'lucide-react';
 import type { ComponentProps } from 'react';
 import { useCallback } from 'react';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 
 export type ConversationProps = ComponentProps<typeof StickToBottom>;
 

apps/dashboard/components/ai-elements/image.tsx

@@ -1,5 +1,5 @@
-import { cn } from '@/lib/utils';
 import type { Experimental_GeneratedImage } from 'ai';
+import { cn } from '@/lib/utils';
 
 export type ImageProps = Experimental_GeneratedImage & {
 	className?: string;

apps/dashboard/components/ai-elements/inline-citation.tsx

@@ -1,5 +1,14 @@
 'use client';
 
+import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';
+import {
+	type ComponentProps,
+	createContext,
+	useCallback,
+	useContext,
+	useEffect,
+	useState,
+} from 'react';
 import { Badge } from '@/components/ui/badge';
 import {
 	Carousel,
@@ -13,15 +22,6 @@ import {
 	HoverCardTrigger,
 } from '@/components/ui/hover-card';
 import { cn } from '@/lib/utils';
-import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';
-import {
-	type ComponentProps,
-	createContext,
-	useCallback,
-	useContext,
-	useEffect,
-	useState,
-} from 'react';
 
 export type InlineCitationProps = ComponentProps<'span'>;
 

apps/dashboard/components/ai-elements/loader.tsx

@@ -1,5 +1,5 @@
-import { cn } from '@/lib/utils';
 import type { HTMLAttributes } from 'react';
+import { cn } from '@/lib/utils';
 
 type LoaderIconProps = {
 	size?: number;