by codex: feat. General Improvements

expo-router's radix-ui deps require react-dom as a peer. The lock file
was previously generated with --legacy-peer-deps which omitted peer dep
entries, causing `npm ci` on CI to fail with "Missing from lock file".

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

.gitea/workflows/build-android.yml

@@ -32,6 +32,9 @@ jobs:
       - name: 🏗 Setup Android SDK
         uses: android-actions/setup-android@v3
 
+      - name: 🏗 Install Android NDK
+        run: yes | sdkmanager "ndk;27.1.12297006" || true
+
       - name: 🏗 Setup Expo and EAS
         uses: expo/expo-github-action@v8
         with:
@@ -53,11 +56,14 @@ jobs:
       - name: 📝 Rename build to APK
         run: mv app-build codexbar-release.apk
 
+      - name: 🗜 Zip APK
+        run: zip codexbar-release.zip codexbar-release.apk
+
       - name: 📤 Upload build artifact
         uses: actions/upload-artifact@v3
         with:
           name: codexbar-android-preview-build
-          path: codexbar-release.apk
+          path: codexbar-release.zip
           if-no-files-found: error
 
   release:
@@ -84,7 +90,7 @@ jobs:
         with:
           tag_name: ${{ env.RELEASE_TAG }}
           name: ${{ env.RELEASE_TAG }}
-          files: codexbar-release.apk
+          files: codexbar-release.zip
           generate_release_notes: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

app.json

