clawdex-mobile 1.0.0

package/apps/mobile/app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "Clawdex Mobile",
+    "slug": "clawdex-mobile",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/brand/app-icon.png",
+    "splash": {
+      "image": "./assets/brand/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#000000"
+    },
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/brand/adaptive-icon.png",
+        "backgroundColor": "#000000"
+      },
+      "edgeToEdgeEnabled": true
+    },
+    "web": {
+      "favicon": "./assets/brand/favicon.png"
+    },
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
+    "jsEngine": "hermes"
+  }
+}

package/apps/mobile/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: ['react-native-reanimated/plugin']
+  };
+};

package/apps/mobile/eslint.config.cjs

@@ -0,0 +1,28 @@
+const tsPlugin = require('@typescript-eslint/eslint-plugin');
+const globals = require('globals');
+
+module.exports = [
+  {
+    ignores: ['node_modules/**', 'dist/**', '.expo/**']
+  },
+  ...tsPlugin.configs['flat/recommended'],
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node
+      },
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true
+        }
+      }
+    },
+    rules: {
+      '@typescript-eslint/consistent-type-imports': ['warn', { prefer: 'type-imports' }]
+    }
+  }
+];

package/apps/mobile/index.js

@@ -0,0 +1,5 @@
+import { registerRootComponent } from 'expo';
+
+import App from './App';
+
+registerRootComponent(App);

package/apps/mobile/metro.config.js

@@ -0,0 +1,3 @@
+const { getDefaultConfig } = require('expo/metro-config');
+
+module.exports = getDefaultConfig(__dirname);

package/apps/mobile/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "clawdex-mobile",
+  "version": "0.1.0",
+  "private": true,
+  "main": "index.js",
+  "scripts": {
+    "start": "expo start",
+    "ios": "expo start --ios",
+    "android": "expo start --android",
+    "lint": "eslint App.tsx src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "build": "expo export --platform all --output-dir dist",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "6.1.2",
+    "@expo/vector-icons": "15.0.3",
+    "babel-preset-expo": "54.0.10",
+    "expo": "54.0.33",
+    "expo-blur": "15.0.8",
+    "expo-document-picker": "14.0.8",
+    "expo-file-system": "19.0.21",
+    "expo-image-picker": "17.0.10",
+    "expo-linear-gradient": "15.0.8",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "2.28.0",
+    "react-native-markdown-display": "7.0.2",
+    "react-native-reanimated": "4.1.1",
+    "react-native-safe-area-context": "5.6.2",
+    "react-native-screens": "4.16.0",
+    "react-native-web": "0.21.2",
+    "react-native-worklets": "0.5.1"
+  },
+  "devDependencies": {
+    "@types/jest": "^30.0.0",
+    "@types/node": "^22.10.1",
+    "@types/react": "~19.1.10",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
+    "@typescript-eslint/parser": "^8.18.1",
+    "eslint": "^10.0.0",
+    "globals": "^16.5.0",
+    "jest": "^29.7.0",
+    "jest-expo": "54.0.17",
+    "typescript": "~5.9.2"
+  },
+  "jest": {
+    "preset": "jest-expo",
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg)"
+    ]
+  }
+}

package/apps/mobile/src/api/__tests__/chatMapping.test.ts

@@ -0,0 +1,132 @@
+import { mapChat, toRawThread } from '../chatMapping';
+
+describe('chatMapping', () => {
+  it('maps command execution items into system trace messages', () => {
+    const chat = mapChat(
+      toRawThread({
+        id: 'thr_cmd',
+        preview: 'done',
+        createdAt: 1700000000,
+        updatedAt: 1700000001,
+        status: { type: 'idle' },
+        turns: [
+          {
+            status: 'completed',
+            items: [
+              {
+                type: 'userMessage',
+                id: 'u1',
+                content: [{ type: 'text', text: 'show status' }],
+              },
+              {
+                type: 'commandExecution',
+                id: 'cmd1',
+                command: 'git status --short',
+                status: 'completed',
+                aggregatedOutput: ' M apps/mobile/src/api/ws.ts\n M apps/mobile/src/screens/MainScreen.tsx',
+                exitCode: 0,
+              },
+              {
+                type: 'agentMessage',
+                id: 'a1',
+                text: 'Done',
+              },
+            ],
+          },
+        ],
+      })
+    );
+
+    expect(chat.messages).toHaveLength(3);
+    expect(chat.messages[0].role).toBe('user');
+    expect(chat.messages[1].role).toBe('system');
+    expect(chat.messages[1].content).toContain('• Ran `git status --short`');
+    expect(chat.messages[1].content).toContain('M apps/mobile/src/api/ws.ts');
+    expect(chat.messages[2].role).toBe('assistant');
+    expect(chat.messages[2].content).toBe('Done');
+  });
+
+  it('maps plan and tool items into readable system timeline entries', () => {
+    const chat = mapChat(
+      toRawThread({
+        id: 'thr_tools',
+        preview: 'tools',
+        createdAt: 1700000000,
+        updatedAt: 1700000002,
+        status: { type: 'idle' },
+        turns: [
+          {
+            status: 'completed',
+            items: [
+              {
+                type: 'plan',
+                id: 'plan1',
+                text: '• Explored\n  └ Read MainScreen.tsx',
+              },
+              {
+                type: 'webSearch',
+                id: 'search1',
+                query: 'react native keyboard inset',
+              },
+              {
+                type: 'mcpToolCall',
+                id: 'tool1',
+                server: 'filesystem',
+                tool: 'read_file',
+                status: 'completed',
+                result: { ok: true },
+              },
+              {
+                type: 'fileChange',
+                id: 'patch1',
+                status: 'completed',
+                changes: [{ path: 'apps/mobile/src/screens/MainScreen.tsx' }],
+              },
+            ],
+          },
+        ],
+      })
+    );
+
+    const systemMessages = chat.messages.filter((message) => message.role === 'system');
+    expect(systemMessages).toHaveLength(4);
+    expect(systemMessages[0].content).toContain('• Explored');
+    expect(systemMessages[1].content).toContain('• Searched web for "react native keyboard inset"');
+    expect(systemMessages[2].content).toContain('• Called tool `filesystem / read_file`');
+    expect(systemMessages[3].content).toContain('• Applied file changes');
+  });
+
+  it('maps user mention attachments into readable file markers', () => {
+    const chat = mapChat(
+      toRawThread({
+        id: 'thr_mentions',
+        preview: 'files',
+        createdAt: 1700000000,
+        updatedAt: 1700000003,
+        status: { type: 'idle' },
+        turns: [
+          {
+            status: 'completed',
+            items: [
+              {
+                type: 'userMessage',
+                id: 'u_mentions',
+                content: [
+                  { type: 'text', text: 'please review these files' },
+                  { type: 'mention', path: 'apps/mobile/src/screens/MainScreen.tsx' },
+                  { type: 'mention', path: 'apps/mobile/src/api/client.ts' },
+                ],
+              },
+            ],
+          },
+        ],
+      })
+    );
+
+    expect(chat.messages).toHaveLength(1);
+    expect(chat.messages[0].role).toBe('user');
+    expect(chat.messages[0].content).toContain('please review these files');
+    expect(chat.messages[0].content).toContain('[file: apps/mobile/src/screens/MainScreen.tsx]');
+    expect(chat.messages[0].content).toContain('[file: apps/mobile/src/api/client.ts]');
+  });
+});