mobile: dev tool ergonomics — clipboard share link, devtool start script, ASC app id

Replaces the dev-settings "Share via QR" block with a collapsible "Share via
link" row that copies the deep link to the clipboard (adds expo-clipboard).
Adds a start:devtool script that runs expo start with the couchers-devtool
scheme so the QR opens the Dev Tool app, and fills in the devtool iOS
ascAppId for auto-submit.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: aapeliv

app/mobile/app/dev-settings.tsx

@@ -1,3 +1,4 @@
+import * as Clipboard from "expo-clipboard";
 import Constants from "expo-constants";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
@@ -50,6 +51,8 @@ export default function DevSettingsScreen() {
   const [apiBaseUrl, setApiBaseUrl] = useState(paramApi ?? getApiBaseUrl());
   const [webBaseUrl, setWebBaseUrl] = useState(paramWeb ?? getWebBaseUrl());
   const [history, setHistory] = useState<UrlOverrides[]>([]);
+  const [linkExpanded, setLinkExpanded] = useState(false);
+  const [copied, setCopied] = useState(false);
 
   // Apply incoming deep-link params (e.g. a scanned QR opening the app while
   // this screen is already mounted).
@@ -72,6 +75,7 @@ export default function DevSettingsScreen() {
       : theme.palette.text.secondary,
     border: isDark ? theme.dark.grey[100] : theme.palette.grey[200],
     inputBackground: isDark ? theme.dark.background.default : "#fff",
+    muted: isDark ? theme.dark.grey[100] : theme.palette.grey[50],
     primary: isDark ? theme.dark.primary.main : theme.palette.primary.main,
   };
 
@@ -145,6 +149,13 @@ export default function DevSettingsScreen() {
     clearUrlHistory().then(() => setHistory([]));
   };
 
+  const handleCopyLink = async () => {
+    if (!shareLink) return;
+    await Clipboard.setStringAsync(shareLink);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+
   return (
     <SafeAreaView
       style={[styles.container, { backgroundColor: colors.background }]}
@@ -266,22 +277,35 @@ export default function DevSettingsScreen() {
 
           {shareLink && (
             <View style={styles.shareSection}>
-              <Text style={[styles.sectionTitle, { color: colors.text }]}>
-                Share via QR
-              </Text>
-              <Text style={[styles.hint, { color: colors.textSecondary }]}>
-                Make a QR of this link and scan it with a phone camera to open
-                another device with these URLs filled in.
-              </Text>
-              <Text
-                selectable
-                style={[
-                  styles.link,
-                  { color: colors.text, borderColor: colors.border },
-                ]}
+              <Pressable
+                onPress={() => setLinkExpanded((v) => !v)}
+                style={styles.shareHeader}
               >
-                {shareLink}
-              </Text>
+                <Text style={[styles.shareTitle, { color: colors.textSecondary }]}>
+                  {linkExpanded ? "▾" : "▸"} Share via link
+                </Text>
+              </Pressable>
+              {linkExpanded && (
+                <>
+                  <Pressable onPress={handleCopyLink}>
+                    <Text
+                      style={[
+                        styles.link,
+                        {
+                          color: colors.text,
+                          borderColor: colors.border,
+                          backgroundColor: colors.muted,
+                        },
+                      ]}
+                    >
+                      {shareLink}
+                    </Text>
+                  </Pressable>
+                  <Text style={[styles.hint, { color: colors.textSecondary }]}>
+                    {copied ? "Copied to clipboard" : "Tap the link to copy it"}
+                  </Text>
+                </>
+              )}
             </View>
           )}
         </ScrollView>
@@ -467,6 +491,13 @@ const styles = StyleSheet.create({
   shareSection: {
     marginTop: 24,
   },
+  shareHeader: {
+    paddingVertical: 8,
+  },
+  shareTitle: {
+    fontSize: 14,
+    fontWeight: "600",
+  },
   link: {
     fontSize: 13,
     fontFamily: Platform.OS === "ios" ? "Courier" : "monospace",

app/mobile/eas.json

@@ -68,7 +68,7 @@
     },
     "devtool": {
       "ios": {
-        "ascAppId": "REPLACE_WITH_DEVTOOL_ASC_APP_ID"
+        "ascAppId": "6772371797"
       },
       "android": {
         "track": "internal",

app/mobile/package-lock.json

@@ -4,6 +4,7 @@
   "version": "1.1.19",
   "scripts": {
     "start": "expo start",
+    "start:devtool": "APP_VARIANT=devtool expo start --dev-client --scheme couchers-devtool",
     "start:localhost": "expo start --localhost",
     "build:protos": "bash ./ci-build-protos.sh",
     "eas-build-pre-install": "npm run build:protos",
@@ -36,6 +37,7 @@
     "@react-navigation/native": "^7.1.6",
     "expo": "~54.0.34",
     "expo-build-properties": "^1.0.10",
+    "expo-clipboard": "~8.0.8",
     "expo-constants": "~18.0.11",
     "expo-dev-client": "~6.0.21",
     "expo-device": "~8.0.10",