coder
diff --git a/‎.env.example‎
Lines changed: 7 additions & 0 deletions b/‎.env.example‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎Makefile‎
Lines changed: 7 additions & 3 deletions b/‎Makefile‎
Lines changed: 7 additions & 3 deletions
diff --git a/‎fmt.mk‎
Lines changed: 1 addition & 1 deletion b/‎fmt.mk‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎jest.config.js‎
Lines changed: 5 additions & 1 deletion b/‎jest.config.js‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎mobile/.gitignore‎
Lines changed: 7 additions & 0 deletions b/‎mobile/.gitignore‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎mobile/README.md‎
Lines changed: 100 additions & 0 deletions b/‎mobile/README.md‎
Lines changed: 100 additions & 0 deletions
diff --git a/‎mobile/app.json‎
Lines changed: 25 additions & 0 deletions b/‎mobile/app.json‎
Lines changed: 25 additions & 0 deletions
diff --git a/‎mobile/app/_layout.tsx‎
Lines changed: 79 additions & 0 deletions b/‎mobile/app/_layout.tsx‎
Lines changed: 79 additions & 0 deletions
diff --git a/‎mobile/app/index.tsx‎
Lines changed: 28 additions & 0 deletions b/‎mobile/app/index.tsx‎
Lines changed: 28 additions & 0 deletions
@@ -1,5 +1,12 @@
 # Environment variables for mux development
 
+# Optional bearer token for mux server HTTP/WS auth
+# When set, clients must include:
+# - HTTP: Authorization: Bearer $MUX_SERVER_AUTH_TOKEN
+# - WebSocket: ws://host:port/ws?token=$MUX_SERVER_AUTH_TOKEN (recommended for Expo)
+# - or Sec-WebSocket-Protocol header with the token value
+MUX_SERVER_AUTH_TOKEN=
+
 # API Keys for AI providers
 # Required for integration tests when TEST_INTEGRATION=1
 ANTHROPIC_API_KEY=sk-ant-...
 
@@ -122,3 +122,4 @@ test_hot_reload.sh
 # mdBook auto-generated assets
 docs/theme/pagetoc.css
 docs/theme/pagetoc.js
+mobile/.expo/
@@ -45,7 +45,7 @@ include fmt.mk
 
 .PHONY: all build dev start clean help
 .PHONY: build-renderer version build-icons build-static
-.PHONY: lint lint-fix typecheck static-check
+.PHONY: lint lint-fix typecheck typecheck-react-native static-check
 .PHONY: test test-unit test-integration test-watch test-coverage test-e2e smoke-test
 .PHONY: dist dist-mac dist-win dist-linux
 .PHONY: vscode-ext vscode-ext-install
@@ -134,7 +134,7 @@ dev-server: node_modules/.installed build-main ## Start server mode with hot rel
 	@# On Windows, use npm run because bunx doesn't correctly pass arguments
 	@npmx concurrently -k \
 		"npmx nodemon --watch src --watch tsconfig.main.json --watch tsconfig.json --ext ts,tsx,json --ignore dist --ignore node_modules --exec node scripts/build-main-watch.js" \
-		"npmx nodemon --watch dist/main.js --watch dist/main-server.js --delay 500ms --exec \"node dist/main.js server --host $(or $(BACKEND_HOST),localhost) --port $(or $(BACKEND_PORT),3000)\"" \
+		"npmx nodemon --watch dist/cli/index.js --watch dist/cli/server.js --delay 500ms --exec \"node dist/cli/index.js server --host $(or $(BACKEND_HOST),localhost) --port $(or $(BACKEND_PORT),3000)\"" \
 		"$(SHELL) -lc \"MUX_VITE_HOST=$(or $(VITE_HOST),127.0.0.1) MUX_VITE_PORT=$(or $(VITE_PORT),5173) VITE_BACKEND_URL=http://$(or $(BACKEND_HOST),localhost):$(or $(BACKEND_PORT),3000) vite\""
 else
 dev-server: node_modules/.installed build-main ## Start server mode with hot reload (backend :3000 + frontend :5173). Use VITE_HOST=0.0.0.0 BACKEND_HOST=0.0.0.0 for remote access
@@ -145,7 +145,7 @@ dev-server: node_modules/.installed build-main ## Start server mode with hot rel
 	@echo "For remote access: make dev-server VITE_HOST=0.0.0.0 BACKEND_HOST=0.0.0.0"
 	@bun x concurrently -k \
 		"bun x concurrently \"$(TSGO) -w -p tsconfig.main.json\" \"bun x tsc-alias -w -p tsconfig.main.json\"" \
