refactor: Update AI chat components and refactor class name utility imports across UI components.

Author: arnaudpfu

apps/mobile/components/ai-chat/attachment.tsx

@@ -4,7 +4,7 @@ import { type FC, useMemo } from "react";
 import { Image as NativeImage, ScrollView, View } from "react-native";
 import { Icon } from "../ui/icon";
 import { Text } from "../ui/text";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 
 import * as AttachmentPrimitive from "@creatorem/ai-react-native/primitives/attachment";
 import { useAttachment } from "@creatorem/ai-react-native/primitives/attachment";

apps/mobile/components/ai-chat/components-provider.tsx

@@ -8,7 +8,7 @@ import {
 import type { RuntimeComponents } from "@creatorem/ai-chat/component-type-check";
 import { Text } from "../ui/text";
 import { Button } from "../ui/button";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { AutoResizeTextarea } from "../ui/autoresize-textarea";
 
 export const appNativeComponents = {

apps/mobile/components/ai-chat/markdown-text.tsx

@@ -13,7 +13,7 @@ import { Text } from "../ui/text";
 import { View } from "react-native";
 import { Button } from "../ui/button";
 import { Icon } from "../ui/icon";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { useCSSVariable } from "uniwind";
 // import { ShimmerText } from "../shimmer-text";
 

apps/mobile/components/ai-chat/reasoning.tsx

@@ -22,7 +22,7 @@ import {
   AccordionTrigger,
 } from "../ui/accordion";
 import { View } from "react-native";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { Icon } from "../ui/icon";
 import { Text } from "../ui/text";
 
@@ -118,13 +118,8 @@ function ReasoningTrigger({
       )}
       {...props}
     >
-      <Icon
-        name="Brain"
-        className="size-4 shrink-0"
-      />
-      <View
-        className="relative inline-block leading-none"
-      >
+      <Icon name="Brain" className="size-4 shrink-0" />
+      <View className="relative inline-block leading-none">
         <Text>Reasoning{durationText}</Text>
         {active ? (
           <Text

apps/mobile/components/ai-chat/thread.tsx

@@ -3,7 +3,7 @@ import { View } from "react-native";
 
 import { Icon, IconName } from "../ui/icon";
 import { Text } from "../ui/text";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import {
   ActionSheet,
   ActionSheetContent,

apps/mobile/components/ai-chat/tool-fallback.tsx

@@ -1,7 +1,7 @@
 import { View } from "react-native";
 import { useState } from "react";
 import { ToolCallMessagePartComponent } from "@creatorem/ai-chat/types/message-part-component-types";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { Button } from "../ui/button";
 import { Text } from "../ui/text";
 import { Icon } from "../ui/icon";

apps/mobile/components/drawer-content.tsx

@@ -1,6 +1,6 @@
 import { ScrollView } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { ThreadList } from "./ai-chat/thread-list";
 
 export function DrawerContent() {

apps/mobile/components/header.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback } from "react";
 import { Text, TouchableOpacity, View } from "react-native";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 import { Icon } from "./ui/icon";
 import { router } from "expo-router";
 import { useSafeAreaInsets } from "react-native-safe-area-context";

apps/mobile/components/shimmer-text.tsx

@@ -10,7 +10,7 @@ import Animated, {
   Easing,
 } from "react-native-reanimated";
 import { useCSSVariable } from "uniwind";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 
 type ShimmerTextProps = {
   text: string;
@@ -63,4 +63,3 @@ export const ShimmerText = ({
     </MaskedView>
   );
 };
-

apps/mobile/components/tools/weather-tool-ui.tsx

@@ -3,7 +3,7 @@ import { View } from "react-native";
 import { useAssistantToolUI } from "@creatorem/ai-chat";
 import type { ToolCallMessagePartProps } from "@creatorem/ai-chat/types/message-part-component-types";
 import { Text } from "../ui/text";
-import { cn } from "~/utils/cn";
+import { cn } from "~/lib/cn";
 
 const HOUR_LABELS = ["1PM", "2PM", "3PM", "4PM", "5PM"] as const;