From b30c5d1dd148aeffc30e5307b1224207e6af29d5 Mon Sep 17 00:00:00 2001
From: artus9033 <artus9033@gmail.com>
Date: Thu, 5 Feb 2026 02:15:31 +0100
Subject: [PATCH 1/5] fix: improve demo app UI on Android

---
 apps/expo-example/src/App.tsx                 |  2 +-
 .../RecordButton/RecordButtonUIBase.tsx       | 14 +++++++---
 .../adapters/mlcModelSetupAdapter.ts          |  7 +----
 .../src/screens/ChatScreen/ChatInputBar.tsx   | 11 ++++----
 .../screens/ChatScreen/ModelPickerSheet.tsx   |  2 +-
 .../src/screens/ChatScreen/SettingsSheet.tsx  | 27 +++++++++++++++++--
 .../src/screens/ChatScreen/index.tsx          | 17 ++++++------
 apps/expo-example/src/theme/colors.android.ts |  4 +--
 packages/mlc/src/ai-sdk.ts                    |  7 +++++
 9 files changed, 62 insertions(+), 29 deletions(-)

diff --git a/apps/expo-example/src/App.tsx b/apps/expo-example/src/App.tsx
index 87f35034..c789eee3 100644
--- a/apps/expo-example/src/App.tsx
+++ b/apps/expo-example/src/App.tsx
@@ -190,7 +190,7 @@ const styles = StyleSheet.create({
   },
   drawer: {
     width: 280,
-    backgroundColor: colors.systemBackground,
+    backgroundColor: '#fff',
   },
   drawerScroll: {
     flex: 1,
diff --git a/apps/expo-example/src/components/RecordButton/RecordButtonUIBase.tsx b/apps/expo-example/src/components/RecordButton/RecordButtonUIBase.tsx
index 8f65f449..dbbf5fd5 100644
--- a/apps/expo-example/src/components/RecordButton/RecordButtonUIBase.tsx
+++ b/apps/expo-example/src/components/RecordButton/RecordButtonUIBase.tsx
@@ -186,11 +186,13 @@ export function RecordButtonUIBase({
     )
   }
 
+  const uiDisabled = disabled || isProcessing || !transcriptionModel
+
   return (
     <AdaptiveGlass isInteractive style={styles.glassButton}>
       <Pressable
         onPress={handlePress}
-        disabled={disabled || isProcessing || !transcriptionModel}
+        disabled={uiDisabled}
         style={styles.pressable}
       >
         {isProcessing ? (
@@ -202,9 +204,15 @@ export function RecordButtonUIBase({
           <SymbolView
             name="mic.fill"
             size={20}
-            tintColor={colors.label}
+            tintColor={uiDisabled ? colors.label : colors.placeholderText}
             resizeMode="scaleAspectFit"
-            fallback={<Ionicons name="mic" size={20} color={colors.label} />}
+            fallback={
+              <Ionicons
+                name="mic"
+                size={20}
+                color={uiDisabled ? '#666' : colors.label}
+              />
+            }
           />
         )}
       </Pressable>
diff --git a/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts b/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
index a6108653..3ab95adc 100644
--- a/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
+++ b/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
@@ -1,6 +1,5 @@
 import type { LanguageModelV3 } from '@ai-sdk/provider'
 import { mlc } from '@react-native-ai/mlc'
-import RNBlobUtil from 'react-native-blob-util'
 
 import type { Availability, SetupAdapter } from '../../config/providers.common'
 
@@ -19,11 +18,7 @@ export const createMLCLanguageSetupAdapter = (
     },
     builtIn: false,
     async isAvailable(): Promise<Availability> {
-      return (await RNBlobUtil.fs.exists(
-        RNBlobUtil.fs.dirs.SDCardDir + `/${modelId}/tensor-cache.json`
-      ))
-        ? 'yes'
-        : 'availableForDownload'
+      return (await model.isDownloaded()) ? 'yes' : 'availableForDownload'
     },
     async download(onProgress) {
       await model.download(async (event) => {
diff --git a/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx b/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
index 86242a59..512cda0d 100644
--- a/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
@@ -33,7 +33,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
                 <Button
                   systemImage={Platform.select({
                     ios: 'camera',
-                    android: 'rounded.Contrast',
+                    android: 'rounded.ArrowForward',
                   })}
                   onPress={() => console.log('Take Photo')}
                 >
@@ -42,7 +42,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
                 <Button
                   systemImage={Platform.select({
                     ios: 'photo.on.rectangle',
-                    android: 'rounded.Build',
+                    android: 'rounded.ArrowBack',
                   })}
                   onPress={() => console.log('Photo Library')}
                 >
@@ -55,9 +55,8 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
                     ios: 'plus',
                     android: 'rounded.Add',
                   })}
-                  {...(Platform.select({
-                    ios: { variant: 'borderless', color: '#000' },
-                  }) ?? {})}
+                  variant="borderless"
+                  color={colors.tertiaryLabel as any}
                 />
               </ContextMenu.Trigger>
             </ContextMenu>
@@ -69,7 +68,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
             value={input}
             onChangeText={setInput}
             placeholder="Message"
-            placeholderTextColor={colors.placeholderText as any}
+            placeholderTextColor={colors.secondaryLabel as any}
             multiline
             style={styles.textInput}
             editable={!isGenerating}
diff --git a/apps/expo-example/src/screens/ChatScreen/ModelPickerSheet.tsx b/apps/expo-example/src/screens/ChatScreen/ModelPickerSheet.tsx
index e96690d8..44c24bd9 100644
--- a/apps/expo-example/src/screens/ChatScreen/ModelPickerSheet.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/ModelPickerSheet.tsx
@@ -50,7 +50,7 @@ export function ModelPickerSheet({ ref }: ModelPickerSheetProps) {
   }
 
   const { modelId: selectedModelId } = chatSettings
-  console.log({ selectedModelId })
+
   return (
     <TrueSheet ref={ref} scrollable style={{ backgroundColor: '#fff' }}>
       <View style={styles.sheetContainer}>
diff --git a/apps/expo-example/src/screens/ChatScreen/SettingsSheet.tsx b/apps/expo-example/src/screens/ChatScreen/SettingsSheet.tsx
index 37f76fed..be96fbe6 100644
--- a/apps/expo-example/src/screens/ChatScreen/SettingsSheet.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/SettingsSheet.tsx
@@ -2,7 +2,14 @@ import Ionicons from '@expo/vector-icons/Ionicons'
 import { TrueSheet } from '@lodev09/react-native-true-sheet'
 import { SymbolView } from 'expo-symbols'
 import React, { RefObject } from 'react'
-import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native'
+import {
+  Platform,
+  Pressable,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native'
 
 import { Host, Slider } from '../../components/expo-ui'
 import { useChatStore } from '../../store/chatStore'
@@ -18,7 +25,7 @@ export function SettingsSheet({ ref }: SettingsSheetProps) {
   const { temperature, maxSteps, enabledToolIds } = chatSettings
 
   return (
-    <TrueSheet ref={ref} scrollable>
+    <TrueSheet ref={ref} scrollable style={styles.sheetContainerSlidingWrapper}>
       <View style={styles.sheetContainer}>
         <ScrollView nestedScrollEnabled>
           <View style={styles.sheetHeader}>
@@ -93,6 +100,11 @@ export function SettingsSheet({ ref }: SettingsSheetProps) {
                         temperature: Math.round(value * 10) / 10,
                       })
                     }
+                    style={
+                      Platform.OS === 'android'
+                        ? styles.androidSlider
+                        : undefined
+                    }
                   />
                 </Host>
               </View>
@@ -110,6 +122,11 @@ export function SettingsSheet({ ref }: SettingsSheetProps) {
                     onValueChange={(value) =>
                       updateChatSettings({ maxSteps: Math.round(value) })
                     }
+                    style={
+                      Platform.OS === 'android'
+                        ? styles.androidSlider
+                        : undefined
+                    }
                   />
                 </Host>
               </View>
@@ -126,6 +143,9 @@ export function SettingsSheet({ ref }: SettingsSheetProps) {
 }
 
 const styles = StyleSheet.create({
+  sheetContainerSlidingWrapper: {
+    backgroundColor: '#fff',
+  },
   sheetContainer: {
     paddingHorizontal: 20,
     paddingBottom: 40,
@@ -239,4 +259,7 @@ const styles = StyleSheet.create({
     color: colors.secondaryLabel as any,
     lineHeight: 18,
   },
+  androidSlider: {
+    minHeight: 20,
+  },
 })
diff --git a/apps/expo-example/src/screens/ChatScreen/index.tsx b/apps/expo-example/src/screens/ChatScreen/index.tsx
index 9f5af853..dc387a74 100644
--- a/apps/expo-example/src/screens/ChatScreen/index.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/index.tsx
@@ -1,5 +1,5 @@
 import { TrueSheet } from '@lodev09/react-native-true-sheet'
-import { stepCountIs, streamText } from 'ai'
+import { generateText, stepCountIs, streamText } from 'ai'
 import React, { useEffect, useRef, useState } from 'react'
 import { StyleSheet, View } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
@@ -57,7 +57,7 @@ export default function ChatScreen() {
     setIsGenerating(true)
 
     try {
-      const result = streamText({
+      const result = await generateText({
         model: selectedAdapter.model,
         messages: [
           ...baseMessages.map((message) => ({
@@ -76,12 +76,13 @@ export default function ChatScreen() {
         abortSignal: signal,
       })
 
-      let accumulated = ''
-      for await (const chunk of result.textStream) {
-        if (signal.aborted) break
-        accumulated += chunk
-        updateMessageContent(chatId, assistantMessageId, accumulated)
-      }
+      // let accumulated = ''
+      // for await (const chunk of result.textStream) {
+      //   if (signal.aborted) break
+      //   accumulated += chunk
+      //   updateMessageContent(chatId, assistantMessageId, accumulated)
+      // }
+      updateMessageContent(chatId, assistantMessageId, result.content.join(' '))
     } catch (error) {
       // Don't show error if user cancelled
       if (signal.aborted) return
diff --git a/apps/expo-example/src/theme/colors.android.ts b/apps/expo-example/src/theme/colors.android.ts
index e647c30b..6df0a2e0 100644
--- a/apps/expo-example/src/theme/colors.android.ts
+++ b/apps/expo-example/src/theme/colors.android.ts
@@ -4,7 +4,7 @@ export const colors = {
   // Text
   label: PlatformColor('@android:color/primary_text_light'),
   secondaryLabel: PlatformColor('@android:color/secondary_text_light'),
-  tertiaryLabel: PlatformColor('@android:color/tertiary_text_light'),
+  tertiaryLabel: PlatformColor('@android:color/secondary_text_light'),
   placeholderText: PlatformColor('@android:color/background_light'),
 
   // Backgrounds
@@ -13,7 +13,7 @@ export const colors = {
   tertiarySystemBackground: PlatformColor('@android:color/background_light'),
 
   // Fills
-  tertiarySystemFill: PlatformColor('@android:color/darker_gray'),
+  tertiarySystemFill: PlatformColor('@android:color/lighter_gray'),
 
   // Accent colors
   systemBlue: PlatformColor('@android:color/holo_blue_light'),
diff --git a/packages/mlc/src/ai-sdk.ts b/packages/mlc/src/ai-sdk.ts
index 5ae1e66b..285b123b 100644
--- a/packages/mlc/src/ai-sdk.ts
+++ b/packages/mlc/src/ai-sdk.ts
@@ -8,6 +8,7 @@ import type {
   LanguageModelV3StreamPart,
   LanguageModelV3ToolChoice,
 } from '@ai-sdk/provider'
+import RNBlobUtil from 'react-native-blob-util'
 
 import NativeMLCEngine, {
   DownloadProgress,
@@ -93,6 +94,12 @@ class MlcChatLanguageModel implements LanguageModelV3 {
     this.modelId = modelId
   }
 
+  public async isDownloaded() {
+    return await RNBlobUtil.fs.exists(
+      RNBlobUtil.fs.dirs.SDCardDir + `/${this.modelId}/tensor-cache.json`
+    )
+  }
+
   public prepare() {
     return NativeMLCEngine.prepareModel(this.modelId)
   }

From 33ddd85785d5e80608bf64b2c23b5c531920a80f Mon Sep 17 00:00:00 2001
From: artus9033 <artus9033@gmail.com>
Date: Thu, 5 Feb 2026 14:41:46 +0100
Subject: [PATCH 2/5] chore: revert accidental change

---
 .../src/screens/ChatScreen/index.tsx            | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/expo-example/src/screens/ChatScreen/index.tsx b/apps/expo-example/src/screens/ChatScreen/index.tsx
index dc387a74..213364f1 100644
--- a/apps/expo-example/src/screens/ChatScreen/index.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/index.tsx
@@ -1,5 +1,5 @@
 import { TrueSheet } from '@lodev09/react-native-true-sheet'
-import { generateText, stepCountIs, streamText } from 'ai'
+import { stepCountIs, streamText } from 'ai'
 import React, { useEffect, useRef, useState } from 'react'
 import { StyleSheet, View } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
@@ -57,7 +57,7 @@ export default function ChatScreen() {
     setIsGenerating(true)
 
     try {
-      const result = await generateText({
+      const result = await streamText({
         model: selectedAdapter.model,
         messages: [
           ...baseMessages.map((message) => ({
@@ -76,13 +76,12 @@ export default function ChatScreen() {
         abortSignal: signal,
       })
 
-      // let accumulated = ''
-      // for await (const chunk of result.textStream) {
-      //   if (signal.aborted) break
-      //   accumulated += chunk
-      //   updateMessageContent(chatId, assistantMessageId, accumulated)
-      // }
-      updateMessageContent(chatId, assistantMessageId, result.content.join(' '))
+      let accumulated = ''
+      for await (const chunk of result.textStream) {
+        if (signal.aborted) break
+        accumulated += chunk
+        updateMessageContent(chatId, assistantMessageId, accumulated)
+      }
     } catch (error) {
       // Don't show error if user cancelled
       if (signal.aborted) return

From 262cd4a7f8052be3e4909792978af921da64e012 Mon Sep 17 00:00:00 2001
From: artus9033 <artus9033@gmail.com>
Date: Thu, 5 Feb 2026 23:25:30 +0100
Subject: [PATCH 3/5] chore: changes after CR

---
 apps/expo-example/app.json                                 | 1 -
 .../src/components/adapters/appleSetupAdapter.ts           | 1 -
 .../src/components/adapters/mlcModelSetupAdapter.ts        | 7 +++++--
 apps/expo-example/src/config/providers.common.ts           | 2 +-
 apps/expo-example/src/screens/ChatScreen/index.tsx         | 2 +-
 apps/expo-example/src/store/chatStore.ts                   | 5 ++++-
 apps/expo-example/src/store/providerStore.ts               | 4 ++--
 apps/expo-example/src/utils/storage.ts                     | 1 +
 packages/mlc/src/ai-sdk.ts                                 | 6 ------
 9 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/apps/expo-example/app.json b/apps/expo-example/app.json
index 52acc6bb..4fa48af3 100644
--- a/apps/expo-example/app.json
+++ b/apps/expo-example/app.json
@@ -17,7 +17,6 @@
       "bundleIdentifier": "com.callstack.ai.example"
     },
     "android": {
-      "forceDarkAllowed": false,
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
diff --git a/apps/expo-example/src/components/adapters/appleSetupAdapter.ts b/apps/expo-example/src/components/adapters/appleSetupAdapter.ts
index 08b43152..499813cf 100644
--- a/apps/expo-example/src/components/adapters/appleSetupAdapter.ts
+++ b/apps/expo-example/src/components/adapters/appleSetupAdapter.ts
@@ -8,7 +8,6 @@ export const createAppleLanguageSetupAdapter = (
   tools: ToolSet = {}
 ): SetupAdapter<LanguageModelV3> => {
   const apple = createAppleProvider({
-    // @ts-expect-error
     availableTools: tools,
   })
   const model = apple.languageModel()
diff --git a/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts b/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
index 3ab95adc..7352dddc 100644
--- a/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
+++ b/apps/expo-example/src/components/adapters/mlcModelSetupAdapter.ts
@@ -1,5 +1,6 @@
 import type { LanguageModelV3 } from '@ai-sdk/provider'
 import { mlc } from '@react-native-ai/mlc'
+import { File, Paths } from 'expo-file-system'
 
 import type { Availability, SetupAdapter } from '../../config/providers.common'
 
@@ -17,8 +18,10 @@ export const createMLCLanguageSetupAdapter = (
       icon: 'cpu',
     },
     builtIn: false,
-    async isAvailable(): Promise<Availability> {
-      return (await model.isDownloaded()) ? 'yes' : 'availableForDownload'
+    isAvailable(): Availability {
+      return new File(Paths.document, model.modelId, 'tensor-cache.json').exists
+        ? 'yes'
+        : 'availableForDownload'
     },
     async download(onProgress) {
       await model.download(async (event) => {
diff --git a/apps/expo-example/src/config/providers.common.ts b/apps/expo-example/src/config/providers.common.ts
index 1b564643..cf861b29 100644
--- a/apps/expo-example/src/config/providers.common.ts
+++ b/apps/expo-example/src/config/providers.common.ts
@@ -25,7 +25,7 @@ export interface SetupAdapter<TModel> {
   // Whether the model is built-in (true) or downloadable (false)
   builtIn: boolean
   // Check if model is ready, unavailable, or downloadable
-  isAvailable: () => Availability | Promise<Availability>
+  isAvailable: () => Availability
   // Download the model with progress callback
   download: (onProgress: (percentage: number) => void) => Promise<void>
   // Remove the downloaded model from storage
diff --git a/apps/expo-example/src/screens/ChatScreen/index.tsx b/apps/expo-example/src/screens/ChatScreen/index.tsx
index 213364f1..9f5af853 100644
--- a/apps/expo-example/src/screens/ChatScreen/index.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/index.tsx
@@ -57,7 +57,7 @@ export default function ChatScreen() {
     setIsGenerating(true)
 
     try {
-      const result = await streamText({
+      const result = streamText({
         model: selectedAdapter.model,
         messages: [
           ...baseMessages.map((message) => ({
diff --git a/apps/expo-example/src/store/chatStore.ts b/apps/expo-example/src/store/chatStore.ts
index a53dff95..2b8356c3 100644
--- a/apps/expo-example/src/store/chatStore.ts
+++ b/apps/expo-example/src/store/chatStore.ts
@@ -141,7 +141,10 @@ export function useChatStore() {
   }
 
   const updateChatSettings = (updates: Partial<ChatSettings>) => {
-    setPendingSettings((prev) => ({ ...prev, ...updates }))
+    if (!currentChatId) {
+      setPendingSettings((prev) => ({ ...prev, ...updates }))
+      return
+    }
     setChats((prev) => {
       const arr = Array.isArray(prev) ? prev : []
       return arr.map((chat) =>
diff --git a/apps/expo-example/src/store/providerStore.ts b/apps/expo-example/src/store/providerStore.ts
index 0307827a..fb9c0b67 100644
--- a/apps/expo-example/src/store/providerStore.ts
+++ b/apps/expo-example/src/store/providerStore.ts
@@ -23,11 +23,11 @@ const adaptersAtom = atom((get) => {
   return [...languageAdapters, ...customModels]
 })
 
-const availabilityAtom = atomWithRefresh(async (get) => {
+const availabilityAtom = atomWithRefresh((get) => {
   const adapters = get(adaptersAtom)
   const map = new Map<string, Availability>()
   for (const adapter of adapters) {
-    map.set(adapter.modelId, await adapter.isAvailable())
+    map.set(adapter.modelId, adapter.isAvailable())
   }
   return map
 })
diff --git a/apps/expo-example/src/utils/storage.ts b/apps/expo-example/src/utils/storage.ts
index d3e59c92..c6fc16f0 100644
--- a/apps/expo-example/src/utils/storage.ts
+++ b/apps/expo-example/src/utils/storage.ts
@@ -4,6 +4,7 @@ import { File } from 'expo-file-system'
 export function isModelDownloaded(modelId: string): boolean {
   let path = getModelPath(modelId)
 
+  // expo-file-system requires that this URI starts with the file:// protocol
   if (!path.startsWith('file://')) {
     path = `file://${path}`
   }
diff --git a/packages/mlc/src/ai-sdk.ts b/packages/mlc/src/ai-sdk.ts
index 285b123b..fccdc146 100644
--- a/packages/mlc/src/ai-sdk.ts
+++ b/packages/mlc/src/ai-sdk.ts
@@ -94,12 +94,6 @@ class MlcChatLanguageModel implements LanguageModelV3 {
     this.modelId = modelId
   }
 
-  public async isDownloaded() {
-    return await RNBlobUtil.fs.exists(
-      RNBlobUtil.fs.dirs.SDCardDir + `/${this.modelId}/tensor-cache.json`
-    )
-  }
-
   public prepare() {
     return NativeMLCEngine.prepareModel(this.modelId)
   }

From 114bb31bb732d68aa13808bb6e0d81179a5f043c Mon Sep 17 00:00:00 2001
From: artus9033 <artus9033@gmail.com>
Date: Thu, 5 Feb 2026 23:26:26 +0100
Subject: [PATCH 4/5] chore: drop obsolete import

---
 packages/mlc/src/ai-sdk.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/mlc/src/ai-sdk.ts b/packages/mlc/src/ai-sdk.ts
index fccdc146..5ae1e66b 100644
--- a/packages/mlc/src/ai-sdk.ts
+++ b/packages/mlc/src/ai-sdk.ts
@@ -8,7 +8,6 @@ import type {
   LanguageModelV3StreamPart,
   LanguageModelV3ToolChoice,
 } from '@ai-sdk/provider'
-import RNBlobUtil from 'react-native-blob-util'
 
 import NativeMLCEngine, {
   DownloadProgress,

From 6a0513fc857214c6f14370a2e0364be429fedd0b Mon Sep 17 00:00:00 2001
From: artus9033 <artus9033@gmail.com>
Date: Thu, 5 Feb 2026 23:28:16 +0100
Subject: [PATCH 5/5] fix: comply with typecheck

---
 apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx | 3 +++
 apps/expo-example/tsconfig.json                           | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx b/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
index 512cda0d..0bb571bc 100644
--- a/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
+++ b/apps/expo-example/src/screens/ChatScreen/ChatInputBar.tsx
@@ -31,6 +31,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
             <ContextMenu activationMethod="singlePress">
               <ContextMenu.Items>
                 <Button
+                  // @ts-expect-error - conditional icons per platform
                   systemImage={Platform.select({
                     ios: 'camera',
                     android: 'rounded.ArrowForward',
@@ -40,6 +41,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
                   Take Photo
                 </Button>
                 <Button
+                  // @ts-expect-error - conditional icons per platform
                   systemImage={Platform.select({
                     ios: 'photo.on.rectangle',
                     android: 'rounded.ArrowBack',
@@ -51,6 +53,7 @@ export function ChatInputBar({ onSend, isGenerating }: ChatInputBarProps) {
               </ContextMenu.Items>
               <ContextMenu.Trigger>
                 <Button
+                  // @ts-expect-error - conditional icons per platform
                   systemImage={Platform.select({
                     ios: 'plus',
                     android: 'rounded.Add',
diff --git a/apps/expo-example/tsconfig.json b/apps/expo-example/tsconfig.json
index 594a85e6..2b511d42 100644
--- a/apps/expo-example/tsconfig.json
+++ b/apps/expo-example/tsconfig.json
@@ -6,8 +6,7 @@
     "paths": {
       "@react-native-ai/apple": ["../../packages/apple-llm/src"],
       "@react-native-ai/mlc": ["../../packages/mlc/src"]
-    },
-    "types": ["nativewind/types"]
+    }
   },
   "include": ["src/**/*", "nativewind-env.d.ts"]
 }