fix(ui): use brain circuit for data disclosure (#3689)

* fix(ui): use brain circuit for data disclosure

* test(ui): remove brittle icon source checks

* fix(ui): use neutral data disclosure icon color

Author: iscekic

apps/mobile/src/app/(app)/agent-chat/model-picker.tsx

@@ -1,6 +1,6 @@
 import * as Haptics from 'expo-haptics';
 import { useFocusEffect, useRouter } from 'expo-router';
-import { AlertTriangle, Check, Search } from 'lucide-react-native';
+import { BrainCircuit, Check, Search } from 'lucide-react-native';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Pressable, ScrollView, TextInput, View } from 'react-native';
 
@@ -251,7 +251,7 @@ export default function ModelPickerScreen() {
                         </Text>
                       </View>
                       {collectsData ? (
-                        <AlertTriangle
+                        <BrainCircuit
                           accessibilityLabel={FREE_MODEL_DATA_LABEL}
                           size={13}
                           color={colors.warn}

apps/mobile/src/components/agents/model-selector.tsx

@@ -1,6 +1,6 @@
 import { Pressable, View } from 'react-native';
 import { type Href, useRouter } from 'expo-router';
-import { AlertTriangle, Brain, ChevronDown } from 'lucide-react-native';
+import { Brain, BrainCircuit, ChevronDown } from 'lucide-react-native';
 
 import { Text } from '@/components/ui/text';
 import {
@@ -82,7 +82,7 @@ export function ModelSelector({
         >
           {label}
         </Text>
-        {collectsData ? <AlertTriangle size={12} color={colors.warn} /> : null}
+        {collectsData ? <BrainCircuit size={12} color={colors.warn} /> : null}
         {hasVariants && compactVariantLabel ? (
           <View className="flex-row items-center gap-1 rounded-full bg-neutral-200 px-1.5 py-0.5 dark:bg-neutral-800">
             <Brain size={12} color={colors.mutedForeground} />

apps/web/src/components/shared/ModelCombobox.tsx

@@ -13,7 +13,7 @@ import {
   CommandItem,
   CommandList,
 } from '@/components/ui/command';
-import { AlertTriangle, ChevronsUpDown, Check, Image } from 'lucide-react';
+import { BrainCircuit, ChevronsUpDown, Check, Image } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { preferredModels } from '@/lib/ai-gateway/models';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
@@ -446,11 +446,11 @@ function FreeModelDataIcon() {
       <TooltipTrigger asChild>
         <span
           aria-label={FREE_MODEL_DATA_LABEL}
-          className="inline-flex shrink-0 items-center rounded-sm text-yellow-500 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+          className="inline-flex shrink-0 items-center rounded-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
           role="img"
           tabIndex={0}
         >
-          <AlertTriangle className="h-3.5 w-3.5" />
+          <BrainCircuit className="h-3.5 w-3.5" />
         </span>
       </TooltipTrigger>
       <TooltipContent>{getFreeModelDataTooltip()}</TooltipContent>
@@ -468,11 +468,11 @@ function FreeModelDataBadge() {
         <TooltipTrigger asChild>
           <span
             aria-label={FREE_MODEL_DATA_LABEL}
-            className="inline-flex shrink-0 items-center rounded-sm text-yellow-500 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+            className="inline-flex shrink-0 items-center rounded-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
             role="img"
             tabIndex={0}
           >
-            <AlertTriangle className="h-3 w-3" />
+            <BrainCircuit className="h-3 w-3" />
           </span>
         </TooltipTrigger>
         <TooltipContent>{getFreeModelDataTooltip()}</TooltipContent>