yaver-feedback-react-native 0.9.11 → 0.9.12

package/dist/AuthOverlay.js

@@ -46,6 +46,8 @@ const AuthOverlay = () => {
     const [pickerVisible, setPickerVisible] = (0, react_1.useState)(false);
     const [token, setToken] = (0, react_1.useState)(null);
     const activeOverlayRef = (0, react_1.useRef)('none');
+    const onboarding = YaverFeedback_1.YaverFeedback.getDogfoodOnboarding();
+    const dogfoodLabel = onboarding?.projectName || onboarding?.label || 'this app';
     const openLogin = (0, react_1.useCallback)(() => {
         activeOverlayRef.current = 'login';
         setPickerVisible(false);
@@ -120,10 +122,10 @@ const AuthOverlay = () => {
     };
     return (<>
       <react_native_1.Modal visible={loginVisible} animationType="slide" presentationStyle="fullScreen" onRequestClose={closeAll}>
-        <LoginScreen_1.YaverLoginScreen onLoggedIn={handleLoggedIn} onCancel={closeAll}/>
+        <LoginScreen_1.YaverLoginScreen onLoggedIn={handleLoggedIn} onCancel={closeAll} subtitle={onboarding ? `Sign in to set up ${dogfoodLabel} Dogfood` : undefined}/>
       </react_native_1.Modal>
       <react_native_1.Modal visible={pickerVisible && !!token} animationType="slide" presentationStyle="fullScreen" onRequestClose={closeAll}>
-        {token && (<MachinePickerScreen_1.YaverMachinePickerScreen token={token} currentDeviceId={YaverFeedback_1.YaverFeedback.getConfig()?.preferredDeviceId} onPick={handleDevicePicked} onCancel={closeAll}/>)}
+        {token && (<MachinePickerScreen_1.YaverMachinePickerScreen token={token} currentDeviceId={YaverFeedback_1.YaverFeedback.getConfig()?.preferredDeviceId} title={onboarding ? `Choose a machine for ${dogfoodLabel}` : undefined} onPick={handleDevicePicked} onCancel={closeAll}/>)}
       </react_native_1.Modal>
     </>);
 };

package/dist/FeedbackModal.js

@@ -420,10 +420,6 @@ const FeedbackModal = () => {
                 status = 'attention';
                 detail = 'Machine needs pairing again before feedback actions can run.';
             }
-            else if (device.runnerDown) {
-                status = 'attention';
-                detail = 'Machine is online but the coding agent is down.';
-            }
             else if (reachable === false) {
                 status = 'offline';
                 detail = 'Machine selected, but the agent is not responding.';
@@ -963,6 +959,7 @@ const FeedbackModal = () => {
     const dogfoodModelReady = !selectedDogfoodRunner?.models?.length
         || !!preferredModel && selectedDogfoodRunner.models.some((model) => model.id === preferredModel);
     const dogfoodFramework = dogfoodProject?.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo';
+    const dogfoodOnboarding = YaverFeedback_1.YaverFeedback.getDogfoodOnboarding();
     const dogfoodLaneChoices = (0, DogfoodRuntime_1.dogfoodLaneOptions)(dogfoodFramework, {
         nativeRuntimeAvailable: dogfoodNativeAvailable,
         browserRuntimeAvailable: dogfoodBrowserAvailable,
@@ -1045,7 +1042,7 @@ const FeedbackModal = () => {
       <QuickActionIcon_1.QuickActionIcon />
       <YaverModeBadgeGate />
       {visible && (<react_native_1.Modal visible={visible} animationType="slide" transparent onRequestClose={handleClose}>
-          <react_native_1.View style={styles.overlay}>
+          <react_native_1.KeyboardAvoidingView style={styles.overlay} behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'}>
             <react_native_1.Pressable style={styles.backdrop} onPress={handleClose} accessibilityLabel="Close feedback"/>
             <react_native_1.View 
         // Tablet: cap modal width and center as a card-style
@@ -1063,29 +1060,37 @@ const FeedbackModal = () => {
                     }
                     : null,
             ]}>
-              <react_native_1.ScrollView ref={scrollRef} style={styles.scroll} contentContainerStyle={styles.scrollContent} keyboardShouldPersistTaps="handled" keyboardDismissMode={react_native_1.Platform.OS === 'ios' ? 'interactive' : 'on-drag'} contentInsetAdjustmentBehavior="always" automaticallyAdjustKeyboardInsets={react_native_1.Platform.OS === 'ios'}>
+              <react_native_1.ScrollView ref={scrollRef} style={styles.scroll} contentContainerStyle={styles.scrollContent} keyboardShouldPersistTaps="handled" keyboardDismissMode={react_native_1.Platform.OS === 'ios' ? 'interactive' : 'on-drag'} contentInsetAdjustmentBehavior="always" 
+        // KeyboardAvoidingView is the single inset owner. Letting the
+        // ScrollView add a second UIKit inset lifts the composer twice
+        // on short phones and still leaves its action row clipped.
+        automaticallyAdjustKeyboardInsets={false}>
               <react_native_1.View style={styles.header}>
                 <react_native_1.Text style={styles.title}>
-                  {dogfoodActive ? `${YaverFeedback_1.YaverFeedback.getDogfoodStatus().label || 'App'} Developer Mode` : 'Send Feedback'}
+                  {dogfoodOnboarding
+                ? `Set up ${dogfoodOnboarding.projectName || dogfoodOnboarding.label || 'this app'} Dogfood`
+                : dogfoodActive
+                    ? `${YaverFeedback_1.YaverFeedback.getDogfoodStatus().label || 'App'} Developer Mode`
+                    : 'Send Feedback'}
                 </react_native_1.Text>
                 <react_native_1.Pressable onPress={handleClose} hitSlop={12} style={styles.closeBtn} accessibilityRole="button" accessibilityLabel="Close">
                   <react_native_1.Text style={styles.closeIcon}>×</react_native_1.Text>
                 </react_native_1.Pressable>
               </react_native_1.View>
 
-              <react_native_1.View style={styles.tabs} accessibilityRole="tablist">
+              {(!dogfoodOnboarding || dogfoodSetupStage === 'runtime') ? (<react_native_1.View style={styles.tabs} accessibilityRole="tablist">
                 {['chat', 'settings'].map((tab) => (<react_native_1.Pressable key={tab} onPress={() => setActiveTab(tab)} style={[styles.tab, activeTab === tab && styles.tabSelected]} accessibilityRole="tab" accessibilityState={{ selected: activeTab === tab }}>
                     <react_native_1.Text style={[styles.tabText, activeTab === tab && styles.tabTextSelected]}>{tab === 'chat' ? 'Chat' : 'Settings'}</react_native_1.Text>
                   </react_native_1.Pressable>))}
-              </react_native_1.View>
+              </react_native_1.View>) : null}
 
               <react_native_1.View style={[styles.tabContent, activeTab !== 'settings' && styles.hidden]}>
               <>
-              {YaverFeedback_1.YaverFeedback.getDogfoodOnboarding() ? (<react_native_1.View style={styles.dogfoodWizard}>
-                  <react_native_1.Text style={styles.dogfoodWizardTitle}>Dogfood this app</react_native_1.Text>
+              {dogfoodOnboarding ? (<react_native_1.View style={styles.dogfoodWizard}>
+                  <react_native_1.Text style={styles.dogfoodWizardTitle}>Connect the app to its checkout</react_native_1.Text>
                   <react_native_1.Text style={styles.dogfoodWizardHint}>
                     {dogfoodEnrollment?.status === 'active'
-                    ? 'Signed in · this installation is approved'
+                    ? 'Choose one development machine, coding runner, and checkout. Then choose how to preview it.'
                     : `Signed in · installation ${dogfoodEnrollment?.status || 'checking'}`}
                   </react_native_1.Text>
                   {dogfoodEnrollment?.status === 'active' && dogfoodSetupStage === 'setup' ? (<DogfoodSessionUi_1.DogfoodStatusRail steps={dogfoodSetupSteps} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS}/>) : null}
@@ -1139,7 +1144,7 @@ const FeedbackModal = () => {
                                   <react_native_1.Text style={styles.dogfoodProjectDetail}>{dogfoodCheckoutDetail(project)}</react_native_1.Text>
                                 </react_native_1.Pressable>))}
                             </react_native_1.View>) : null}
-                          <ActionRow label="Choose runtime" tint="#5645d8" onPress={() => {
+                          <ActionRow label={dogfoodSetupReady ? 'Continue to runtime' : 'Complete the choices above'} tint="#5645d8" onPress={() => {
                             setDogfoodExpandedStep(null);
                             setDogfoodSetupStage('lane');
                         }} disabled={!dogfoodSetupReady}/>
@@ -1200,26 +1205,27 @@ const FeedbackModal = () => {
                         </>) : null}
                     </>)}
                 </react_native_1.View>) : null}
+              {!dogfoodOnboarding ? <>
               <react_native_1.Pressable onPress={() => {
-                if (!YaverFeedback_1.YaverFeedback.isAuthed()) {
-                    YaverFeedback_1.YaverFeedback.showLogin();
-                    return;
-                }
-                YaverFeedback_1.YaverFeedback.showMachinePicker();
-            }} style={[
-                styles.machineCard,
-                machineCard.status === 'live' && styles.machineCardLive,
-                machineCard.status === 'attention' && styles.machineCardAttention,
-                machineCard.status === 'offline' && styles.machineCardOffline,
-            ]}>
+                    if (!YaverFeedback_1.YaverFeedback.isAuthed()) {
+                        YaverFeedback_1.YaverFeedback.showLogin();
+                        return;
+                    }
+                    YaverFeedback_1.YaverFeedback.showMachinePicker();
+                }} style={[
+                    styles.machineCard,
+                    machineCard.status === 'live' && styles.machineCardLive,
+                    machineCard.status === 'attention' && styles.machineCardAttention,
+                    machineCard.status === 'offline' && styles.machineCardOffline,
+                ]}>
                 <react_native_1.View style={styles.machineHeader}>
                   <react_native_1.View style={styles.machineTitleWrap}>
                     <react_native_1.View style={[
-                styles.machineDot,
-                machineCard.status === 'live' && styles.machineDotLive,
-                machineCard.status === 'attention' && styles.machineDotAttention,
-                machineCard.status === 'offline' && styles.machineDotOffline,
-            ]}/>
+                    styles.machineDot,
+                    machineCard.status === 'live' && styles.machineDotLive,
+                    machineCard.status === 'attention' && styles.machineDotAttention,
+                    machineCard.status === 'offline' && styles.machineDotOffline,
+                ]}/>
                     <react_native_1.Text style={styles.machineLabel}>Coding Machine</react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text style={styles.machineAction}>
