clawdex-mobile 2.0.1 → 3.0.0

package/apps/mobile/App.tsx

@@ -38,6 +38,7 @@ const SWIPE_OPEN_DISTANCE = 56;
 const SWIPE_CLOSE_DISTANCE = 56;
 const SWIPE_OPEN_VELOCITY = 0.4;
 const SWIPE_CLOSE_VELOCITY = -0.4;
+const DRAWER_CONTENT_SCALE = 0.94;
 const APP_SETTINGS_FILE = 'clawdex-app-settings.json';
 const APP_SETTINGS_VERSION = 3;
 
@@ -79,10 +80,22 @@ export default function App() {
   const [defaultReasoningEffort, setDefaultReasoningEffort] =
     useState<ReasoningEffort | null>(null);
   const [approvalMode, setApprovalMode] = useState<ApprovalMode>('normal');
+  const [showToolCalls, setShowToolCalls] = useState(false);
   const [drawerOpen, setDrawerOpen] = useState(false);
   const drawerAnim = useRef(new Animated.Value(-DRAWER_WIDTH)).current;
   const overlayAnim = useRef(new Animated.Value(0)).current;
   const { width: screenWidth } = useWindowDimensions();
+  const contentShiftOpen = Math.min(DRAWER_WIDTH - 12, screenWidth * 0.74);
+  const contentTranslateX = drawerAnim.interpolate({
+    inputRange: [-DRAWER_WIDTH, 0],
+    outputRange: [0, contentShiftOpen],
+    extrapolate: 'clamp',
+  });
+  const contentScale = drawerAnim.interpolate({
+    inputRange: [-DRAWER_WIDTH, 0],
+    outputRange: [1, DRAWER_CONTENT_SCALE],
+    extrapolate: 'clamp',
+  });
 
   useEffect(() => {
     if (!ws) {
@@ -97,9 +110,11 @@ export default function App() {
     async (
       nextBridgeUrl: string | null,
       nextBridgeToken: string | null,
+      nextDefaultStartCwd: string | null,
       nextModelId: string | null,
       nextEffort: ReasoningEffort | null,
-      nextApprovalMode: ApprovalMode
+      nextApprovalMode: ApprovalMode,
+      nextShowToolCalls: boolean
     ) => {
       const settingsPath = getAppSettingsPath();
       if (!settingsPath) {
@@ -110,9 +125,11 @@ export default function App() {
         version: APP_SETTINGS_VERSION,
         bridgeUrl: nextBridgeUrl,
         bridgeToken: nextBridgeToken,
+        defaultStartCwd: nextDefaultStartCwd,
         defaultModelId: nextModelId,
         defaultReasoningEffort: nextEffort,
         approvalMode: nextApprovalMode,
+        showToolCalls: nextShowToolCalls,
       });
 
       try {
@@ -128,9 +145,11 @@ export default function App() {
     let cancelled = false;
 
     const resetToDefaults = () => {
+      setDefaultStartCwd(null);
       setDefaultModelId(null);
       setDefaultReasoningEffort(null);
       setApprovalMode('normal');
+      setShowToolCalls(false);
     };
 
     const loadSettings = async () => {
@@ -154,9 +173,11 @@ export default function App() {
         const resolvedBridgeUrl = parsed.bridgeUrl ?? null;
         setBridgeUrl(resolvedBridgeUrl);
         setBridgeToken(parsed.bridgeToken ?? env.hostBridgeToken);
+        setDefaultStartCwd(parsed.defaultStartCwd);
         setDefaultModelId(parsed.defaultModelId);
         setDefaultReasoningEffort(parsed.defaultReasoningEffort);
         setApprovalMode(parsed.approvalMode);
+        setShowToolCalls(parsed.showToolCalls);
       } catch {
         if (!cancelled) {
           resetToDefaults();
@@ -295,6 +316,12 @@ export default function App() {
 
   const handleSelectChat = useCallback(
     (id: string) => {
+      const currentChatId = activeChat?.id ?? selectedChatId;
+      if (currentScreen === 'Main' && currentChatId === id) {
+        closeDrawer();
+        return;
+      }
+
       setSelectedChatId(id);
       setGitChat(null);
       setCurrentScreen('Main');
@@ -302,7 +329,7 @@ export default function App() {
       setPendingMainChatSnapshot(null);
       closeDrawer();
     },
-    [closeDrawer]
+    [activeChat?.id, closeDrawer, currentScreen, selectedChatId]
   );
 
   const handleNewChat = useCallback(() => {
@@ -325,12 +352,21 @@ export default function App() {
       void saveAppSettings(
         bridgeUrl,
         bridgeToken,
+        defaultStartCwd,
         normalizedModelId,
         normalizedEffort,
-        approvalMode
+        approvalMode,
+        showToolCalls
       );
     },
-    [approvalMode, bridgeToken, bridgeUrl, saveAppSettings]
+    [
+      approvalMode,
+      bridgeToken,
+      bridgeUrl,
+      defaultStartCwd,
+      saveAppSettings,
+      showToolCalls,
+    ]
   );
 
   const handleApprovalModeChange = useCallback(
@@ -340,12 +376,71 @@ export default function App() {
       void saveAppSettings(
         bridgeUrl,
         bridgeToken,
+        defaultStartCwd,
+        defaultModelId,
+        defaultReasoningEffort,
+        normalizedMode,
+        showToolCalls
+      );
+    },
+    [
+      bridgeToken,
+      bridgeUrl,
+      defaultStartCwd,
+      defaultModelId,
+      defaultReasoningEffort,
+      saveAppSettings,
+      showToolCalls,
+    ]
+  );
+
+  const handleShowToolCallsChange = useCallback(
+    (nextValue: boolean) => {
+      setShowToolCalls(nextValue);
+      void saveAppSettings(
+        bridgeUrl,
+        bridgeToken,
+        defaultStartCwd,
         defaultModelId,
         defaultReasoningEffort,
-        normalizedMode
+        approvalMode,
+        nextValue
       );
     },
-    [bridgeToken, bridgeUrl, defaultModelId, defaultReasoningEffort, saveAppSettings]
+    [
+      approvalMode,
+      bridgeToken,
+      bridgeUrl,
+      defaultStartCwd,
+      defaultModelId,
+      defaultReasoningEffort,
+      saveAppSettings,
+    ]
+  );
+
+  const handleDefaultStartCwdChange = useCallback(
+    (nextCwd: string | null) => {
+      const normalizedDefaultStartCwd = normalizeDefaultStartCwd(nextCwd);
+      setDefaultStartCwd(normalizedDefaultStartCwd);
+      void saveAppSettings(
+        bridgeUrl,
+        bridgeToken,
+        normalizedDefaultStartCwd,
+        defaultModelId,
+        defaultReasoningEffort,
+        approvalMode,
+        showToolCalls
+      );
+    },
+    [
+      approvalMode,
+      bridgeToken,
+      bridgeUrl,
+      defaultModelId,
+      defaultReasoningEffort,
+      saveAppSettings,
+      showToolCalls,
+    ]
   );
 
   const handleBridgeUrlSaved = useCallback(
@@ -365,9 +460,11 @@ export default function App() {
       void saveAppSettings(
         normalized,
         normalizeBridgeToken(nextBridgeToken),
+        defaultStartCwd,
         defaultModelId,
         defaultReasoningEffort,
-        approvalMode
+        approvalMode,
+        showToolCalls
       );
       setCurrentScreen(onboardingMode === 'edit' ? onboardingReturnScreen : 'Main');
       setOnboardingMode('edit');
@@ -376,11 +473,13 @@ export default function App() {
     [
       approvalMode,
       closeDrawer,
+      defaultStartCwd,
       defaultModelId,
       defaultReasoningEffort,
       onboardingMode,
       onboardingReturnScreen,
       saveAppSettings,
+      showToolCalls,
     ]
   );
 
@@ -402,14 +501,24 @@ export default function App() {
     setOnboardingMode('initial');
     setOnboardingReturnScreen('Main');
     setCurrentScreen('Onboarding');
-    void saveAppSettings(null, null, defaultModelId, defaultReasoningEffort, approvalMode);
+    void saveAppSettings(
+      null,
+      null,
+      defaultStartCwd,
+      defaultModelId,
+      defaultReasoningEffort,
+      approvalMode,
+      showToolCalls
+    );
     closeDrawer();
   }, [
     approvalMode,
     closeDrawer,
+    defaultStartCwd,
     defaultModelId,
     defaultReasoningEffort,
     saveAppSettings,
+    showToolCalls,
   ]);
 
   const handleCancelOnboarding = useCallback(() => {
@@ -505,13 +614,16 @@ export default function App() {
             ref={mainRef}
             api={activeApi}
             ws={activeWs}
+            bridgeUrl={bridgeUrl}
+            bridgeToken={bridgeToken}
             onOpenDrawer={openDrawer}
             onOpenGit={handleOpenChatGit}
             defaultStartCwd={defaultStartCwd}
             defaultModelId={defaultModelId}
             defaultReasoningEffort={defaultReasoningEffort}
             approvalMode={approvalMode}
-            onDefaultStartCwdChange={setDefaultStartCwd}
+            showToolCalls={showToolCalls}
+            onDefaultStartCwdChange={handleDefaultStartCwdChange}
             onChatContextChange={handleChatContextChange}
             pendingOpenChatId={pendingMainChatId}
             pendingOpenChatSnapshot={pendingMainChatSnapshot}
@@ -532,6 +644,8 @@ export default function App() {
             onDefaultModelSettingsChange={handleDefaultModelSettingsChange}
             approvalMode={approvalMode}
             onApprovalModeChange={handleApprovalModeChange}
+            showToolCalls={showToolCalls}
+            onShowToolCallsChange={handleShowToolCallsChange}
             onEditBridgeUrl={handleOpenBridgeUrlSettings}
             onResetOnboarding={handleResetOnboarding}
             onOpenDrawer={openDrawer}
@@ -559,13 +673,16 @@ export default function App() {
             ref={mainRef}
             api={activeApi}
             ws={activeWs}
+            bridgeUrl={bridgeUrl}
+            bridgeToken={bridgeToken}
             onOpenDrawer={openDrawer}
             onOpenGit={handleOpenChatGit}
             defaultStartCwd={defaultStartCwd}
             defaultModelId={defaultModelId}
             defaultReasoningEffort={defaultReasoningEffort}
             approvalMode={approvalMode}
-            onDefaultStartCwdChange={setDefaultStartCwd}
+            showToolCalls={showToolCalls}
+            onDefaultStartCwdChange={handleDefaultStartCwdChange}
             onChatContextChange={handleChatContextChange}
             pendingOpenChatId={pendingMainChatId}
             pendingOpenChatSnapshot={pendingMainChatSnapshot}
@@ -582,9 +699,18 @@ export default function App() {
     <SafeAreaProvider>
       <View style={styles.root}>
         {/* Main content */}
-        <View style={[styles.screen, { width: screenWidth }]}>
+        <Animated.View
+          style={[
+            styles.screenFrame,
+            drawerOpen && styles.screenFrameOpen,
+            {
+              width: screenWidth,
+              transform: [{ translateX: contentTranslateX }, { scale: contentScale }],
+            },
+          ]}
+        >
           {renderScreen()}
-        </View>
+        </Animated.View>
 
         {/* Overlay */}
         <Animated.View
@@ -607,8 +733,6 @@ export default function App() {
             api={activeApi}
             ws={activeWs}
             selectedChatId={selectedChatId}
-            selectedDefaultCwd={defaultStartCwd}
-            onSelectDefaultCwd={setDefaultStartCwd}
             onSelectChat={handleSelectChat}
             onNewChat={handleNewChat}
             onNavigate={navigate}
@@ -637,17 +761,21 @@ function getAppSettingsPath(): string | null {
 function parseAppSettings(raw: string): {
   bridgeUrl: string | null;
   bridgeToken: string | null;
+  defaultStartCwd: string | null;
   defaultModelId: string | null;
   defaultReasoningEffort: ReasoningEffort | null;
   approvalMode: ApprovalMode;
+  showToolCalls: boolean;
 } {
   if (typeof raw !== 'string' || raw.trim().length === 0) {
     return {
       bridgeUrl: null,
       bridgeToken: null,
+      defaultStartCwd: null,
       defaultModelId: null,
       defaultReasoningEffort: null,
       approvalMode: 'normal',
+      showToolCalls: false,
     };
   }
 
@@ -664,15 +792,20 @@ function parseAppSettings(raw: string): {
       return {
         bridgeUrl: null,
         bridgeToken: null,
+        defaultStartCwd: null,
         defaultModelId: null,
         defaultReasoningEffort: null,
         approvalMode: 'normal',
+        showToolCalls: false,
       };
     }
 
     return {
       bridgeUrl: normalizeBridgeUrl((parsed as { bridgeUrl?: unknown }).bridgeUrl),
       bridgeToken: normalizeBridgeToken((parsed as { bridgeToken?: unknown }).bridgeToken),
+      defaultStartCwd: normalizeDefaultStartCwd(
+        (parsed as { defaultStartCwd?: unknown }).defaultStartCwd
+      ),
       defaultModelId: normalizeModelId(
         (parsed as { defaultModelId?: unknown }).defaultModelId
       ),
@@ -682,14 +815,19 @@ function parseAppSettings(raw: string): {
       approvalMode: normalizeApprovalMode(
         (parsed as { approvalMode?: unknown }).approvalMode
       ),
+      showToolCalls: normalizeBoolean(
+        (parsed as { showToolCalls?: unknown }).showToolCalls
+      ),
     };
   } catch {
     return {
       bridgeUrl: null,
       bridgeToken: null,
+      defaultStartCwd: null,
       defaultModelId: null,
       defaultReasoningEffort: null,
       approvalMode: 'normal',
+      showToolCalls: false,
     };
   }
 }
@@ -711,6 +849,15 @@ function normalizeBridgeToken(value: unknown): string | null {
   return trimmed.length > 0 ? trimmed : null;
 }
 
+function normalizeDefaultStartCwd(value: unknown): string | null {
+  if (typeof value !== 'string') {
+    return null;
+  }
+
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+
 function normalizeModelId(value: unknown): string | null {
   if (typeof value !== 'string') {
     return null;
@@ -744,6 +891,10 @@ function normalizeApprovalMode(value: unknown): ApprovalMode {
   return value === 'yolo' ? 'yolo' : 'normal';
 }
 
+function normalizeBoolean(value: unknown): boolean {
+  return value === true;
+}
+
 const styles = StyleSheet.create({
   root: {
     flex: 1,
@@ -758,6 +909,16 @@ const styles = StyleSheet.create({
   screen: {
     flex: 1,
   },
+  screenFrame: {
+    flex: 1,
+    backgroundColor: colors.bgMain,
+  },
+  screenFrameOpen: {
+    borderRadius: 28,
+    borderCurve: 'continuous',
+    overflow: 'hidden',
+    boxShadow: '0 22px 48px rgba(0, 0, 0, 0.34)',
+  },
   overlay: {
     ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0,0,0,0.5)',

package/apps/mobile/app.json

@@ -2,7 +2,9 @@
   "expo": {
     "name": "Clawdex Mobile",
     "slug": "clawdex-mobile",
-    "version": "2.0.1",
+    "scheme": "clawdex",
+    "version": "3.0.0",
+    "userInterfaceStyle": "dark",
     "orientation": "portrait",
     "icon": "./assets/brand/app-icon.png",
     "splash": {
@@ -12,15 +14,13 @@
     },
     "ios": {
       "supportsTablet": true,
+      "appleTeamId": "4NWUS8362L",
       "infoPlist": {
-        "NSCameraUsageDescription": "Clawdex uses the camera to scan bridge pairing QR codes.",
-        "NSMicrophoneUsageDescription": "Clawdex uses the microphone for voice-to-text input.",
         "ITSAppUsesNonExemptEncryption": false
       },
       "bundleIdentifier": "com.mohitpatil973.clawdexmobile"
     },
     "android": {
-      "usesCleartextTraffic": true,
       "adaptiveIcon": {
         "foregroundImage": "./assets/brand/adaptive-icon.png",
         "backgroundColor": "#000000"
@@ -28,9 +28,7 @@
       "permissions": [
         "android.permission.CAMERA",
         "android.permission.RECORD_AUDIO",
-        "android.permission.MODIFY_AUDIO_SETTINGS",
-        "android.permission.FOREGROUND_SERVICE",
-        "android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK"
+        "android.permission.MODIFY_AUDIO_SETTINGS"
       ],
       "package": "com.mohitpatil973.clawdexmobile"
     },
@@ -45,10 +43,30 @@
     "experiments": {
       "reactCompiler": true
     },
-    "jsEngine": "hermes",
     "plugins": [
       "./plugins/withAndroidCleartextTraffic",
-      "expo-audio"
+      [
+        "expo-camera",
+        {
+          "cameraPermission": "Clawdex uses the camera to scan bridge pairing QR codes."
+        }
+      ],
+      [
+        "expo-image-picker",
+        {
+          "photosPermission": "Clawdex uses your photo library so you can choose an image from your phone and attach it to a chat prompt or workflow sent to your own host bridge.",
+          "cameraPermission": "Clawdex uses the camera to scan bridge pairing QR codes.",
+          "microphonePermission": "Clawdex uses the microphone to record a short voice message that is transcribed into your chat input."
+        }
+      ],
+      [
+        "expo-audio",
+        {
+          "microphonePermission": "Clawdex uses the microphone to record a short voice message that is transcribed into your chat input.",
+          "enableBackgroundPlayback": false,
+          "enableBackgroundRecording": false
+        }
+      ]
     ],
     "extra": {
       "eas": {

package/apps/mobile/eas.json

@@ -8,23 +8,33 @@
       "developmentClient": true,
       "distribution": "internal",
       "env": {
-        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true"
+        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true",
+        "EXPO_PUBLIC_PRIVACY_POLICY_URL": "https://mohit-patil.github.io/clawdex-mobile/privacy/",
+        "EXPO_PUBLIC_TERMS_OF_SERVICE_URL": "https://mohit-patil.github.io/clawdex-mobile/terms/"
       }
     },
     "preview": {
       "distribution": "internal",
       "env": {
-        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true"
+        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true",
+        "EXPO_PUBLIC_PRIVACY_POLICY_URL": "https://mohit-patil.github.io/clawdex-mobile/privacy/",
+        "EXPO_PUBLIC_TERMS_OF_SERVICE_URL": "https://mohit-patil.github.io/clawdex-mobile/terms/"
       }
     },
     "production": {
       "autoIncrement": true,
       "env": {
-        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true"
+        "EXPO_PUBLIC_ALLOW_QUERY_TOKEN_AUTH": "true",
+        "EXPO_PUBLIC_PRIVACY_POLICY_URL": "https://mohit-patil.github.io/clawdex-mobile/privacy/",
+        "EXPO_PUBLIC_TERMS_OF_SERVICE_URL": "https://mohit-patil.github.io/clawdex-mobile/terms/"
       }
     }
   },
   "submit": {
-    "production": {}
+    "production": {
+      "ios": {
+        "ascAppId": "6759833757"
+      }
+    }
   }
 }

package/apps/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clawdex-mobile",
-  "version": "2.0.1",
+  "version": "3.0.0",
   "private": true,
   "main": "index.js",
   "scripts": {
@@ -16,14 +16,14 @@
   "dependencies": {
     "@expo/metro-runtime": "~55.0.6",
     "@expo/vector-icons": "15.0.3",
-    "expo": "~55.0.3",
-    "expo-audio": "~55.0.8",
-    "expo-blur": "~55.0.8",
-    "expo-camera": "~55.0.9",
-    "expo-document-picker": "~55.0.8",
+    "expo": "~55.0.8",
+    "expo-audio": "~55.0.9",
+    "expo-blur": "~55.0.10",
+    "expo-camera": "~55.0.10",
+    "expo-document-picker": "~55.0.9",
     "expo-file-system": "~55.0.9",
-    "expo-image-picker": "~55.0.9",
-    "expo-linear-gradient": "~55.0.8",
+    "expo-image-picker": "~55.0.13",
+    "expo-linear-gradient": "~55.0.9",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-native": "0.83.2",
@@ -37,14 +37,14 @@
   },
   "devDependencies": {
     "@types/jest": "29.5.14",
-    "@types/node": "^22.10.1",
+    "@types/node": "^22.19.15",
     "@types/react": "~19.2.10",
-    "@typescript-eslint/eslint-plugin": "^8.18.1",
-    "@typescript-eslint/parser": "^8.18.1",
-    "eslint": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.57.1",
+    "@typescript-eslint/parser": "^8.57.1",
+    "eslint": "^10.0.3",
     "globals": "^16.5.0",
     "jest": "^29.7.0",
-    "jest-expo": "~55.0.9",
+    "jest-expo": "~55.0.11",
     "typescript": "~5.9.2"
   },
   "jest": {