@@ -1,34 +1,75 @@
 {
   "expo": {
-    "name": "codexbar.mobile",
+    "name": "Codexbar",
     "slug": "codexbar-mobile",
+    "description": "Monitor Codex CLI and Claude.ai usage limits, resets, and credits at a glance.",
     "scheme": "codexbar",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
-    "userInterfaceStyle": "light",
+    "backgroundColor": "#090D11",
+    "primaryColor": "#10A37F",
+    "userInterfaceStyle": "automatic",
     "ios": {
-      "supportsTablet": true
+      "bundleIdentifier": "dev.reversed.codexbar",
+      "buildNumber": "1",
+      "supportsTablet": true,
+      "config": {
+        "usesNonExemptEncryption": false
+      }
     },
     "android": {
       "package": "dev.reversed.codexbar",
+      "versionCode": 1,
       "adaptiveIcon": {
-        "backgroundColor": "#E6F4FE",
+        "backgroundColor": "#090D11",
         "foregroundImage": "./assets/android-icon-foreground.png",
         "backgroundImage": "./assets/android-icon-background.png",
         "monochromeImage": "./assets/android-icon-monochrome.png"
       },
-      "predictiveBackGestureEnabled": false
+      "predictiveBackGestureEnabled": true
     },
     "web": {
+      "bundler": "metro",
+      "output": "static",
       "favicon": "./assets/favicon.png"
     },
     "plugins": [
       "expo-router",
-      "expo-status-bar",
-      "expo-secure-store",
-      "expo-document-picker"
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/splash-icon.png",
+          "imageWidth": 220,
+          "resizeMode": "contain",
+          "backgroundColor": "#090D11",
+          "dark": {
+            "image": "./assets/splash-icon.png",
+            "backgroundColor": "#090D11"
+          }
+        }
       ],
+      [
+        "expo-secure-store",
+        {
+          "configureAndroidBackup": true,
+          "faceIDPermission": "Allow Codexbar to access your securely stored credentials."
+        }
+      ],
+      "expo-document-picker",
+      [
+        "expo-notifications",
+        {
+          "icon": "./assets/notification-icon.png",
+          "color": "#10A37F",
+          "defaultChannel": "usage-alerts"
+        }
+      ],
+      "expo-font"
+    ],
+    "experiments": {
+      "typedRoutes": true
+    },
     "extra": {
       "router": {},
       "eas": {

app/(tabs)/_layout.tsx

@@ -1,22 +1,25 @@
 import { Tabs } from "expo-router";
 import { useColorScheme } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { MaterialIcons } from "@expo/vector-icons";
+import { COLORS } from "@/lib/constants";
 
 export default function TabLayout() {
   const colorScheme = useColorScheme();
   const isDark = colorScheme === "dark";
+  const insets = useSafeAreaInsets();
 
   return (
     <Tabs
       screenOptions={{
         headerShown: false,
-        tabBarActiveTintColor: "#10a37f",
+        tabBarActiveTintColor: COLORS.codex,
         tabBarInactiveTintColor: isDark ? "#52525b" : "#a1a1aa",
         tabBarStyle: {
           backgroundColor: isDark ? "#09090b" : "#ffffff",
           borderTopColor: isDark ? "#27272a" : "#f4f4f5",
-          height: 56,
-          paddingBottom: 8,
+          height: 56 + insets.bottom,
+          paddingBottom: 8 + insets.bottom,
           paddingTop: 6,
         },
         tabBarLabelStyle: {
@@ -34,24 +37,8 @@ export default function TabLayout() {
           ),
         }}
       />
-      <Tabs.Screen
-        name="codex"
-        options={{
-          title: "Codex",
-          tabBarIcon: ({ color, size }) => (
-            <MaterialIcons name="auto-awesome" size={size} color={color} />
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="claude"
-        options={{
-          title: "Claude",
-          tabBarIcon: ({ color, size }) => (
-            <MaterialIcons name="psychology" size={size} color={color} />
-          ),
-        }}
-      />
+      <Tabs.Screen name="codex" options={{ href: null }} />
+      <Tabs.Screen name="claude" options={{ href: null }} />
       <Tabs.Screen
         name="settings"
         options={{

app/(tabs)/claude.tsx

@@ -14,22 +14,28 @@ import { MaterialIcons } from "@expo/vector-icons";
 import { useClaudeUsage } from "@/hooks/useClaudeUsage";
 import { UsageStat } from "@/components/UsageStat";
 import { ErrorMessage } from "@/components/ErrorMessage";
+import { LastUpdated } from "@/components/LastUpdated";
+import { ScreenErrorBoundary } from "@/components/ScreenErrorBoundary";
+import { COLORS } from "@/lib/constants";
 
-export default function ClaudeTab() {
+function ClaudeTabContent() {
   const {
-    sessionKey,
+    auth,
     pendingKey,
     setPendingKey,
+    pendingOrg,
+    setPendingOrg,
     usage,
+    lastFetchedAt,
     status,
     error,
+    keyValidationError,
+    canSaveKey,
     saveKey,
     refresh,
     clearKey,
   } = useClaudeUsage();
 
-  const canSave = pendingKey.trim().startsWith("sk-ant-");
-
   return (
     <SafeAreaView
       className="flex-1 bg-neutral-50 dark:bg-neutral-950"
@@ -47,7 +53,7 @@ export default function ClaudeTab() {
             <RefreshControl
               refreshing={status === "loading"}
               onRefresh={refresh}
-              tintColor="#d97706"
+              tintColor={COLORS.claude}
             />
           }
         >
@@ -55,9 +61,9 @@ export default function ClaudeTab() {
           <View className="flex-row items-center gap-x-3 py-5">
             <View
               className="w-9 h-9 rounded-xl items-center justify-center"
-              style={{ backgroundColor: "#d9770622" }}
+              style={{ backgroundColor: `${COLORS.claude}22` }}
             >
-              <MaterialIcons name="psychology" size={18} color="#d97706" />
+              <MaterialIcons name="psychology" size={18} color={COLORS.claude} />
             </View>
             <View>
               <Text className="text-xl font-bold text-neutral-900 dark:text-white tracking-tight">
@@ -77,7 +83,7 @@ export default function ClaudeTab() {
             <ErrorMessage
               message={error && (status === "idle" || status === "error") ? error : null}
             />
-            {sessionKey ? (
+            {auth ? (
               <View className="flex-row items-center justify-between">
                 <View className="flex-row items-center gap-x-2.5">
                   <View className="w-2 h-2 rounded-full bg-green-500" />
@@ -85,7 +91,7 @@ export default function ClaudeTab() {
                     Connected
                   </Text>
                   <Text className="text-xs text-neutral-400 dark:text-neutral-500 font-mono">
-                    {sessionKey.slice(0, 10)}…
+                    {auth.sessionKey.slice(0, 10)}…
                   </Text>
                 </View>
                 <TouchableOpacity
@@ -102,22 +108,38 @@ export default function ClaudeTab() {
                 <TextInput
                   value={pendingKey}
                   onChangeText={setPendingKey}
-                  placeholder="sk-ant-..."
+                  placeholder="sk-ant-… (required)"
                   placeholderTextColor="#a3a3a3"
                   autoCapitalize="none"
                   autoCorrect={false}
                   secureTextEntry
+                  className="border border-neutral-200 dark:border-neutral-700 rounded-xl px-3 py-3 text-sm text-neutral-900 dark:text-white bg-white dark:bg-neutral-800 mb-2"
+                />
+                {keyValidationError && (
+                  <Text selectable className="mb-2 text-xs text-red-500">
+                    {keyValidationError}
+                  </Text>
+                )}
+                <TextInput
+                  value={pendingOrg}
+                  onChangeText={setPendingOrg}
+                  placeholder="lastActiveOrg UUID (optional)"
+                  placeholderTextColor="#a3a3a3"
+                  autoCapitalize="none"
+                  autoCorrect={false}
                   className="border border-neutral-200 dark:border-neutral-700 rounded-xl px-3 py-3 text-sm text-neutral-900 dark:text-white bg-white dark:bg-neutral-800 mb-3"
                 />
                 <TouchableOpacity
                   onPress={saveKey}
-                  disabled={!canSave}
+                  disabled={!canSaveKey}
                   className="py-3.5 px-4 rounded-xl items-center"
-                  style={{ backgroundColor: canSave ? "#d97706" : "#e5e5e5" }}
+                  style={{
+                    backgroundColor: canSaveKey ? COLORS.claude : COLORS.disabled,
+                  }}
                 >
                   <Text
                     className="font-semibold text-sm"
-                    style={{ color: canSave ? "white" : "#a3a3a3" }}
+                    style={{ color: canSaveKey ? "white" : COLORS.muted }}
                   >
                     Save Session Key
                   </Text>
@@ -127,10 +149,10 @@ export default function ClaudeTab() {
                     Where to find it
                   </Text>
                   <Text className="text-xs text-neutral-500 dark:text-neutral-400 leading-relaxed">
-                    Chrome DevTools → Application → Cookies → claude.ai →{" "}
-                    <Text className="font-mono text-neutral-600 dark:text-neutral-300">
-                      sessionKey
-                    </Text>
+                    Chrome DevTools → Application → Cookies → claude.ai → copy{" "}
+                    <Text className="font-mono text-neutral-600 dark:text-neutral-300">sessionKey</Text>
+                    {" "}and optionally{" "}
+                    <Text className="font-mono text-neutral-600 dark:text-neutral-300">lastActiveOrg</Text>
                   </Text>
                 </View>
               </View>
@@ -143,7 +165,7 @@ export default function ClaudeTab() {
               Usage
             </Text>
 
-            {status === "idle" && !sessionKey && (
+            {status === "idle" && !auth && (
               <View className="items-center py-8">
                 <MaterialIcons name="insert-chart-outlined" size={32} color="#d4d4d4" />
                 <Text className="text-sm text-neutral-400 text-center mt-3">
@@ -151,11 +173,11 @@ export default function ClaudeTab() {
                 </Text>
               </View>
             )}
-            {status === "loading" && (
-              <ActivityIndicator color="#d97706" style={{ marginVertical: 24 }} />
+            {status === "loading" && !usage && (
+              <ActivityIndicator color={COLORS.claude} style={{ marginVertical: 24 }} />
             )}
             {status === "error" && error && <ErrorMessage message={error} />}
-            {status === "success" && usage && (
+            {usage && (
               <View>
                 <UsageStat
                   label="5-hour window"
@@ -187,6 +209,9 @@ export default function ClaudeTab() {
                     )}
                   </View>
                 )}
+                <View className="mt-4 border-t border-neutral-100 pt-3 dark:border-neutral-800">
+                  <LastUpdated timestamp={lastFetchedAt} />
+                </View>
               </View>
             )}
           </View>
@@ -195,3 +220,11 @@ export default function ClaudeTab() {
     </SafeAreaView>
   );
 }
+
+export default function ClaudeTab() {
+  return (
+    <ScreenErrorBoundary screenName="Claude">
+      <ClaudeTabContent />
+    </ScreenErrorBoundary>
+  );
+}

app/(tabs)/codex.tsx

@@ -11,10 +11,22 @@ import { MaterialIcons } from "@expo/vector-icons";
 import { useCodexUsage } from "@/hooks/useCodexUsage";
 import { UsageStat } from "@/components/UsageStat";
 import { ErrorMessage } from "@/components/ErrorMessage";
+import { LastUpdated } from "@/components/LastUpdated";
+import { ScreenErrorBoundary } from "@/components/ScreenErrorBoundary";
+import { COLORS } from "@/lib/constants";
 import { windowLabel } from "@/lib/timeUtils";
 
-export default function CodexTab() {
-  const { auth, usage, status, error, importAuthFile, refresh, clearAuth } =
+function CodexTabContent() {
+  const {
+    auth,
+    usage,
+    lastFetchedAt,
+    status,
+    error,
+    importAuthFile,
+    refresh,
+    clearAuth,
+  } =
     useCodexUsage();
 
   return (
@@ -29,7 +41,7 @@ export default function CodexTab() {
           <RefreshControl
             refreshing={status === "loading"}
             onRefresh={refresh}
-            tintColor="#10a37f"
+            tintColor={COLORS.codex}
           />
         }
       >
@@ -37,9 +49,9 @@ export default function CodexTab() {
         <View className="flex-row items-center gap-x-3 py-5">
           <View
             className="w-9 h-9 rounded-xl items-center justify-center"
-            style={{ backgroundColor: "#10a37f22" }}
+            style={{ backgroundColor: `${COLORS.codex}22` }}
           >
-            <MaterialIcons name="auto-awesome" size={18} color="#10a37f" />
+            <MaterialIcons name="auto-awesome" size={18} color={COLORS.codex} />
           </View>
           <View>
             <Text className="text-xl font-bold text-neutral-900 dark:text-white tracking-tight">
@@ -84,7 +96,7 @@ export default function CodexTab() {
               <TouchableOpacity
                 onPress={importAuthFile}
                 className="flex-row items-center justify-center gap-x-2 py-3.5 px-4 rounded-xl"
-                style={{ backgroundColor: "#10a37f" }}
+                style={{ backgroundColor: COLORS.codex }}
               >
                 <MaterialIcons name="upload-file" size={16} color="white" />
                 <Text className="text-white font-semibold text-sm">
@@ -112,11 +124,11 @@ export default function CodexTab() {
               </Text>
             </View>
           )}
-          {status === "loading" && (
-            <ActivityIndicator color="#10a37f" style={{ marginVertical: 24 }} />
+          {status === "loading" && !usage && (
+            <ActivityIndicator color={COLORS.codex} style={{ marginVertical: 24 }} />
           )}
           {status === "error" && error && <ErrorMessage message={error} />}
-          {status === "success" && usage && (
+          {usage && (
             <View>
               {/* Plan badge */}
               <View className="flex-row items-center mb-5">
@@ -145,7 +157,7 @@ export default function CodexTab() {
                 </Text>
                 {usage.credits.unlimited ? (
                   <View className="flex-row items-center gap-x-2">
-                    <MaterialIcons name="all-inclusive" size={16} color="#10a37f" />
+                    <MaterialIcons name="all-inclusive" size={16} color={COLORS.codex} />
                     <Text className="text-sm font-semibold text-green-600 dark:text-green-400">
                       Unlimited
                     </Text>
@@ -158,6 +170,9 @@ export default function CodexTab() {
                   <Text className="text-sm text-neutral-400">No credits</Text>
                 )}
               </View>
+              <View className="mt-4 border-t border-neutral-100 pt-3 dark:border-neutral-800">
+                <LastUpdated timestamp={lastFetchedAt} />
+              </View>
             </View>
           )}
         </View>
@@ -165,3 +180,11 @@ export default function CodexTab() {
     </SafeAreaView>
   );
 }
+
+export default function CodexTab() {
+  return (
+    <ScreenErrorBoundary screenName="Codex">
+      <CodexTabContent />
+    </ScreenErrorBoundary>
+  );
+}

app/(tabs)/index.tsx

@@ -4,145 +4,328 @@ import {
   Text,
   TouchableOpacity,
   RefreshControl,
+  ActivityIndicator,
 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { router, useFocusEffect } from "expo-router";
-import { useCallback } from "react";
+import { useCallback, useEffect } from "react";
 import { MaterialIcons } from "@expo/vector-icons";
 import { useCodexUsage } from "@/hooks/useCodexUsage";
 import { useClaudeUsage } from "@/hooks/useClaudeUsage";
-import { ServiceStatusCard } from "@/components/ServiceStatusCard";
+import { onUsageDataLoaded } from "@/lib/notifications";
+import { ProgressBar } from "@/components/ProgressBar";
+import { ResetCountdown } from "@/components/ResetCountdown";
+import { LastUpdated } from "@/components/LastUpdated";
+import { ScreenErrorBoundary } from "@/components/ScreenErrorBoundary";
+import { COLORS, getUsageColor } from "@/lib/constants";
 import { windowLabel } from "@/lib/timeUtils";
 
-export default function DashboardTab() {
+function UsageRow({
+  label,
+  percent,
+  resetAtSeconds,
+  resetAtISO,
+}: {
+  label: string;
+  percent: number;
+  resetAtSeconds?: number;
+  resetAtISO?: string;
+}) {
+  const color = getUsageColor(percent);
+  return (
+    <View className="mb-4">
+      <View className="flex-row justify-between items-baseline mb-1.5">
+        <Text className="text-xs font-medium text-neutral-500 dark:text-neutral-400">
+          {label}
+        </Text>
+        <Text className="text-sm font-bold" style={{ color }}>
+          {Math.round(percent)}% used
+        </Text>
+      </View>
+      <ProgressBar percent={percent} />
+      <ResetCountdown resetAtSeconds={resetAtSeconds} resetAtISO={resetAtISO} />
+    </View>
+  );
+}
+
+function SetupPrompt({ label }: { label: string }) {
+  return (
+    <View>
+      <Text className="text-sm text-neutral-400 dark:text-neutral-500 mb-3">
+        {label}
+      </Text>
+      <TouchableOpacity
+        onPress={() => router.navigate("/(tabs)/settings")}
+        className="flex-row items-center self-start gap-x-1.5 px-3 py-2 rounded-xl border border-neutral-200 dark:border-neutral-700"
+      >
+        <Text className="text-xs font-semibold text-neutral-600 dark:text-neutral-300">
+          Set up in Settings
+        </Text>
+        <MaterialIcons name="arrow-forward" size={12} color="#737373" />
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+function DashboardTabContent() {
   const codex = useCodexUsage();
   const claude = useClaudeUsage();
 
+  // Fire daily digest reschedule + threshold check whenever fresh data arrives
+  useEffect(() => {
+    if (codex.usage || claude.usage) {
+      void onUsageDataLoaded(
+        claude.usage,
+        codex.usage
+      );
+    }
+  }, [codex.lastFetchedAt, claude.lastFetchedAt]);
+
   useFocusEffect(
     useCallback(() => {
-      codex.reload();
-      claude.reload();
-    }, [])
+      void codex.reloadCredentials();
+      void claude.reloadCredentials();
+    }, [codex.reloadCredentials, claude.reloadCredentials])
   );
 
   const isRefreshing =
     codex.status === "loading" || claude.status === "loading";
 
   const handleRefresh = () => {
-    codex.refresh();
-    claude.refresh();
+    void codex.refresh();
+    void claude.refresh();
   };
 
-  const codexRows =
-    codex.usage
-      ? [
-          {
-            label: `Primary (${windowLabel(codex.usage.rate_limit.primary_window.limit_window_seconds)})`,
-            percent: codex.usage.rate_limit.primary_window.used_percent,
-            resetAtSeconds: codex.usage.rate_limit.primary_window.reset_at,
-          },
-          {
-            label: `Secondary (${windowLabel(codex.usage.rate_limit.secondary_window.limit_window_seconds)})`,
-            percent: codex.usage.rate_limit.secondary_window.used_percent,
-            resetAtSeconds: codex.usage.rate_limit.secondary_window.reset_at,
-          },
-        ]
-      : undefined;
-
-  const claudeRows =
-    claude.usage
-      ? [
-          {
-            label: "5-hour window",
-            percent: claude.usage.five_hour.utilization,
-            resetAtISO: claude.usage.five_hour.resets_at,
-          },
-          {
-            label: "7-day window",
-            percent: claude.usage.seven_day.utilization,
-            resetAtISO: claude.usage.seven_day.resets_at,
-          },
-        ]
-      : undefined;
+  const connectedCount = [codex.auth, claude.auth].filter(Boolean).length;
 
   return (
     <SafeAreaView
       className="flex-1 bg-neutral-50 dark:bg-neutral-950"
-      edges={["top", "bottom"]}
+      edges={["top"]}
     >
       <ScrollView
         className="flex-1"
-        contentContainerStyle={{ paddingHorizontal: 16, paddingBottom: 32 }}
+        contentContainerStyle={{ paddingHorizontal: 16, paddingBottom: 40 }}
         refreshControl={
           <RefreshControl
             refreshing={isRefreshing}
             onRefresh={handleRefresh}
-            tintColor="#10a37f"
+            tintColor={COLORS.codex}
           />
         }
       >
         {/* Header */}
-        <View className="flex-row items-center justify-between py-5">
+        <View className="flex-row items-center justify-between pt-6 pb-5">
+          <View className="flex-row items-center gap-x-3">
+            <View className="w-10 h-10 rounded-2xl bg-emerald-500 items-center justify-center">
+              <MaterialIcons name="bar-chart" size={20} color="white" />
+            </View>
             <View>
-            <Text className="text-2xl font-bold text-neutral-900 dark:text-white tracking-tight">
+              <Text className="text-xl font-bold text-neutral-900 dark:text-white tracking-tight">
                 Codexbar
               </Text>
               <Text className="text-xs text-neutral-400 mt-0.5">
-              AI usage monitor
+                {connectedCount === 0
+                  ? "No services connected"
+                  : connectedCount === 2
+                  ? "2 services connected"
+                  : "1 of 2 services connected"}
               </Text>
             </View>
+          </View>
           <TouchableOpacity
             onPress={handleRefresh}
             className="w-9 h-9 rounded-xl bg-neutral-100 dark:bg-neutral-800 items-center justify-center"
           >
-            <MaterialIcons name="refresh" size={18} color="#10a37f" />
+            <MaterialIcons name="refresh" size={18} color={COLORS.codex} />
           </TouchableOpacity>
         </View>
 
         {/* Codex card */}
-        <ServiceStatusCard
-          title="Codex CLI"
-          icon="auto-awesome"
-          accentColor="#10a37f"
-          status={!codex.auth ? "idle" : codex.status}
-          badge={codex.usage?.plan_type}
-          rows={codexRows}
-          unconfiguredLabel="Import auth.json to see your Codex rate limits."
-          onConfigurePress={() => router.navigate("/(tabs)/codex")}
-          footer={
-            codex.usage && !codex.usage.credits.unlimited && codex.usage.credits.has_credits
-              ? (
-                <View className="flex-row items-center gap-x-2">
-                  <MaterialIcons name="toll" size={14} color="#a3a3a3" />
-                  <Text className="text-xs text-neutral-500 dark:text-neutral-400">
-                    ${Number(codex.usage.credits.balance).toFixed(2)} credits remaining
+        <View className="rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 mb-4 overflow-hidden">
+          <View style={{ height: 3, backgroundColor: COLORS.codex }} />
+          <View className="p-4">
+            <View className="flex-row items-center justify-between mb-4">
+              <View className="flex-row items-center gap-x-2.5">
+                <View
+                  className="w-8 h-8 rounded-xl items-center justify-center"
+                  style={{ backgroundColor: `${COLORS.codex}18` }}
+                >
+                  <MaterialIcons name="auto-awesome" size={16} color={COLORS.codex} />
+                </View>
+                <Text className="text-sm font-semibold text-neutral-900 dark:text-white">
+                  Codex CLI
                 </Text>
               </View>
-              )
-              : codex.usage?.credits.unlimited
-              ? (
               <View className="flex-row items-center gap-x-2">
-                  <MaterialIcons name="all-inclusive" size={14} color="#10a37f" />
+                {codex.usage?.plan_type && (
+                  <View className="px-2.5 py-1 rounded-full bg-green-100 dark:bg-green-900/30">
+                    <Text className="text-xs font-semibold text-green-700 dark:text-green-300 capitalize">
+                      {codex.usage.plan_type}
+                    </Text>
+                  </View>
+                )}
+                {codex.auth && codex.status === "error" && (
+                  <View className="w-2 h-2 rounded-full bg-red-500" />
+                )}
+                {codex.status === "success" && !codex.usage?.plan_type && (
+                  <View className="w-2 h-2 rounded-full bg-green-500" />
+                )}
+              </View>
+            </View>
+
+            {!codex.auth && (
+              <SetupPrompt label="Import auth.json to see your Codex rate limits." />
+            )}
+            {codex.auth && codex.status === "loading" && !codex.usage && (
+              <ActivityIndicator
+                color={COLORS.codex}
+                style={{ marginVertical: 16 }}
+              />
+            )}
+            {codex.auth && codex.status === "error" && (
+              <View className="flex-row items-center gap-x-2 py-1">
+                <MaterialIcons name="error-outline" size={16} color="#ef4444" />
+                <Text className="text-sm text-red-500 dark:text-red-400">
+                  Failed to fetch usage
+                </Text>
+              </View>
+            )}
+            {codex.usage && (
+              <View>
+                <UsageRow
+                  label={`${windowLabel(codex.usage.rate_limit.primary_window.limit_window_seconds)} window`}
+                  percent={codex.usage.rate_limit.primary_window.used_percent}
+                  resetAtSeconds={codex.usage.rate_limit.primary_window.reset_at}
+                />
+                <UsageRow
+                  label={`${windowLabel(codex.usage.rate_limit.secondary_window.limit_window_seconds)} window`}
+                  percent={
+                    codex.usage.rate_limit.secondary_window.used_percent
+                  }
+                  resetAtSeconds={
+                    codex.usage.rate_limit.secondary_window.reset_at
+                  }
+                />
+                {!codex.usage.credits.unlimited &&
+                  codex.usage.credits.has_credits && (
+                    <View className="pt-3 border-t border-neutral-100 dark:border-neutral-800 flex-row items-center gap-x-2">
+                      <MaterialIcons name="toll" size={14} color="#a3a3a3" />
+                      <Text className="text-xs text-neutral-500 dark:text-neutral-400">
+                        ${Number(codex.usage.credits.balance).toFixed(2)}{" "}
+                        credits remaining
+                      </Text>
+                    </View>
+                  )}
+                {codex.usage.credits.unlimited && (
+                  <View className="pt-3 border-t border-neutral-100 dark:border-neutral-800 flex-row items-center gap-x-2">
+                    <MaterialIcons
+                      name="all-inclusive"
+                      size={14}
+                      color={COLORS.codex}
+                    />
                     <Text className="text-xs text-green-600 dark:text-green-400">
                       Unlimited credits
                     </Text>
                   </View>
-              )
-              : null
-          }
-        />
+                )}
+                <View className="mt-3 border-t border-neutral-100 pt-3 dark:border-neutral-800">
+                  <LastUpdated timestamp={codex.lastFetchedAt} />
+                </View>
+              </View>
+            )}
+          </View>
+        </View>
 
         {/* Claude card */}
-        <ServiceStatusCard
-          title="Claude.ai"
-          icon="psychology"
-          accentColor="#d97706"
-          status={!claude.sessionKey ? "idle" : claude.status}
-          rows={claudeRows}
-          unconfiguredLabel="Add your session key to see Claude usage windows."
-          onConfigurePress={() => router.navigate("/(tabs)/claude")}
+        <View className="rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 mb-4 overflow-hidden">
+          <View style={{ height: 3, backgroundColor: COLORS.claude }} />
+          <View className="p-4">
+            <View className="flex-row items-center justify-between mb-4">
+              <View className="flex-row items-center gap-x-2.5">
+                <View
+                  className="w-8 h-8 rounded-xl items-center justify-center"
+                  style={{ backgroundColor: `${COLORS.claude}18` }}
+                >
+                  <MaterialIcons name="psychology" size={16} color={COLORS.claude} />
+                </View>
+                <Text className="text-sm font-semibold text-neutral-900 dark:text-white">
+                  Claude.ai
+                </Text>
+              </View>
+              {claude.auth && claude.status === "error" && (
+                <View className="w-2 h-2 rounded-full bg-red-500" />
+              )}
+              {claude.status === "success" && (
+                <View className="w-2 h-2 rounded-full bg-green-500" />
+              )}
+            </View>
+
+            {!claude.auth && (
+              <SetupPrompt label="Add your session key to see Claude usage windows." />
+            )}
+            {claude.auth && claude.status === "loading" && !claude.usage && (
+              <ActivityIndicator
+                color={COLORS.claude}
+                style={{ marginVertical: 16 }}
               />
+            )}
+            {claude.auth && claude.status === "error" && (
+              <View className="flex-row items-center gap-x-2 py-1">
+                <MaterialIcons name="error-outline" size={16} color="#ef4444" />
+                <Text className="text-sm text-red-500 dark:text-red-400">
+                  Failed to fetch usage
+                </Text>
+              </View>
+            )}
+            {claude.usage && (
+              <View>
+                <UsageRow
+                  label="5-hour window"
+                  percent={claude.usage.five_hour.utilization}
+                  resetAtISO={claude.usage.five_hour.resets_at}
+                />
+                <UsageRow
+                  label="7-day window"
+                  percent={claude.usage.seven_day.utilization}
+                  resetAtISO={claude.usage.seven_day.resets_at}
+                />
+                {(claude.usage.seven_day_sonnet ||
+                  claude.usage.seven_day_opus) && (
+                  <View className="pt-3 border-t border-neutral-100 dark:border-neutral-800">
+                    <Text className="text-xs font-semibold uppercase tracking-widest text-neutral-400 mb-3">
+                      By Model (7-day)
+                    </Text>
+                    {claude.usage.seven_day_sonnet && (
+                      <UsageRow
+                        label="Sonnet"
+                        percent={claude.usage.seven_day_sonnet.utilization}
+                      />
+                    )}
+                    {claude.usage.seven_day_opus && (
+                      <UsageRow
+                        label="Opus"
+                        percent={claude.usage.seven_day_opus.utilization}
+                      />
+                    )}
+                  </View>
+                )}
+                <View className="mt-3 border-t border-neutral-100 pt-3 dark:border-neutral-800">
+                  <LastUpdated timestamp={claude.lastFetchedAt} />
+                </View>
+              </View>
+            )}
+          </View>
+        </View>
       </ScrollView>
     </SafeAreaView>
   );
 }
+
+export default function DashboardTab() {
+  return (
+    <ScreenErrorBoundary screenName="Dashboard">
+      <DashboardTabContent />
+    </ScreenErrorBoundary>
+  );
+}

app/(tabs)/settings.tsx

@@ -1,15 +1,37 @@
 import { useEffect, useState, useCallback } from "react";
-import { View, Text, TouchableOpacity, Alert, ScrollView } from "react-native";
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  Alert,
+  ScrollView,
+  TextInput,
+  Switch,
+  KeyboardAvoidingView,
+} from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { router, useFocusEffect } from "expo-router";
 import { MaterialIcons } from "@expo/vector-icons";
 import {
   loadCodexAuth,
   clearCodexAuth,
+  saveCodexAuth,
   loadClaudeSessionKey,
   clearClaudeSessionKey,
+  saveClaudeSessionKey,
+  saveClaudeLastActiveOrg,
+  clearClaudeLastActiveOrg,
 } from "@/lib/storage";
+import { pickAndReadCodexAuth } from "@/lib/fileReader";
 import { resetOnboarding } from "@/lib/setupState";
+import { useNotificationSettings } from "@/hooks/useNotificationSettings";
+import {
+  isClaudeSessionKeyValid,
+  validateClaudeSessionKey,
+} from "@/lib/claudeCredentials";
+import { COLORS } from "@/lib/constants";
+import { formatTime, parseTimeInput } from "@/lib/timeUtils";
+import { ScreenErrorBoundary } from "@/components/ScreenErrorBoundary";
 import type { CodexAuth } from "@/types/codex";
 import Constants from "expo-constants";
 
@@ -88,14 +110,28 @@ function SectionCard({ children }: { children: React.ReactNode }) {
 }
 
 function Divider() {
-  return (
-    <View className="ml-16 mr-0 h-px bg-neutral-100 dark:bg-neutral-800" />
-  );
+  return <View className="ml-16 mr-0 h-px bg-neutral-100 dark:bg-neutral-800" />;
 }
 
-export default function SettingsTab() {
+function SettingsTabContent() {
   const [codexAuth, setCodexAuth] = useState<CodexAuth | null>(null);
   const [claudeKey, setClaudeKey] = useState<string | null>(null);
+  const [pendingKey, setPendingKey] = useState("");
+  const [pendingOrg, setPendingOrg] = useState("");
+  const [claudeError, setClaudeError] = useState<string | null>(null);
+
+  const notif = useNotificationSettings();
+  const [timeInput, setTimeInput] = useState("");
+  const [timeError, setTimeError] = useState<string | null>(null);
+  const [thresholdInput, setThresholdInput] = useState("");
+
+  // Sync local text inputs when settings load
+  useEffect(() => {
+    if (notif.loaded) {
+      setTimeInput(formatTime(notif.settings.dailyHour, notif.settings.dailyMinute));
+      setThresholdInput(String(notif.settings.thresholdPct));
+    }
+  }, [notif.loaded]);
 
   const reload = useCallback(() => {
     Promise.all([loadCodexAuth(), loadClaudeSessionKey()]).then(
@@ -110,9 +146,41 @@ export default function SettingsTab() {
     reload();
   }, [reload]);
 
-  useFocusEffect(useCallback(() => {
+  useFocusEffect(
+    useCallback(() => {
       reload();
-  }, [reload]));
+    }, [reload])
+  );
+
+  const handleImportCodex = async () => {
+    try {
+      const auth = await pickAndReadCodexAuth();
+      await saveCodexAuth(auth);
+      setCodexAuth(auth);
+    } catch (e: unknown) {
+      const msg = e instanceof Error ? e.message : "UNKNOWN_ERROR";
+      if (msg !== "PICKER_CANCELLED") {
+        Alert.alert("Import failed", msg);
+      }
+    }
+  };
+
+  const handleSaveClaude = async () => {
+    const trimmed = pendingKey.trim();
+    const validationError = validateClaudeSessionKey(trimmed);
+    if (validationError) {
+      setClaudeError(validationError);
+      return;
+    }
+    const orgTrimmed = pendingOrg.trim() || undefined;
+    await saveClaudeSessionKey(trimmed);
+    if (orgTrimmed) await saveClaudeLastActiveOrg(orgTrimmed);
+    else await clearClaudeLastActiveOrg();
+    setClaudeKey(trimmed);
+    setPendingKey("");
+    setPendingOrg("");
+    setClaudeError(null);
+  };
 
   const handleClearCodex = () => {
     Alert.alert(
@@ -172,6 +240,29 @@ export default function SettingsTab() {
     );
   };
 
+  const handleTimeBlur = useCallback(() => {
+    const parsed = parseTimeInput(timeInput);
+    if (parsed) {
+      void notif.update({ dailyHour: parsed.hour, dailyMinute: parsed.minute });
+      setTimeInput(formatTime(parsed.hour, parsed.minute));
+      setTimeError(null);
+    } else {
+      setTimeError("Use HH:MM format, from 00:00 to 23:59.");
+    }
+  }, [timeInput, notif]);
+
+  const handleThresholdBlur = useCallback(() => {
+    const n = parseInt(thresholdInput, 10);
+    if (!isNaN(n) && n >= 1 && n <= 99) {
+      void notif.update({ thresholdPct: n });
+    } else {
+      setThresholdInput(String(notif.settings.thresholdPct));
+    }
+  }, [thresholdInput, notif]);
+
+  const canSaveClaude = isClaudeSessionKeyValid(pendingKey);
+  const inlineClaudeError =
+    claudeError ?? (pendingKey ? validateClaudeSessionKey(pendingKey) : null);
   const appVersion = Constants.expoConfig?.version ?? "1.0.0";
 
   return (
@@ -179,7 +270,15 @@ export default function SettingsTab() {
       className="flex-1 bg-neutral-50 dark:bg-neutral-950"
       edges={["top", "bottom"]}
     >
-      <ScrollView className="flex-1" contentContainerStyle={{ paddingBottom: 48 }}>
+      <KeyboardAvoidingView
+        className="flex-1"
+        behavior={process.env.EXPO_OS === "ios" ? "padding" : "height"}
+      >
+        <ScrollView
+          className="flex-1"
+          contentContainerStyle={{ paddingBottom: 48 }}
+          keyboardShouldPersistTaps="handled"
+        >
           {/* Header */}
           <View className="px-4 py-5">
             <Text className="text-2xl font-bold text-neutral-900 dark:text-white tracking-tight">
@@ -195,7 +294,11 @@ export default function SettingsTab() {
                 <SettingRow
                   icon="check-circle"
                   label="Connected"
-                value={codexAuth.accountId ? `${codexAuth.accountId.slice(0, 16)}…` : undefined}
+                  value={
+                    codexAuth.accountId
+                      ? `${codexAuth.accountId.slice(0, 16)}…`
+                      : undefined
+                  }
                   disabled
                 />
                 <Divider />
@@ -210,7 +313,7 @@ export default function SettingsTab() {
               <SettingRow
                 icon="upload-file"
                 label="Import auth.json"
-              onPress={() => router.navigate("/(tabs)/codex")}
+                onPress={handleImportCodex}
               />
             )}
           </SectionCard>
@@ -235,11 +338,207 @@ export default function SettingsTab() {
                 />
               </>
             ) : (
-            <SettingRow
-              icon="vpn-key"
-              label="Enter session key"
-              onPress={() => router.navigate("/(tabs)/claude")}
+              <View className="p-4">
+                {inlineClaudeError && (
+                  <Text selectable className="text-xs text-red-500 mb-2">
+                    {inlineClaudeError}
+                  </Text>
+                )}
+                <TextInput
+                  value={pendingKey}
+                  onChangeText={(t) => {
+                    setPendingKey(t);
+                    setClaudeError(null);
+                  }}
+                  placeholder="sk-ant-… (required)"
+                  placeholderTextColor="#a3a3a3"
+                  autoCapitalize="none"
+                  autoCorrect={false}
+                  secureTextEntry
+                  className="border border-neutral-200 dark:border-neutral-700 rounded-xl px-3 py-3 text-sm text-neutral-900 dark:text-white bg-neutral-50 dark:bg-neutral-800 mb-2"
                 />
+                <TextInput
+                  value={pendingOrg}
+                  onChangeText={setPendingOrg}
+                  placeholder="lastActiveOrg UUID (optional)"
+                  placeholderTextColor="#a3a3a3"
+                  autoCapitalize="none"
+                  autoCorrect={false}
+                  className="border border-neutral-200 dark:border-neutral-700 rounded-xl px-3 py-3 text-sm text-neutral-900 dark:text-white bg-neutral-50 dark:bg-neutral-800 mb-3"
+                />
+                <TouchableOpacity
+                  onPress={handleSaveClaude}
+                  disabled={!canSaveClaude}
+                  className="py-3 px-4 rounded-xl items-center"
+                  style={{
+                    backgroundColor: canSaveClaude
+                      ? COLORS.claude
+                      : COLORS.disabled,
+                  }}
+                >
+                  <Text
+                    className="font-semibold text-sm"
+                    style={{ color: canSaveClaude ? "white" : COLORS.muted }}
+                  >
+                    Save Session Key
+                  </Text>
+                </TouchableOpacity>
+                <Text className="text-xs text-neutral-400 text-center mt-3 leading-relaxed">
+                  Chrome DevTools → Application → Cookies → claude.ai →{" "}
+                  <Text className="font-mono text-neutral-500">sessionKey</Text>
+                </Text>
+              </View>
+            )}
+          </SectionCard>
+
+          {/* Notifications section */}
+          <SectionHeader title="Notifications" />
+          <SectionCard>
+            {notif.permissionStatus !== "granted" ? (
+              <TouchableOpacity
+                onPress={async () => {
+                  const granted = await notif.askPermissions();
+                  if (!granted && notif.permissionStatus === "denied") {
+                    Alert.alert(
+                      "Notifications blocked",
+                      "Go to Settings → CodexBar → Notifications to enable them."
+                    );
+                  }
+                }}
+                className="flex-row items-center gap-x-3 py-3.5 px-4"
+              >
+                <View className="w-8 items-center">
+                  <MaterialIcons name="notifications-off" size={20} color="#737373" />
+                </View>
+                <View className="flex-1">
+                  <Text className="text-sm font-medium text-neutral-800 dark:text-neutral-100">
+                    Enable notifications
+                  </Text>
+                  <Text className="text-xs text-neutral-400 mt-0.5">
+                    {notif.permissionStatus === "denied"
+                      ? "Blocked — open system Settings to allow"
+                      : "Required to receive alerts"}
+                  </Text>
+                </View>
+                {notif.permissionStatus !== "denied" && (
+                  <View className="px-2.5 py-1 rounded-full bg-amber-100 dark:bg-amber-900/30">
+                    <Text className="text-xs font-semibold text-amber-700 dark:text-amber-300">
+                      Allow
+                    </Text>
+                  </View>
+                )}
+              </TouchableOpacity>
+            ) : (
+              <>
+                {/* Daily digest */}
+                <View className="flex-row items-center gap-x-3 py-3.5 px-4">
+                  <View className="w-8 items-center">
+                    <MaterialIcons name="alarm" size={20} color="#737373" />
+                  </View>
+                  <View className="flex-1">
+                    <Text className="text-sm font-medium text-neutral-800 dark:text-neutral-100">
+                      Daily digest
+                    </Text>
+                    <Text className="text-xs text-neutral-400 mt-0.5">
+                      Daily reminder with last-known usage
+                    </Text>
+                  </View>
+                  <Switch
+                    value={notif.settings.dailyEnabled}
+                    onValueChange={(v) => void notif.update({ dailyEnabled: v })}
+                    trackColor={{ false: COLORS.disabled, true: COLORS.codex }}
+                    thumbColor="white"
+                  />
+                </View>
+
+                {notif.settings.dailyEnabled && (
+                  <>
+                    <Divider />
+                    <View className="px-4 py-3">
+                      <View className="flex-row items-center gap-x-3">
+                        <View className="w-8 items-center">
+                          <MaterialIcons name="schedule" size={20} color="#737373" />
+                        </View>
+                        <Text className="flex-1 text-sm font-medium text-neutral-800 dark:text-neutral-100">
+                          Time
+                        </Text>
+                        <TextInput
+                          value={timeInput}
+                          onChangeText={(value) => {
+                            setTimeInput(value);
+                            setTimeError(null);
+                          }}
+                          onBlur={handleTimeBlur}
+                          placeholder="09:00"
+                          placeholderTextColor={COLORS.muted}
+                          keyboardType="numbers-and-punctuation"
+                          returnKeyType="done"
+                          maxLength={5}
+                          className="text-sm font-mono text-neutral-600 dark:text-neutral-300 text-right"
+                          style={{ minWidth: 52 }}
+                        />
+                      </View>
+                      {timeError && (
+                        <Text selectable className="ml-11 mt-1.5 text-xs text-red-500">
+                          {timeError}
+                        </Text>
+                      )}
+                    </View>
+                  </>
+                )}
+
+                <Divider />
+
+                {/* Threshold alert */}
+                <View className="flex-row items-center gap-x-3 py-3.5 px-4">
+                  <View className="w-8 items-center">
+                    <MaterialIcons name="warning" size={20} color="#737373" />
+                  </View>
+                  <View className="flex-1">
+                    <Text className="text-sm font-medium text-neutral-800 dark:text-neutral-100">
+                      Low quota alert
+                    </Text>
+                    <Text className="text-xs text-neutral-400 mt-0.5">
+                      Alert when weekly quota runs low
+                    </Text>
+                  </View>
+                  <Switch
+                    value={notif.settings.thresholdEnabled}
+                    onValueChange={(v) => void notif.update({ thresholdEnabled: v })}
+                    trackColor={{ false: COLORS.disabled, true: COLORS.claude }}
+                    thumbColor="white"
+                  />
+                </View>
+
+                {notif.settings.thresholdEnabled && (
+                  <>
+                    <Divider />
+                    <View className="flex-row items-center gap-x-3 py-3 px-4">
+                      <View className="w-8 items-center">
+                        <MaterialIcons name="battery-alert" size={20} color="#737373" />
+                      </View>
+                      <Text className="flex-1 text-sm font-medium text-neutral-800 dark:text-neutral-100">
+                        Alert below
+                      </Text>
+                      <View className="flex-row items-center gap-x-1">
+                        <TextInput
+                          value={thresholdInput}
+                          onChangeText={setThresholdInput}
+                          onBlur={handleThresholdBlur}
+                          keyboardType="numeric"
+                          returnKeyType="done"
+                          maxLength={2}
+                          className="text-sm font-mono text-neutral-600 dark:text-neutral-300 text-right"
+                          style={{ minWidth: 28 }}
+                        />
+                        <Text className="text-sm text-neutral-400 dark:text-neutral-500">
+                          % remaining
+                        </Text>
+                      </View>
+                    </View>
+                  </>
+                )}
+              </>
             )}
           </SectionCard>
 
@@ -261,6 +560,15 @@ export default function SettingsTab() {
             />
           </SectionCard>
         </ScrollView>
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 }
+
+export default function SettingsTab() {
+  return (
+    <ScreenErrorBoundary screenName="Settings">
+      <SettingsTabContent />
+    </ScreenErrorBoundary>
+  );
+}

app/_layout.tsx

@@ -2,11 +2,12 @@ import "../global.css";
 import { Stack } from "expo-router";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { StatusBar } from "expo-status-bar";
+import "@/lib/notifications"; // registers setNotificationHandler on app start
 
 export default function RootLayout() {
   return (
     <SafeAreaProvider>
-      <StatusBar style="auto" />
+      <StatusBar style="light" />
       <Stack screenOptions={{ headerShown: false }} />
     </SafeAreaProvider>
   );

app/index.tsx

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { View, ActivityIndicator } from "react-native";
 import { router } from "expo-router";
 import { hasCompletedOnboarding } from "@/lib/setupState";
+import { COLORS } from "@/lib/constants";
 
 export default function Index() {
   useEffect(() => {
@@ -12,7 +13,7 @@ export default function Index() {
 
   return (
     <View className="flex-1 bg-neutral-950 items-center justify-center">
-      <ActivityIndicator color="#10a37f" size="large" />
+      <ActivityIndicator color={COLORS.codex} size="large" />
     </View>
   );
 }

app/onboarding/claude.tsx

@@ -5,44 +5,67 @@ import {
   TouchableOpacity,
   TextInput,
   KeyboardAvoidingView,
-  Platform,
   ScrollView,
 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { router } from "expo-router";
 import { MaterialIcons } from "@expo/vector-icons";
-import { saveClaudeSessionKey, loadClaudeSessionKey } from "@/lib/storage";
+import {
+  saveClaudeSessionKey,
+  saveClaudeLastActiveOrg,
+  clearClaudeLastActiveOrg,
+  loadClaudeSessionKey,
+  loadClaudeLastActiveOrg,
+} from "@/lib/storage";
+import {
+  isClaudeSessionKeyValid,
+  validateClaudeSessionKey,
+} from "@/lib/claudeCredentials";
+import { COLORS } from "@/lib/constants";
 
 export default function OnboardingClaudeScreen() {
   const [savedKey, setSavedKey] = useState<string | null>(null);
+  const [savedOrg, setSavedOrg] = useState<string | null>(null);
   const [pendingKey, setPendingKey] = useState("");
+  const [pendingOrg, setPendingOrg] = useState("");
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    loadClaudeSessionKey().then((k) => {
+    Promise.all([loadClaudeSessionKey(), loadClaudeLastActiveOrg()]).then(
+      ([k, o]) => {
         if (k) setSavedKey(k);
-    });
+        if (o) setSavedOrg(o);
+      }
+    );
   }, []);
 
-  const canSave = pendingKey.trim().startsWith("sk-ant-");
+  const canSave = isClaudeSessionKeyValid(pendingKey);
+  const inlineError =
+    error ?? (pendingKey ? validateClaudeSessionKey(pendingKey) : null);
 
   const handleSave = useCallback(async () => {
     const trimmed = pendingKey.trim();
-    if (!trimmed.startsWith("sk-ant-")) {
-      setError("Session key must start with sk-ant-");
+    const validationError = validateClaudeSessionKey(trimmed);
+    if (validationError) {
+      setError(validationError);
       return;
     }
+    const orgTrimmed = pendingOrg.trim() || undefined;
     await saveClaudeSessionKey(trimmed);
+    if (orgTrimmed) await saveClaudeLastActiveOrg(orgTrimmed);
+    else await clearClaudeLastActiveOrg();
     setSavedKey(trimmed);
+    setSavedOrg(orgTrimmed ?? null);
     setPendingKey("");
+    setPendingOrg("");
     setError(null);
-  }, [pendingKey]);
+  }, [pendingKey, pendingOrg]);
 
   return (
     <SafeAreaView className="flex-1 bg-neutral-950">
       <KeyboardAvoidingView
         className="flex-1"
-        behavior={Platform.OS === "ios" ? "padding" : "height"}
+        behavior={process.env.EXPO_OS === "ios" ? "padding" : "height"}
       >
         <ScrollView
           className="flex-1"
@@ -61,14 +84,14 @@ export default function OnboardingClaudeScreen() {
               <View className="flex-row items-center gap-x-2">
                 <View
                   className="w-6 h-6 rounded-full items-center justify-center"
-                  style={{ backgroundColor: "#10a37f" }}
+                  style={{ backgroundColor: COLORS.codex }}
                 >
                   <MaterialIcons name="check" size={14} color="white" />
                 </View>
-                <View className="w-12 h-0.5" style={{ backgroundColor: "#d97706" }} />
+                <View className="w-12 h-0.5" style={{ backgroundColor: COLORS.claude }} />
                 <View
                   className="w-6 h-6 rounded-full items-center justify-center"
-                  style={{ backgroundColor: "#d97706" }}
+                  style={{ backgroundColor: COLORS.claude }}
                 >
                   <Text className="text-white text-xs font-bold">2</Text>
                 </View>
@@ -80,9 +103,9 @@ export default function OnboardingClaudeScreen() {
             <View>
               <View
                 className="w-16 h-16 rounded-2xl items-center justify-center mb-6"
-                style={{ backgroundColor: "#d9770622" }}
+                style={{ backgroundColor: `${COLORS.claude}22` }}
               >
-                <MaterialIcons name="psychology" size={32} color="#d97706" />
+                <MaterialIcons name="psychology" size={32} color={COLORS.claude} />
               </View>
               <Text className="text-3xl font-bold text-white mb-3">
                 Connect Claude.ai
@@ -92,12 +115,13 @@ export default function OnboardingClaudeScreen() {
               </Text>
 
               {savedKey ? (
-                <View className="flex-row items-center gap-x-3 bg-neutral-900 rounded-2xl p-4 border border-neutral-800 mb-4">
+                <View className="bg-neutral-900 rounded-2xl border border-neutral-800 mb-4 overflow-hidden">
+                  <View className="flex-row items-center gap-x-3 p-4">
                     <View
                       className="w-10 h-10 rounded-xl items-center justify-center"
-                    style={{ backgroundColor: "#d9770622" }}
+                      style={{ backgroundColor: `${COLORS.claude}22` }}
                     >
-                    <MaterialIcons name="check-circle" size={22} color="#d97706" />
+                      <MaterialIcons name="check-circle" size={22} color={COLORS.claude} />
                     </View>
                     <View className="flex-1">
                       <Text className="text-white font-semibold">Connected</Text>
@@ -108,17 +132,27 @@ export default function OnboardingClaudeScreen() {
                     <TouchableOpacity
                       onPress={() => {
                         setSavedKey(null);
+                        setSavedOrg(null);
                         setPendingKey("");
+                        setPendingOrg("");
                       }}
                     >
                       <Text className="text-neutral-400 text-xs">Change</Text>
                     </TouchableOpacity>
                   </View>
+                  {savedOrg && (
+                    <View className="border-t border-neutral-800 px-4 py-3">
+                      <Text className="text-neutral-500 text-xs font-mono">
+                        org: {savedOrg.slice(0, 8)}…
+                      </Text>
+                    </View>
+                  )}
+                </View>
               ) : (
                 <View>
-                  {error && (
+                  {inlineError && (
                     <View className="bg-red-950 border border-red-900 rounded-xl px-4 py-3 mb-4">
-                      <Text className="text-red-400 text-sm">{error}</Text>
+                      <Text selectable className="text-red-400 text-sm">{inlineError}</Text>
                     </View>
                   )}
                   <TextInput
@@ -127,18 +161,29 @@ export default function OnboardingClaudeScreen() {
                       setPendingKey(t);
                       setError(null);
                     }}
-                    placeholder="sk-ant-..."
+                    placeholder="sk-ant-… (required)"
                     placeholderTextColor="#525252"
                     autoCapitalize="none"
                     autoCorrect={false}
                     secureTextEntry
                     className="border border-neutral-800 rounded-xl px-4 py-3.5 text-sm text-white bg-neutral-900 mb-3"
                   />
+                  <TextInput
+                    value={pendingOrg}
+                    onChangeText={setPendingOrg}
+                    placeholder="lastActiveOrg UUID (optional)"
+                    placeholderTextColor="#525252"
+                    autoCapitalize="none"
+                    autoCorrect={false}
+                    className="border border-neutral-800 rounded-xl px-4 py-3.5 text-sm text-white bg-neutral-900 mb-3"
+                  />
                   <TouchableOpacity
                     onPress={handleSave}
                     disabled={!canSave}
                     className="rounded-2xl py-4 items-center mb-4"
-                    style={{ backgroundColor: canSave ? "#d97706" : "#1a1a1a" }}
+                    style={{
+                      backgroundColor: canSave ? COLORS.claude : "#1a1a1a",
+                    }}
                   >
                     <Text
                       className="font-bold text-base"
@@ -149,11 +194,11 @@ export default function OnboardingClaudeScreen() {
                   </TouchableOpacity>
                   <View className="bg-neutral-900 rounded-xl p-4 border border-neutral-800">
                     <Text className="text-neutral-400 text-xs font-semibold uppercase tracking-widest mb-2">
-                      How to find your session key
+                      How to find your credentials
                     </Text>
                     <Text className="text-neutral-500 text-sm leading-relaxed">
-                      Open Claude.ai in Chrome → DevTools (F12) → Application → Cookies → claude.ai → find{" "}
-                      <Text className="text-neutral-300 font-mono">sessionKey</Text>
+                      Open Claude.ai in Chrome → DevTools (F12) → Application → Cookies → claude.ai{"\n"}
+                      Copy <Text className="text-neutral-300 font-mono">sessionKey</Text> and optionally <Text className="text-neutral-300 font-mono">lastActiveOrg</Text>
                     </Text>
                   </View>
                 </View>
@@ -165,7 +210,9 @@ export default function OnboardingClaudeScreen() {
               <TouchableOpacity
                 onPress={() => router.push("/onboarding/done")}
                 className="rounded-2xl py-4 items-center"
-                style={{ backgroundColor: savedKey ? "#d97706" : "#1a1a1a" }}
+                style={{
+                  backgroundColor: savedKey ? COLORS.claude : "#1a1a1a",
+                }}
               >
                 <Text
                   className="font-bold text-base"

app/onboarding/codex.tsx

@@ -6,6 +6,7 @@ import { MaterialIcons } from "@expo/vector-icons";
 import { pickAndReadCodexAuth } from "@/lib/fileReader";
 import { saveCodexAuth, loadCodexAuth } from "@/lib/storage";
 import type { CodexAuth } from "@/types/codex";
+import { COLORS } from "@/lib/constants";
 
 export default function OnboardingCodexScreen() {
   const [auth, setAuth] = useState<CodexAuth | null>(null);
@@ -45,7 +46,7 @@ export default function OnboardingCodexScreen() {
             <MaterialIcons name="arrow-back" size={18} color="#a3a3a3" />
           </TouchableOpacity>
           <View className="flex-row items-center gap-x-2">
-            <View className="w-6 h-6 rounded-full items-center justify-center" style={{ backgroundColor: "#10a37f" }}>
+            <View className="w-6 h-6 rounded-full items-center justify-center" style={{ backgroundColor: COLORS.codex }}>
               <Text className="text-white text-xs font-bold">1</Text>
             </View>
             <View className="w-12 h-0.5 bg-neutral-800" />
@@ -60,9 +61,9 @@ export default function OnboardingCodexScreen() {
         <View>
           <View
             className="w-16 h-16 rounded-2xl items-center justify-center mb-6"
-            style={{ backgroundColor: "#10a37f22" }}
+            style={{ backgroundColor: `${COLORS.codex}22` }}
           >
-            <MaterialIcons name="auto-awesome" size={32} color="#10a37f" />
+            <MaterialIcons name="auto-awesome" size={32} color={COLORS.codex} />
           </View>
           <Text className="text-3xl font-bold text-white mb-3">
             Connect Codex CLI
@@ -80,9 +81,9 @@ export default function OnboardingCodexScreen() {
             <View className="flex-row items-center gap-x-3 bg-neutral-900 rounded-2xl p-4 border border-neutral-800 mb-4">
               <View
                 className="w-10 h-10 rounded-xl items-center justify-center"
-                style={{ backgroundColor: "#10a37f22" }}
+                style={{ backgroundColor: `${COLORS.codex}22` }}
               >
-                <MaterialIcons name="check-circle" size={22} color="#10a37f" />
+                <MaterialIcons name="check-circle" size={22} color={COLORS.codex} />
               </View>
               <View className="flex-1">
                 <Text className="text-white font-semibold">Connected</Text>
@@ -107,10 +108,10 @@ export default function OnboardingCodexScreen() {
                 onPress={importFile}
                 disabled={loading}
                 className="rounded-2xl py-4 items-center mb-3"
-                style={{ backgroundColor: loading ? "#1a1a1a" : "#10a37f" }}
+                style={{ backgroundColor: loading ? "#1a1a1a" : COLORS.codex }}
               >
                 {loading ? (
-                  <ActivityIndicator color="#10a37f" />
+                  <ActivityIndicator color={COLORS.codex} />
                 ) : (
                   <View className="flex-row items-center gap-x-2">
                     <MaterialIcons name="upload-file" size={18} color="white" />
@@ -132,7 +133,7 @@ export default function OnboardingCodexScreen() {
           <TouchableOpacity
             onPress={() => router.push("/onboarding/claude")}
             className="rounded-2xl py-4 items-center"
-            style={{ backgroundColor: auth ? "#10a37f" : "#1a1a1a" }}
+            style={{ backgroundColor: auth ? COLORS.codex : "#1a1a1a" }}
           >
             <Text
               className="font-bold text-base"

app/onboarding/done.tsx

@@ -5,6 +5,7 @@ import { router } from "expo-router";
 import { MaterialIcons } from "@expo/vector-icons";
 import { markOnboardingComplete } from "@/lib/setupState";
 import { loadCodexAuth, loadClaudeSessionKey } from "@/lib/storage";
+import { COLORS } from "@/lib/constants";
 
 export default function OnboardingDoneScreen() {
   const [codexConfigured, setCodexConfigured] = useState(false);
@@ -32,12 +33,12 @@ export default function OnboardingDoneScreen() {
         {/* Icon */}
         <View
           className="w-20 h-20 rounded-3xl items-center justify-center mb-8"
-          style={{ backgroundColor: "#10a37f22" }}
+          style={{ backgroundColor: `${COLORS.codex}22` }}
         >
           <MaterialIcons
             name={noneConfigured ? "info-outline" : "check-circle"}
             size={40}
-            color={noneConfigured ? "#a3a3a3" : "#10a37f"}
+            color={noneConfigured ? COLORS.muted : COLORS.codex}
           />
         </View>
 
@@ -57,13 +58,15 @@ export default function OnboardingDoneScreen() {
             <View
               className="w-10 h-10 rounded-xl items-center justify-center"
               style={{
-                backgroundColor: codexConfigured ? "#10a37f22" : "#27272a",
+                backgroundColor: codexConfigured
+                  ? `${COLORS.codex}22`
+                  : "#27272a",
               }}
             >
               <MaterialIcons
                 name={codexConfigured ? "check-circle" : "radio-button-unchecked"}
                 size={22}
-                color={codexConfigured ? "#10a37f" : "#525252"}
+                color={codexConfigured ? COLORS.codex : "#525252"}
               />
             </View>
             <View className="flex-1">
@@ -83,13 +86,15 @@ export default function OnboardingDoneScreen() {
             <View
               className="w-10 h-10 rounded-xl items-center justify-center"
               style={{
-                backgroundColor: claudeConfigured ? "#d9770622" : "#27272a",
+                backgroundColor: claudeConfigured
+                  ? `${COLORS.claude}22`
+                  : "#27272a",
               }}
             >
               <MaterialIcons
                 name={claudeConfigured ? "check-circle" : "radio-button-unchecked"}
                 size={22}
-                color={claudeConfigured ? "#d97706" : "#525252"}
+                color={claudeConfigured ? COLORS.claude : "#525252"}
               />
             </View>
             <View className="flex-1">
@@ -110,7 +115,7 @@ export default function OnboardingDoneScreen() {
         <TouchableOpacity
           onPress={handleEnterApp}
           className="w-full rounded-2xl py-4 items-center"
-          style={{ backgroundColor: "#10a37f" }}
+          style={{ backgroundColor: COLORS.codex }}
         >
           <Text className="text-white font-bold text-base">Open App</Text>
         </TouchableOpacity>

app/onboarding/index.tsx

@@ -2,6 +2,7 @@ import { View, Text, TouchableOpacity } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { router } from "expo-router";
 import { MaterialIcons } from "@expo/vector-icons";
+import { COLORS } from "@/lib/constants";
 
 export default function WelcomeScreen() {
   return (
@@ -12,13 +13,13 @@ export default function WelcomeScreen() {
           <View className="flex-row items-center justify-center mb-8">
             <View
               className="w-16 h-16 rounded-2xl items-center justify-center"
-              style={{ backgroundColor: "#10a37f" }}
+              style={{ backgroundColor: COLORS.codex }}
             >
               <MaterialIcons name="auto-awesome" size={28} color="white" />
             </View>
             <View
               className="w-16 h-16 rounded-2xl items-center justify-center -ml-5"
-              style={{ backgroundColor: "#d97706" }}
+              style={{ backgroundColor: COLORS.claude }}
             >
               <MaterialIcons name="psychology" size={28} color="white" />
             </View>
@@ -36,9 +37,9 @@ export default function WelcomeScreen() {
           <View className="flex-row items-center gap-x-3 bg-neutral-900 rounded-2xl p-4 border border-neutral-800">
             <View
               className="w-10 h-10 rounded-xl items-center justify-center"
-              style={{ backgroundColor: "#10a37f22" }}
+              style={{ backgroundColor: `${COLORS.codex}22` }}
             >
-              <MaterialIcons name="auto-awesome" size={20} color="#10a37f" />
+              <MaterialIcons name="auto-awesome" size={20} color={COLORS.codex} />
             </View>
             <View className="flex-1">
               <Text className="text-white font-semibold mb-0.5">Codex CLI</Text>
@@ -50,9 +51,9 @@ export default function WelcomeScreen() {
           <View className="flex-row items-center gap-x-3 bg-neutral-900 rounded-2xl p-4 border border-neutral-800">
             <View
               className="w-10 h-10 rounded-xl items-center justify-center"
-              style={{ backgroundColor: "#d9770622" }}
+              style={{ backgroundColor: `${COLORS.claude}22` }}
             >
-              <MaterialIcons name="psychology" size={20} color="#d97706" />
+              <MaterialIcons name="psychology" size={20} color={COLORS.claude} />
             </View>
             <View className="flex-1">
               <Text className="text-white font-semibold mb-0.5">Claude.ai</Text>
@@ -68,7 +69,7 @@ export default function WelcomeScreen() {
           <TouchableOpacity
             onPress={() => router.push("/onboarding/codex")}
             className="rounded-2xl py-4 items-center"
-            style={{ backgroundColor: "#10a37f" }}
+            style={{ backgroundColor: COLORS.codex }}
           >
             <Text className="text-white font-bold text-base">Get Started</Text>
           </TouchableOpacity>

babel.config.js

@@ -5,5 +5,6 @@ module.exports = function (api) {
       ["babel-preset-expo", { jsxImportSource: "nativewind" }],
       "nativewind/babel",
     ],
+    plugins: ["react-native-reanimated/plugin"],
   };
 };

components/ErrorMessage.tsx

@@ -5,6 +5,12 @@ const ERROR_MESSAGES: Record<string, string> = {
   MISSING_ACCESS_TOKEN: "auth.json is missing the accessToken field.",
   INVALID_JSON: "The selected file is not valid JSON.",
   NO_ORGS_FOUND: "No Claude organizations found for this session key.",
+  INVALID_CODEX_RESPONSE:
+    "Codex returned an unexpected response. The app was kept safe from invalid data.",
+  INVALID_CLAUDE_RESPONSE:
+    "Claude returned an unexpected usage response. The app was kept safe from invalid data.",
+  INVALID_CLAUDE_ORGS_RESPONSE:
+    "Claude returned an unexpected organizations response.",
 };
 
 function humanize(code: string): string {

components/LastUpdated.tsx

@@ -0,0 +1,21 @@
+import { useEffect, useState } from "react";
+import { Text } from "react-native";
+import { COUNTDOWN_INTERVAL_MS } from "@/lib/constants";
+import { formatLastUpdated } from "@/lib/timeUtils";
+
+export function LastUpdated({ timestamp }: { timestamp: number | null }) {
+  const [now, setNow] = useState(Date.now);
+
+  useEffect(() => {
+    const interval = setInterval(() => setNow(Date.now()), COUNTDOWN_INTERVAL_MS);
+    return () => clearInterval(interval);
+  }, []);
+
+  if (!timestamp) return null;
+
+  return (
+    <Text selectable className="text-xs text-neutral-400 dark:text-neutral-500">
+      {formatLastUpdated(timestamp, now)}
+    </Text>
+  );
+}

components/ProgressBar.tsx

@@ -1,12 +1,13 @@
 import { View } from "react-native";
+import { PROGRESS_THRESHOLDS } from "@/lib/constants";
 
 interface ProgressBarProps {
   percent: number;
 }
 
 function getBarColor(percent: number): string {
-  if (percent >= 85) return "bg-red-500";
-  if (percent >= 60) return "bg-yellow-400";
+  if (percent >= PROGRESS_THRESHOLDS.danger) return "bg-red-500";
+  if (percent >= PROGRESS_THRESHOLDS.warning) return "bg-yellow-400";
   return "bg-green-500";
 }
 

components/ResetCountdown.tsx

@@ -1,5 +1,6 @@
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Text } from "react-native";
+import { COUNTDOWN_INTERVAL_MS } from "@/lib/constants";
 import { formatResetCountdown, formatResetCountdownISO } from "@/lib/timeUtils";
 
 interface ResetCountdownProps {
@@ -8,18 +9,28 @@ interface ResetCountdownProps {
 }
 
 export function ResetCountdown({ resetAtSeconds, resetAtISO }: ResetCountdownProps) {
+  const latest = useRef({ resetAtSeconds, resetAtISO });
+  latest.current = { resetAtSeconds, resetAtISO };
+
   const getLabel = () => {
-    if (resetAtSeconds !== undefined) return formatResetCountdown(resetAtSeconds);
-    if (resetAtISO) return formatResetCountdownISO(resetAtISO);
+    if (latest.current.resetAtSeconds !== undefined) {
+      return formatResetCountdown(latest.current.resetAtSeconds);
+    }
+    if (latest.current.resetAtISO) return formatResetCountdownISO(latest.current.resetAtISO);
     return "";
   };
 
   const [label, setLabel] = useState(getLabel);
 
   useEffect(() => {
-    setLabel(getLabel());
-    const interval = setInterval(() => setLabel(getLabel()), 60_000);
+    const update = () => setLabel(getLabel());
+    update();
+    const interval = setInterval(update, COUNTDOWN_INTERVAL_MS);
     return () => clearInterval(interval);
+  }, []);
+
+  useEffect(() => {
+    setLabel(getLabel());
   }, [resetAtSeconds, resetAtISO]);
 
   if (!label) return null;

components/ScreenErrorBoundary.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+import { COLORS } from "@/lib/constants";
+
+interface Props {
+  children: React.ReactNode;
+  screenName: string;
+}
+
+interface State {
+  error: Error | null;
+}
+
+export class ScreenErrorBoundary extends React.Component<Props, State> {
+  state: State = { error: null };
+
+  static getDerivedStateFromError(error: Error): State {
+    return { error };
+  }
+
+  render() {
+    if (!this.state.error) return this.props.children;
+
+    return (
+      <View className="flex-1 items-center justify-center bg-neutral-50 dark:bg-neutral-950 px-8">
+        <Text selectable className="text-xl font-bold text-neutral-900 dark:text-white">
+          {this.props.screenName} hit a snag
+        </Text>
+        <Text
+          selectable
+          className="mt-2 text-center text-sm text-neutral-500 dark:text-neutral-400"
+        >
+          This screen could not be rendered. The rest of Codexbar is still available.
+        </Text>
+        <TouchableOpacity
+          onPress={() => this.setState({ error: null })}
+          className="mt-5 rounded-xl px-4 py-3"
+          style={{ backgroundColor: COLORS.codex }}
+        >
+          <Text className="text-sm font-semibold text-white">Try again</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}

hooks/useClaudeUsage.ts

@@ -1,115 +1,245 @@
-import { useState, useCallback, useEffect } from "react";
-import { fetchClaudeOrgs, fetchClaudeUsage } from "@/lib/api/claudeApi";
+import { useCallback, useEffect, useRef, useState } from "react";
 import {
-  loadClaudeSessionKey,
-  saveClaudeSessionKey,
+  fetchClaudeOrgs,
+  fetchClaudeUsage,
+  parseClaudeUsageResponse,
+} from "@/lib/api/claudeApi";
+import {
+  isClaudeSessionKeyValid,
+  validateClaudeSessionKey,
+} from "@/lib/claudeCredentials";
+import { RETRY_DELAY_MS } from "@/lib/constants";
+import {
+  clearClaudeLastActiveOrg,
   clearClaudeSessionKey,
+  clearClaudeUsageCache,
+  loadClaudeLastActiveOrg,
+  loadClaudeSessionKey,
+  loadClaudeUsageCache,
+  saveClaudeLastActiveOrg,
+  saveClaudeSessionKey,
+  saveClaudeUsageCache,
 } from "@/lib/storage";
-import type { ClaudeUsageResponse } from "@/types/claude";
+import type { ClaudeAuth, ClaudeUsageResponse } from "@/types/claude";
 
 type Status = "idle" | "loading" | "success" | "error";
 
-async function doFetch(
-  sessionKey: string,
-  set: {
-    sessionKey: (v: string | null) => void;
-    usage: (v: ClaudeUsageResponse | null) => void;
-    status: (v: Status) => void;
-    error: (v: string | null) => void;
+function shouldRetry(error: unknown): boolean {
+  const message = error instanceof Error ? error.message : "";
+  return ![
+    "TOKEN_EXPIRED",
+    "NO_ORGS_FOUND",
+    "INVALID_CLAUDE_RESPONSE",
+    "INVALID_CLAUDE_ORGS_RESPONSE",
+  ].includes(message);
 }
-) {
-  set.status("loading");
-  set.error(null);
-  try {
-    const orgs = await fetchClaudeOrgs(sessionKey);
+
+function wait(ms: number): Promise<void> {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+async function requestClaudeUsage(auth: ClaudeAuth): Promise<ClaudeUsageResponse> {
+  let orgUuid = auth.lastActiveOrg?.trim();
+  if (!orgUuid) {
+    const orgs = await fetchClaudeOrgs(auth);
     if (!orgs.length) throw new Error("NO_ORGS_FOUND");
-    const orgUuid = orgs[0].uuid;
-    const data = await fetchClaudeUsage(sessionKey, orgUuid);
-    set.usage(data);
-    set.status("success");
-  } catch (e: unknown) {
-    const msg = e instanceof Error ? e.message : "UNKNOWN_ERROR";
-    set.error(msg);
-    set.status("error");
-    if (msg === "TOKEN_EXPIRED") {
-      await clearClaudeSessionKey();
-      set.sessionKey(null);
-    }
+    orgUuid = orgs[0].uuid;
+    await saveClaudeLastActiveOrg(orgUuid);
   }
+  return fetchClaudeUsage(auth, orgUuid);
 }
 
 export function useClaudeUsage() {
-  const [sessionKey, setSessionKey] = useState<string | null>(null);
+  const [auth, setAuth] = useState<ClaudeAuth | null>(null);
   const [pendingKey, setPendingKey] = useState("");
+  const [pendingOrg, setPendingOrg] = useState("");
   const [usage, setUsage] = useState<ClaudeUsageResponse | null>(null);
+  const [lastFetchedAt, setLastFetchedAt] = useState<number | null>(null);
   const [status, setStatus] = useState<Status>("idle");
   const [error, setError] = useState<string | null>(null);
-
-  const setters = { sessionKey: setSessionKey, usage: setUsage, status: setStatus, error: setError };
+  const mounted = useRef(true);
+  const inFlight = useRef<{
+    key: string;
+    promise: Promise<void>;
+  } | null>(null);
+  const requestVersion = useRef(0);
 
   useEffect(() => {
-    loadClaudeSessionKey().then((stored) => {
-      if (stored) setSessionKey(stored);
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+
+  const fetchUsage = useCallback((credentials: ClaudeAuth): Promise<void> => {
+    const sanitized = {
+      sessionKey: credentials.sessionKey.trim(),
+      lastActiveOrg: credentials.lastActiveOrg?.trim() || undefined,
+    };
+    const requestKey = `${sanitized.lastActiveOrg ?? ""}:${sanitized.sessionKey}`;
+    if (inFlight.current?.key === requestKey) return inFlight.current.promise;
+    const version = ++requestVersion.current;
+
+    const promise = (async () => {
+      if (mounted.current) {
+        setStatus("loading");
+        setError(null);
+      }
+
+      try {
+        let data: ClaudeUsageResponse;
+        try {
+          data = await requestClaudeUsage(sanitized);
+        } catch (firstError) {
+          if (!shouldRetry(firstError)) throw firstError;
+          await wait(RETRY_DELAY_MS);
+          if (version !== requestVersion.current) return;
+          data = await requestClaudeUsage(sanitized);
+        }
+
+        if (version !== requestVersion.current) return;
+        const fetchedAt = Date.now();
+        await saveClaudeUsageCache({ data, lastFetchedAt: fetchedAt });
+        if (mounted.current && version === requestVersion.current) {
+          setUsage(data);
+          setLastFetchedAt(fetchedAt);
+          setStatus("success");
+        }
+      } catch (caught: unknown) {
+        if (version !== requestVersion.current) return;
+        const message = caught instanceof Error ? caught.message : "UNKNOWN_ERROR";
+        if (message === "TOKEN_EXPIRED") {
+          await clearClaudeSessionKey();
+          if (mounted.current) {
+            setAuth(null);
+            setUsage(null);
+            setLastFetchedAt(null);
+          }
+        }
+        if (mounted.current) {
+          setError(message);
+          setStatus("error");
+        }
+      }
+    })().finally(() => {
+      if (inFlight.current?.promise === promise) inFlight.current = null;
     });
+
+    inFlight.current = { key: requestKey, promise };
+    return promise;
   }, []);
 
   useEffect(() => {
-    if (sessionKey) void doFetch(sessionKey, setters);
-  }, [sessionKey]);
+    let active = true;
+
+    void Promise.all([
+      loadClaudeSessionKey(),
+      loadClaudeLastActiveOrg(),
+      loadClaudeUsageCache(),
+    ]).then(async ([key, org, cache]) => {
+      if (!active) return;
+
+      const storedAuth = key
+        ? { sessionKey: key.trim(), lastActiveOrg: org?.trim() || undefined }
+        : null;
+
+      if (storedAuth && cache) {
+        try {
+          if (!Number.isFinite(cache.lastFetchedAt)) {
+            throw new Error("INVALID_CACHE_TIMESTAMP");
+          }
+          const cachedUsage = parseClaudeUsageResponse(cache.data);
+          setUsage(cachedUsage);
+          setLastFetchedAt(cache.lastFetchedAt);
+          setStatus("success");
+        } catch {
+          await clearClaudeUsageCache();
+        }
+      }
+
+      setAuth(storedAuth);
+      if (storedAuth) await fetchUsage(storedAuth);
+    });
+
+    return () => {
+      active = false;
+    };
+  }, [fetchUsage]);
 
   const saveKey = useCallback(async () => {
-    const trimmed = pendingKey.trim();
-    if (!trimmed.startsWith("sk-ant-")) {
-      setError("Session key must start with sk-ant-");
+    const trimmedKey = pendingKey.trim();
+    const validationError = validateClaudeSessionKey(trimmedKey);
+    if (validationError) {
+      setError(validationError);
       return;
     }
-    await saveClaudeSessionKey(trimmed);
-    setSessionKey(trimmed);
+
+    const trimmedOrg = pendingOrg.trim() || undefined;
+    await saveClaudeSessionKey(trimmedKey);
+    if (trimmedOrg) await saveClaudeLastActiveOrg(trimmedOrg);
+    else await clearClaudeLastActiveOrg();
+
+    const nextAuth = { sessionKey: trimmedKey, lastActiveOrg: trimmedOrg };
+    setAuth(nextAuth);
     setPendingKey("");
+    setPendingOrg("");
     setError(null);
-  }, [pendingKey]);
+    await fetchUsage(nextAuth);
+  }, [fetchUsage, pendingKey, pendingOrg]);
 
   const refresh = useCallback(async () => {
-    if (!sessionKey) return;
-    await doFetch(sessionKey, setters);
-  }, [sessionKey]);
+    if (auth) await fetchUsage(auth);
+  }, [auth, fetchUsage]);
 
-  // Re-reads the session key from storage and fetches fresh data. Call from
-  // useFocusEffect so the dashboard stays current when the key is saved from
-  // another tab. If the string value is unchanged, React bails out on setState
-  // so we trigger the fetch directly.
-  const reload = useCallback(async () => {
-    const stored = await loadClaudeSessionKey();
-    if (!stored) {
-      setSessionKey(null);
+  const reloadCredentials = useCallback(async () => {
+    const [key, org] = await Promise.all([
+      loadClaudeSessionKey(),
+      loadClaudeLastActiveOrg(),
+    ]);
+    if (!key) {
+      requestVersion.current += 1;
+      setAuth(null);
       setUsage(null);
+      setLastFetchedAt(null);
       setStatus("idle");
       return;
     }
-    // If already set to the same string, setState bails out and [sessionKey]
-    // effect won't fire, so call the fetch directly.
-    setSessionKey(stored);
-    void doFetch(stored, setters);
-  }, []);
+
+    const stored = {
+      sessionKey: key.trim(),
+      lastActiveOrg: org?.trim() || undefined,
+    };
+    setAuth(stored);
+    await fetchUsage(stored);
+  }, [fetchUsage]);
 
   const clearKey = useCallback(async () => {
+    requestVersion.current += 1;
     await clearClaudeSessionKey();
-    setSessionKey(null);
+    setAuth(null);
     setUsage(null);
+    setLastFetchedAt(null);
     setStatus("idle");
     setError(null);
   }, []);
 
   return {
-    sessionKey,
+    auth,
     pendingKey,
     setPendingKey,
+    pendingOrg,
+    setPendingOrg,
     usage,
+    lastFetchedAt,
     status,
     error,
+    keyValidationError: pendingKey
+      ? validateClaudeSessionKey(pendingKey)
+      : null,
+    canSaveKey: isClaudeSessionKeyValid(pendingKey),
     saveKey,
     refresh,
-    reload,
+    reloadCredentials,
     clearKey,
   };
 }

hooks/useCodexUsage.ts

@@ -1,54 +1,138 @@
-import { useState, useCallback, useEffect } from "react";
-import { fetchCodexUsage } from "@/lib/api/codexApi";
-import { loadCodexAuth, saveCodexAuth, clearCodexAuth } from "@/lib/storage";
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  fetchCodexUsage,
+  parseCodexUsageResponse,
+} from "@/lib/api/codexApi";
+import { RETRY_DELAY_MS } from "@/lib/constants";
 import { pickAndReadCodexAuth } from "@/lib/fileReader";
-import type { CodexUsageResponse, CodexAuth } from "@/types/codex";
+import {
+  clearCodexAuth,
+  clearCodexUsageCache,
+  loadCodexAuth,
+  loadCodexUsageCache,
+  saveCodexAuth,
+  saveCodexUsageCache,
+} from "@/lib/storage";
+import type { CodexAuth, CodexUsageResponse } from "@/types/codex";
 
 type Status = "idle" | "loading" | "success" | "error";
 
-async function doFetch(
-  auth: CodexAuth,
-  set: {
-    auth: (v: CodexAuth | null) => void;
-    usage: (v: CodexUsageResponse | null) => void;
-    status: (v: Status) => void;
-    error: (v: string | null) => void;
-  }
-) {
-  set.status("loading");
-  set.error(null);
-  try {
-    const data = await fetchCodexUsage(auth);
-    set.usage(data);
-    set.status("success");
-  } catch (e: unknown) {
-    const msg = e instanceof Error ? e.message : "UNKNOWN_ERROR";
-    set.error(msg);
-    set.status("error");
-    if (msg === "TOKEN_EXPIRED") {
-      await clearCodexAuth();
-      set.auth(null);
-    }
+function shouldRetry(error: unknown): boolean {
+  const message = error instanceof Error ? error.message : "";
+  return (
+    message !== "TOKEN_EXPIRED" &&
+    message !== "INVALID_CODEX_RESPONSE"
+  );
 }
+
+function wait(ms: number): Promise<void> {
+  return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
 export function useCodexUsage() {
   const [auth, setAuth] = useState<CodexAuth | null>(null);
   const [usage, setUsage] = useState<CodexUsageResponse | null>(null);
+  const [lastFetchedAt, setLastFetchedAt] = useState<number | null>(null);
   const [status, setStatus] = useState<Status>("idle");
   const [error, setError] = useState<string | null>(null);
-
-  const setters = { auth: setAuth, usage: setUsage, status: setStatus, error: setError };
+  const mounted = useRef(true);
+  const inFlight = useRef<{
+    key: string;
+    promise: Promise<void>;
+  } | null>(null);
+  const requestVersion = useRef(0);
 
   useEffect(() => {
-    loadCodexAuth().then((stored) => {
-      if (stored) setAuth(stored);
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+
+  const fetchUsage = useCallback((credentials: CodexAuth): Promise<void> => {
+    const requestKey = `${credentials.accountId ?? ""}:${credentials.accessToken}`;
+    if (inFlight.current?.key === requestKey) return inFlight.current.promise;
+    const version = ++requestVersion.current;
+
+    const promise = (async () => {
+      if (mounted.current) {
+        setStatus("loading");
+        setError(null);
+      }
+
+      try {
+        let data: CodexUsageResponse;
+        try {
+          data = await fetchCodexUsage(credentials);
+        } catch (firstError) {
+          if (!shouldRetry(firstError)) throw firstError;
+          await wait(RETRY_DELAY_MS);
+          if (version !== requestVersion.current) return;
+          data = await fetchCodexUsage(credentials);
+        }
+
+        if (version !== requestVersion.current) return;
+        const fetchedAt = Date.now();
+        await saveCodexUsageCache({ data, lastFetchedAt: fetchedAt });
+        if (mounted.current && version === requestVersion.current) {
+          setUsage(data);
+          setLastFetchedAt(fetchedAt);
+          setStatus("success");
+        }
+      } catch (caught: unknown) {
+        if (version !== requestVersion.current) return;
+        const message = caught instanceof Error ? caught.message : "UNKNOWN_ERROR";
+        if (message === "TOKEN_EXPIRED") {
+          await clearCodexAuth();
+          if (mounted.current) {
+            setAuth(null);
+            setUsage(null);
+            setLastFetchedAt(null);
+          }
+        }
+        if (mounted.current) {
+          setError(message);
+          setStatus("error");
+        }
+      }
+    })().finally(() => {
+      if (inFlight.current?.promise === promise) inFlight.current = null;
     });
+
+    inFlight.current = { key: requestKey, promise };
+    return promise;
   }, []);
 
   useEffect(() => {
-    if (auth) void doFetch(auth, setters);
-  }, [auth]);
+    let active = true;
+
+    void Promise.all([loadCodexAuth(), loadCodexUsageCache()]).then(
+      async ([storedAuth, cache]) => {
+        if (!active) return;
+
+        if (storedAuth && cache) {
+          try {
+            if (!Number.isFinite(cache.lastFetchedAt)) {
+              throw new Error("INVALID_CACHE_TIMESTAMP");
+            }
+            const cachedUsage = parseCodexUsageResponse(cache.data);
+            setUsage(cachedUsage);
+            setLastFetchedAt(cache.lastFetchedAt);
+            setStatus("success");
+          } catch {
+            await clearCodexUsageCache();
+          }
+        }
+
+        setAuth(storedAuth);
+        if (storedAuth) await fetchUsage(storedAuth);
+      }
+    );
+
+    return () => {
+      active = false;
+    };
+  }, [fetchUsage]);
 
   const importAuthFile = useCallback(async () => {
     try {
@@ -56,39 +140,50 @@ export function useCodexUsage() {
       await saveCodexAuth(parsed);
       setAuth(parsed);
       setError(null);
-    } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : "UNKNOWN_ERROR";
-      if (msg !== "PICKER_CANCELLED") setError(msg);
+      await fetchUsage(parsed);
+    } catch (caught: unknown) {
+      const message = caught instanceof Error ? caught.message : "UNKNOWN_ERROR";
+      if (message !== "PICKER_CANCELLED") setError(message);
     }
-  }, []);
+  }, [fetchUsage]);
 
   const refresh = useCallback(async () => {
-    if (!auth) return;
-    await doFetch(auth, setters);
-  }, [auth]);
+    if (auth) await fetchUsage(auth);
+  }, [auth, fetchUsage]);
 
-  // Re-reads auth from storage and fetches fresh data. Call from useFocusEffect
-  // so the dashboard stays current when credentials are saved from another tab.
-  const reload = useCallback(async () => {
+  const reloadCredentials = useCallback(async () => {
     const stored = await loadCodexAuth();
     if (!stored) {
+      requestVersion.current += 1;
       setAuth(null);
       setUsage(null);
+      setLastFetchedAt(null);
       setStatus("idle");
       return;
     }
-    // Always pass a fresh object so the [auth] effect fires even if the content
-    // is identical (JSON.parse returns a new reference each time, which is fine).
     setAuth(stored);
-  }, []);
+    await fetchUsage(stored);
+  }, [fetchUsage]);
 
   const clearAuth = useCallback(async () => {
+    requestVersion.current += 1;
     await clearCodexAuth();
     setAuth(null);
     setUsage(null);
+    setLastFetchedAt(null);
     setStatus("idle");
     setError(null);
   }, []);
 
-  return { auth, usage, status, error, importAuthFile, refresh, reload, clearAuth };
+  return {
+    auth,
+    usage,
+    lastFetchedAt,
+    status,
+    error,
+    importAuthFile,
+    refresh,
+    reloadCredentials,
+    clearAuth,
+  };
 }

hooks/useNotificationSettings.ts

@@ -0,0 +1,64 @@
+import { useState, useEffect, useCallback } from "react";
+import {
+  loadNotifSettings,
+  saveNotifSettings,
+  type NotifSettings,
+} from "@/lib/storage";
+import {
+  requestPermissions,
+  getPermissionStatus,
+  scheduleDailyDigest,
+  cancelDailyDigest,
+} from "@/lib/notifications";
+
+export function useNotificationSettings() {
+  const [settings, setSettings] = useState<NotifSettings>({
+    dailyEnabled: false,
+    dailyHour: 9,
+    dailyMinute: 0,
+    thresholdEnabled: false,
+    thresholdPct: 20,
+  });
+  const [permissionStatus, setPermissionStatus] = useState("undetermined");
+  const [loaded, setLoaded] = useState(false);
+
+  useEffect(() => {
+    Promise.all([loadNotifSettings(), getPermissionStatus()]).then(
+      ([stored, status]) => {
+        setSettings(stored);
+        setPermissionStatus(status);
+        setLoaded(true);
+      }
+    );
+  }, []);
+
+  const askPermissions = useCallback(async (): Promise<boolean> => {
+    const granted = await requestPermissions();
+    setPermissionStatus(granted ? "granted" : "denied");
+    return granted;
+  }, []);
+
+  const update = useCallback(
+    async (patch: Partial<NotifSettings>) => {
+      const next = { ...settings, ...patch };
+      setSettings(next);
+      await saveNotifSettings(next);
+
+      // Keep scheduled notification in sync when toggling or changing time
+      const dailyChanged =
+        "dailyEnabled" in patch ||
+        "dailyHour" in patch ||
+        "dailyMinute" in patch;
+      if (dailyChanged) {
+        if (next.dailyEnabled) {
+          await scheduleDailyDigest(next.dailyHour, next.dailyMinute, null, null);
+        } else {
+          await cancelDailyDigest();
+        }
+      }
+    },
+    [settings]
+  );
+
+  return { settings, permissionStatus, loaded, askPermissions, update };
+}

lib/api/claudeApi.ts

@@ -1,44 +1,127 @@
-import type { ClaudeOrg, ClaudeUsageResponse } from "@/types/claude";
+import type { ClaudeAuth, ClaudeOrg, ClaudeUsageResponse } from "@/types/claude";
 
 const BASE_URL = "https://claude.ai/api";
 
-function cookieHeader(sessionKey: string): Record<string, string> {
+const BROWSER_UA =
+  "Mozilla/5.0 (Linux; Android 10; Mobile) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Mobile Safari/537.36";
+
+function buildHeaders(auth: ClaudeAuth): Record<string, string> {
+  const cookies = [`sessionKey=${auth.sessionKey}`];
+  if (auth.lastActiveOrg) cookies.push(`lastActiveOrg=${auth.lastActiveOrg}`);
   return {
-    Cookie: `sessionKey=${sessionKey}`,
-    "Accept": "application/json",
-    "Origin": "https://claude.ai",
+    Cookie: cookies.join("; "),
+    Accept: "application/json, text/plain, */*",
+    "Accept-Language": "en-US,en;q=0.9",
+    "User-Agent": BROWSER_UA,
+    Referer: "https://claude.ai/",
+    Origin: "https://claude.ai",
+    "anthropic-client-platform": "web_claude_to_cc_migration",
   };
 }
 
-export async function fetchClaudeOrgs(sessionKey: string): Promise<ClaudeOrg[]> {
+function isClaudeWindow(value: unknown): boolean {
+  if (!value || typeof value !== "object") return false;
+  const window = value as Record<string, unknown>;
+  return (
+    typeof window.utilization === "number" &&
+    Number.isFinite(window.utilization) &&
+    (window.resets_at === undefined ||
+      window.resets_at === null ||
+      typeof window.resets_at === "string")
+  );
+}
+
+export function parseClaudeOrgsResponse(data: unknown): ClaudeOrg[] {
+  if (
+    !Array.isArray(data) ||
+    data.some(
+      (org) =>
+        !org ||
+        typeof org !== "object" ||
+        typeof (org as Record<string, unknown>).uuid !== "string" ||
+        typeof (org as Record<string, unknown>).name !== "string"
+    )
+  ) {
+    throw new Error("INVALID_CLAUDE_ORGS_RESPONSE");
+  }
+  return data.map((org) => {
+    const value = org as Record<string, unknown>;
+    return { uuid: value.uuid as string, name: value.name as string };
+  });
+}
+
+export function parseClaudeUsageResponse(data: unknown): ClaudeUsageResponse {
+  if (!data || typeof data !== "object") {
+    throw new Error("INVALID_CLAUDE_RESPONSE");
+  }
+
+  const value = data as Record<string, unknown>;
+  if (
+    !isClaudeWindow(value.five_hour) ||
+    !isClaudeWindow(value.seven_day) ||
+    (value.seven_day_sonnet !== undefined &&
+      value.seven_day_sonnet !== null &&
+      !isClaudeWindow(value.seven_day_sonnet)) ||
+    (value.seven_day_opus !== undefined &&
+      value.seven_day_opus !== null &&
+      !isClaudeWindow(value.seven_day_opus))
+  ) {
+    throw new Error("INVALID_CLAUDE_RESPONSE");
+  }
+
+  const toWindow = (window: unknown) => {
+    const item = window as Record<string, unknown>;
+    return {
+      utilization: item.utilization as number,
+      ...(typeof item.resets_at === "string"
+        ? { resets_at: item.resets_at }
+        : {}),
+    };
+  };
+
+  return {
+    five_hour: toWindow(value.five_hour),
+    seven_day: toWindow(value.seven_day),
+    ...(value.seven_day_sonnet
+      ? { seven_day_sonnet: toWindow(value.seven_day_sonnet) }
+      : {}),
+    ...(value.seven_day_opus
+      ? { seven_day_opus: toWindow(value.seven_day_opus) }
+      : {}),
+  };
+}
+
+export async function fetchClaudeOrgs(auth: ClaudeAuth): Promise<ClaudeOrg[]> {
   const response = await fetch(`${BASE_URL}/organizations`, {
-    headers: cookieHeader(sessionKey),
+    headers: buildHeaders(auth),
+    credentials: "omit",
   });
 
-  if (response.status === 401 || response.status === 403) {
-    throw new Error("TOKEN_EXPIRED");
-  }
   if (!response.ok) {
+    await response.text().catch(() => null);
+    if (response.status === 401 || response.status === 403) throw new Error("TOKEN_EXPIRED");
     throw new Error(`HTTP_ERROR_${response.status}`);
   }
 
-  return response.json() as Promise<ClaudeOrg[]>;
+  const data: unknown = await response.json();
+  return parseClaudeOrgsResponse(data);
 }
 
 export async function fetchClaudeUsage(
-  sessionKey: string,
+  auth: ClaudeAuth,
   orgUuid: string
 ): Promise<ClaudeUsageResponse> {
   const response = await fetch(`${BASE_URL}/organizations/${orgUuid}/usage`, {
-    headers: cookieHeader(sessionKey),
+    headers: buildHeaders(auth),
+    credentials: "omit",
   });
 
-  if (response.status === 401 || response.status === 403) {
-    throw new Error("TOKEN_EXPIRED");
-  }
   if (!response.ok) {
+    await response.text().catch(() => null);
+    if (response.status === 401 || response.status === 403) throw new Error("TOKEN_EXPIRED");
     throw new Error(`HTTP_ERROR_${response.status}`);
   }
 
-  return response.json() as Promise<ClaudeUsageResponse>;
+  const data: unknown = await response.json();
+  return parseClaudeUsageResponse(data);
 }

lib/api/codexApi.ts

@@ -2,6 +2,64 @@ import type { CodexAuth, CodexUsageResponse } from "@/types/codex";
 
 const USAGE_URL = "https://chatgpt.com/backend-api/wham/usage";
 
+function isNumber(value: unknown): value is number {
+  return typeof value === "number" && Number.isFinite(value);
+}
+
+export function parseCodexUsageResponse(data: unknown): CodexUsageResponse {
+  if (!data || typeof data !== "object") {
+    throw new Error("INVALID_CODEX_RESPONSE");
+  }
+
+  const value = data as Record<string, unknown>;
+  const rateLimit = value.rate_limit as Record<string, unknown> | undefined;
+  const primary = rateLimit?.primary_window as Record<string, unknown> | undefined;
+  const secondary = rateLimit?.secondary_window as Record<string, unknown> | undefined;
+  const credits = value.credits as Record<string, unknown> | undefined;
+
+  const validWindow = (window: Record<string, unknown> | undefined) =>
+    !!window &&
+    isNumber(window.used_percent) &&
+    isNumber(window.reset_at) &&
+    isNumber(window.limit_window_seconds);
+
+  if (
+    typeof value.plan_type !== "string" ||
+    !validWindow(primary) ||
+    !validWindow(secondary) ||
+    !credits ||
+    typeof credits.has_credits !== "boolean" ||
+    typeof credits.unlimited !== "boolean" ||
+    !isNumber(credits.balance)
+  ) {
+    throw new Error("INVALID_CODEX_RESPONSE");
+  }
+
+  const primaryWindow = primary as Record<string, unknown>;
+  const secondaryWindow = secondary as Record<string, unknown>;
+
+  return {
+    plan_type: value.plan_type,
+    rate_limit: {
+      primary_window: {
+        used_percent: primaryWindow.used_percent as number,
+        reset_at: primaryWindow.reset_at as number,
+        limit_window_seconds: primaryWindow.limit_window_seconds as number,
+      },
+      secondary_window: {
+        used_percent: secondaryWindow.used_percent as number,
+        reset_at: secondaryWindow.reset_at as number,
+        limit_window_seconds: secondaryWindow.limit_window_seconds as number,
+      },
+    },
+    credits: {
+      has_credits: credits.has_credits,
+      unlimited: credits.unlimited,
+      balance: credits.balance,
+    },
+  };
+}
+
 export async function fetchCodexUsage(auth: CodexAuth): Promise<CodexUsageResponse> {
   const headers: Record<string, string> = {
     Authorization: `Bearer ${auth.accessToken}`,
@@ -18,8 +76,10 @@ export async function fetchCodexUsage(auth: CodexAuth): Promise<CodexUsageRespon
     throw new Error("TOKEN_EXPIRED");
   }
   if (!response.ok) {
+    await response.text().catch(() => null);
     throw new Error(`HTTP_ERROR_${response.status}`);
   }
 
-  return response.json() as Promise<CodexUsageResponse>;
+  const data: unknown = await response.json();
+  return parseCodexUsageResponse(data);
 }

lib/claudeCredentials.ts

@@ -0,0 +1,19 @@
+const CLAUDE_SESSION_KEY_PATTERN = /^sk-ant-[A-Za-z0-9_-]+$/;
+
+export function validateClaudeSessionKey(value: string): string | null {
+  const key = value.trim();
+  if (!key.startsWith("sk-ant-")) {
+    return "Session key must start with sk-ant-";
+  }
+  if (key.length <= 40) {
+    return "Session key looks too short. Paste the complete cookie value.";
+  }
+  if (!CLAUDE_SESSION_KEY_PATTERN.test(key)) {
+    return "Session key contains unexpected characters. Check the pasted value.";
+  }
+  return null;
+}
+
+export function isClaudeSessionKeyValid(value: string): boolean {
+  return validateClaudeSessionKey(value) === null;
+}

lib/constants.ts

@@ -0,0 +1,23 @@
+export const COLORS = {
+  codex: "#10a37f",
+  claude: "#d97706",
+  danger: "#ef4444",
+  warning: "#f59e0b",
+  disabled: "#e5e5e5",
+  muted: "#a3a3a3",
+  appBackground: "#090d11",
+} as const;
+
+export const PROGRESS_THRESHOLDS = {
+  warning: 60,
+  danger: 85,
+} as const;
+
+export const COUNTDOWN_INTERVAL_MS = 60_000;
+export const RETRY_DELAY_MS = 5_000;
+
+export function getUsageColor(percent: number): string {
+  if (percent >= PROGRESS_THRESHOLDS.danger) return COLORS.danger;
+  if (percent >= PROGRESS_THRESHOLDS.warning) return COLORS.warning;
+  return COLORS.codex;
+}

lib/fileReader.ts

@@ -1,5 +1,4 @@
 import * as DocumentPicker from "expo-document-picker";
-import { File } from "expo-file-system/next";
 import type { CodexAuth } from "@/types/codex";
 
 export async function pickAndReadCodexAuth(): Promise<CodexAuth> {
@@ -8,13 +7,11 @@ export async function pickAndReadCodexAuth(): Promise<CodexAuth> {
     copyToCacheDirectory: true,
   });
 
-  if (result.canceled) {
-    throw new Error("PICKER_CANCELLED");
-  }
+  if (result.canceled) throw new Error("PICKER_CANCELLED");
 
   const { uri } = result.assets[0];
-  const file = new File(uri);
-  const text = file.text();
+  const response = await fetch(uri);
+  const text = await response.text();
 
   let parsed: Record<string, unknown>;
   try {
@@ -23,8 +20,9 @@ export async function pickAndReadCodexAuth(): Promise<CodexAuth> {
     throw new Error("INVALID_JSON");
   }
 
-  const accessToken = parsed["accessToken"] as string | undefined;
-  const accountId = parsed["accountId"] as string | undefined;
+  const tokens = parsed["tokens"] as Record<string, unknown> | undefined;
+  const accessToken = (tokens?.["access_token"] ?? parsed["accessToken"]) as string | undefined;
+  const accountId = (tokens?.["account_id"] ?? parsed["accountId"]) as string | undefined;
 
   if (!accessToken || typeof accessToken !== "string") {
     throw new Error("MISSING_ACCESS_TOKEN");

lib/notifications.ts

@@ -0,0 +1,160 @@
+import type * as NotificationsType from "expo-notifications";
+import {
+  loadNotifSettings,
+  loadNotifThresholdLastFired,
+  saveNotifThresholdLastFired,
+} from "@/lib/storage";
+import type { ClaudeUsageResponse } from "@/types/claude";
+import type { CodexUsageResponse } from "@/types/codex";
+
+// expo-notifications push notifications were removed from Expo Go in SDK 53.
+// Use require() so the initialization error is caught gracefully in Expo Go.
+let Notifications: typeof NotificationsType | null = null;
+try {
+  Notifications = require("expo-notifications") as typeof NotificationsType;
+  Notifications.setNotificationHandler({
+    handleNotification: async () => ({
+      shouldShowAlert: true,
+      shouldShowBanner: true,
+      shouldShowList: true,
+      shouldPlaySound: false,
+      shouldSetBadge: false,
+    }),
+  });
+} catch {
+  // Running in Expo Go or native module unavailable — notifications disabled.
+}
+
+export async function requestPermissions(): Promise<boolean> {
+  if (!Notifications) return false;
+  const { status } = await Notifications.requestPermissionsAsync();
+  return status === "granted";
+}
+
+export async function getPermissionStatus(): Promise<string> {
+  if (!Notifications) return "undetermined";
+  const { status } = await Notifications.getPermissionsAsync();
+  return status;
+}
+
+const DAILY_ID = "codexbar-daily-digest";
+
+export async function scheduleDailyDigest(
+  hour: number,
+  minute: number,
+  claudeUsage: ClaudeUsageResponse | null,
+  codexUsage: CodexUsageResponse | null
+): Promise<void> {
+  if (!Notifications) return;
+  try {
+    await Notifications.cancelScheduledNotificationAsync(DAILY_ID);
+  } catch {}
+
+  const parts: string[] = [];
+  if (claudeUsage) {
+    parts.push(`Claude 7d: ${Math.round(claudeUsage.seven_day.utilization)}% used`);
+  }
+  if (codexUsage) {
+    parts.push(
+      `Codex: ${Math.round(codexUsage.rate_limit.secondary_window.used_percent)}% used`
+    );
+  }
+
+  await Notifications.scheduleNotificationAsync({
+    identifier: DAILY_ID,
+    content: {
+      title: "Usage Digest",
+      body:
+        parts.length > 0
+          ? parts.join(" · ")
+          : "Open to check your usage limits",
+    },
+    trigger: {
+      type: Notifications.SchedulableTriggerInputTypes.CALENDAR,
+      hour,
+      minute,
+      repeats: true,
+    },
+  });
+}
+
+export async function cancelDailyDigest(): Promise<void> {
+  if (!Notifications) return;
+  try {
+    await Notifications.cancelScheduledNotificationAsync(DAILY_ID);
+  } catch {}
+}
+
+interface ThresholdAlert {
+  service: string;
+  window: string;
+  remaining: number;
+}
+
+function buildThresholdAlerts(
+  thresholdPct: number,
+  claudeUsage: ClaudeUsageResponse | null,
+  codexUsage: CodexUsageResponse | null
+): ThresholdAlert[] {
+  const alerts: ThresholdAlert[] = [];
+
+  if (claudeUsage) {
+    const remaining = 100 - claudeUsage.seven_day.utilization;
+    if (remaining <= thresholdPct) {
+      alerts.push({ service: "Claude", window: "7-day", remaining });
+    }
+  }
+
+  if (codexUsage) {
+    const remaining = 100 - codexUsage.rate_limit.secondary_window.used_percent;
+    if (remaining <= thresholdPct) {
+      alerts.push({ service: "Codex", window: "weekly", remaining });
+    }
+  }
+
+  return alerts;
+}
+
+/** Call this after every successful usage fetch. Reschedules daily digest and fires threshold alerts. */
+export async function onUsageDataLoaded(
+  claudeUsage: ClaudeUsageResponse | null,
+  codexUsage: CodexUsageResponse | null
+): Promise<void> {
+  const settings = await loadNotifSettings();
+
+  if (settings.dailyEnabled) {
+    await scheduleDailyDigest(
+      settings.dailyHour,
+      settings.dailyMinute,
+      claudeUsage,
+      codexUsage
+    );
+  }
+
+  if (settings.thresholdEnabled) {
+    const today = new Date().toISOString().slice(0, 10);
+    const lastFired = await loadNotifThresholdLastFired();
+    if (lastFired !== today) {
+      const alerts = buildThresholdAlerts(
+        settings.thresholdPct,
+        claudeUsage,
+        codexUsage
+      );
+      if (alerts.length > 0 && Notifications) {
+        await Notifications.scheduleNotificationAsync({
+          content: {
+            title: "Low quota warning",
+            body: alerts
+              .map(
+                (a) =>
+                  `${a.service} ${a.window}: ${Math.round(a.remaining)}% remaining`
+              )
+              .join("\n"),
+          },
+          trigger: null,
+        });
+        await saveNotifThresholdLastFired(today);
+      }
+    }
+  }
+}

lib/storage.ts

@@ -1,38 +1,159 @@
 import * as SecureStore from "expo-secure-store";
+import type { ClaudeUsageResponse } from "@/types/claude";
+import type { CodexUsageResponse } from "@/types/codex";
 
 const KEYS = {
   CODEX_AUTH: "codexbar_codex_auth",
   CLAUDE_SESSION_KEY: "codexbar_claude_session_key",
+  CLAUDE_LAST_ACTIVE_ORG: "codexbar_claude_last_active_org",
+  CODEX_USAGE_CACHE: "codexbar_codex_usage_cache",
+  CLAUDE_USAGE_CACHE: "codexbar_claude_usage_cache",
+  NOTIF_DAILY_ENABLED: "notifDailyEnabled",
+  NOTIF_DAILY_HOUR: "notifDailyHour",
+  NOTIF_DAILY_MINUTE: "notifDailyMinute",
+  NOTIF_THRESHOLD_ENABLED: "notifThresholdEnabled",
+  NOTIF_THRESHOLD_PCT: "notifThresholdPct",
+  NOTIF_THRESHOLD_LAST_FIRED: "notifThresholdLastFired",
 } as const;
 
+export interface UsageCache<T> {
+  data: T;
+  lastFetchedAt: number;
+}
+
+async function loadJson<T>(key: string): Promise<T | null> {
+  const raw = await SecureStore.getItemAsync(key);
+  if (!raw) return null;
+
+  try {
+    return JSON.parse(raw) as T;
+  } catch {
+    await SecureStore.deleteItemAsync(key);
+    return null;
+  }
+}
+
+async function saveJson(key: string, value: unknown): Promise<void> {
+  await SecureStore.setItemAsync(key, JSON.stringify(value));
+}
+
+export interface NotifSettings {
+  dailyEnabled: boolean;
+  dailyHour: number;
+  dailyMinute: number;
+  thresholdEnabled: boolean;
+  /** Alert when remaining quota falls below this % (e.g. 20 = fire when < 20% left) */
+  thresholdPct: number;
+}
+
+export async function loadNotifSettings(): Promise<NotifSettings> {
+  const [de, dh, dm, te, tp] = await Promise.all([
+    SecureStore.getItemAsync(KEYS.NOTIF_DAILY_ENABLED),
+    SecureStore.getItemAsync(KEYS.NOTIF_DAILY_HOUR),
+    SecureStore.getItemAsync(KEYS.NOTIF_DAILY_MINUTE),
+    SecureStore.getItemAsync(KEYS.NOTIF_THRESHOLD_ENABLED),
+    SecureStore.getItemAsync(KEYS.NOTIF_THRESHOLD_PCT),
+  ]);
+  return {
+    dailyEnabled: de === "true",
+    dailyHour: dh !== null ? parseInt(dh, 10) : 9,
+    dailyMinute: dm !== null ? parseInt(dm, 10) : 0,
+    thresholdEnabled: te === "true",
+    thresholdPct: tp !== null ? parseInt(tp, 10) : 20,
+  };
+}
+
+export async function saveNotifSettings(s: NotifSettings): Promise<void> {
+  await Promise.all([
+    SecureStore.setItemAsync(KEYS.NOTIF_DAILY_ENABLED, String(s.dailyEnabled)),
+    SecureStore.setItemAsync(KEYS.NOTIF_DAILY_HOUR, String(s.dailyHour)),
+    SecureStore.setItemAsync(KEYS.NOTIF_DAILY_MINUTE, String(s.dailyMinute)),
+    SecureStore.setItemAsync(KEYS.NOTIF_THRESHOLD_ENABLED, String(s.thresholdEnabled)),
+    SecureStore.setItemAsync(KEYS.NOTIF_THRESHOLD_PCT, String(s.thresholdPct)),
+  ]);
+}
+
+export async function loadNotifThresholdLastFired(): Promise<string | null> {
+  return SecureStore.getItemAsync(KEYS.NOTIF_THRESHOLD_LAST_FIRED);
+}
+
+export async function saveNotifThresholdLastFired(date: string): Promise<void> {
+  await SecureStore.setItemAsync(KEYS.NOTIF_THRESHOLD_LAST_FIRED, date);
+}
+
 export async function saveCodexAuth(auth: {
   accessToken: string;
   accountId?: string;
 }): Promise<void> {
-  await SecureStore.setItemAsync(KEYS.CODEX_AUTH, JSON.stringify(auth));
+  await saveJson(KEYS.CODEX_AUTH, auth);
 }
 
 export async function loadCodexAuth(): Promise<{
   accessToken: string;
   accountId?: string;
 } | null> {
-  const raw = await SecureStore.getItemAsync(KEYS.CODEX_AUTH);
-  if (!raw) return null;
-  return JSON.parse(raw) as { accessToken: string; accountId?: string };
+  return loadJson(KEYS.CODEX_AUTH);
+}
+
+export function loadCodexUsageCache(): Promise<UsageCache<CodexUsageResponse> | null> {
+  return loadJson(KEYS.CODEX_USAGE_CACHE);
+}
+
+export function saveCodexUsageCache(
+  cache: UsageCache<CodexUsageResponse>
+): Promise<void> {
+  return saveJson(KEYS.CODEX_USAGE_CACHE, cache);
+}
+
+export function clearCodexUsageCache(): Promise<void> {
+  return SecureStore.deleteItemAsync(KEYS.CODEX_USAGE_CACHE);
+}
+
+export function loadClaudeUsageCache(): Promise<UsageCache<ClaudeUsageResponse> | null> {
+  return loadJson(KEYS.CLAUDE_USAGE_CACHE);
+}
+
+export function saveClaudeUsageCache(
+  cache: UsageCache<ClaudeUsageResponse>
+): Promise<void> {
+  return saveJson(KEYS.CLAUDE_USAGE_CACHE, cache);
+}
+
+export function clearClaudeUsageCache(): Promise<void> {
+  return SecureStore.deleteItemAsync(KEYS.CLAUDE_USAGE_CACHE);
 }
 
 export async function saveClaudeSessionKey(key: string): Promise<void> {
-  await SecureStore.setItemAsync(KEYS.CLAUDE_SESSION_KEY, key);
+  await SecureStore.setItemAsync(KEYS.CLAUDE_SESSION_KEY, key.trim());
 }
 
 export async function loadClaudeSessionKey(): Promise<string | null> {
   return SecureStore.getItemAsync(KEYS.CLAUDE_SESSION_KEY);
 }
 
+export async function saveClaudeLastActiveOrg(orgId: string): Promise<void> {
+  await SecureStore.setItemAsync(KEYS.CLAUDE_LAST_ACTIVE_ORG, orgId.trim());
+}
+
+export async function loadClaudeLastActiveOrg(): Promise<string | null> {
+  return SecureStore.getItemAsync(KEYS.CLAUDE_LAST_ACTIVE_ORG);
+}
+
+export async function clearClaudeLastActiveOrg(): Promise<void> {
+  await SecureStore.deleteItemAsync(KEYS.CLAUDE_LAST_ACTIVE_ORG);
+}
+
 export async function clearCodexAuth(): Promise<void> {
-  await SecureStore.deleteItemAsync(KEYS.CODEX_AUTH);
+  await Promise.all([
+    SecureStore.deleteItemAsync(KEYS.CODEX_AUTH),
+    clearCodexUsageCache(),
+  ]);
 }
 
 export async function clearClaudeSessionKey(): Promise<void> {
-  await SecureStore.deleteItemAsync(KEYS.CLAUDE_SESSION_KEY);
+  await Promise.all([
+    SecureStore.deleteItemAsync(KEYS.CLAUDE_SESSION_KEY),
+    SecureStore.deleteItemAsync(KEYS.CLAUDE_LAST_ACTIVE_ORG),
+    clearClaudeUsageCache(),
+  ]);
 }

lib/timeUtils.ts

@@ -5,21 +5,62 @@ export function formatResetCountdown(resetAtSeconds: number): string {
   if (diffSeconds <= 0) return "resetting now";
   if (diffSeconds < 60) return "resets in <1m";
 
-  const hours = Math.floor(diffSeconds / 3600);
+  const totalHours = Math.floor(diffSeconds / 3600);
   const minutes = Math.floor((diffSeconds % 3600) / 60);
 
-  if (hours > 0 && minutes > 0) return `resets in ${hours}h ${minutes}m`;
-  if (hours > 0) return `resets in ${hours}h`;
+  if (totalHours >= 24) {
+    const days = Math.floor(totalHours / 24);
+    const hours = totalHours % 24;
+    if (hours > 0) return `resets in ${days}d ${hours}h`;
+    return `resets in ${days}d`;
+  }
+  if (totalHours > 0 && minutes > 0) return `resets in ${totalHours}h ${minutes}m`;
+  if (totalHours > 0) return `resets in ${totalHours}h`;
   return `resets in ${minutes}m`;
 }
 
+export function parseTimeInput(
+  value: string
+): { hour: number; minute: number } | null {
+  const match = value.trim().match(/^(\d{1,2}):(\d{2})$/);
+  if (!match) return null;
+
+  const hour = Number.parseInt(match[1], 10);
+  const minute = Number.parseInt(match[2], 10);
+  if (hour > 23 || minute > 59) return null;
+
+  return { hour, minute };
+}
+
+export function formatTime(hour: number, minute: number): string {
+  return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
+}
+
+export function formatLastUpdated(timestamp: number, now = Date.now()): string {
+  const elapsedSeconds = Math.max(0, Math.floor((now - timestamp) / 1000));
+  if (elapsedSeconds < 60) return "Updated just now";
+
+  const minutes = Math.floor(elapsedSeconds / 60);
+  if (minutes < 60) return `Updated ${minutes} min ago`;
+
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `Updated ${hours} hr${hours === 1 ? "" : "s"} ago`;
+
+  const days = Math.floor(hours / 24);
+  return `Updated ${days} day${days === 1 ? "" : "s"} ago`;
+}
+
 export function formatResetCountdownISO(isoString: string): string {
   const resetAtSeconds = Math.floor(new Date(isoString).getTime() / 1000);
   return formatResetCountdown(resetAtSeconds);
 }
 
 export function windowLabel(limitWindowSeconds: number): string {
-  if (limitWindowSeconds <= 3600) return "1h window";
-  if (limitWindowSeconds <= 86400) return "24h window";
-  return `${Math.round(limitWindowSeconds / 3600)}h window`;
+  const hours = limitWindowSeconds / 3600;
+  if (hours < 24) return `${Math.round(hours)}h`;
+  const days = hours / 24;
+  const wholeDays = Math.floor(days);
+  const remainderHours = Math.round(hours - wholeDays * 24);
+  if (remainderHours === 0) return `${wholeDays}d`;
+  return `${wholeDays}d ${remainderHours}h`;
 }

package-lock.json

@@ -8,21 +8,30 @@
       "name": "codexbar.mobile",
       "version": "1.0.0",
       "dependencies": {
+        "@expo/metro-runtime": "~56.0.15",
         "@expo/vector-icons": "^15.1.1",
         "babel-preset-expo": "~56.0.0",
         "expo": "~56.0.12",
         "expo-constants": "~56.0.18",
         "expo-document-picker": "~56.0.4",
         "expo-file-system": "~56.0.8",
+        "expo-font": "~56.0.7",
         "expo-linking": "~56.0.14",
+        "expo-notifications": "~56.0.18",
         "expo-router": "~56.2.11",
         "expo-secure-store": "~56.0.4",
+        "expo-splash-screen": "~56.0.10",
         "expo-status-bar": "~56.0.4",
+        "expo-system-ui": "~56.0.5",
         "nativewind": "^4.2.6",
-        "react": "^19.2.7",
+        "react": "19.2.3",
+        "react-dom": "^19.2.3",
         "react-native": "0.85.3",
+        "react-native-reanimated": "4.3.1",
         "react-native-safe-area-context": "~5.7.0",
-        "react-native-screens": "4.25.2"
+        "react-native-screens": "4.25.2",
+        "react-native-web": "^0.21.2",
+        "react-native-worklets": "^0.8.3"
       },
       "devDependencies": {
         "@types/react": "~19.2.2",
@@ -572,7 +581,6 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.29.7.tgz",
       "integrity": "sha512-N7zArUXWzAMzm+/N0uPBeVB3Fam5lMxtUwMmDK5f/IBBS7a7p1qeUoxd/6CckXoxUdgsntq1Dh8xNW06maZbDQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.29.7"
       },
@@ -1054,7 +1062,6 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.29.7.tgz",
       "integrity": "sha512-I+WYbGBAiCn7nA6xBrlgPH+MB7HWb4u8pv5S0Pv7OtwNvIFvCCb24YlttKEeUFVurfBCEaOTnuhlqsb7f0Z5Dg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.29.7"
       },
@@ -1070,7 +1077,6 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.29.7.tgz",
       "integrity": "sha512-NCSEJ4sLFU2gqAub45HYh4fus2yQ36rr6ei6vpU7NdoJqCpxvEG8E6eJpscGyXP3VHD2Ny+fSXr04k1hoUrFqA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.29.7"
       },
@@ -1439,6 +1445,31 @@
         "walker": "^1.0.8"
       }
     },
+    "node_modules/@expo/metro-runtime": {
+      "version": "56.0.15",
+      "resolved": "https://registry.npmjs.org/@expo/metro-runtime/-/metro-runtime-56.0.15.tgz",
+      "integrity": "sha512-WIWeVsL6kCSB57oYZdUA4MTkH7c67UFMIjdNoQzKXwxZYwBFE/xL2cGPDC3z8RWt0femzJTVxAVZUOW/hiqRzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/log-box": "^56.0.13",
+        "anser": "^1.4.9",
+        "pretty-format": "^29.7.0",
+        "stacktrace-parser": "^0.1.10",
+        "whatwg-fetch": "^3.0.0"
+      },
+      "peerDependencies": {
+        "@expo/log-box": "^56.0.13",
+        "expo": "*",
+        "react": "*",
+        "react-dom": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@expo/osascript": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/@expo/osascript/-/osascript-2.6.0.tgz",
@@ -2907,6 +2938,12 @@
         }
       }
     },
+    "node_modules/badgin": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/badgin/-/badgin-1.2.3.tgz",
+      "integrity": "sha512-NQGA7LcfCpSzIbGRbkgjgdWkjy7HI+Th5VLxTJfW5EeaAf3fnS+xWQaQOCYiny+q6QSvxqoSO04vCx+4u++EJw==",
+      "license": "MIT"
+    },
     "node_modules/balanced-match": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
@@ -3420,6 +3457,15 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/cross-fetch": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.2.0.tgz",
+      "integrity": "sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^2.7.0"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3434,6 +3480,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "license": "MIT",
+      "dependencies": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
     "node_modules/css.escape": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
@@ -3738,6 +3793,15 @@
         }
       }
     },
+    "node_modules/expo-application": {
+      "version": "56.0.3",
+      "resolved": "https://registry.npmjs.org/expo-application/-/expo-application-56.0.3.tgz",
+      "integrity": "sha512-DdGGPlMuM6cSTeKhbvh6OeLr2O/+EI5BHKYrD+Do8sJPYgLwzGrgESELfyjJCpEhFzT+TgKIdmLmWXhNUQnHiw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-constants": {
       "version": "56.0.18",
       "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-56.0.18.tgz",
@@ -3854,6 +3918,24 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-notifications": {
+      "version": "56.0.18",
+      "resolved": "https://registry.npmjs.org/expo-notifications/-/expo-notifications-56.0.18.tgz",
+      "integrity": "sha512-HHnrwyCLC5srFojcHYS2KskbNroy9o2fwPKdyhjrdjjrBu4sNRKm4LepcuZjDy98cZKEm89WIPW8O45vut8Rgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/image-utils": "^0.10.1",
+        "abort-controller": "^3.0.0",
+        "badgin": "^1.1.5",
+        "expo-application": "~56.0.3",
+        "expo-constants": "~56.0.18"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-router": {
       "version": "56.2.11",
       "resolved": "https://registry.npmjs.org/expo-router/-/expo-router-56.2.11.tgz",
@@ -3928,31 +4010,6 @@
         }
       }
     },
-    "node_modules/expo-router/node_modules/@expo/metro-runtime": {
-      "version": "56.0.15",
-      "resolved": "https://registry.npmjs.org/@expo/metro-runtime/-/metro-runtime-56.0.15.tgz",
-      "integrity": "sha512-WIWeVsL6kCSB57oYZdUA4MTkH7c67UFMIjdNoQzKXwxZYwBFE/xL2cGPDC3z8RWt0femzJTVxAVZUOW/hiqRzA==",
-      "license": "MIT",
-      "dependencies": {
-        "@expo/log-box": "^56.0.13",
-        "anser": "^1.4.9",
-        "pretty-format": "^29.7.0",
-        "stacktrace-parser": "^0.1.10",
-        "whatwg-fetch": "^3.0.0"
-      },
-      "peerDependencies": {
-        "@expo/log-box": "^56.0.13",
-        "expo": "*",
-        "react": "*",
-        "react-dom": "*",
-        "react-native": "*"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/expo-router/node_modules/@expo/ui": {
       "version": "56.0.18",
       "resolved": "https://registry.npmjs.org/@expo/ui/-/ui-56.0.18.tgz",
@@ -4040,6 +4097,20 @@
         "node": ">=20.16.0"
       }
     },
+    "node_modules/expo-splash-screen": {
+      "version": "56.0.10",
+      "resolved": "https://registry.npmjs.org/expo-splash-screen/-/expo-splash-screen-56.0.10.tgz",
+      "integrity": "sha512-vDIlo8hzt9HlCZQ0kSY66v83D1WEXOJbVMeyPDfXDu9tbDdPMNUyDpi4WGJXikAjxnAKfbt5Mv5NnEbxINy+VA==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/config-plugins": "~56.0.8",
+        "@expo/image-utils": "^0.10.1",
+        "xml2js": "0.6.0"
+      },
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-status-bar": {
       "version": "56.0.4",
       "resolved": "https://registry.npmjs.org/expo-status-bar/-/expo-status-bar-56.0.4.tgz",
@@ -4067,6 +4138,26 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-system-ui": {
+      "version": "56.0.5",
+      "resolved": "https://registry.npmjs.org/expo-system-ui/-/expo-system-ui-56.0.5.tgz",
+      "integrity": "sha512-n1MmnUArV4cc3gVed9fGtluPme00PE9axKVx+NHbKxHFMam5l4GcOI7PxbYKFNx8o7WA1LRD7eLW33agmZrxGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/normalize-colors": "0.85.3",
+        "debug": "^4.3.2"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react-native": "*",
+        "react-native-web": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/expo/node_modules/@expo/cli": {
       "version": "56.1.16",
       "resolved": "https://registry.npmjs.org/@expo/cli/-/cli-56.1.16.tgz",
@@ -4431,6 +4522,36 @@
         "bser": "2.1.1"
       }
     },
+    "node_modules/fbjs": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-3.0.5.tgz",
+      "integrity": "sha512-ztsSx77JBtkuMrEypfhgc3cI0+0h+svqeie7xHbh1k/IKdcydnvadp/mUaGgjAOXQmQSxsqgaRhS3q9fy+1kxg==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-fetch": "^3.1.5",
+        "fbjs-css-vars": "^1.0.0",
+        "loose-envify": "^1.0.0",
+        "object-assign": "^4.1.0",
+        "promise": "^7.1.1",
+        "setimmediate": "^1.0.5",
+        "ua-parser-js": "^1.0.35"
+      }
+    },
+    "node_modules/fbjs-css-vars": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/fbjs-css-vars/-/fbjs-css-vars-1.0.2.tgz",
+      "integrity": "sha512-b2XGFAFdWZWg0phtAWLHCk836A1Xann+I+Dgd3Gk64MHKZO44FfoD1KxyvbSh0qZsIoXQGGlVztIY+oitJPpRQ==",
+      "license": "MIT"
+    },
+    "node_modules/fbjs/node_modules/promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "license": "MIT",
+      "dependencies": {
+        "asap": "~2.0.3"
+      }
+    },
     "node_modules/fetch-nodeshim": {
       "version": "0.4.10",
       "resolved": "https://registry.npmjs.org/fetch-nodeshim/-/fetch-nodeshim-0.4.10.tgz",
@@ -4708,6 +4829,12 @@
         "node": ">= 14"
       }
     },
+    "node_modules/hyphenate-style-name": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
+      "integrity": "sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4747,6 +4874,15 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
+    "node_modules/inline-style-prefixer": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-7.0.1.tgz",
+      "integrity": "sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==",
+      "license": "MIT",
+      "dependencies": {
+        "css-in-js-utils": "^3.1.0"
+      }
+    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -5942,6 +6078,26 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/node-forge": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.4.0.tgz",
@@ -6592,9 +6748,9 @@
       }
     },
     "node_modules/react": {
-      "version": "19.2.7",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
-      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6611,16 +6767,15 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "19.2.7",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
-      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.2.7"
+        "react": "^19.2.3"
       }
     },
     "node_modules/react-fast-compare": {
@@ -7013,26 +7168,24 @@
       "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.3.1.tgz",
       "integrity": "sha512-NIXU/iT5+ORyCc7p0z2nnlkouYKX425vuU1OEm6bMMtWWR9yvb+Xg5AZmImTKoF9abxCPqrKC3rOZsKzUYgYZA==",
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "react": "*",
         "react-native": "*"
       }
     },
     "node_modules/react-native-reanimated": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-4.5.0.tgz",
-      "integrity": "sha512-+iPfvK34PKKYP/p/4TaBliFkbfvjGDIvXuiiaxvISP5ip7sWegvlacwU/uAV6zNDSSmX0tDyER7PurPMKGDipA==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-4.3.1.tgz",
+      "integrity": "sha512-KhGsS0YkCA+gusgyzlf9hnqzVPIR398KTpqXyqq/+yYJJPAvyEEPKcxlB0xtOOXSMrR2A9uRKVARVQhZwrOh+Q==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "react-native-is-edge-to-edge": "^1.3.1",
         "semver": "^7.7.3"
       },
       "peerDependencies": {
         "react": "*",
-        "react-native": "0.83 - 0.86",
-        "react-native-worklets": "0.10.x"
+        "react-native": "0.81 - 0.85",
+        "react-native-worklets": "0.8.x"
       }
     },
     "node_modules/react-native-safe-area-context": {
@@ -7059,31 +7212,61 @@
         "react-native": ">=0.82.0"
       }
     },
-    "node_modules/react-native-worklets": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.10.0.tgz",
-      "integrity": "sha512-JhE6IxDf6iabC0qu3+TAKA4v9RlluXmoIngPQX7/QUByf75lfrsHZ6/dQhyjEWnp1EEQiwzz8Cpew140ZcewDw==",
+    "node_modules/react-native-web": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.21.2.tgz",
+      "integrity": "sha512-SO2t9/17zM4iEnFvlu2DA9jqNbzNhoUP+AItkoCOyFmDMOhUnBBznBDCYN92fGdfAkfQlWzPoez6+zLxFNsZEg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@react-native/normalize-colors": "^0.74.1",
+        "fbjs": "^3.0.4",
+        "inline-style-prefixer": "^7.0.1",
+        "memoize-one": "^6.0.0",
+        "nullthrows": "^1.1.1",
+        "postcss-value-parser": "^4.2.0",
+        "styleq": "^0.1.3"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-native-web/node_modules/@react-native/normalize-colors": {
+      "version": "0.74.89",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.74.89.tgz",
+      "integrity": "sha512-qoMMXddVKVhZ8PA1AbUCk83trpd6N+1nF2A6k1i6LsQObyS92fELuk8kU/lQs6M7BsMHwqyLCpQJ1uFgNvIQXg==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-web/node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-worklets": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.8.3.tgz",
+      "integrity": "sha512-oCBJROyLU7yG/1R8s0INMflygTH71bx+5XcYkH0CM938TlhSoVbiunE1WVW5FZa51vwYqfLie/IXMX2s1Kh3eg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/plugin-transform-arrow-functions": "^7.27.1",
-        "@babel/plugin-transform-class-properties": "^7.28.6",
-        "@babel/plugin-transform-classes": "^7.28.6",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.28.6",
-        "@babel/plugin-transform-optional-chaining": "^7.28.6",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-classes": "^7.28.4",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1",
         "@babel/plugin-transform-shorthand-properties": "^7.27.1",
         "@babel/plugin-transform-template-literals": "^7.27.1",
         "@babel/plugin-transform-unicode-regex": "^7.27.1",
-        "@babel/preset-typescript": "^7.28.5",
-        "@babel/types": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
         "convert-source-map": "^2.0.0",
-        "semver": "^7.7.4"
+        "semver": "^7.7.3"
       },
       "peerDependencies": {
         "@babel/core": "*",
         "@react-native/metro-config": "*",
         "react": "*",
-        "react-native": "0.83 - 0.86"
+        "react-native": "0.81 - 0.85"
       }
     },
     "node_modules/react-native/node_modules/commander": {
@@ -7512,6 +7695,12 @@
       "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==",
       "license": "MIT"
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -7748,6 +7937,12 @@
       "integrity": "sha512-0MP/Cxx5SzeeZ10p/bZI0S6MpgD+yxAhi1BOQ34jgnMXsCq3j1t6tQnZu+KdlL7dvJTLT3g9xN8tl10TqgFMcg==",
       "license": "MIT"
     },
+    "node_modules/styleq": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/styleq/-/styleq-0.1.3.tgz",
+      "integrity": "sha512-3ZUifmCDCQanjeej1f6kyl/BeP/Vae5EYkQ9iJfUm/QwZvlgnZzyflqAsAWYURdtea8Vkvswu2GrC57h3qffcA==",
+      "license": "MIT"
+    },
     "node_modules/sucrase": {
       "version": "3.35.1",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
@@ -7998,6 +8193,12 @@
       "integrity": "sha512-FWAPzCIHZHnrE/5/w9MPk0kK25hSQSH2IKhYh9PyjS3SG/+IEMvlwIHbhz+oF7xl54I+ueZlVnMjyzdSwLmAwA==",
       "license": "MIT"
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
@@ -8033,6 +8234,32 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/ua-parser-js": {
+      "version": "1.0.41",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.41.tgz",
+      "integrity": "sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "ua-parser-js": "script/cli.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/undici-types": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
@@ -8256,12 +8483,28 @@
         "defaults": "^1.0.3"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/whatwg-fetch": {
       "version": "3.6.20",
       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
       "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
       "license": "MIT"
     },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/whatwg-url-minimum": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/whatwg-url-minimum/-/whatwg-url-minimum-0.1.2.tgz",

package.json

@@ -3,21 +3,30 @@
   "version": "1.0.0",
   "main": "expo-router/entry",
   "dependencies": {
+    "@expo/metro-runtime": "~56.0.15",
     "@expo/vector-icons": "^15.1.1",
     "babel-preset-expo": "~56.0.0",
     "expo": "~56.0.12",
     "expo-constants": "~56.0.18",
     "expo-document-picker": "~56.0.4",
     "expo-file-system": "~56.0.8",
+    "expo-font": "~56.0.7",
     "expo-linking": "~56.0.14",
+    "expo-notifications": "~56.0.18",
     "expo-router": "~56.2.11",
     "expo-secure-store": "~56.0.4",
+    "expo-splash-screen": "~56.0.10",
     "expo-status-bar": "~56.0.4",
+    "expo-system-ui": "~56.0.5",
     "nativewind": "^4.2.6",
-    "react": "^19.2.7",
+    "react": "19.2.3",
+    "react-dom": "^19.2.3",
     "react-native": "0.85.3",
+    "react-native-reanimated": "4.3.1",
     "react-native-safe-area-context": "~5.7.0",
-    "react-native-screens": "4.25.2"
+    "react-native-screens": "4.25.2",
+    "react-native-web": "^0.21.2",
+    "react-native-worklets": "^0.8.3"
   },
   "devDependencies": {
     "@types/react": "~19.2.2",

types/claude.ts

@@ -1,3 +1,8 @@
+export interface ClaudeAuth {
+  sessionKey: string;
+  lastActiveOrg?: string;
+}
+
 export interface ClaudeOrg {
   uuid: string;
   name: string;