@@ -1249,14 +1255,14 @@ const FeedbackModal = () => {
                     <react_native_1.Text style={styles.runnerSectionTitle}>Coding Agents</react_native_1.Text>
                     <react_native_1.Text style={styles.runnerSectionSubtitle}>
                       {runnerStatusLoading
-                ? 'Refreshing runner status on the selected machine…'
-                : `${readyRunnerCount} ready · ${needsAuthRunnerCount} need sign-in · ${missingRunnerCount} missing`}
+                    ? 'Refreshing runner status on the selected machine…'
+                    : `${readyRunnerCount} ready · ${needsAuthRunnerCount} need sign-in · ${missingRunnerCount} missing`}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Pressable onPress={() => void loadRunnerStatuses()} style={({ pressed }) => [
-                styles.runnerRefreshBtn,
-                pressed && styles.buttonPressed,
-            ]} accessibilityRole="button" accessibilityLabel="Refresh coding-agent status">
+                    styles.runnerRefreshBtn,
+                    pressed && styles.buttonPressed,
+                ]} accessibilityRole="button" accessibilityLabel="Refresh coding-agent status">
                     <react_native_1.Text style={styles.runnerRefreshBtnText}>
                       {runnerStatusLoading ? 'Refreshing…' : 'Refresh'}
                     </react_native_1.Text>