-		"bun x nodemon --watch dist/main.js --watch dist/main-server.js --delay 500ms --exec 'NODE_ENV=development node dist/main.js server --host $(or $(BACKEND_HOST),localhost) --port $(or $(BACKEND_PORT),3000)'" \
+		"bun x nodemon --watch dist/cli/index.js --watch dist/cli/server.js --delay 500ms --exec 'NODE_ENV=development node dist/cli/index.js server --host $(or $(BACKEND_HOST),localhost) --port $(or $(BACKEND_PORT),3000)'" \
 		"MUX_VITE_HOST=$(or $(VITE_HOST),127.0.0.1) MUX_VITE_PORT=$(or $(VITE_PORT),5173) VITE_BACKEND_URL=http://$(or $(BACKEND_HOST),localhost):$(or $(BACKEND_PORT),3000) vite"
 endif
 
@@ -228,6 +228,10 @@ typecheck: node_modules/.installed src/version.ts
 		"$(TSGO) --noEmit -p tsconfig.main.json"
 endif
 
+typecheck-react-native: ## Run TypeScript type checking for React Native app
+	@echo "Type checking React Native app..."
+	@cd mobile && bunx tsc --noEmit 2>&1 | grep -E "^(src/|app/|Type checking)" || echo "✓ No errors in React Native app"
+
 check-deadcode: node_modules/.installed ## Check for potential dead code (manual only, not in static-check)
 	@echo "Checking for potential dead code with ts-prune..."
 	@echo "(Note: Some unused exports are legitimate - types, public APIs, entry points, etc.)"
 
@@ -6,7 +6,7 @@
 .PHONY: fmt fmt-check fmt-prettier fmt-prettier-check fmt-shell fmt-shell-check fmt-nix fmt-nix-check fmt-python fmt-python-check
 
 # Centralized patterns - single source of truth
-PRETTIER_PATTERNS := 'src/**/*.{ts,tsx,json}' 'tests/**/*.ts' 'docs/**/*.md' 'package.json' 'tsconfig*.json' 'README.md'
+PRETTIER_PATTERNS := 'src/**/*.{ts,tsx,json}' 'mobile/**/*.{ts,tsx,json}' 'tests/**/*.ts' 'docs/**/*.md' 'package.json' 'tsconfig*.json' 'README.md'
 SHELL_SCRIPTS := scripts
 PYTHON_DIRS := benchmarks
 
 
