From 6743843a67f058ec34333c8a0eb01fedd8ede792 Mon Sep 17 00:00:00 2001
From: Kelbie <kevin@kelbie.me>
Date: Wed, 2 Jul 2025 13:01:23 +0100
Subject: [PATCH 1/2] feat: add Routstr AI chat client

---
 app/(drawer)/(tabs)/lifestyle.tsx             |  10 +-
 app/routstr/balance.tsx                       |  89 ++++++++++
 app/routstr/index.tsx                         | 154 ++++++++++++++++++
 components/layout/sheets/registerSheets.tsx   |   2 +
 .../layout/sheets/routstrSession/index.tsx    |  21 +++
 .../sheets/routstrSession/routes/index.tsx    |  25 +++
 .../sheets/routstrSession/routes/routeA.tsx   |  53 ++++++
 helper/redux/routstr/actionTypes.ts           |   6 +
 helper/redux/routstr/actions.ts               |  41 +++++
 helper/redux/routstr/hooks.ts                 |  40 +++++
 helper/redux/routstr/index.ts                 |   5 +
 helper/redux/routstr/reducer.ts               |  73 +++++++++
 helper/redux/routstr/selectors.ts             |  30 ++++
 helper/redux/store/index.ts                   |   2 +-
 helper/redux/store/reducer.ts                 |   2 +
 15 files changed, 551 insertions(+), 2 deletions(-)
 create mode 100644 app/routstr/balance.tsx
 create mode 100644 app/routstr/index.tsx
 create mode 100644 components/layout/sheets/routstrSession/index.tsx
 create mode 100644 components/layout/sheets/routstrSession/routes/index.tsx
 create mode 100644 components/layout/sheets/routstrSession/routes/routeA.tsx
 create mode 100644 helper/redux/routstr/actionTypes.ts
 create mode 100644 helper/redux/routstr/actions.ts
 create mode 100644 helper/redux/routstr/hooks.ts
 create mode 100644 helper/redux/routstr/index.ts
 create mode 100644 helper/redux/routstr/reducer.ts
 create mode 100644 helper/redux/routstr/selectors.ts

diff --git a/app/(drawer)/(tabs)/lifestyle.tsx b/app/(drawer)/(tabs)/lifestyle.tsx
index bbf4f11a..125f5c87 100644
--- a/app/(drawer)/(tabs)/lifestyle.tsx
+++ b/app/(drawer)/(tabs)/lifestyle.tsx
@@ -59,6 +59,12 @@ const SERVICE_MENU_ITEMS: MenuItemData[] = [
     navigateTo: 'userMessages',
     params: { pubkey: SUPPORT_PUBKEY },
   },
+  {
+    id: 'routstr',
+    icon: 'mdi:robot',
+    label: 'AI Chat',
+    navigateTo: 'routstr',
+  },
   // Empty placeholders to maintain grid layout
   { id: 'empty1', empty: true },
   { id: 'empty2', empty: true },