@@ -1271,31 +1277,31 @@ const FeedbackModal = () => {
                 </react_native_1.View>
 
                 {runnerCards.map((row) => (<react_native_1.View key={row.id} style={[
-                    styles.runnerCard,
-                    row.tone === 'ok' && styles.runnerCardOk,
-                    row.tone === 'warning' && styles.runnerCardWarning,
-                    row.tone === 'error' && styles.runnerCardError,
-                ]}>
+                        styles.runnerCard,
+                        row.tone === 'ok' && styles.runnerCardOk,
+                        row.tone === 'warning' && styles.runnerCardWarning,
+                        row.tone === 'error' && styles.runnerCardError,
+                    ]}>
                     <react_native_1.View style={styles.runnerCardTop}>
                       <react_native_1.View style={{ flex: 1 }}>
                         <react_native_1.Text style={styles.runnerCardTitle}>{row.name}</react_native_1.Text>
                         <react_native_1.Text style={[
-                    styles.runnerCardStatus,
-                    row.tone === 'ok' && styles.runnerCardStatusOk,
-                    row.tone === 'warning' && styles.runnerCardStatusWarning,
-                    row.tone === 'error' && styles.runnerCardStatusError,
-                ]}>
+                        styles.runnerCardStatus,
+                        row.tone === 'ok' && styles.runnerCardStatusOk,
+                        row.tone === 'warning' && styles.runnerCardStatusWarning,
+                        row.tone === 'error' && styles.runnerCardStatusError,
+                    ]}>
                           {row.statusLine}
                         </react_native_1.Text>
                       </react_native_1.View>
                       <react_native_1.View style={styles.runnerCardActions}>
                         {row.ready ? (<react_native_1.Pressable onPress={() => {
-                        const nextModel = row.models?.find((model) => model.isDefault)?.id || row.models?.[0]?.id || '';
-                        setPreferredRunnerState(row.id);
-                        setPreferredModelState(nextModel);
-                        void (0, preferences_1.setPreferredRunner)(row.id);
-                        void (0, preferences_1.setPreferredModel)(nextModel || null);
-                    }} style={({ pressed }) => [styles.runnerActionBtn, preferredRunner === row.id && styles.runnerActionBtnSelected, pressed && styles.buttonPressed]} accessibilityRole="button" accessibilityLabel={`Use ${row.name} for Vibing`}>
+                            const nextModel = row.models?.find((model) => model.isDefault)?.id || row.models?.[0]?.id || '';
+                            setPreferredRunnerState(row.id);
+                            setPreferredModelState(nextModel);
+                            void (0, preferences_1.setPreferredRunner)(row.id);
+                            void (0, preferences_1.setPreferredModel)(nextModel || null);
+                        }} style={({ pressed }) => [styles.runnerActionBtn, preferredRunner === row.id && styles.runnerActionBtnSelected, pressed && styles.buttonPressed]} accessibilityRole="button" accessibilityLabel={`Use ${row.name} for Vibing`}>
                             <react_native_1.Text style={styles.runnerActionBtnText}>{preferredRunner === row.id ? 'Using' : 'Use'}</react_native_1.Text>
                           </react_native_1.Pressable>) : null}
                         {row.actionRunner ? (<react_native_1.Pressable onPress={() => setRunnerAuthModal(row.actionRunner ?? null)} style={({ pressed }) => [styles.runnerActionBtn, pressed && styles.buttonPressed]} accessibilityRole="button" accessibilityLabel={`${row.actionLabel} ${row.name}`}>
@@ -1305,9 +1311,9 @@ const FeedbackModal = () => {
                     </react_native_1.View>
                     {preferredRunner === row.id && (row.models?.length || 0) > 0 ? (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.modelChoiceRow}>
                         {row.models.map((model) => (<react_native_1.Pressable key={model.id} onPress={() => {
-                            setPreferredModelState(model.id);
-                            void (0, preferences_1.setPreferredModel)(model.id);
-                        }} style={[styles.modelChoice, preferredModel === model.id && styles.modelChoiceSelected]} accessibilityRole="button" accessibilityLabel={`Use ${model.name || model.id} model`}>
+                                setPreferredModelState(model.id);
+                                void (0, preferences_1.setPreferredModel)(model.id);
+                            }} style={[styles.modelChoice, preferredModel === model.id && styles.modelChoiceSelected]} accessibilityRole="button" accessibilityLabel={`Use ${model.name || model.id} model`}>
                             <react_native_1.Text style={[styles.modelChoiceText, preferredModel === model.id && styles.modelChoiceTextSelected]}>{model.name || model.id}</react_native_1.Text>
                           </react_native_1.Pressable>))}
                       </react_native_1.ScrollView>) : null}
@@ -1322,22 +1328,22 @@ const FeedbackModal = () => {
                     Quick access icon is hidden. Shake the phone if you want feedback back fast.
                   </react_native_1.Text>
                   <react_native_1.Pressable onPress={() => {
-                    void YaverFeedback_1.YaverFeedback.setQuickIconVisible(true);
-                    setQuickIconHidden(false);
-                }} style={({ pressed }) => [
-                    styles.quickIconToggle,
-                    pressed && styles.buttonPressed,
-                ]}>
+                        void YaverFeedback_1.YaverFeedback.setQuickIconVisible(true);
+                        setQuickIconHidden(false);
+                    }} style={({ pressed }) => [
+                        styles.quickIconToggle,
+                        pressed && styles.buttonPressed,
+                    ]}>
                     <react_native_1.Text style={styles.quickIconToggleText}>Show quick icon again</react_native_1.Text>
                   </react_native_1.Pressable>
                 </react_native_1.View>)}
 
               {YaverFeedback_1.YaverFeedback.isAuthed() ? (<react_native_1.Pressable onPress={() => {
-                    void YaverFeedback_1.YaverFeedback.signOut().then(() => {
-                        handleClose();
-                        YaverFeedback_1.YaverFeedback.showLogin();
-                    });
-                }} style={({ pressed }) => [styles.yaverSignOutBtn, pressed && styles.buttonPressed]} accessibilityRole="button" accessibilityLabel="Sign out of Yaver">
+                        void YaverFeedback_1.YaverFeedback.signOut().then(() => {
+                            handleClose();
+                            YaverFeedback_1.YaverFeedback.showLogin();
+                        });
+                    }} style={({ pressed }) => [styles.yaverSignOutBtn, pressed && styles.buttonPressed]} accessibilityRole="button" accessibilityLabel="Sign out of Yaver">
                   <react_native_1.Text style={styles.yaverSignOutText}>Sign out of Yaver</react_native_1.Text>
                 </react_native_1.Pressable>) : null}
 
