yaver-feedback-react-native 0.9.10 → 0.9.12

package/dist/FeedbackModal.js

@@ -316,12 +316,17 @@ const FeedbackModal = () => {
             return;
         await dogfoodControllerRef.current?.stop().catch(() => { });
         const framework = dogfoodProject.framework || onboarding.framework || 'expo';
+        const lanePlan = (0, DogfoodRuntime_1.dogfoodLanePlan)(framework, {
+            nativeRuntimeAvailable: dogfoodNativeAvailable,
+            browserRuntimeAvailable: dogfoodBrowserAvailable,
+        }, dogfoodLane);
         const controller = new DogfoodRuntime_1.DogfoodController({
             name: dogfoodProject.name,
             workDir: dogfoodProject.path,
             framework,
-            lane: dogfoodLane,
-            nativeTargetId: dogfoodLane === 'webrtc' ? dogfoodNativeTargetId : undefined,
+            lane: lanePlan.preferred,
+            fallbackLane: lanePlan.fallback,
+            nativeTargetId: lanePlan.preferred === 'webrtc' ? dogfoodNativeTargetId : undefined,
         }, (0, P2PDogfoodDriver_1.createP2PDogfoodDriver)(client), {
             onChange: (snapshot) => { if (mountedRef.current)
                 setDogfoodRuntime(snapshot); },
@@ -415,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.';
@@ -533,7 +534,11 @@ const FeedbackModal = () => {
                 setShowVibeInput(authenticated || directDogfood);
                 setVibePrompt('');
                 if (onboarding) {
-                    setActiveTab(authenticated ? 'chat' : 'settings');
+                    // A Dogfood shortcut is an explicit setup/runtime intent. Opening on
+                    // Chat hid the machine/runner/checkout gate for signed-in SFMG users;
+                    // keep the SDK-owned Dogfood surface visible, then show its live logs
+                    // immediately when Start is tapped.
+                    setActiveTab('settings');
                     setDogfoodSetupStage('setup');
                     setDogfoodExpandedStep(null);
                     setDogfoodRuntime(null);
@@ -954,10 +959,15 @@ 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,
     });
+    const dogfoodLanePolicy = (0, DogfoodRuntime_1.dogfoodLanePlan)(dogfoodFramework, {
+        nativeRuntimeAvailable: dogfoodNativeAvailable,
+        browserRuntimeAvailable: dogfoodBrowserAvailable,
+    }, dogfoodLane);
     const selectedDogfoodNativeTarget = dogfoodNativeTargets.find((target) => target.id === dogfoodNativeTargetId) || null;
     const dogfoodLaneReady = dogfoodLaneChoices.some((option) => option.lane === dogfoodLane && option.supported)
         && (dogfoodLane !== 'webrtc' || !!selectedDogfoodNativeTarget?.enabled);
@@ -994,11 +1004,12 @@ const FeedbackModal = () => {
         },
     ];
     const dogfoodStartBlocked = !dogfoodSetupReady || !dogfoodLaneReady;
-    const dogfoodSourceLabel = dogfoodLane === 'webrtc'
+    const activeDogfoodLane = dogfoodRuntime?.project.lane || dogfoodLane;
+    const dogfoodSourceLabel = activeDogfoodLane === 'webrtc'
         ? selectedDogfoodNativeTarget
             ? [selectedDogfoodNativeTarget.label, selectedDogfoodNativeTarget.platform].filter(Boolean).join(' · ')
             : 'Native simulator, emulator, or device'
-        : dogfoodLane === 'hermes'
+        : activeDogfoodLane === 'hermes'
             ? `Hermes build · ${machineCard.title}`
             : `${dogfoodFramework === 'flutter' ? 'Flutter web compiler' : 'Metro / browser build'} · ${machineCard.title}`;
     // Once the user fires off a vibe task, swap the entire modal body
@@ -1031,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
@@ -1049,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}
@@ -1125,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}/>
@@ -1141,7 +1160,7 @@ const FeedbackModal = () => {
                               <react_native_1.Text style={styles.dogfoodSmallActionText}>Back</react_native_1.Text>
                             </react_native_1.Pressable>
                           </react_native_1.View>
-                          <DogfoodSessionUi_1.DogfoodLanePicker options={dogfoodLaneChoices} selected={dogfoodLane} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS} onSelect={(lane) => {
+                          <DogfoodSessionUi_1.DogfoodLanePicker options={dogfoodLaneChoices} selected={dogfoodLane} fallbackLane={dogfoodLanePolicy.fallback} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS} onSelect={(lane) => {
                             setDogfoodLane(lane);
                             const appId = YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.appId;
                             if (appId)
@@ -1186,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}>
@@ -1235,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>
@@ -1257,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}`}>
@@ -1291,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}
@@ -1308,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}
 
@@ -1334,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>
 
@@ -1429,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>}