@@ -1,7 +1,11 @@
 module.exports = {
   preset: "ts-jest",
   testEnvironment: "node",
-  testMatch: ["<rootDir>/src/**/*.test.ts", "<rootDir>/tests/**/*.test.ts"],
+  testMatch: [
+    "<rootDir>/src/**/*.test.ts",
+    "<rootDir>/mobile/src/**/*.test.ts",
+    "<rootDir>/tests/**/*.test.ts",
+  ],
   collectCoverageFrom: [
     "src/**/*.ts",
     "!src/**/*.d.ts",
 
@@ -0,0 +1,7 @@
+.expo
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli
@@ -0,0 +1,100 @@
+# mux Mobile App
+
+Expo React Native app for mux - connects to mux server over HTTP/WebSocket.
+
+## Requirements
+
+- **Expo SDK 54** with **React Native 0.81**
+- Node.js 20.19.4+
+- For iOS: Xcode 16+ (for iOS 26 SDK)
+- For Android: Android API 36+
+
+## Development
+
+### Quick Start (Expo Go)
+
+**Note**: Expo Go on SDK 54 has limitations with native modules. For full functionality, use a development build (see below).
+
+```bash
+cd mobile
+bun install
+bun start
+```
+
+Scan the QR code in Expo Go (must be SDK 54).
+
+### Development Build (Recommended)
+
+For full native module support:
+
+```bash
+cd mobile
+bun install
+
+# iOS
+bunx expo run:ios
+
+# Android
+bunx expo run:android
+```
+
+This creates a custom development build with all necessary native modules baked in.
+
+## Configuration
+
+Edit `app.json` to set your server URL and auth token:
+
+```json
+{
+  "expo": {
+    "extra": {
+      "mux": {
+        "baseUrl": "http://<your-tailscale-ip>:3000",
+        "authToken": "your_token_here"
+      }
+    }
+  }
+}
+```
+
+## Server Setup
+
+Start the mux server with auth (optional):
+
+```bash
+# In the main mux repo
+MUX_SERVER_AUTH_TOKEN=your_token make dev-server BACKEND_HOST=0.0.0.0 BACKEND_PORT=3000
+```
+
+The mobile app will:
+
+- Call APIs via POST `/ipc/<channel>` with `Authorization: Bearer <token>`
+- Subscribe to workspace events via WebSocket `/ws?token=<token>`
+
+## Features
+
+- Real-time chat interface with streaming responses
+- **Message editing**: Long press user messages to edit (truncates history after edited message)
+- Provider configuration (Anthropic, OpenAI, etc.)
+- Project and workspace management
+- Secure credential storage
+
+## Architecture
+
+- **expo-router** for file-based routing
+- **@tanstack/react-query** for server state
+- **WebSocket** for live chat streaming
+- Thin fetch/WS client in `src/api/client.ts`
+
+## Troubleshooting
+
+**"TurboModuleRegistry" errors in Expo Go**: This happens because Expo Go SDK 54 doesn't include all native modules. Build a development build instead:
+
+```bash
+bunx expo prebuild --clean
+bunx expo run:ios  # or run:android
+```
+
+**Version mismatch**: Ensure Expo Go is SDK 54 (check App Store/Play Store for latest).
+
+**Connection refused**: Make sure the mux server is running and accessible from your device (use your machine's Tailscale IP or local network IP, not `localhost`).
@@ -0,0 +1,25 @@
+{
+  "expo": {
+    "name": "mux-mobile",
+    "slug": "mux-mobile",
+    "version": "0.0.1",
+    "scheme": "mux",
+    "orientation": "portrait",
+    "platforms": ["ios", "android"],
+    "newArchEnabled": true,
+    "jsEngine": "hermes",
+    "experiments": {
+      "typedRoutes": true
+    },
+    "extra": {
+      "mux": {
+        "baseUrl": "http://100.114.78.86:3000",
+        "authToken": ""
+      }
+    },
+    "plugins": ["expo-router", "expo-secure-store"],
+    "ios": {
+      "bundleIdentifier": "com.coder.mux-mobile"
+    }
+  }
+}
@@ -0,0 +1,79 @@
+import type { JSX } from "react";
+import { Stack } from "expo-router";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { StatusBar } from "expo-status-bar";
+import { View } from "react-native";
+import { ThemeProvider, useTheme } from "../src/theme";
+
+function AppFrame(): JSX.Element {
+  const theme = useTheme();
+
+  return (
+    <>
+      <StatusBar style={theme.statusBarStyle} animated />
+      <View style={{ flex: 1, backgroundColor: theme.colors.background }}>
+        <Stack
+          screenOptions={{
+            headerStyle: { backgroundColor: theme.colors.surfaceSunken },
+            headerTintColor: theme.colors.foregroundPrimary,
+            headerTitleStyle: {
+              fontWeight: theme.typography.weights.semibold as any,
+              fontSize: theme.typography.sizes.titleSmall,
+              color: theme.colors.foregroundPrimary,
+            },
+            headerShadowVisible: false,
+            contentStyle: { backgroundColor: theme.colors.background },
+          }}
+        >
+          <Stack.Screen
+            name="index"
+            options={{
+              title: "Workspaces",
+            }}
+          />
+          <Stack.Screen
+            name="workspace/[id]"
+            options={{
+              title: "", // Title set dynamically by WorkspaceScreen
+              headerBackTitle: "", // Just show <, no text
+            }}
+          />
+          <Stack.Screen
+            name="settings"
+            options={{
+              title: "Settings",
+              headerBackTitle: "", // Just show <, no text
+            }}
+          />
+        </Stack>
+      </View>
+    </>
+  );
+}
+
+export default function RootLayout(): JSX.Element {
+  const client = useMemo(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 30_000,
+            refetchOnWindowFocus: false,
+          },
+        },
+      }),
+    []
+  );
+
+  return (
+    <QueryClientProvider client={client}>
+      <SafeAreaProvider>
+        <ThemeProvider>
+          <AppFrame />
+        </ThemeProvider>
+      </SafeAreaProvider>
+    </QueryClientProvider>
+  );
+}
@@ -0,0 +1,28 @@
+import type { JSX } from "react";
+import { Stack, useRouter } from "expo-router";
+import { Pressable } from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import ProjectsScreen from "../src/screens/ProjectsScreen";
+
+export default function ProjectsRoute(): JSX.Element {
+  const router = useRouter();
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          headerRight: () => (
+            <Pressable
+              onPress={() => router.push("/settings")}
+              style={{ paddingHorizontal: 12 }}
+              hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
+            >
+              <Ionicons name="settings-outline" size={24} color="#fff" />
+            </Pressable>
+          ),
+        }}
+      />
+      <ProjectsScreen />
+    </>
+  );
+}