@@ -1348,57 +1354,58 @@ const FeedbackModal = () => {
                 </react_native_1.Text>
                 <react_native_1.View style={styles.iconSelectorGrid}>
                   {Object.entries(preferences_1.QUICK_ICON_COLOR_PRESETS).map(([preset, colors]) => {
-                const selected = quickIconColorPreset === preset;
-                return (<react_native_1.Pressable key={preset} onPress={() => {
-                        setQuickIconColorPreset(preset);
-                        void YaverFeedback_1.YaverFeedback.setQuickIconColorPreset(preset);
-                    }} style={[
-                        styles.iconOption,
-                        iconOptionWidthOverride ? { width: iconOptionWidthOverride } : null,
-                        selected && styles.iconOptionSelected,
-                    ]}>
+                    const selected = quickIconColorPreset === preset;
+                    return (<react_native_1.Pressable key={preset} onPress={() => {
+                            setQuickIconColorPreset(preset);
+                            void YaverFeedback_1.YaverFeedback.setQuickIconColorPreset(preset);
+                        }} style={[
+                            styles.iconOption,
+                            iconOptionWidthOverride ? { width: iconOptionWidthOverride } : null,
+                            selected && styles.iconOptionSelected,
+                        ]}>
                         <react_native_1.View style={[
-                        styles.iconOptionCircle,
-                        {
-                            backgroundColor: colors.backgroundColor,
-                            borderColor: colors.borderColor,
-                            shadowColor: colors.shadowColor,
-                        },
-                    ]}>
+                            styles.iconOptionCircle,
+                            {
+                                backgroundColor: colors.backgroundColor,
+                                borderColor: colors.borderColor,
+                                shadowColor: colors.shadowColor,
+                            },
+                        ]}>
                           <react_native_1.Text style={[
-                        styles.iconOptionLabel,
-                        { color: colors.foregroundColor },
-                    ]}>
+                            styles.iconOptionLabel,
+                            { color: colors.foregroundColor },
+                        ]}>
                             y
                           </react_native_1.Text>
                         </react_native_1.View>
                         <react_native_1.Text style={styles.iconOptionText}>{colors.label}</react_native_1.Text>
                       </react_native_1.Pressable>);
-            })}
+                })}
                 </react_native_1.View>
               </react_native_1.View>
 
               {/* 1. Reload — Hot / Full / Rebuild Bundle.
-                 Rendered from the shared decision seam, so a production
-                 build (__DEV__ false) renders nothing here at all, and a
-                 blocked action shows greyed WITH its reason underneath
-                 rather than vanishing. */}
+                     Rendered from the shared decision seam, so a production
+                     build (__DEV__ false) renders nothing here at all, and a
+                     blocked action shows greyed WITH its reason underneath
+                     rather than vanishing. */}
               {availableReloadActions.map((reloadAction) => (<react_native_1.View key={reloadAction.id} style={styles.reloadRow}>
                   <ActionRow label={reloadingId === reloadAction.id
-                    ? `${reloadAction.label}…`
-                    : reloadAction.label} tint={reloadAction.id === 'rebuild' ? '#0369a1' : '#9a5700'} onPress={() => {
-                    void handleReloadAction(reloadAction);
-                }} 
-            // Never `disabled` at the Pressable level for a blocked
-            // action: we WANT the tap so we can say why. Only a
-            // genuinely busy modal blocks the press.
-            disabled={busy && reloadingId !== reloadAction.id} busy={reloadingId === reloadAction.id}/>
+                        ? `${reloadAction.label}…`
+                        : reloadAction.label} tint={reloadAction.id === 'rebuild' ? '#0369a1' : '#9a5700'} onPress={() => {
+                        void handleReloadAction(reloadAction);
+                    }} 
+                // Never `disabled` at the Pressable level for a blocked
+                // action: we WANT the tap so we can say why. Only a
+                // genuinely busy modal blocks the press.
+                disabled={busy && reloadingId !== reloadAction.id} busy={reloadingId === reloadAction.id}/>
                   <react_native_1.Text style={styles.reloadHint}>
                     {reloadAction.enabled
-                    ? reloadAction.hint
-                    : reloadAction.disabledReason}
+                        ? reloadAction.hint
+                        : reloadAction.disabledReason}
                   </react_native_1.Text>
                 </react_native_1.View>))}
+              </> : null}
               </>
               </react_native_1.View>
 
