Some linting

packages/chat/app/__tests__/HistoryScreen.test.tsx

@@ -1,8 +1,7 @@
 import { render, fireEvent, act } from '@testing-library/react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import { Alert } from 'react-native';
 import HistoryScreen from '../history';
-import { clearHistory, storeMessage } from '../utils/storage';
+import { storeMessage } from '../utils/storage';
 
 // Mock Alert
 jest.mock('react-native', () => ({
@@ -30,6 +29,7 @@ describe('HistoryScreen', () => {
     await act(async () => {});
 
     expect(queryByText('Clear History')).toBeNull();
+    expect(queryByText('No messages yet')).toBeTruthy();
   });
 
   it('displays stored messages', async () => {
@@ -45,7 +45,7 @@ describe('HistoryScreen', () => {
   it('clears history when clear button is pressed', async () => {
     await storeMessage('Test message');
 
-    const { getByText, queryByText } = render(<HistoryScreen />);
+    const { getByText } = render(<HistoryScreen />);
     await act(async () => {});
 
     const clearButton = getByText('Clear History');

packages/chat/app/__tests__/HomeScreen.test.tsx

@@ -50,8 +50,8 @@ describe("HomeScreen", () => {
   });
 
   it("displays text with large font size for short text", () => {
-    const { getByTestId } = render(<HomeScreen />);
-    const display = getByTestId("big-text-display");
+    render(<HomeScreen />);
+    const display = screen.getByTestId("big-text-display");
     expect(display.props.style).toEqual(
       expect.objectContaining({
         fontSize: 48
@@ -60,7 +60,7 @@ describe("HomeScreen", () => {
   });
 
   it("reduces font size for long text", () => {
-    const { getByTestId } = render(<HomeScreen />);
+    render(<HomeScreen />);
     const display = screen.getByTestId("big-text-display");
 
     fireEvent.changeText(display, "This is a very long text that should cause the font size to decrease");

packages/chat/app/__tests__/accessibility.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
+import { render } from '@testing-library/react-native';
 import { AccessibilityInfo } from 'react-native';
 import HomeScreen from '../components/HomeScreen';
 import BottomBar from '../components/BottomBar';

packages/chat/app/__tests__/storage.test.ts

@@ -1,5 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import { storeMessage, getMessages, StoredMessage } from '../utils/storage';
+import { storeMessage, getMessages } from '../utils/storage';
 
 describe('Storage Utils', () => {
   beforeEach(() => {

packages/chat/app/about.tsx

@@ -1,10 +1,7 @@
 import { StyleSheet, Linking } from "react-native";
 import {
-    Modal,
-    Portal,
     Surface,
     Text,
-    Button,
     useTheme,
 } from "react-native-paper";
 import PageLayout from "./components/PageLayout";

packages/chat/app/components/BigTextDisplay.tsx

@@ -1,6 +1,6 @@
-import { StyleSheet, useWindowDimensions, LayoutChangeEvent, Platform, Keyboard } from "react-native";
+import { useWindowDimensions, LayoutChangeEvent, Platform, Keyboard } from "react-native";
 import { TextInput, useTheme } from 'react-native-paper';
-import { useState, useEffect, useCallback, useRef, RefObject, useMemo } from "react";
+import { useState, useEffect, useCallback, useRef, useMemo } from "react";
 import { useIsMounted } from '../hooks/useIsMounted';
 import { useSettings } from '../context/SettingsContext';
 import { debounce } from 'lodash';
@@ -94,7 +94,7 @@ export default function BigTextDisplay({
     return () => {
       abortControllerRef.current?.abort();
     };
-  }, []);
+  }, [debouncedCalculate]);
 
   // Handle keyboard events and cleanup
   useEffect(() => {
@@ -127,7 +127,7 @@ export default function BigTextDisplay({
       listeners.forEach(listener => listener.remove());
       debouncedCalculate.cancel();
     };
-  }, [isMounted]);
+  }, [isMounted, debouncedCalculate]);
   const onLayout = useCallback((event: LayoutChangeEvent) => {
     const { width, height } = event.nativeEvent.layout;
     setContainerSize({ width, height });

packages/chat/app/components/ErrorBoundary.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Text, Button, useTheme } from 'react-native-paper';
+import { Text, Button } from 'react-native-paper';
 
 interface Props {
   children: React.ReactNode;
@@ -47,8 +47,6 @@ interface ErrorDisplayProps {
 }
 
 function ErrorDisplay({ error, onReset }: ErrorDisplayProps) {
-  const theme = useTheme();
-
   return (
     <View 
       style={styles.container}

packages/chat/app/components/HomeScreen.tsx

@@ -6,7 +6,7 @@ import {
     Animated,
 } from "react-native";
 import RNShake from 'react-native-shake';
-import { Surface, Snackbar, ActivityIndicator, Portal } from 'react-native-paper';
+import { Surface, Snackbar } from 'react-native-paper';
 import BottomBar from "./BottomBar";
 import { useCallback, useEffect, useState } from "react";
 import { useSettings } from "../context/SettingsContext";
@@ -18,7 +18,7 @@ import { useText } from "../context/TextContext";
 import { AccessibilityInfo } from 'react-native';
 
 export default function HomeScreen() {
-    const { text, handleTextChange, restoreLastSession, error, isLoading } = useText();
+    const { text, handleTextChange, restoreLastSession, error } = useText();
     const announceError = useCallback((error: string) => {
         AccessibilityInfo.announceForAccessibility(error);
     }, []);

packages/chat/app/components/WelcomeModal.tsx

@@ -35,10 +35,6 @@ export function WelcomeModal() {
         Linking.openURL("mailto:feedback@orbiting.com");
     };
 
-    const handleWikiPress = (name: string) => {
-        Linking.openURL(`https://en.wikipedia.org/wiki/${name}`);
-    };
-
     const styles = StyleSheet.create({
         modalContainer: {
             backgroundColor: theme.colors.background,

packages/chat/app/context/TextContext.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useReducer, useCallback, useEffect, useRef } from 'react';
-import { storeMessage, clearHistory, getMessages } from '../utils/storageUtils';
+import { storeMessage, getMessages } from '../utils/storageUtils';
 import { TextState, TextAction, textReducer, TEXT_ACTIONS } from './TextReducer';
 
 interface TextContextType {
@@ -79,7 +79,7 @@ export function TextProvider({ children }: { children: React.ReactNode }) {
                 clearTimeout(saveTimeoutRef.current);
             }
         };
-    }, [state.text, state.isDirty]);
+    }, [state]);
 
     const handleTextChange = useCallback(async (newText: string) => {
         try {
@@ -88,13 +88,13 @@ export function TextProvider({ children }: { children: React.ReactNode }) {
                 type: TEXT_ACTIONS.SET_TEXT, 
                 payload: newText
             });
-        } catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to update text';
+        } catch (_error) {
+            const errorMessage = _error instanceof Error ? _error.message : 'Failed to update text';
             dispatch({ 
                 type: TEXT_ACTIONS.SET_ERROR,
                 payload: errorMessage
             });
-            console.error('Text update error:', error);
+            console.error('Text update error:', _error);
         } finally {
             dispatch({ type: TEXT_ACTIONS.SET_LOADING, payload: false });
         }
@@ -122,10 +122,11 @@ export function TextProvider({ children }: { children: React.ReactNode }) {
                     payload: messages[0]
                 });
             }
-        } catch (error) {
+        } catch (_error) {
+            const errorMessage = _error instanceof Error ? _error.message : 'Failed to restore session';
             dispatch({ 
                 type: TEXT_ACTIONS.SET_ERROR,
-                payload: 'Failed to restore session'
+                payload: errorMessage
             });
         }
     }, []);

packages/chat/app/context/TextReducer.ts

@@ -80,7 +80,8 @@ export function textReducer(state: TextState, action: TextAction): TextState {
             };
 
         default: {
-            const exhaustiveCheck: never = action;
+            const _exhaustiveCheck: never = action;
+            void _exhaustiveCheck; // Explicitly mark as used
             return state;
         }
     }

packages/chat/app/history.tsx

@@ -1,4 +1,4 @@
-import { StyleSheet, View, Platform } from "react-native";
+import { StyleSheet, View } from "react-native";
 import {
     Text,
     Button,
@@ -27,9 +27,7 @@ import { FlashList } from "@shopify/flash-list";
 export default function HistoryScreen() {
     const theme = useTheme();
     const [messages, setMessages] = useState<StoredMessage[]>([]);
-    const [filteredMessages, setFilteredMessages] = useState<StoredMessage[]>(
-        [],
-    );
+    const [filteredMessages, setFilteredMessages] = useState<StoredMessage[]>([]);
     const [isLoading, setIsLoading] = useState(false);
     const [isLoadingMore, setIsLoadingMore] = useState(false);
     const [hasMore, setHasMore] = useState(true);
@@ -82,20 +80,20 @@ export default function HistoryScreen() {
                 setIsLoadingMore(false);
             }
         },
-        [],
+        [searchQuery],
     );
 
     useEffect(() => {
         loadMessages(null);
-    }, [loadMessages]);
+    }, [loadMessages, searchQuery]);
 
     useEffect(() => {
         // Reset pagination and reload with search
         setCursor(null);
         setMessages([]);
         setFilteredMessages([]);
         loadMessages(null, false);
-    }, [searchQuery]);
+    }, [searchQuery, loadMessages]);
 
     const handleClearHistory = useCallback(async () => {
         try {
@@ -185,7 +183,7 @@ export default function HistoryScreen() {
                 />
             </TouchableRipple>
         ),
-        [router],
+        [router, theme.colors.onSurfaceVariant],
     );
 
     if (isLoading) {

packages/chat/app/settings.tsx

@@ -1,18 +1,18 @@
-import { StyleSheet, View, Dimensions } from 'react-native';
-import { Text, Switch, Button, List, Surface, useTheme, Portal, Modal, TouchableRipple, RadioButton } from 'react-native-paper';
+import { StyleSheet, View } from 'react-native';
+import { Text, Button, List, Surface, useTheme, Portal, Modal, TouchableRipple, RadioButton } from 'react-native-paper';
 import { useState } from 'react';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import Slider from '@react-native-community/slider';
 import PageLayout from './components/PageLayout';
 import { useSettings } from './context/SettingsContext';
 import type { ThemeType } from './context/SettingsContext';
 
+import { THEMES } from './themes';
+
 const FONT_SIZES = [16, 18, 20, 24, 28, 32, 36, 40];
 const MIN_FONT_SIZE = Math.min(...FONT_SIZES);
 const MAX_FONT_SIZE = Math.max(...FONT_SIZES);
 
-import { THEMES } from './themes';
-
 const COLOR_SCHEMES = [
   { label: 'System', value: 'system', icon: 'theme-light-dark' },
   { label: 'Light', value: 'light', icon: 'white-balance-sunny' },