@@ -126,7 +132,9 @@ const ServicesSection = () => {
       </Text>
       <View style={styles.gridContainer}>
         {SERVICE_MENU_ITEMS.filter((item) =>
-          ['giftcards', 'vpn', 'esims', 'donate'].includes(item.id) ? settings?.experimental : true
+          ['giftcards', 'vpn', 'esims', 'donate', 'routstr'].includes(item.id)
+            ? settings?.experimental
+            : true
         ).map((item) => (
           <MenuItem
             key={item.id}
diff --git a/app/routstr/balance.tsx b/app/routstr/balance.tsx
new file mode 100644
index 00000000..94b7fa8d
--- /dev/null
+++ b/app/routstr/balance.tsx
@@ -0,0 +1,89 @@
+import React, { useState } from 'react';
+import { StyleSheet, Alert } from 'react-native';
+import Container from 'components/layout/Container';
+import { View } from 'components/common/View';
+import { Text } from 'components/common/Text';
+import TextInput from 'components/common/TextInput';
+import { Button } from 'components/common/Button';
+import { useSelector } from 'react-redux';
+import { memoizedGetTheme } from 'helper/redux/settings';
+import { greys } from 'helper/colors';
+import { useRoutstr } from 'helper/redux/routstr';
+import { sendEcash } from 'helper/cashu/pay';
+
+export default function RoutstrBalance() {
+  const theme = useSelector(memoizedGetTheme);
+  const styles = createStyles(theme);
+  const { token, balance, setBalance, setLastToken } = useRoutstr();
+  const [amount, setAmount] = useState('');
+
+  const fetchInfo = async () => {
+    if (!token) return;
+    const res = await fetch('https://api.routstr.com/v1/wallet/', {
+      headers: { Authorization: `Bearer ${token}` },
+    });
+    const data = await res.json();
+    if (data?.balance !== undefined) {
+      setBalance(data.balance);
+    }
+  };
+
+  const handleTopup = async () => {
+    try {
+      const tx = await sendEcash({ amount: Number(amount), unit: 'sat' });
+      setLastToken(tx.token);
+      await fetch(
+        `https://api.routstr.com/v1/wallet/topup?cashu_token=${encodeURIComponent(tx.token)}`,
+        {
+          method: 'POST',
+          headers: { Authorization: `Bearer ${token}` },
+        }
+      );
+      await fetchInfo();
+      Alert.alert('Topup successful');
+    } catch (e) {
+      Alert.alert('Error', 'Topup failed');
+    }
+  };
+
+  const handleRefund = async () => {
+    try {
+      const res = await fetch('https://api.routstr.com/v1/wallet/refund', {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${token}` },
+      });
+      const data = await res.json();
+      if (data?.cashu_token) {
+        setLastToken(data.cashu_token);
+        setBalance(data.new_balance || 0);
+        Alert.alert('Refund token received');
+      }
+    } catch (e) {
+      Alert.alert('Error', 'Refund failed');
+    }
+  };
+
+  return (
+    <Container>
+      <Text style={styles.balance}>Balance: {balance} sats</Text>
+      <View style={styles.row}>
+        <TextInput
+          keyboardType="numeric"
+          value={amount}
+          onChangeText={setAmount}
+          style={styles.input}
+          placeholder="Amount"
+        />
+        <Button text="Topup" onPress={handleTopup} style={{ marginLeft: 8 }} />
+      </View>
+      <Button text="Refund" onPress={handleRefund} style={{ marginTop: 16 }} />
+    </Container>
+  );
+}
+
+const createStyles = (theme: string) =>
+  StyleSheet.create({
+    balance: { marginVertical: 16, color: greys(theme)[0] },
+    row: { flexDirection: 'row', alignItems: 'center' },
+    input: { flex: 1, padding: 8 },
+  });
diff --git a/app/routstr/index.tsx b/app/routstr/index.tsx
new file mode 100644
index 00000000..28d189f2
--- /dev/null
+++ b/app/routstr/index.tsx
@@ -0,0 +1,154 @@
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, FlatList, Alert } from 'react-native';
+import Container from 'components/layout/Container';
+import { View } from 'components/common/View';
+import { Text } from 'components/common/Text';
+import TextInput from 'components/common/TextInput';
+import { Button } from 'components/common/Button';
+import Icon from 'assets/icons';
+import { useSelector } from 'react-redux';
+import { memoizedGetTheme } from 'helper/redux/settings';
+import { useTypedNavigation } from 'helper/navigation';
+import { memoizedGetBalance } from 'helper/redux/cashu';
+import { useRoutstr } from 'helper/redux/routstr';
+import { SheetManager } from 'react-native-actions-sheet';
+import { greys } from 'helper/colors';
+
+const MIN_BALANCE = 1000;
+
+export default function RoutstrChat() {
+  const theme = useSelector(memoizedGetTheme);
+  const styles = createStyles(theme);
+  const balance = useSelector(memoizedGetBalance('sat'));
+  const navigation = useTypedNavigation();
+  const {
+    token,
+    balance: routstrBalance,
+    currentSession,
+    sessions,
+    createSession,
+    addMessage,
+    setCurrentSession,
+  } = useRoutstr();
+  const [input, setInput] = useState('');
+
+  useEffect(() => {
+    if (!currentSession) {
+      const id = Date.now().toString();
+      createSession(id);
+    }
+  }, []);
+
+  const openSessionSheet = () => {
+    SheetManager.show('routstr-session', {
+      payload: { sessions, current: currentSession?.id },
+    });
+  };
+
+  const handleNewSession = () => {
+    const id = Date.now().toString();
+    createSession(id);
+  };
+
+  const handleSend = async () => {
+    if (!token) {
+      Alert.alert('No token found');
+      return;
+    }
+    if (routstrBalance < MIN_BALANCE) {
+      Alert.alert('Balance too low, please topup');
+      return;
+    }
+    if (!currentSession) return;
+    addMessage(currentSession.id, { role: 'user', content: input });
+    setInput('');
+    try {
+      const res = await fetch('https://api.routstr.com/v1/chat/completions', {
+        method: 'POST',
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          model: 'gpt-4',
+          messages: [
+            ...currentSession.messages,
+            { role: 'user', content: input },
+          ],
+        }),
+      });
+      const data = await res.json();
+      const reply = data?.choices?.[0]?.message;
+      if (reply) {
+        addMessage(currentSession.id, reply);
+      }
+    } catch (e) {
+      Alert.alert('Error', 'Failed to fetch response');
+    }
+  };
+
+  const renderItem = ({ item }) => (
+    <View style={styles.messageItem}>
+      <Text>{item.role === 'user' ? 'You' : 'AI'}: {item.content}</Text>
+    </View>
+  );
+
+  return (
+    <Container>
+      <View style={styles.header}>
+        <Button
+          variant="secondary"
+          icon={<Icon name="mdi:menu" />}
+          onPress={openSessionSheet}
+          style={styles.iconButton}
+        />
+        <Button
+          variant="secondary"
+          icon={<Icon name="mdi:plus" />}
+          onPress={handleNewSession}
+          style={styles.iconButton}
+        />
+      </View>
+      <Text
+        style={styles.balance}
+        onPress={() => navigation.navigate('routstr/balance')}>
+        Balance: {routstrBalance} sats
+      </Text>
+      <FlatList
+        data={currentSession?.messages || []}
+        renderItem={renderItem}
+        keyExtractor={(_, i) => i.toString()}
+        style={styles.list}
+      />
+      <View style={styles.inputRow}>
+        <TextInput
+          style={styles.input}
+          value={input}
+          onChangeText={setInput}
+        />
+        <Button
+          variant="primary"
+          onPress={handleSend}
+          text="Send"
+          style={{ marginLeft: 8 }}
+        />
+      </View>
+    </Container>
+  );
+}
+
+const createStyles = (theme: string) =>
+  StyleSheet.create({
+    header: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginTop: 16,
+    },
+    iconButton: { width: 48, height: 48 },
+    balance: { marginVertical: 8, color: greys(theme)[0] },
+    list: { flex: 1 },
+    inputRow: { flexDirection: 'row', marginBottom: 16 },
+    input: { flex: 1, padding: 8 },
+    messageItem: { marginVertical: 4 },
+  });
diff --git a/components/layout/sheets/registerSheets.tsx b/components/layout/sheets/registerSheets.tsx
index 9a249a9e..f2ada2fc 100644
--- a/components/layout/sheets/registerSheets.tsx
+++ b/components/layout/sheets/registerSheets.tsx
@@ -11,6 +11,7 @@ import { default as registerCreditCard } from 'components/layout/sheets/creditCa
 import { default as registerEmojiPicker } from 'components/layout/sheets/emoji-picker';
 import { default as registerEmail } from 'components/layout/sheets/email';
 import { default as registerVideo } from 'components/layout/sheets/video';
+import { default as registerRoutstrSession } from 'components/layout/sheets/routstrSession';
 
 export function registerAllSheets({ context }: { context: 'global' | 'modal' }) {
   registerExample({ context });
@@ -26,4 +27,5 @@ export function registerAllSheets({ context }: { context: 'global' | 'modal' })
   registerEmojiPicker({ context });
   registerEmail({ context });
   registerVideo({ context });
+  registerRoutstrSession({ context });
 }
diff --git a/components/layout/sheets/routstrSession/index.tsx b/components/layout/sheets/routstrSession/index.tsx
new file mode 100644
index 00000000..fb9ec368
--- /dev/null
+++ b/components/layout/sheets/routstrSession/index.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import ActionSheet, { registerSheet } from 'react-native-actions-sheet';
+import { sheetName, routes } from './routes';
+import { useSelector } from 'react-redux';
+import { memoizedGetTheme } from 'helper/redux/settings';
+import { greys } from 'helper/colors';
+
+function RoutstrSessionSheet() {
+  const theme = useSelector(memoizedGetTheme);
+  return (
+    <ActionSheet
+      enableRouterBackNavigation={true}
+      routes={routes}
+      initialRoute="route-a"
+      containerStyle={{ backgroundColor: greys(theme)[800] }}
+    />
+  );
+}
+
+export default ({ context }: { context: 'global' | 'modal' }) =>
+  registerSheet(sheetName, RoutstrSessionSheet, context);
diff --git a/components/layout/sheets/routstrSession/routes/index.tsx b/components/layout/sheets/routstrSession/routes/index.tsx
new file mode 100644
index 00000000..a516823a
--- /dev/null
+++ b/components/layout/sheets/routstrSession/routes/index.tsx
@@ -0,0 +1,25 @@
+import { Route, SheetDefinition, RouteDefinition } from 'react-native-actions-sheet';
+import RouteA from './routeA';
+
+export const sheetName = 'routstr-session';
+
+export const routes: Route[] = [
+  {
+    name: 'route-a',
+    component: RouteA,
+  },
+];
+
+declare module 'react-native-actions-sheet' {
+  interface Sheets {
+    [sheetName]: SheetDefinition<{
+      routes: {
+        'route-a': RouteDefinition;
+      };
+      payload: {
+        sessions: { id: string }[];
+        current?: string | null;
+      };
+    }>;
+  }
+}
diff --git a/components/layout/sheets/routstrSession/routes/routeA.tsx b/components/layout/sheets/routstrSession/routes/routeA.tsx
new file mode 100644
index 00000000..63f2ec54
--- /dev/null
+++ b/components/layout/sheets/routstrSession/routes/routeA.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { Text } from 'components/common/Text';
+import { useSelector } from 'react-redux';
+import { memoizedGetTheme } from 'helper/redux/settings';
+import { greys } from 'helper/colors';
+import { RouteScreenProps, useSheetPayload } from 'react-native-actions-sheet';
+import { useRoutstr } from 'helper/redux/routstr';
+
+const RouteA = ({ router }: RouteScreenProps<'routstr-session', 'route-a'>) => {
+  const theme = useSelector(memoizedGetTheme);
+  const styles = createStyles(theme);
+  const payload = useSheetPayload('routstr-session');
+  const { sessions, setCurrentSession, createSession } = useRoutstr();
+
+  return (
+    <View style={styles.container}>
+      {sessions.map((s) => (
+        <TouchableOpacity
+          key={s.id}
+          style={styles.item}
+          onPress={() => {
+            setCurrentSession(s.id);
+            router?.goBack();
+          }}>
+          <Text style={styles.text}>{s.id}</Text>
+        </TouchableOpacity>
+      ))}
+      <TouchableOpacity
+        style={styles.item}
+        onPress={() => {
+          const id = Date.now().toString();
+          createSession(id);
+          router?.goBack();
+        }}>
+        <Text style={styles.text}>New Session</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const createStyles = (theme: string) => ({
+  container: { padding: 16 },
+  item: {
+    padding: 12,
+    backgroundColor: greys(theme)[700],
+    borderRadius: 8,
+    marginBottom: 8,
+  },
+  text: { color: greys(theme)[0] },
+});
+
+export default RouteA;
diff --git a/helper/redux/routstr/actionTypes.ts b/helper/redux/routstr/actionTypes.ts
new file mode 100644
index 00000000..c4690e6e
--- /dev/null
+++ b/helper/redux/routstr/actionTypes.ts
@@ -0,0 +1,6 @@
+export const SET_ROUTSTR_TOKEN = 'SET_ROUTSTR_TOKEN';
+export const SET_ROUTSTR_BALANCE = 'SET_ROUTSTR_BALANCE';
+export const ADD_ROUTSTR_SESSION = 'ADD_ROUTSTR_SESSION';
+export const ADD_ROUTSTR_MESSAGE = 'ADD_ROUTSTR_MESSAGE';
+export const SET_CURRENT_SESSION = 'SET_CURRENT_SESSION';
+export const SET_LAST_TOKEN = 'SET_LAST_TOKEN';
diff --git a/helper/redux/routstr/actions.ts b/helper/redux/routstr/actions.ts
new file mode 100644
index 00000000..d1558811
--- /dev/null
+++ b/helper/redux/routstr/actions.ts
@@ -0,0 +1,41 @@
+import {
+  SET_ROUTSTR_TOKEN,
+  SET_ROUTSTR_BALANCE,
+  ADD_ROUTSTR_SESSION,
+  ADD_ROUTSTR_MESSAGE,
+  SET_CURRENT_SESSION,
+  SET_LAST_TOKEN,
+} from './actionTypes';
+
+export const setRoutstrToken = (token: string) => ({
+  type: SET_ROUTSTR_TOKEN,
+  payload: token,
+});
+
+export const setRoutstrBalance = (balance: number) => ({
+  type: SET_ROUTSTR_BALANCE,
+  payload: balance,
+});
+
+export const addRoutstrSession = (sessionId: string) => ({
+  type: ADD_ROUTSTR_SESSION,
+  payload: { sessionId },
+});
+
+export const addRoutstrMessage = (
+  sessionId: string,
+  message: { role: string; content: string }
+) => ({
+  type: ADD_ROUTSTR_MESSAGE,
+  payload: { sessionId, message },
+});
+
+export const setCurrentSession = (sessionId: string) => ({
+  type: SET_CURRENT_SESSION,
+  payload: sessionId,
+});
+
+export const setLastToken = (token: string) => ({
+  type: SET_LAST_TOKEN,
+  payload: token,
+});
diff --git a/helper/redux/routstr/hooks.ts b/helper/redux/routstr/hooks.ts
new file mode 100644
index 00000000..3f0230f8
--- /dev/null
+++ b/helper/redux/routstr/hooks.ts
@@ -0,0 +1,40 @@
+import { useDispatch, useSelector } from 'react-redux';
+import {
+  setRoutstrToken,
+  addRoutstrSession,
+  addRoutstrMessage,
+  setCurrentSession,
+  setRoutstrBalance,
+  setLastToken,
+} from './actions';
+import {
+  memoizedGetRoutstrToken,
+  memoizedGetCurrentSession,
+  memoizedGetSessions,
+  memoizedGetRoutstrBalance,
+  memoizedGetLastToken,
+} from './selectors';
+
+export const useRoutstr = () => {
+  const dispatch = useDispatch();
+  const token = useSelector(memoizedGetRoutstrToken);
+  const balance = useSelector(memoizedGetRoutstrBalance);
+  const currentSession = useSelector(memoizedGetCurrentSession);
+  const sessions = useSelector(memoizedGetSessions);
+  const lastToken = useSelector(memoizedGetLastToken);
+
+  return {
+    token,
+    balance,
+    currentSession,
+    sessions,
+    lastToken,
+    setToken: (t: string) => dispatch(setRoutstrToken(t)),
+    setBalance: (b: number) => dispatch(setRoutstrBalance(b)),
+    createSession: (id: string) => dispatch(addRoutstrSession(id)),
+    addMessage: (id: string, msg: { role: string; content: string }) =>
+      dispatch(addRoutstrMessage(id, msg)),
+    setCurrentSession: (id: string) => dispatch(setCurrentSession(id)),
+    setLastToken: (t: string) => dispatch(setLastToken(t)),
+  };
+};
diff --git a/helper/redux/routstr/index.ts b/helper/redux/routstr/index.ts
new file mode 100644
index 00000000..e0c06da7
--- /dev/null
+++ b/helper/redux/routstr/index.ts
@@ -0,0 +1,5 @@
+export * from './actionTypes';
+export * from './actions';
+export * from './reducer';
+export * from './selectors';
+export * from './hooks';
diff --git a/helper/redux/routstr/reducer.ts b/helper/redux/routstr/reducer.ts
new file mode 100644
index 00000000..46e5aabc
--- /dev/null
+++ b/helper/redux/routstr/reducer.ts
@@ -0,0 +1,73 @@
+import {
+  SET_ROUTSTR_TOKEN,
+  SET_ROUTSTR_BALANCE,
+  ADD_ROUTSTR_SESSION,
+  ADD_ROUTSTR_MESSAGE,
+  SET_CURRENT_SESSION,
+  SET_LAST_TOKEN,
+} from './actionTypes';
+
+export interface RoutstrState {
+  token: string;
+  balance: number;
+  lastToken: string;
+  sessions: {
+    [id: string]: {
+      id: string;
+      messages: { role: string; content: string }[];
+    };
+  };
+  currentSessionId: string | null;
+}
+
+const initialState: RoutstrState = {
+  token: '',
+  balance: 0,
+  lastToken: '',
+  sessions: {},
+  currentSessionId: null,
+};
+
+export const routstrReducer = (
+  state: RoutstrState = initialState,
+  action
+): RoutstrState => {
+  switch (action.type) {
+    case SET_ROUTSTR_TOKEN:
+      return { ...state, token: action.payload };
+    case SET_ROUTSTR_BALANCE:
+      return { ...state, balance: action.payload };
+    case SET_LAST_TOKEN:
+      return { ...state, lastToken: action.payload };
+    case ADD_ROUTSTR_SESSION:
+      return {
+        ...state,
+        sessions: {
+          ...state.sessions,
+          [action.payload.sessionId]: {
+            id: action.payload.sessionId,
+            messages: [],
+          },
+        },
+        currentSessionId: action.payload.sessionId,
+      };
+    case ADD_ROUTSTR_MESSAGE:
+      return {
+        ...state,
+        sessions: {
+          ...state.sessions,
+          [action.payload.sessionId]: {
+            ...state.sessions[action.payload.sessionId],
+            messages: [
+              ...(state.sessions[action.payload.sessionId]?.messages || []),
+              action.payload.message,
+            ],
+          },
+        },
+      };
+    case SET_CURRENT_SESSION:
+      return { ...state, currentSessionId: action.payload };
+    default:
+      return state;
+  }
+};
diff --git a/helper/redux/routstr/selectors.ts b/helper/redux/routstr/selectors.ts
new file mode 100644
index 00000000..80fd0569
--- /dev/null
+++ b/helper/redux/routstr/selectors.ts
@@ -0,0 +1,30 @@
+import { createSelector } from 'reselect';
+import { RootState } from 'helper/redux/store/reducer';
+
+export const memoizedGetRoutstrState = (state: RootState) => state.routstr;
+
+export const memoizedGetRoutstrToken = createSelector(
+  [memoizedGetRoutstrState],
+  (routstr) => routstr.token
+);
+
+export const memoizedGetRoutstrBalance = createSelector(
+  [memoizedGetRoutstrState],
+  (routstr) => routstr.balance
+);
+
+export const memoizedGetCurrentSession = createSelector(
+  [memoizedGetRoutstrState],
+  (routstr) =>
+    routstr.currentSessionId ? routstr.sessions[routstr.currentSessionId] : null
+);
+
+export const memoizedGetSessions = createSelector(
+  [memoizedGetRoutstrState],
+  (routstr) => Object.values(routstr.sessions)
+);
+
+export const memoizedGetLastToken = createSelector(
+  [memoizedGetRoutstrState],
+  (routstr) => routstr.lastToken
+);
diff --git a/helper/redux/store/index.ts b/helper/redux/store/index.ts
index a5a69868..a9374f54 100644
--- a/helper/redux/store/index.ts
+++ b/helper/redux/store/index.ts
@@ -350,7 +350,7 @@ const persistConfig = {
   key: 'SOVRAN',
   storage: AsyncStorage,
   timeout: null,
-  version: 120,
+  version: 121,
   migrate: createMigrate(migrations, { debug: true }),
 };
 
diff --git a/helper/redux/store/reducer.ts b/helper/redux/store/reducer.ts
index 396cac67..1fae96ef 100644
--- a/helper/redux/store/reducer.ts
+++ b/helper/redux/store/reducer.ts
@@ -7,6 +7,7 @@ import { pricelistReducer } from '../pricelist/reducer';
 import { vpnReducer } from '../lnvpn/reducer';
 import { esimReducer } from '../esim/reducer';
 import { nostrReducer } from '../nostr/reducer';
+import { routstrReducer } from '../routstr/reducer';
 
 // Action type for reset
 export const RESET_APP = 'RESET_APP' as const;
@@ -20,6 +21,7 @@ const appReducer = combineReducers({
   vpns: vpnReducer,
   esim: esimReducer,
   nostr: nostrReducer,
+  routstr: routstrReducer,
 });
 
 // Define RootState from the appReducer

From 2f766210bff1e76023495586f4818c9f07f6390d Mon Sep 17 00:00:00 2001
From: Kelbie <kevin@kelbie.me>
Date: Wed, 2 Jul 2025 13:14:06 +0100
Subject: [PATCH 2/2] Refactor RoutstrChat and update navigation screens

Renamed RoutstrChat component file to routstr.tsx and made minor code cleanups for readability. Added 'routstr' to MODAL_SCREENS in navigation configuration to support new modal navigation.
---
 app/{routstr/index.tsx => routstr.tsx} | 27 ++++++++------------------
 helper/navigation/screens.tsx          |  6 ++++++
 2 files changed, 14 insertions(+), 19 deletions(-)
 rename app/{routstr/index.tsx => routstr.tsx} (87%)

diff --git a/app/routstr/index.tsx b/app/routstr.tsx
similarity index 87%
rename from app/routstr/index.tsx
rename to app/routstr.tsx
index 28d189f2..03938424 100644
--- a/app/routstr/index.tsx
+++ b/app/routstr.tsx
@@ -29,6 +29,7 @@ export default function RoutstrChat() {
     createSession,
     addMessage,
     setCurrentSession,
+    lastToken,
   } = useRoutstr();
   const [input, setInput] = useState('');
 
@@ -71,10 +72,7 @@ export default function RoutstrChat() {
         },
         body: JSON.stringify({
           model: 'gpt-4',
-          messages: [
-            ...currentSession.messages,
-            { role: 'user', content: input },
-          ],
+          messages: [...currentSession.messages, { role: 'user', content: input }],
         }),
       });
       const data = await res.json();
@@ -89,7 +87,9 @@ export default function RoutstrChat() {
 
   const renderItem = ({ item }) => (
     <View style={styles.messageItem}>
-      <Text>{item.role === 'user' ? 'You' : 'AI'}: {item.content}</Text>
+      <Text>
+        {item.role === 'user' ? 'You' : 'AI'}: {item.content}
+      </Text>
     </View>
   );
 
@@ -109,9 +109,7 @@ export default function RoutstrChat() {
           style={styles.iconButton}
         />
       </View>
-      <Text
-        style={styles.balance}
-        onPress={() => navigation.navigate('routstr/balance')}>
+      <Text style={styles.balance} onPress={() => navigation.navigate('routstr/balance')}>
         Balance: {routstrBalance} sats
       </Text>
       <FlatList
@@ -121,17 +119,8 @@ export default function RoutstrChat() {
         style={styles.list}
       />
       <View style={styles.inputRow}>
-        <TextInput
-          style={styles.input}
-          value={input}
-          onChangeText={setInput}
-        />
-        <Button
-          variant="primary"
-          onPress={handleSend}
-          text="Send"
-          style={{ marginLeft: 8 }}
-        />
+        <TextInput style={styles.input} value={input} onChangeText={setInput} />
+        <Button variant="primary" onPress={handleSend} text="Send" style={{ marginLeft: 8 }} />
       </View>
     </Container>
   );
diff --git a/helper/navigation/screens.tsx b/helper/navigation/screens.tsx
index 77fbe275..1b25dfdd 100644
--- a/helper/navigation/screens.tsx
+++ b/helper/navigation/screens.tsx
@@ -109,6 +109,12 @@ export const MODAL_SCREENS: ModalConfig[] = [
       presentation: 'card',
     },
   },
+  {
+    name: 'routstr',
+    options: {
+      presentation: 'card',
+    },
+  },
   {
     name: 'esim',
     options: {