@@ -1443,7 +1450,7 @@ const FeedbackModal = () => {
               </react_native_1.Pressable>
               </react_native_1.ScrollView>
             </react_native_1.View>
-          </react_native_1.View>
+          </react_native_1.KeyboardAvoidingView>
         </react_native_1.Modal>)}
       {runnerAuthModal ? (<RunnerAuthNativeModal runner={runnerAuthModal} onClose={() => {
                 setRunnerAuthModal(null);

package/dist/LoginScreen.d.ts

@@ -4,6 +4,8 @@ export interface YaverLoginScreenProps {
     onLoggedIn: (token: string) => void;
     /** Optional cancel button shown in header. */
     onCancel?: () => void;
+    /** Intent shown under the Yaver mark. Defaults to ordinary feedback. */
+    subtitle?: string;
 }
 /**
  * Full-screen in-SDK login. Mirrors the Yaver mobile app login UX: native

package/dist/LoginScreen.js

@@ -91,7 +91,7 @@ const iconStyles = react_native_1.StyleSheet.create({
  * Apple Sign-In on iOS, in-app browser OAuth for Google/GitHub/GitLab/
  * Microsoft (no codes, no leaving the app), and inline email/password.
  */
-const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
+const YaverLoginScreen = ({ onLoggedIn, onCancel, subtitle = 'Sign in to send feedback', }) => {
     const [busyProvider, setBusyProvider] = (0, react_1.useState)(null);
     const [showEmailForm, setShowEmailForm] = (0, react_1.useState)(false);
     const [isSignUp, setIsSignUp] = (0, react_1.useState)(false);
@@ -186,7 +186,7 @@ const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
 
           <react_native_1.View style={styles.header}>
             <react_native_1.Text style={styles.logo}>Yaver</react_native_1.Text>
-            <react_native_1.Text style={styles.subtitle}>Sign in to send feedback</react_native_1.Text>
+            <react_native_1.Text style={styles.subtitle}>{subtitle}</react_native_1.Text>
           </react_native_1.View>
 
           <react_native_1.View style={styles.buttons}>

package/dist/MachinePickerScreen.d.ts

@@ -4,8 +4,10 @@ export interface YaverMachinePickerProps {
     token: string;
     /** Currently-selected deviceId (from config / cache) — highlighted. */
     currentDeviceId?: string;
-    onPick: (device: RemoteDevice) => void;
+    onPick: (device: RemoteDevice) => void | Promise<void>;
     onCancel?: () => void;
+    /** Optional flow-specific title, e.g. "Choose a machine for SFMG". */
+    title?: string;
 }
 /**
  * List of remote dev machines owned by the signed-in user.

package/dist/MachinePickerScreen.js

@@ -45,14 +45,18 @@ const PairDeviceModal_1 = require("./PairDeviceModal");
  * SDK then uses that device's deviceId for agent discovery (LAN probe +
  * relay fallback through Convex).
  */
-const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, }) => {
+const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, title = 'Choose a machine', }) => {
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [refreshing, setRefreshing] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
     const [list, setList] = (0, react_1.useState)({ owned: [] });
     const [pairingDevice, setPairingDevice] = (0, react_1.useState)(null);
     const [reachability, setReachability] = (0, react_1.useState)({});
+    const [selectingDeviceId, setSelectingDeviceId] = (0, react_1.useState)(null);
+    const mountedRef = (0, react_1.useRef)(true);
+    const loadGenerationRef = (0, react_1.useRef)(0);
     const load = (0, react_1.useCallback)(async (silent = false) => {
+        const generation = ++loadGenerationRef.current;
         if (!silent)
             setLoading(true);
         setError(null);
@@ -60,22 +64,17 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             const result = await (0, auth_1.listReachableDevices)(token);
             setList(result);
             setReachability({});
-            void (async () => {
-                const devices = result.owned;
-                const settled = await Promise.allSettled(devices.map(async (device) => ({
-                    deviceId: device.deviceId,
-                    result: await (0, auth_1.probeDeviceReachability)(device),
-                })));
-                setReachability((prev) => {
-                    const next = { ...prev };
-                    for (const entry of settled) {
-                        if (entry.status === 'fulfilled') {
-                            next[entry.value.deviceId] = entry.value.result;
-                        }
-                    }
-                    return next;
-                });
-            })();
+            // Convex already gives us a fresh, heartbeat-gated online answer. Render
+            // that immediately. Only probe cloud-offline rows to detect a phone-LAN
+            // route that came back before the next heartbeat, and publish each result
+            // as it arrives instead of holding the whole list behind the slowest box.
+            for (const device of result.owned.filter((candidate) => !candidate.isOnline)) {
+                void (0, auth_1.probeDeviceReachability)(device).then((probe) => {
+                    if (!mountedRef.current || loadGenerationRef.current !== generation)
+                        return;
+                    setReachability((prev) => ({ ...prev, [device.deviceId]: probe }));
+                }).catch(() => { });
+            }
             if (result.owned.length === 0) {
                 setError('No machines found yet. Run `yaver auth` + `yaver serve` on your machine.');
             }
@@ -89,7 +88,9 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
         }
     }, [token]);
     (0, react_1.useEffect)(() => {
+        mountedRef.current = true;
         void load();
+        return () => { mountedRef.current = false; };
     }, [load]);
     const handlePick = async (device) => {
         // Needs-auth device — show the in-SDK pair modal instead of
@@ -101,7 +102,9 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             setPairingDevice(device);
             return;
         }
-        const direct = await (0, auth_1.probeDeviceReachability)(device);
+        const direct = device.isOnline
+            ? { reachable: true }
+            : await (0, auth_1.probeDeviceReachability)(device);
         // Do not hard-block selection just because the LAN /health probe
         // failed. The standalone SDK can still reach a healthy machine via
         // the normal selected-device discovery path (including relay), and
@@ -114,11 +117,19 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             setReachability((prev) => ({ ...prev, [device.deviceId]: direct }));
             return;
         }
-        await (0, auth_1.saveSelectedDeviceId)(device.deviceId);
-        onPick(device);
+        setSelectingDeviceId(device.deviceId);
+        try {
+            await (0, auth_1.saveSelectedDeviceId)(device.deviceId);
+            await onPick(device);
+        }
+        finally {
+            if (mountedRef.current)
+                setSelectingDeviceId(null);
+        }
     };
     const renderDevice = (device) => {
         const selected = device.deviceId === currentDeviceId;
+        const selecting = device.deviceId === selectingDeviceId;
         const probe = reachability[device.deviceId];
         // Trust Convex's `isOnline` — the backend already gates it on a
         // fresh 90 s heartbeat (see backend/convex/devices.ts
@@ -137,14 +148,17 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             : effectivelyReachable
                 ? '#22c55e'
                 : device.isOnline
-                    ? '#f59e0b'
+                    ? '#22c55e'
                     : explicitlyOffline || !device.isOnline
                         ? '#ef4444'
                         : '#22c55e';
         // Derive a single short status phrase the user can act on.
         let statusLine = device.platform;
-        if (probe === undefined) {
-            statusLine = 'Checking connection…';
+        if (selecting) {
+            statusLine = 'Connecting…';
+        }
+        else if (probe === undefined && device.isOnline) {
+            statusLine = device.platform || 'Online';
         }
         else if (!device.isOnline && effectivelyReachable) {
             statusLine = 'Reachable now — waiting for cloud status to refresh';
@@ -166,20 +180,21 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             // Happy-path subtitle.
             statusLine = device.platform;
         }
-        return (<react_native_1.TouchableOpacity key={device.deviceId} style={[styles.deviceRow, selected && styles.deviceSelected]} onPress={() => handlePick(device)}>
+        return (<react_native_1.TouchableOpacity key={device.deviceId} style={[styles.deviceRow, selected && styles.deviceSelected]} onPress={() => handlePick(device)} disabled={selectingDeviceId !== null}>
         <react_native_1.View style={[styles.health, { backgroundColor: healthColor }]}/>
         <react_native_1.View style={{ flex: 1 }}>
           <react_native_1.Text style={styles.deviceName}>{device.name || device.deviceId}</react_native_1.Text>
           <react_native_1.Text style={styles.deviceMeta}>{statusLine}</react_native_1.Text>
         </react_native_1.View>
-        {selected && <react_native_1.Text style={styles.selectedBadge}>seçili</react_native_1.Text>}
+        {selecting ? <react_native_1.ActivityIndicator color="#a5b4fc" size="small"/> : null}
+        {selected && !selecting && <react_native_1.Text style={styles.selectedBadge}>selected</react_native_1.Text>}
       </react_native_1.TouchableOpacity>);
     };
     return (<react_native_1.SafeAreaView style={styles.container}>
       <react_native_1.View style={styles.header}>
-        <react_native_1.Text style={styles.title}>Makine Seç</react_native_1.Text>
+        <react_native_1.Text style={styles.title}>{title}</react_native_1.Text>
         {onCancel && (<react_native_1.TouchableOpacity onPress={onCancel} style={styles.cancel}>
-            <react_native_1.Text style={styles.cancelText}>Kapat</react_native_1.Text>
+            <react_native_1.Text style={styles.cancelText}>Close</react_native_1.Text>
           </react_native_1.TouchableOpacity>)}
       </react_native_1.View>
 
@@ -189,7 +204,7 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             }} tintColor="#6366f1"/>}>
         {loading ? (<react_native_1.ActivityIndicator color="#6366f1" style={{ marginTop: 60 }}/>) : (<>
             {list.owned.length > 0 && (<react_native_1.View style={styles.section}>
-                <react_native_1.Text style={styles.sectionTitle}>Kendi makinelerim</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>Your machines</react_native_1.Text>
                 {list.owned.map(renderDevice)}
               </react_native_1.View>)}
             {error && <react_native_1.Text style={styles.error}>{error}</react_native_1.Text>}

package/dist/__tests__/FeedbackModalContract.test.js

@@ -58,7 +58,9 @@ describe('FeedbackModal authenticated chat contract', () => {
         expect(setupSteps).not.toContain("key: 'model'");
         expect(setupSteps).not.toContain("key: 'lane'");
         expect(source).toContain("type DogfoodSetupStage = 'setup' | 'lane' | 'runtime'");
-        expect(source).toContain('label="Choose runtime"');
+        expect(source).toContain("label={dogfoodSetupReady ? 'Continue to runtime' : 'Complete the choices above'}");
+        expect(source).toContain('{!dogfoodOnboarding ? <>');
+        expect(source).toContain("? `Set up ${dogfoodOnboarding.projectName || dogfoodOnboarding.label || 'this app'} Dogfood`");
     });
     it('passes the selected native target and labels the live log source', () => {
         expect(source).toContain("nativeTargetId: lanePlan.preferred === 'webrtc' ? dogfoodNativeTargetId : undefined");
@@ -67,9 +69,10 @@ describe('FeedbackModal authenticated chat contract', () => {
         expect(source).toMatch(/<DogfoodLiveConsole[\s\S]*?sourceLabel=\{dogfoodSourceLabel\}/);
         expect(source).toContain('Simulator, emulator, or device');
     });
-    it('has one iOS keyboard inset owner and no gesture-stealing sheet Pressable', () => {
-        expect(source).toContain('automaticallyAdjustKeyboardInsets={Platform.OS === \'ios\'}');
-        expect(source).not.toContain('<KeyboardAvoidingView');
+    it('has one keyboard inset owner and no gesture-stealing sheet Pressable', () => {
+        expect(source).toContain("behavior={Platform.OS === 'ios' ? 'padding' : 'height'}");
+        expect(source).toContain('automaticallyAdjustKeyboardInsets={false}');
+        expect(source).toContain('<KeyboardAvoidingView');
         expect(source).not.toContain('keyboardInset');
         expect(source).toContain('<Pressable style={styles.backdrop} onPress={handleClose}');
         expect(source).toMatch(/<View[\s\S]{0,300}?style=\{\[\s*styles\.modal/);

package/dist/__tests__/MachinePickerScreenContract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/MachinePickerScreenContract.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const source = fs_1.default.readFileSync(path_1.default.join(__dirname, '..', 'MachinePickerScreen.tsx'), 'utf8');
+describe('MachinePickerScreen progressive reachability contract', () => {
+    it('makes heartbeat-online machines immediately selectable', () => {
+        expect(source).toContain("const direct = device.isOnline");
+        expect(source).toContain("? { reachable: true } as DeviceReachability");
+        expect(source).not.toContain("statusLine = 'Checking connection…'");
+        expect(source).toContain("statusLine = device.platform || 'Online'");
+    });
+    it('does not hold every row behind the slowest direct probe', () => {
+        expect(source).not.toContain('Promise.allSettled');
+        expect(source).toContain("filter((candidate) => !candidate.isOnline)");
+        expect(source).toContain("setReachability((prev) => ({ ...prev, [device.deviceId]: probe }))");
+    });
+    it('names the selected machine connection operation', () => {
+        expect(source).toContain("statusLine = 'Connecting…'");
+        expect(source).toContain('disabled={selectingDeviceId !== null}');
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yaver-feedback-react-native",
-  "version": "0.9.11",
+  "version": "0.9.12",
   "description": "Visual feedback SDK for Yaver — bug reports, screen recording, voice vibe coding, and local-first developer workflows",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/AuthOverlay.tsx

@@ -11,6 +11,8 @@ export const AuthOverlay: React.FC = () => {
   const [pickerVisible, setPickerVisible] = useState(false);
   const [token, setToken] = useState<string | null>(null);
   const activeOverlayRef = useRef<'none' | 'login' | 'picker'>('none');
+  const onboarding = YaverFeedback.getDogfoodOnboarding();
+  const dogfoodLabel = onboarding?.projectName || onboarding?.label || 'this app';
 
   const openLogin = useCallback(() => {
     activeOverlayRef.current = 'login';
@@ -94,13 +96,18 @@ export const AuthOverlay: React.FC = () => {
   return (
     <>
       <Modal visible={loginVisible} animationType="slide" presentationStyle="fullScreen" onRequestClose={closeAll}>
-        <YaverLoginScreen onLoggedIn={handleLoggedIn} onCancel={closeAll} />
+        <YaverLoginScreen
+          onLoggedIn={handleLoggedIn}
+          onCancel={closeAll}
+          subtitle={onboarding ? `Sign in to set up ${dogfoodLabel} Dogfood` : undefined}
+        />
       </Modal>
       <Modal visible={pickerVisible && !!token} animationType="slide" presentationStyle="fullScreen" onRequestClose={closeAll}>
         {token && (
           <YaverMachinePickerScreen
             token={token}
             currentDeviceId={YaverFeedback.getConfig()?.preferredDeviceId}
+            title={onboarding ? `Choose a machine for ${dogfoodLabel}` : undefined}
             onPick={handleDevicePicked}
             onCancel={closeAll}
           />

package/src/FeedbackModal.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
   ActivityIndicator,
   DeviceEventEmitter,
+  KeyboardAvoidingView,
   Linking,
   Modal,
   Platform,
@@ -499,9 +500,6 @@ export const FeedbackModal: React.FC = () => {
       } else if (device.needsAuth) {
         status = 'attention';
         detail = 'Machine needs pairing again before feedback actions can run.';
-      } else if (device.runnerDown) {
-        status = 'attention';
-        detail = 'Machine is online but the coding agent is down.';
       } else if (reachable === false) {
         status = 'offline';
         detail = 'Machine selected, but the agent is not responding.';
@@ -1062,6 +1060,7 @@ export const FeedbackModal: React.FC = () => {
   const dogfoodModelReady = !selectedDogfoodRunner?.models?.length
     || !!preferredModel && selectedDogfoodRunner.models.some((model) => model.id === preferredModel);
   const dogfoodFramework = dogfoodProject?.framework || YaverFeedback.getDogfoodOnboarding()?.framework || 'expo';
+  const dogfoodOnboarding = YaverFeedback.getDogfoodOnboarding();
   const dogfoodLaneChoices = dogfoodLaneOptions(dogfoodFramework, {
     nativeRuntimeAvailable: dogfoodNativeAvailable,
     browserRuntimeAvailable: dogfoodBrowserAvailable,
@@ -1176,7 +1175,10 @@ export const FeedbackModal: React.FC = () => {
           transparent
           onRequestClose={handleClose}
         >
-          <View style={styles.overlay}>
+          <KeyboardAvoidingView
+            style={styles.overlay}
+            behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+          >
             <Pressable style={styles.backdrop} onPress={handleClose} accessibilityLabel="Close feedback" />
             <View
               // Tablet: cap modal width and center as a card-style
@@ -1202,11 +1204,18 @@ export const FeedbackModal: React.FC = () => {
                 keyboardShouldPersistTaps="handled"
                 keyboardDismissMode={Platform.OS === 'ios' ? 'interactive' : 'on-drag'}
                 contentInsetAdjustmentBehavior="always"
-                automaticallyAdjustKeyboardInsets={Platform.OS === 'ios'}
+                // KeyboardAvoidingView is the single inset owner. Letting the
+                // ScrollView add a second UIKit inset lifts the composer twice
+                // on short phones and still leaves its action row clipped.
+                automaticallyAdjustKeyboardInsets={false}
               >
               <View style={styles.header}>
                 <Text style={styles.title}>
-                  {dogfoodActive ? `${YaverFeedback.getDogfoodStatus().label || 'App'} Developer Mode` : 'Send Feedback'}
+                  {dogfoodOnboarding
+                    ? `Set up ${dogfoodOnboarding.projectName || dogfoodOnboarding.label || 'this app'} Dogfood`
+                    : dogfoodActive
+                      ? `${YaverFeedback.getDogfoodStatus().label || 'App'} Developer Mode`
+                      : 'Send Feedback'}
                 </Text>
                 <Pressable
                   onPress={handleClose}
@@ -1219,6 +1228,7 @@ export const FeedbackModal: React.FC = () => {
                 </Pressable>
               </View>
 
+              {(!dogfoodOnboarding || dogfoodSetupStage === 'runtime') ? (
               <View style={styles.tabs} accessibilityRole="tablist">
                 {(['chat', 'settings'] as const).map((tab) => (
                   <Pressable
@@ -1232,15 +1242,16 @@ export const FeedbackModal: React.FC = () => {
                   </Pressable>
                 ))}
               </View>
+              ) : null}
 
               <View style={[styles.tabContent, activeTab !== 'settings' && styles.hidden]}>
               <>
-              {YaverFeedback.getDogfoodOnboarding() ? (
+              {dogfoodOnboarding ? (
                 <View style={styles.dogfoodWizard}>
-                  <Text style={styles.dogfoodWizardTitle}>Dogfood this app</Text>
+                  <Text style={styles.dogfoodWizardTitle}>Connect the app to its checkout</Text>
                   <Text style={styles.dogfoodWizardHint}>
                     {dogfoodEnrollment?.status === 'active'
-                      ? 'Signed in · this installation is approved'
+                      ? 'Choose one development machine, coding runner, and checkout. Then choose how to preview it.'
                       : `Signed in · installation ${dogfoodEnrollment?.status || 'checking'}`}
                   </Text>
                   {dogfoodEnrollment?.status === 'active' && dogfoodSetupStage === 'setup' ? (
@@ -1337,7 +1348,7 @@ export const FeedbackModal: React.FC = () => {
                             </View>
                           ) : null}
                           <ActionRow
-                            label="Choose runtime"
+                            label={dogfoodSetupReady ? 'Continue to runtime' : 'Complete the choices above'}
                             tint="#5645d8"
                             onPress={() => {
                               setDogfoodExpandedStep(null);
@@ -1441,6 +1452,7 @@ export const FeedbackModal: React.FC = () => {
                   )}
                 </View>
               ) : null}
+              {!dogfoodOnboarding ? <>
               <Pressable
                 onPress={() => {
                   if (!YaverFeedback.isAuthed()) {
@@ -1718,6 +1730,7 @@ export const FeedbackModal: React.FC = () => {
                   </Text>
                 </View>
               ))}
+              </> : null}
               </>
               </View>
 
@@ -1805,7 +1818,7 @@ export const FeedbackModal: React.FC = () => {
               </Pressable>
               </ScrollView>
             </View>
-          </View>
+          </KeyboardAvoidingView>
         </Modal>
       )}
       {runnerAuthModal ? (

package/src/LoginScreen.tsx

@@ -116,6 +116,8 @@ export interface YaverLoginScreenProps {
   onLoggedIn: (token: string) => void;
   /** Optional cancel button shown in header. */
   onCancel?: () => void;
+  /** Intent shown under the Yaver mark. Defaults to ordinary feedback. */
+  subtitle?: string;
 }
 
 /**
@@ -126,6 +128,7 @@ export interface YaverLoginScreenProps {
 export const YaverLoginScreen: React.FC<YaverLoginScreenProps> = ({
   onLoggedIn,
   onCancel,
+  subtitle = 'Sign in to send feedback',
 }) => {
   const [busyProvider, setBusyProvider] = useState<OAuthProvider | 'apple' | null>(null);
   const [showEmailForm, setShowEmailForm] = useState(false);
@@ -242,7 +245,7 @@ export const YaverLoginScreen: React.FC<YaverLoginScreenProps> = ({
 
           <View style={styles.header}>
             <Text style={styles.logo}>Yaver</Text>
-            <Text style={styles.subtitle}>Sign in to send feedback</Text>
+            <Text style={styles.subtitle}>{subtitle}</Text>
           </View>
 
           <View style={styles.buttons}>

package/src/MachinePickerScreen.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
   View,
   Text,
@@ -23,8 +23,10 @@ export interface YaverMachinePickerProps {
   token: string;
   /** Currently-selected deviceId (from config / cache) — highlighted. */
   currentDeviceId?: string;
-  onPick: (device: RemoteDevice) => void;
+  onPick: (device: RemoteDevice) => void | Promise<void>;
   onCancel?: () => void;
+  /** Optional flow-specific title, e.g. "Choose a machine for SFMG". */
+  title?: string;
 }
 
 /**
@@ -39,6 +41,7 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
   currentDeviceId,
   onPick,
   onCancel,
+  title = 'Choose a machine',
 }) => {
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
@@ -46,32 +49,28 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
   const [list, setList] = useState<DeviceList>({ owned: [] });
   const [pairingDevice, setPairingDevice] = useState<RemoteDevice | null>(null);
   const [reachability, setReachability] = useState<Record<string, DeviceReachability | undefined>>({});
+  const [selectingDeviceId, setSelectingDeviceId] = useState<string | null>(null);
+  const mountedRef = useRef(true);
+  const loadGenerationRef = useRef(0);
 
   const load = useCallback(async (silent = false) => {
+    const generation = ++loadGenerationRef.current;
     if (!silent) setLoading(true);
     setError(null);
     try {
       const result = await listReachableDevices(token);
       setList(result);
       setReachability({});
-      void (async () => {
-        const devices = result.owned;
-        const settled = await Promise.allSettled(
-          devices.map(async (device) => ({
-            deviceId: device.deviceId,
-            result: await probeDeviceReachability(device),
-          })),
-        );
-        setReachability((prev) => {
-          const next = { ...prev };
-          for (const entry of settled) {
-            if (entry.status === 'fulfilled') {
-              next[entry.value.deviceId] = entry.value.result;
-            }
-          }
-          return next;
-        });
-      })();
+      // Convex already gives us a fresh, heartbeat-gated online answer. Render
+      // that immediately. Only probe cloud-offline rows to detect a phone-LAN
+      // route that came back before the next heartbeat, and publish each result
+      // as it arrives instead of holding the whole list behind the slowest box.
+      for (const device of result.owned.filter((candidate) => !candidate.isOnline)) {
+        void probeDeviceReachability(device).then((probe) => {
+          if (!mountedRef.current || loadGenerationRef.current !== generation) return;
+          setReachability((prev) => ({ ...prev, [device.deviceId]: probe }));
+        }).catch(() => {});
+      }
       if (result.owned.length === 0) {
         setError('No machines found yet. Run `yaver auth` + `yaver serve` on your machine.');
       }
@@ -84,7 +83,9 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
   }, [token]);
 
   useEffect(() => {
+    mountedRef.current = true;
     void load();
+    return () => { mountedRef.current = false; };
   }, [load]);
 
   const handlePick = async (device: RemoteDevice) => {
@@ -97,7 +98,9 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
       setPairingDevice(device);
       return;
     }
-    const direct = await probeDeviceReachability(device);
+    const direct = device.isOnline
+      ? { reachable: true } as DeviceReachability
+      : await probeDeviceReachability(device);
     // Do not hard-block selection just because the LAN /health probe
     // failed. The standalone SDK can still reach a healthy machine via
     // the normal selected-device discovery path (including relay), and
@@ -110,12 +113,18 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
       setReachability((prev) => ({ ...prev, [device.deviceId]: direct }));
       return;
     }
-    await saveSelectedDeviceId(device.deviceId);
-    onPick(device);
+    setSelectingDeviceId(device.deviceId);
+    try {
+      await saveSelectedDeviceId(device.deviceId);
+      await onPick(device);
+    } finally {
+      if (mountedRef.current) setSelectingDeviceId(null);
+    }
   };
 
   const renderDevice = (device: RemoteDevice) => {
     const selected = device.deviceId === currentDeviceId;
+    const selecting = device.deviceId === selectingDeviceId;
     const probe = reachability[device.deviceId];
     // Trust Convex's `isOnline` — the backend already gates it on a
     // fresh 90 s heartbeat (see backend/convex/devices.ts
@@ -134,14 +143,16 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
       : effectivelyReachable
         ? '#22c55e'
         : device.isOnline
-          ? '#f59e0b'
+          ? '#22c55e'
           : explicitlyOffline || !device.isOnline
           ? '#ef4444'
           : '#22c55e';
     // Derive a single short status phrase the user can act on.
     let statusLine = device.platform;
-    if (probe === undefined) {
-      statusLine = 'Checking connection…';
+    if (selecting) {
+      statusLine = 'Connecting…';
+    } else if (probe === undefined && device.isOnline) {
+      statusLine = device.platform || 'Online';
     } else if (!device.isOnline && effectivelyReachable) {
       statusLine = 'Reachable now — waiting for cloud status to refresh';
     } else if (!device.isOnline) {
@@ -162,13 +173,15 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
         key={device.deviceId}
         style={[styles.deviceRow, selected && styles.deviceSelected]}
         onPress={() => handlePick(device)}
+        disabled={selectingDeviceId !== null}
       >
         <View style={[styles.health, { backgroundColor: healthColor }]} />
         <View style={{ flex: 1 }}>
           <Text style={styles.deviceName}>{device.name || device.deviceId}</Text>
           <Text style={styles.deviceMeta}>{statusLine}</Text>
         </View>
-        {selected && <Text style={styles.selectedBadge}>seçili</Text>}
+        {selecting ? <ActivityIndicator color="#a5b4fc" size="small" /> : null}
+        {selected && !selecting && <Text style={styles.selectedBadge}>selected</Text>}
       </TouchableOpacity>
     );
   };
@@ -176,10 +189,10 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
   return (
     <SafeAreaView style={styles.container}>
       <View style={styles.header}>
-        <Text style={styles.title}>Makine Seç</Text>
+        <Text style={styles.title}>{title}</Text>
         {onCancel && (
           <TouchableOpacity onPress={onCancel} style={styles.cancel}>
-            <Text style={styles.cancelText}>Kapat</Text>
+            <Text style={styles.cancelText}>Close</Text>
           </TouchableOpacity>
         )}
       </View>
@@ -203,7 +216,7 @@ export const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps> = ({
           <>
             {list.owned.length > 0 && (
               <View style={styles.section}>
-                <Text style={styles.sectionTitle}>Kendi makinelerim</Text>
+                <Text style={styles.sectionTitle}>Your machines</Text>
                 {list.owned.map(renderDevice)}
               </View>
             )}

package/src/__tests__/FeedbackModalContract.test.ts

@@ -67,7 +67,9 @@ describe('FeedbackModal authenticated chat contract', () => {
     expect(setupSteps).not.toContain("key: 'model'");
     expect(setupSteps).not.toContain("key: 'lane'");
     expect(source).toContain("type DogfoodSetupStage = 'setup' | 'lane' | 'runtime'");
-    expect(source).toContain('label="Choose runtime"');
+    expect(source).toContain("label={dogfoodSetupReady ? 'Continue to runtime' : 'Complete the choices above'}");
+    expect(source).toContain('{!dogfoodOnboarding ? <>');
+    expect(source).toContain("? `Set up ${dogfoodOnboarding.projectName || dogfoodOnboarding.label || 'this app'} Dogfood`");
   });
 
   it('passes the selected native target and labels the live log source', () => {
@@ -78,9 +80,10 @@ describe('FeedbackModal authenticated chat contract', () => {
     expect(source).toContain('Simulator, emulator, or device');
   });
 
-  it('has one iOS keyboard inset owner and no gesture-stealing sheet Pressable', () => {
-    expect(source).toContain('automaticallyAdjustKeyboardInsets={Platform.OS === \'ios\'}');
-    expect(source).not.toContain('<KeyboardAvoidingView');
+  it('has one keyboard inset owner and no gesture-stealing sheet Pressable', () => {
+    expect(source).toContain("behavior={Platform.OS === 'ios' ? 'padding' : 'height'}");
+    expect(source).toContain('automaticallyAdjustKeyboardInsets={false}');
+    expect(source).toContain('<KeyboardAvoidingView');
     expect(source).not.toContain('keyboardInset');
     expect(source).toContain('<Pressable style={styles.backdrop} onPress={handleClose}');
     expect(source).toMatch(/<View[\s\S]{0,300}?style=\{\[\s*styles\.modal/);

package/src/__tests__/MachinePickerScreenContract.test.ts

@@ -0,0 +1,24 @@
+import fs from 'fs';
+import path from 'path';
+
+const source = fs.readFileSync(path.join(__dirname, '..', 'MachinePickerScreen.tsx'), 'utf8');
+
+describe('MachinePickerScreen progressive reachability contract', () => {
+  it('makes heartbeat-online machines immediately selectable', () => {
+    expect(source).toContain("const direct = device.isOnline");
+    expect(source).toContain("? { reachable: true } as DeviceReachability");
+    expect(source).not.toContain("statusLine = 'Checking connection…'");
+    expect(source).toContain("statusLine = device.platform || 'Online'");
+  });
+
+  it('does not hold every row behind the slowest direct probe', () => {
+    expect(source).not.toContain('Promise.allSettled');
+    expect(source).toContain("filter((candidate) => !candidate.isOnline)");
+    expect(source).toContain("setReachability((prev) => ({ ...prev, [device.deviceId]: probe }))");
+  });
+
+  it('names the selected machine connection operation', () => {
+    expect(source).toContain("statusLine = 'Connecting…'");
+    expect(source).toContain('disabled={selectingDeviceId !== null}');
+  });
+});