yaver-feedback-react-native 0.9.9 → 0.9.11

package/dist/FeedbackModal.js

@@ -37,21 +37,25 @@ exports.FeedbackModal = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const YaverFeedback_1 = require("./YaverFeedback");
-const capture_1 = require("./capture");
-const upload_1 = require("./upload");
-const P2PClient_1 = require("./P2PClient");
 const AuthOverlay_1 = require("./AuthOverlay");
 const QuickActionIcon_1 = require("./QuickActionIcon");
 const YaverModeBadge_1 = require("./YaverModeBadge");
 const VibeChatScreen_1 = require("./VibeChatScreen");
 const DogfoodQuickControls_1 = require("./DogfoodQuickControls");
-const DeployPanel_1 = require("./DeployPanel");
 const auth_1 = require("./auth");
 const reloadActions_1 = require("./reloadActions");
 const preferences_1 = require("./preferences");
 const DogfoodRuntime_1 = require("./DogfoodRuntime");
 const P2PDogfoodDriver_1 = require("./P2PDogfoodDriver");
 const DogfoodSessionUi_1 = require("./DogfoodSessionUi");
+const FeedbackModalTheme_1 = require("./FeedbackModalTheme");
+function dogfoodCheckoutDetail(project) {
+    if (!project)
+        return 'Choose a Git checkout on the selected machine';
+    return [project.path, project.branch ? `branch ${project.branch}` : project.gitRemote ? 'Git checkout' : 'checkout']
+        .filter(Boolean)
+        .join(' · ');
+}
 const PRIMARY_RUNNER_IDS = ['claude', 'codex', 'opencode'];
 function normalizeRunnerStatusRows(rows) {
     const byId = new Map();
@@ -174,17 +178,12 @@ const FeedbackModal = () => {
     // Which reload action is in flight, so only that button spins.
     const [reloadingId, setReloadingId] = (0, react_1.useState)(null);
     const [runnerAuthModal, setRunnerAuthModal] = (0, react_1.useState)(null);
-    // Vibing-input mode: same expand-on-tap pattern as email login.
-    // Tap "Vibing" once → the button reveals an input + Send; that lets
-    // the user say WHAT they want to vibe on instead of firing a canned
-    // "pick something for me" prompt (which in 0.7.13 pointed Claude at
-    // the wrong project because the matcher grepped the prompt itself).
+    // Signed-in users get the composer immediately. Signed-out users still get
+    // an explicit entry action so auth/setup failures remain named and visible.
     const [showVibeInput, setShowVibeInput] = (0, react_1.useState)(false);
-    const [showDeploy, setShowDeploy] = (0, react_1.useState)(false);
     const [vibePrompt, setVibePrompt] = (0, react_1.useState)('');
     const [lastVibeTaskId, setLastVibeTaskId] = (0, react_1.useState)(null);
     const [quickIconColorPreset, setQuickIconColorPreset] = (0, react_1.useState)(null);
-    const [keyboardInset, setKeyboardInset] = (0, react_1.useState)(0);
     const [machineCard, setMachineCard] = (0, react_1.useState)({
         device: null,
         reachable: null,
@@ -206,6 +205,11 @@ const FeedbackModal = () => {
     const [dogfoodProject, setDogfoodProject] = (0, react_1.useState)(null);
     const [dogfoodLane, setDogfoodLane] = (0, react_1.useState)('browser');
     const [dogfoodNativeAvailable, setDogfoodNativeAvailable] = (0, react_1.useState)(false);
+    const [dogfoodBrowserAvailable, setDogfoodBrowserAvailable] = (0, react_1.useState)(false);
+    const [dogfoodNativeTargets, setDogfoodNativeTargets] = (0, react_1.useState)([]);
+    const [dogfoodNativeTargetId, setDogfoodNativeTargetId] = (0, react_1.useState)('');
+    const [dogfoodSetupStage, setDogfoodSetupStage] = (0, react_1.useState)('setup');
+    const [dogfoodExpandedStep, setDogfoodExpandedStep] = (0, react_1.useState)(null);
     const [dogfoodRuntime, setDogfoodRuntime] = (0, react_1.useState)(null);
     const [dogfoodSetupLoading, setDogfoodSetupLoading] = (0, react_1.useState)(false);
     const dogfoodControllerRef = (0, react_1.useRef)(null);
@@ -241,13 +245,25 @@ const FeedbackModal = () => {
             if (preferred) {
                 const framework = preferred.framework || onboarding.framework || 'expo';
                 const capabilities = await client.getDogfoodRemoteRuntimeCapabilities(preferred.path, framework).catch(() => null);
-                const nativeRuntimeAvailable = !!capabilities?.targets.some((target) => target.enabled && target.id !== 'browser-window');
-                if (mountedRef.current)
+                const targets = capabilities?.targets || [];
+                const nativeTargets = targets.filter((target) => target.id !== 'browser-window');
+                const enabledNativeTargets = nativeTargets.filter((target) => target.enabled);
+                const nativeRuntimeAvailable = enabledNativeTargets.length > 0;
+                const browserRuntimeAvailable = targets.some((target) => target.enabled && target.id === 'browser-window');
+                if (mountedRef.current) {
                     setDogfoodNativeAvailable(nativeRuntimeAvailable);
+                    setDogfoodBrowserAvailable(browserRuntimeAvailable);
+                    setDogfoodNativeTargets(nativeTargets);
+                    setDogfoodNativeTargetId((current) => enabledNativeTargets.some((target) => target.id === current)
+                        ? current
+                        : enabledNativeTargets[0]?.id || '');
+                }
                 const savedLane = await (0, preferences_1.getPreferredDogfoodLane)(onboarding.appId);
-                const savedSupported = (0, DogfoodRuntime_1.dogfoodLaneOptions)(framework, { nativeRuntimeAvailable })
+                const savedSupported = (0, DogfoodRuntime_1.dogfoodLaneOptions)(framework, { nativeRuntimeAvailable, browserRuntimeAvailable })
                     .some((option) => option.lane === savedLane && option.supported);
-                setDogfoodLane(savedLane && savedSupported ? savedLane : (0, DogfoodRuntime_1.defaultDogfoodLane)(framework));
+                setDogfoodLane(savedLane && savedSupported
+                    ? savedLane
+                    : (0, DogfoodRuntime_1.defaultDogfoodLane)(framework, { nativeRuntimeAvailable, browserRuntimeAvailable }));
             }
         }
         catch (cause) {
@@ -262,14 +278,33 @@ const FeedbackModal = () => {
     (0, react_1.useEffect)(() => {
         let cancelled = false;
         setDogfoodNativeAvailable(false);
+        setDogfoodBrowserAvailable(false);
+        setDogfoodNativeTargets([]);
+        setDogfoodNativeTargetId('');
         const client = YaverFeedback_1.YaverFeedback.getP2PClient();
         if (!client || !dogfoodProject)
             return () => { cancelled = true; };
         const framework = dogfoodProject.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo';
         void client.getDogfoodRemoteRuntimeCapabilities(dogfoodProject.path, framework)
             .then((value) => {
-            if (!cancelled)
-                setDogfoodNativeAvailable(value.targets.some((target) => target.enabled && target.id !== 'browser-window'));
+            if (cancelled)
+                return;
+            const nativeTargets = value.targets.filter((target) => target.id !== 'browser-window');
+            const enabledNativeTargets = nativeTargets.filter((target) => target.enabled);
+            setDogfoodNativeAvailable(enabledNativeTargets.length > 0);
+            setDogfoodBrowserAvailable(value.targets.some((target) => target.enabled && target.id === 'browser-window'));
+            setDogfoodNativeTargets(nativeTargets);
+            setDogfoodNativeTargetId((current) => enabledNativeTargets.some((target) => target.id === current)
+                ? current
+                : enabledNativeTargets[0]?.id || '');
+            const laneCapabilities = {
+                nativeRuntimeAvailable: enabledNativeTargets.length > 0,
+                browserRuntimeAvailable: value.targets.some((target) => target.enabled && target.id === 'browser-window'),
+            };
+            setDogfoodLane((current) => (0, DogfoodRuntime_1.dogfoodLaneOptions)(framework, laneCapabilities)
+                .some((option) => option.lane === current && option.supported)
+                ? current
+                : (0, DogfoodRuntime_1.defaultDogfoodLane)(framework, laneCapabilities));
         })
             .catch(() => { });
         return () => { cancelled = true; };
@@ -281,19 +316,26 @@ 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,
+            lane: lanePlan.preferred,
+            fallbackLane: lanePlan.fallback,
+            nativeTargetId: lanePlan.preferred === 'webrtc' ? dogfoodNativeTargetId : undefined,
         }, (0, P2PDogfoodDriver_1.createP2PDogfoodDriver)(client), {
             onChange: (snapshot) => { if (mountedRef.current)
                 setDogfoodRuntime(snapshot); },
         });
         dogfoodControllerRef.current = controller;
         setDogfoodRuntime(controller.snapshot());
+        setDogfoodSetupStage('runtime');
         await controller.trigger().catch(() => { });
-    }, [dogfoodLane, dogfoodProject]);
+    }, [dogfoodLane, dogfoodNativeTargetId, dogfoodProject]);
     /**
      * Ask the machine what its dev server is doing, so the reload actions can
      * be enabled/disabled against reality rather than against a guess.
@@ -486,16 +528,24 @@ const FeedbackModal = () => {
             // user's feedback preference merely to open Developer Mode.
             if (YaverFeedback_1.YaverFeedback.isEnabled() || onboarding) {
                 const directDogfood = YaverFeedback_1.YaverFeedback.getDogfoodStatus().active;
+                const authenticated = YaverFeedback_1.YaverFeedback.isAuthed();
                 setDogfoodActive(directDogfood);
                 setVisible(true);
                 setError(null);
                 setToast(null);
                 setProgress(null);
                 setAction('idle');
-                setShowVibeInput(directDogfood);
+                setShowVibeInput(authenticated || directDogfood);
                 setVibePrompt('');
                 if (onboarding) {
+                    // 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);
                     void loadDogfoodOnboarding();
                 }
                 // Re-read the "user hid the quick icon" flag on every open so
@@ -566,30 +616,14 @@ const FeedbackModal = () => {
         }, 5000);
         return () => clearInterval(interval);
     }, [loadRunnerStatuses, loadSelectedMachine, refreshDevSnapshot, visible]);
-    (0, react_1.useEffect)(() => {
-        if (!visible) {
-            setKeyboardInset(0);
-            return;
-        }
-        const showEvent = react_native_1.Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
-        const hideEvent = react_native_1.Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
-        const showSub = react_native_1.Keyboard.addListener(showEvent, (event) => {
-            setKeyboardInset(event.endCoordinates?.height ?? 0);
-        });
-        const hideSub = react_native_1.Keyboard.addListener(hideEvent, () => {
-            setKeyboardInset(0);
-        });
-        return () => {
-            showSub.remove();
-            hideSub.remove();
-        };
-    }, [visible]);
     (0, react_1.useEffect)(() => {
         if (!visible || !showVibeInput)
             return;
-        const timer = setTimeout(() => scrollRef.current?.scrollToEnd({ animated: true }), keyboardInset > 0 ? 120 : 40);
+        // UIKit owns keyboard insets on the ScrollView. This one bounded scroll only
+        // reveals the newly mounted composer; it does not add a second inset.
+        const timer = setTimeout(() => scrollRef.current?.scrollToEnd({ animated: true }), 80);
         return () => clearTimeout(timer);
-    }, [keyboardInset, showVibeInput, visible]);
+    }, [showVibeInput, visible]);
     const closeSoon = (0, react_1.useCallback)((delayMs = 1200) => {
         setTimeout(() => {
             if (mountedRef.current)
@@ -605,6 +639,9 @@ const FeedbackModal = () => {
         setShowVibeInput(false);
         setVibePrompt('');
         setRunnerStatusError(null);
+        setDogfoodSetupStage('setup');
+        setDogfoodExpandedStep(null);
+        setDogfoodRuntime(null);
         void dogfoodControllerRef.current?.stop().catch(() => { });
         dogfoodControllerRef.current = null;
         YaverFeedback_1.YaverFeedback.clearDogfoodOnboarding();
@@ -791,107 +828,7 @@ const FeedbackModal = () => {
                 setAction('idle');
         }
     }, [closeSoon, loadSelectedMachine, runWithReconnect]);
-    const uploadBundleWithOptionalFix = (0, react_1.useCallback)(async (bundle, fixOnUpload, successToast, failureToast) => {
-        const client = YaverFeedback_1.YaverFeedback.getP2PClient();
-        const config = YaverFeedback_1.YaverFeedback.getConfig();
-        if (!client || !config?.agentUrl) {
-            setError('Not connected to the agent yet.');
-            return;
-        }
-        try {
-            const uploaded = await (0, upload_1.uploadFeedback)(config.agentUrl, config.authToken ?? '', bundle, YaverFeedback_1.YaverFeedback.getRelayPassword());
-            // The agent returns the new report id as `id` (see
-            // feedback_http.go::ReceiveFeedback). Trigger the fix loop if we got
-            // one back; otherwise just ack the upload.
-            const reportId = uploaded?.id ??
-                uploaded?.reportId;
-            if (reportId && fixOnUpload) {
-                try {
-                    await client.triggerFix(reportId);
-                    setToast(successToast);
-                }
-                catch (err) {
-                    setToast(failureToast ?? 'Report uploaded — fix trigger failed');
-                    setError(err instanceof Error ? err.message : String(err));
-                }
-            }
-            else {
-                setToast(successToast);
-            }
-            closeSoon(1400);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-    }, [closeSoon]);
-    const handleScreenshotAndFix = (0, react_1.useCallback)(async () => {
-        setAction('capturing');
-        setError(null);
-        setVisible(false);
-        await new Promise((resolve) => setTimeout(resolve, 350));
-        let path;
-        try {
-            path = await (0, capture_1.captureScreenshot)();
-        }
-        catch (err) {
-            setVisible(true);
-            setError(err instanceof Error ? err.message : String(err));
-            setAction('idle');
-            return;
-        }
-        setVisible(true);
-        await new Promise((resolve) => setTimeout(resolve, 150));
-        try {
-            const { Dimensions } = require('react-native');
-            const { width, height } = Dimensions.get('window');
-            const cfg = YaverFeedback_1.YaverFeedback.getConfig();
-            const identity = (0, P2PClient_1.resolveReportIdentity)({
-                projectName: cfg?.projectName,
-                bundleId: cfg?.bundleId,
-                surface: cfg?.surface,
-                surfaces: cfg?.surfaces,
-                stack: cfg?.stack,
-                stacks: cfg?.stacks,
-                testSurfaces: cfg?.testSurfaces,
-                feedbackSdk: cfg?.feedbackSdk,
-                feedbackTransport: cfg?.feedbackTransport,
-                voiceCapabilities: cfg?.voiceCapabilities,
-                sttProvider: cfg?.sttProvider,
-                ttsProvider: cfg?.ttsProvider,
-            });
-            const deviceInfo = {
-                platform: react_native_1.Platform.OS,
-                osVersion: String(react_native_1.Platform.Version),
-                model: react_native_1.Platform.OS === 'ios' ? 'iOS Device' : 'Android Device',
-                screenWidth: width,
-                screenHeight: height,
-                appName: identity.appName,
-            };
-            const capturedErrors = YaverFeedback_1.YaverFeedback.getCapturedErrors();
-            const bundle = {
-                metadata: {
-                    timestamp: new Date().toISOString(),
-                    deviceInfo,
-                    app: identity.app,
-                    project: identity.project,
-                    userNote: '[Screenshot + Fix]',
-                },
-                screenshots: [path],
-                errors: capturedErrors.length > 0 ? capturedErrors : undefined,
-            };
-            await uploadBundleWithOptionalFix(bundle, true, 'Fix task started');
-        }
-        finally {
-            if (mountedRef.current)
-                setAction('idle');
-        }
-    }, [uploadBundleWithOptionalFix]);
-    /*
-    const handleFileUpload = useCallback(async () => {
-      ...
-    }, [uploadBundleWithOptionalFix]);
-    */
-    // ─── 3. Vibing ─────────────────────────────────────────────────────
+    // ─── Chat ──────────────────────────────────────────────────────────
     // First tap expands the input; second submit fires the actual
     // /vibing/execute. Mirrors the Yaver mobile app's Vibing tab —
     // user types what they want, hits Send, sees the task id back. If
@@ -1025,42 +962,59 @@ const FeedbackModal = () => {
         && (selectedDogfoodRunner.ready || selectedDogfoodRunner.authConfigured);
     const dogfoodModelReady = !selectedDogfoodRunner?.models?.length
         || !!preferredModel && selectedDogfoodRunner.models.some((model) => model.id === preferredModel);
-    const dogfoodLaneChoices = (0, DogfoodRuntime_1.dogfoodLaneOptions)(dogfoodProject?.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo', { nativeRuntimeAvailable: dogfoodNativeAvailable });
-    const dogfoodLaneReady = dogfoodLaneChoices.some((option) => option.lane === dogfoodLane && option.supported);
-    const dogfoodReadinessSteps = [
-        {
-            key: 'oauth', label: 'Yaver OAuth',
-            detail: YaverFeedback_1.YaverFeedback.isAuthed() ? 'Signed in · session saved' : 'Sign in required',
-            tone: YaverFeedback_1.YaverFeedback.isAuthed() ? 'ready' : 'attention',
-        },
-        {
-            key: 'machine', label: 'Remote PC',
-            detail: machineCard.device ? machineCard.title : 'Choose a reachable development machine',
-            tone: machineCard.device && machineCard.status === 'live' ? 'ready' : 'attention',
-        },
-        {
-            key: 'installation', label: 'This installation',
-            detail: dogfoodEnrollment?.status === 'active' ? 'Device key approved' : dogfoodEnrollment?.status || 'Checking device key',
-            tone: dogfoodEnrollment?.status === 'active' ? 'ready'
-                : dogfoodEnrollment?.status === 'failed' ? 'blocked' : 'pending',
-        },
+    const dogfoodFramework = dogfoodProject?.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo';
+    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);
+    const dogfoodMachineReady = !!machineCard.device && machineCard.status === 'live';
+    const dogfoodSetupReady = dogfoodMachineReady && !!dogfoodProject && dogfoodRunnerReady && dogfoodModelReady;
+    const dogfoodSetupSteps = [
         {
-            key: 'runner', label: 'Runner',
-            detail: dogfoodRunnerReady ? selectedDogfoodRunner?.name || preferredRunner || 'Ready' : 'Choose or configure a coding runner',
-            tone: dogfoodRunnerReady ? 'ready' : 'attention',
+            key: 'box',
+            label: 'Remote box',
+            detail: dogfoodMachineReady ? machineCard.title : 'Choose a reachable development machine',
+            tone: dogfoodMachineReady ? 'ready' : 'attention',
+            actionLabel: machineCard.device ? 'Change' : 'Pick',
+            onAction: () => YaverFeedback_1.YaverFeedback.showMachinePicker(),
         },
         {
-            key: 'model', label: 'Model',
-            detail: dogfoodModelReady ? preferredModel || 'Runner default' : 'Choose a model',
-            tone: dogfoodModelReady ? 'ready' : 'attention',
+            key: 'runner',
+            label: 'Runner',
+            detail: dogfoodRunnerReady
+                ? [selectedDogfoodRunner?.name || preferredRunner || 'Ready', preferredModel || 'default model'].join(' · ')
+                : 'Choose or configure a coding runner',
+            tone: dogfoodRunnerReady && dogfoodModelReady ? 'ready' : 'attention',
+            actionLabel: dogfoodExpandedStep === 'runner' ? 'Done' : dogfoodRunnerReady ? 'Change' : 'Choose',
+            expanded: dogfoodExpandedStep === 'runner',
+            onAction: () => setDogfoodExpandedStep((current) => current === 'runner' ? null : 'runner'),
         },
         {
-            key: 'lane', label: 'Runtime lane',
-            detail: dogfoodLaneChoices.find((option) => option.lane === dogfoodLane)?.label || dogfoodLane,
-            tone: dogfoodLaneReady ? 'ready' : 'blocked',
+            key: 'checkout',
+            label: 'Checkout',
+            detail: dogfoodCheckoutDetail(dogfoodProject),
+            tone: dogfoodProject ? 'ready' : 'attention',
+            actionLabel: dogfoodExpandedStep === 'checkout' ? 'Done' : dogfoodProject ? 'Change' : 'Choose',
+            expanded: dogfoodExpandedStep === 'checkout',
+            onAction: () => setDogfoodExpandedStep((current) => current === 'checkout' ? null : 'checkout'),
         },
     ];
-    const dogfoodStartBlocked = !dogfoodProject || !dogfoodRunnerReady || !dogfoodModelReady || !dogfoodLaneReady;
+    const dogfoodStartBlocked = !dogfoodSetupReady || !dogfoodLaneReady;
+    const activeDogfoodLane = dogfoodRuntime?.project.lane || dogfoodLane;
+    const dogfoodSourceLabel = activeDogfoodLane === 'webrtc'
+        ? selectedDogfoodNativeTarget
+            ? [selectedDogfoodNativeTarget.label, selectedDogfoodNativeTarget.platform].filter(Boolean).join(' · ')
+            : 'Native simulator, emulator, or device'
+        : 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
     // for the live chat screen. The chat manages its own SSE
     // subscription, multi-turn follow-ups, and Reload button. Closing
@@ -1091,9 +1045,9 @@ const FeedbackModal = () => {
       <QuickActionIcon_1.QuickActionIcon />
       <YaverModeBadgeGate />
       {visible && (<react_native_1.Modal visible={visible} animationType="slide" transparent onRequestClose={handleClose}>
-          <react_native_1.Pressable style={styles.overlay} onPress={handleClose}>
-            <react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={react_native_1.Platform.OS === 'ios' ? 12 : 0} style={styles.kbAvoider} pointerEvents="box-none">
-            <react_native_1.Pressable 
+          <react_native_1.View style={styles.overlay}>
+            <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
         // sheet rather than a phone bottom sheet that stretches
         // across a 12.9" iPad. Phone behaviour unchanged.
@@ -1108,16 +1062,8 @@ const FeedbackModal = () => {
                         borderTopRightRadius: 22,
                     }
                     : null,
-            ]} onPress={(e) => {
-                e.stopPropagation();
-                react_native_1.Keyboard.dismiss();
-            }}>
-              <react_native_1.ScrollView ref={scrollRef} style={styles.scroll} contentContainerStyle={[
-                styles.scrollContent,
-                showVibeInput && keyboardInset > 0
-                    ? { paddingBottom: 8 + keyboardInset }
-                    : null,
-            ]} 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" automaticallyAdjustKeyboardInsets={react_native_1.Platform.OS === 'ios'}>
               <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'}
@@ -1138,10 +1084,12 @@ const FeedbackModal = () => {
               {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>
                   <react_native_1.Text style={styles.dogfoodWizardHint}>
-                    OAuth ✓ · machine {machineCard.device ? '✓' : 'required'} · installation {dogfoodEnrollment?.status || 'checking'}
+                    {dogfoodEnrollment?.status === 'active'
+                    ? 'Signed in · this installation is approved'
+                    : `Signed in · installation ${dogfoodEnrollment?.status || 'checking'}`}
                   </react_native_1.Text>
-                  <DogfoodSessionUi_1.DogfoodStatusRail steps={dogfoodReadinessSteps}/>
-                  {dogfoodEnrollment?.installationId ? (<react_native_1.Text selectable style={styles.dogfoodInstallationId}>
+                  {dogfoodEnrollment?.status === 'active' && dogfoodSetupStage === 'setup' ? (<DogfoodSessionUi_1.DogfoodStatusRail steps={dogfoodSetupSteps} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS}/>) : null}
+                  {dogfoodEnrollment?.status !== 'active' && dogfoodEnrollment?.installationId ? (<react_native_1.Text selectable style={styles.dogfoodInstallationId}>
                       This device · {dogfoodEnrollment.installationId}
                     </react_native_1.Text>) : null}
                   {dogfoodEnrollment?.status !== 'active' ? (<react_native_1.View style={styles.dogfoodPendingBox}>
@@ -1153,53 +1101,99 @@ const FeedbackModal = () => {
                         <react_native_1.Text style={styles.runnerRefreshBtnText}>{dogfoodSetupLoading ? 'Checking…' : 'Check approval'}</react_native_1.Text>
                       </react_native_1.Pressable>
                     </react_native_1.View>) : (<>
-                      <react_native_1.Text style={styles.dogfoodStepLabel}>Project on selected machine</react_native_1.Text>
-                      <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.dogfoodChoiceRow}>
-                        {dogfoodProjects.map((project) => (<react_native_1.Pressable key={project.path} onPress={() => {
-                            setDogfoodProject(project);
-                            setDogfoodLane((0, DogfoodRuntime_1.defaultDogfoodLane)(project.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo'));
-                            setDogfoodRuntime(null);
-                        }} style={[styles.dogfoodChoice, dogfoodProject?.path === project.path && styles.dogfoodChoiceSelected]}>
-                            <react_native_1.Text style={[styles.dogfoodChoiceText, dogfoodProject?.path === project.path && styles.dogfoodChoiceTextSelected]}>{project.name}</react_native_1.Text>
-                          </react_native_1.Pressable>))}
-                      </react_native_1.ScrollView>
-                      <react_native_1.Text style={styles.dogfoodStepLabel}>Coding agent</react_native_1.Text>
-                      <react_native_1.View style={styles.dogfoodChoiceRow}>
-                        {runnerCards.filter((row) => row.ready || row.authConfigured).map((row) => (<react_native_1.Pressable key={row.id} 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={[styles.dogfoodChoice, preferredRunner === row.id && styles.dogfoodChoiceSelected]} accessibilityRole="button" accessibilityState={{ selected: preferredRunner === row.id }} accessibilityLabel={`Use ${row.name} for Dogfood`}>
-                            <react_native_1.Text style={[styles.dogfoodChoiceText, preferredRunner === row.id && styles.dogfoodChoiceTextSelected]}>{row.name}</react_native_1.Text>
-                          </react_native_1.Pressable>))}
-                      </react_native_1.View>
-                      {readyRunnerCount === 0 ? (<react_native_1.Text style={styles.dogfoodWizardHint}>Sign in or configure a coding agent under Coding Agents below.</react_native_1.Text>) : null}
-                      {selectedDogfoodRunner?.models?.length ? (<>
-                          <react_native_1.Text style={styles.dogfoodStepLabel}>Model</react_native_1.Text>
-                          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.dogfoodChoiceRow}>
-                            {selectedDogfoodRunner.models.map((model) => (<react_native_1.Pressable key={model.id} onPress={() => {
-                                setPreferredModelState(model.id);
-                                void (0, preferences_1.setPreferredModel)(model.id);
-                            }} style={[styles.dogfoodChoice, preferredModel === model.id && styles.dogfoodChoiceSelected]} accessibilityRole="button" accessibilityState={{ selected: preferredModel === model.id }} accessibilityLabel={`Use ${model.name || model.id} model for Dogfood`}>
-                                <react_native_1.Text style={[styles.dogfoodChoiceText, preferredModel === model.id && styles.dogfoodChoiceTextSelected]}>{model.name || model.id}</react_native_1.Text>
-                              </react_native_1.Pressable>))}
-                          </react_native_1.ScrollView>
+                      {dogfoodSetupStage === 'setup' ? (<>
+                          {dogfoodExpandedStep === 'runner' ? (<react_native_1.View style={styles.dogfoodExpandedPanel}>
+                              <react_native_1.Text style={styles.dogfoodStepLabel}>Coding runner</react_native_1.Text>
+                              <react_native_1.View style={styles.dogfoodChoiceRow}>
+                                {runnerCards.filter((row) => row.ready || row.authConfigured).map((row) => (<react_native_1.Pressable key={row.id} 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={[styles.dogfoodChoice, preferredRunner === row.id && styles.dogfoodChoiceSelected]} accessibilityRole="button" accessibilityState={{ selected: preferredRunner === row.id }}>
+                                    <react_native_1.Text style={[styles.dogfoodChoiceText, preferredRunner === row.id && styles.dogfoodChoiceTextSelected]}>{row.name}</react_native_1.Text>
+                                  </react_native_1.Pressable>))}
+                              </react_native_1.View>
+                              {readyRunnerCount === 0 ? (<react_native_1.Text style={styles.dogfoodWizardHint}>Configure a coding runner below, then retry.</react_native_1.Text>) : null}
+                              {selectedDogfoodRunner?.models?.length ? (<>
+                                  <react_native_1.Text style={styles.dogfoodStepLabel}>Model</react_native_1.Text>
+                                  <react_native_1.View style={styles.dogfoodChoiceRow}>
+                                    {selectedDogfoodRunner.models.map((model) => (<react_native_1.Pressable key={model.id} onPress={() => {
+                                        setPreferredModelState(model.id);
+                                        void (0, preferences_1.setPreferredModel)(model.id);
+                                    }} style={[styles.dogfoodChoice, preferredModel === model.id && styles.dogfoodChoiceSelected]}>
+                                        <react_native_1.Text style={[styles.dogfoodChoiceText, preferredModel === model.id && styles.dogfoodChoiceTextSelected]}>{model.name || model.id}</react_native_1.Text>
+                                      </react_native_1.Pressable>))}
+                                  </react_native_1.View>
+                                </>) : null}
+                            </react_native_1.View>) : null}
+                          {dogfoodExpandedStep === 'checkout' ? (<react_native_1.View style={styles.dogfoodExpandedPanel}>
+                              <react_native_1.Text style={styles.dogfoodStepLabel}>Git checkout on remote box</react_native_1.Text>
+                              {dogfoodProjects.map((project) => (<react_native_1.Pressable key={project.path} onPress={() => {
+                                    setDogfoodProject(project);
+                                    setDogfoodLane((0, DogfoodRuntime_1.defaultDogfoodLane)(project.framework || YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.framework || 'expo'));
+                                    setDogfoodRuntime(null);
+                                }} style={[styles.dogfoodProjectChoice, dogfoodProject?.path === project.path && styles.dogfoodChoiceSelected]}>
+                                  <react_native_1.Text style={[styles.dogfoodChoiceText, dogfoodProject?.path === project.path && styles.dogfoodChoiceTextSelected]}>{project.name}</react_native_1.Text>
+                                  <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={() => {
+                            setDogfoodExpandedStep(null);
+                            setDogfoodSetupStage('lane');
+                        }} disabled={!dogfoodSetupReady}/>
                         </>) : null}
-                      <react_native_1.Text style={styles.dogfoodStepLabel}>Runtime lane</react_native_1.Text>
-                      <DogfoodSessionUi_1.DogfoodLanePicker options={dogfoodLaneChoices} selected={dogfoodLane} onSelect={(lane) => {
-                        setDogfoodLane(lane);
-                        const appId = YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.appId;
-                        if (appId)
-                            void (0, preferences_1.setPreferredDogfoodLane)(appId, lane);
-                    }}/>
-                      <react_native_1.Text style={styles.dogfoodWizardHint}>
-                        {[preferredRunner || 'Choose a coding agent', preferredModel].filter(Boolean).join(' · ')}
-                      </react_native_1.Text>
-                      <ActionRow label={dogfoodRuntime && !['idle', 'ready', 'failed', 'stopped'].includes(dogfoodRuntime.phase) ? dogfoodRuntime.message : 'Start Dogfood'} tint="#818cf8" onPress={() => void startDogfoodRuntime()} disabled={dogfoodStartBlocked || !!(dogfoodRuntime && !['idle', 'ready', 'failed', 'stopped'].includes(dogfoodRuntime.phase))} busy={!!dogfoodRuntime && !['idle', 'ready', 'failed', 'stopped'].includes(dogfoodRuntime.phase)}/>
-                      {dogfoodRuntime ? (<>
-                          <DogfoodSessionUi_1.DogfoodLiveConsole lane={dogfoodRuntime.project.lane} phase={dogfoodRuntime.phase} message={dogfoodRuntime.message} logs={dogfoodRuntime.logs} failure={dogfoodRuntime.failure}/>
+
+                      {dogfoodSetupStage === 'lane' ? (<>
+                          <react_native_1.View style={styles.dogfoodStageHeader}>
+                            <react_native_1.View style={styles.dogfoodStageCopy}>
+                              <react_native_1.Text style={styles.dogfoodStepLabel}>Runtime</react_native_1.Text>
+                              <react_native_1.Text style={styles.dogfoodStageTitle}>{dogfoodProject?.name} · {dogfoodFramework}</react_native_1.Text>
+                            </react_native_1.View>
+                            <react_native_1.Pressable onPress={() => setDogfoodSetupStage('setup')} style={styles.dogfoodSmallAction}>
+                              <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} fallbackLane={dogfoodLanePolicy.fallback} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS} onSelect={(lane) => {
+                            setDogfoodLane(lane);
+                            const appId = YaverFeedback_1.YaverFeedback.getDogfoodOnboarding()?.appId;
+                            if (appId)
+                                void (0, preferences_1.setPreferredDogfoodLane)(appId, lane);
+                        }}/>
+                          {dogfoodLane === 'webrtc' ? (<react_native_1.View style={styles.dogfoodExpandedPanel}>
+                              <react_native_1.Text style={styles.dogfoodStepLabel}>Simulator, emulator, or device</react_native_1.Text>
+                              {dogfoodNativeTargets.map((target) => (<react_native_1.Pressable key={target.id} disabled={!target.enabled} onPress={() => setDogfoodNativeTargetId(target.id)} style={[
+                                    styles.dogfoodProjectChoice,
+                                    dogfoodNativeTargetId === target.id && styles.dogfoodChoiceSelected,
+                                    !target.enabled && styles.dogfoodChoiceDisabled,
+                                ]}>
+                                  <react_native_1.Text style={[styles.dogfoodChoiceText, dogfoodNativeTargetId === target.id && styles.dogfoodChoiceTextSelected]}>{target.label}</react_native_1.Text>
+                                  <react_native_1.Text style={styles.dogfoodProjectDetail}>{target.enabled
+                                    ? [target.platform, target.displaySurface || target.surface, 'WebRTC'].filter(Boolean).join(' · ')
+                                    : target.reason || 'Unavailable on this box'}</react_native_1.Text>
+                                </react_native_1.Pressable>))}
+                            </react_native_1.View>) : null}
+                          <react_native_1.Text style={styles.dogfoodWizardHint}>Logs will be labelled with their real source: remote browser build, Hermes host, iOS Simulator, Android emulator, or connected device.</react_native_1.Text>
+                          <ActionRow label="Start Dogfood" tint="#5645d8" onPress={() => void startDogfoodRuntime()} disabled={dogfoodStartBlocked}/>
+                        </>) : null}
+
+                      {dogfoodSetupStage === 'runtime' && dogfoodRuntime ? (<>
+                          <react_native_1.View style={styles.dogfoodStageHeader}>
+                            <react_native_1.View style={styles.dogfoodStageCopy}>
+                              <react_native_1.Text style={styles.dogfoodStepLabel}>Dogfooding</react_native_1.Text>
+                              <react_native_1.Text style={styles.dogfoodStageTitle}>{dogfoodSourceLabel}</react_native_1.Text>
+                            </react_native_1.View>
+                            <react_native_1.Pressable onPress={() => {
+                            void dogfoodControllerRef.current?.stop().catch(() => { });
+                            dogfoodControllerRef.current = null;
+                            setDogfoodRuntime(null);
+                            setDogfoodSetupStage('lane');
+                        }} style={styles.dogfoodSmallAction}>
+                              <react_native_1.Text style={styles.dogfoodSmallActionText}>Change</react_native_1.Text>
+                            </react_native_1.Pressable>
+                          </react_native_1.View>
+                          <DogfoodSessionUi_1.DogfoodLiveConsole lane={dogfoodRuntime.project.lane} sourceLabel={dogfoodSourceLabel} phase={dogfoodRuntime.phase} message={dogfoodRuntime.message} logs={dogfoodRuntime.logs} failure={dogfoodRuntime.failure} colors={FeedbackModalTheme_1.FEEDBACK_DOGFOOD_CONSOLE_COLORS}/>
                           {dogfoodRuntime.result?.url ? (<react_native_1.Pressable onPress={() => void react_native_1.Linking.openURL(dogfoodRuntime.result.url)} style={styles.dogfoodOpenPreview}>
                               <react_native_1.Text style={styles.dogfoodOpenPreviewText}>Open dogfooded app</react_native_1.Text>
                             </react_native_1.Pressable>) : null}
@@ -1392,7 +1386,7 @@ const FeedbackModal = () => {
               {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' ? '#38bdf8' : '#fbbf24'} onPress={() => {
+                    : reloadAction.label} tint={reloadAction.id === 'rebuild' ? '#0369a1' : '#9a5700'} onPress={() => {
                     void handleReloadAction(reloadAction);
                 }} 
             // Never `disabled` at the Pressable level for a blocked
@@ -1409,13 +1403,9 @@ const FeedbackModal = () => {
               </react_native_1.View>
 
               <react_native_1.View style={[styles.tabContent, activeTab !== 'chat' && styles.hidden]}>
-              {/* 3. Vibing — expands to an input box on first tap
-                 so the user says WHAT they want to vibe on, just
-                 like the Yaver mobile app's Vibing tab. Second
-                 tap (Send) fires /vibing/execute with the typed
-                 prompt + resolved bundle id so the agent routes
-                 to the right repo. */}
-              {!showVibeInput ? (<ActionRow label={action === 'vibing' ? 'Starting…' : 'Vibing'} tint="#818cf8" onPress={handleVibingButton} disabled={busy} busy={action === 'vibing'}/>) : (<react_native_1.View style={styles.vibeInputRow}>
+              {/* Chat creates the first task, then VibeChatScreen owns the
+                transcript and every MCP-backed follow-up. */}
+              {!showVibeInput ? (<ActionRow label={action === 'vibing' ? 'Starting…' : 'Vibing'} tint="#5645d8" onPress={handleVibingButton} disabled={busy} busy={action === 'vibing'}/>) : (<react_native_1.View style={styles.vibeInputRow}>
                   <react_native_1.TextInput style={styles.vibeInput} placeholder="What do you want to vibe on?" placeholderTextColor="#666" value={vibePrompt} onChangeText={setVibePrompt} multiline autoFocus editable={action !== 'vibing'} blurOnSubmit={false}/>
                   <react_native_1.View style={styles.vibeInputButtons}>
                     <react_native_1.Pressable onPress={() => { setShowVibeInput(false); setVibePrompt(''); }} style={({ pressed }) => [styles.vibeCancelBtn, pressed && styles.buttonPressed]} disabled={action === 'vibing'}>
@@ -1434,16 +1424,6 @@ const FeedbackModal = () => {
                   Last vibing task: {lastVibeTaskId.slice(0, 12)}…
                 </react_native_1.Text>)}
 
-              {/* Screenshot & Fix */}
-              {!dogfoodActive ? <ActionRow label={action === 'capturing' ? 'Working…' : 'Screenshot & Fix'} tint="#22c55e" onPress={handleScreenshotAndFix} disabled={busy} busy={action === 'capturing'}/> : null}
-
-              {/* Deploy — opens an inline panel that talks to
-                /fleet/deploy-options on the agent and lets the user
-                pick TestFlight / Play / Both, then a machine to run
-                it on. Capabilities (e.g. "Linux can't TestFlight")
-                come from the agent's doctor probes — no client-side
-                platform smarts here. */}
-              {!dogfoodActive && (!showDeploy ? (<ActionRow label="Deploy" tint="#7f8cf7" onPress={() => setShowDeploy(true)} disabled={busy}/>) : (<DeployPanel_1.DeployPanel onClose={() => setShowDeploy(false)}/>))}
               </react_native_1.View>
 
               {progress !== null && (<react_native_1.View style={styles.progressTrack}>
@@ -1462,9 +1442,8 @@ const FeedbackModal = () => {
                 <react_native_1.Text style={styles.cancelBtnText}>Cancel</react_native_1.Text>
               </react_native_1.Pressable>
               </react_native_1.ScrollView>
-            </react_native_1.Pressable>
-            </react_native_1.KeyboardAvoidingView>
-          </react_native_1.Pressable>
+            </react_native_1.View>
+          </react_native_1.View>
         </react_native_1.Modal>)}
       {runnerAuthModal ? (<RunnerAuthNativeModal runner={runnerAuthModal} onClose={() => {
                 setRunnerAuthModal(null);
@@ -1495,8 +1474,17 @@ const styles = react_native_1.StyleSheet.create({
     dogfoodChoiceRow: { flexDirection: 'row', gap: 7 },
     dogfoodChoice: { borderRadius: 9, borderWidth: 1, borderColor: '#d8d8e3', backgroundColor: '#fff', paddingHorizontal: 10, paddingVertical: 8 },
     dogfoodChoiceSelected: { borderColor: '#818cf8', backgroundColor: 'rgba(129,140,248,0.18)' },
+    dogfoodChoiceDisabled: { opacity: 0.48 },
     dogfoodChoiceText: { color: '#666671', fontSize: 12, fontWeight: '700' },
     dogfoodChoiceTextSelected: { color: '#5645d8' },
+    dogfoodExpandedPanel: { gap: 8, borderRadius: 11, borderWidth: 1, borderColor: '#d8d8e3', backgroundColor: 'rgba(255,255,255,0.72)', padding: 10 },
+    dogfoodProjectChoice: { gap: 3, borderRadius: 9, borderWidth: 1, borderColor: '#d8d8e3', backgroundColor: '#fff', paddingHorizontal: 10, paddingVertical: 9 },
+    dogfoodProjectDetail: { color: '#777783', fontSize: 10, lineHeight: 14 },
+    dogfoodStageHeader: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 10 },
+    dogfoodStageCopy: { flex: 1, gap: 2 },
+    dogfoodStageTitle: { color: '#222229', fontSize: 13, fontWeight: '700' },
+    dogfoodSmallAction: { borderRadius: 8, borderWidth: 1, borderColor: '#d8d8e3', backgroundColor: '#fff', paddingHorizontal: 10, paddingVertical: 7 },
+    dogfoodSmallActionText: { color: '#5645d8', fontSize: 11, fontWeight: '800' },
     dogfoodConsole: { maxHeight: 260, gap: 4, borderRadius: 11, padding: 10, backgroundColor: '#15151b' },
     dogfoodConsoleStatus: { color: '#a5b4fc', fontSize: 12, fontWeight: '800' },
     dogfoodConsoleLine: { color: '#d1d5db', fontSize: 10, lineHeight: 14, fontFamily: react_native_1.Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' }) },
@@ -1509,7 +1497,7 @@ const styles = react_native_1.StyleSheet.create({
         gap: 4,
     },
     reloadHint: {
-        color: '#8b8b93',
+        color: '#666671',
         fontSize: 11,
         lineHeight: 15,
         paddingHorizontal: 4,
@@ -1541,7 +1529,7 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: 'transparent',
     },
     vibeCancelBtnText: {
-        color: '#999',
+        color: '#5f5f69',
         fontSize: 14,
         fontWeight: '600',
     },
@@ -1549,7 +1537,7 @@ const styles = react_native_1.StyleSheet.create({
         paddingHorizontal: 16,
         paddingVertical: 8,
         borderRadius: 8,
-        backgroundColor: '#818cf8',
+        backgroundColor: '#5645d8',
         minWidth: 72,
         alignItems: 'center',
     },
@@ -1559,7 +1547,7 @@ const styles = react_native_1.StyleSheet.create({
         fontWeight: '700',
     },
     vibeTaskLine: {
-        color: '#818cf8',
+        color: '#5645d8',
         fontSize: 12,
         marginTop: -4,
         fontFamily: react_native_1.Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' }),
@@ -1569,10 +1557,7 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: 'rgba(0,0,0,0.55)',
         justifyContent: 'flex-end',
     },
-    kbAvoider: {
-        width: '100%',
-        justifyContent: 'flex-end',
-    },
+    backdrop: react_native_1.StyleSheet.absoluteFillObject,
     modal: {
         backgroundColor: '#f8f8fb',
         borderTopLeftRadius: 22,
@@ -1631,7 +1616,7 @@ const styles = react_native_1.StyleSheet.create({
     tabs: { flexDirection: 'row', gap: 6, padding: 3, borderRadius: 12, backgroundColor: '#ededf3' },
     tab: { flex: 1, minHeight: 36, borderRadius: 9, alignItems: 'center', justifyContent: 'center' },
     tabSelected: { backgroundColor: '#fff' },
-    tabText: { color: '#858590', fontSize: 12, fontWeight: '700' },
+    tabText: { color: '#666671', fontSize: 12, fontWeight: '700' },
     tabTextSelected: { color: '#6252e8' },
     tabContent: { gap: 12 },
     hidden: { display: 'none' },
@@ -1656,7 +1641,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     machineRoutes: { flexDirection: 'row', gap: 8 },
     machineRouteCard: { flex: 1, minWidth: 0, borderRadius: 11, padding: 10, gap: 3, backgroundColor: '#fff', borderWidth: 1, borderColor: '#e1e1e8' },
-    machineRouteLabel: { color: '#7b7b86', fontSize: 10, fontWeight: '700', textTransform: 'uppercase' },
+    machineRouteLabel: { color: '#666671', fontSize: 10, fontWeight: '700', textTransform: 'uppercase' },
     machineRouteValue: { color: '#222229', fontSize: 12, fontWeight: '700' },
     machineHeader: {
         flexDirection: 'row',
@@ -1692,7 +1677,7 @@ const styles = react_native_1.StyleSheet.create({
         letterSpacing: 0.8,
     },
     machineAction: {
-        color: '#a5b4fc',
+        color: '#5645d8',
         fontSize: 12,
         fontWeight: '700',
     },
@@ -1723,7 +1708,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     runnerSectionSubtitle: {
         marginTop: 2,
-        color: '#83838e',
+        color: '#666671',
         fontSize: 12,
     },
     runnerRefreshBtn: {
@@ -1750,15 +1735,15 @@ const styles = react_native_1.StyleSheet.create({
     },
     runnerCardOk: {
         borderColor: 'rgba(34,197,94,0.28)',
-        backgroundColor: 'rgba(20,83,45,0.20)',
+        backgroundColor: 'rgba(34,197,94,0.08)',
     },
     runnerCardWarning: {
         borderColor: 'rgba(251,191,36,0.28)',
-        backgroundColor: 'rgba(120,53,15,0.18)',
+        backgroundColor: 'rgba(245,158,11,0.08)',
     },
     runnerCardError: {
         borderColor: 'rgba(248,113,113,0.28)',
-        backgroundColor: 'rgba(127,29,29,0.18)',
+        backgroundColor: 'rgba(239,68,68,0.07)',
     },
     runnerCardTop: {
         flexDirection: 'row',
@@ -1777,13 +1762,13 @@ const styles = react_native_1.StyleSheet.create({
         color: '#666671',
     },
     runnerCardStatusOk: {
-        color: '#86efac',
+        color: '#137a3f',
     },
     runnerCardStatusWarning: {
-        color: '#fcd34d',
+        color: '#9a5700',
     },
     runnerCardStatusError: {
-        color: '#fca5a5',
+        color: '#b42318',
     },
     runnerCardDetail: {
         color: '#858590',
@@ -1794,26 +1779,26 @@ const styles = react_native_1.StyleSheet.create({
         borderRadius: 10,
         borderWidth: 1,
         borderColor: 'rgba(129,140,248,0.35)',
-        backgroundColor: 'rgba(67,56,202,0.22)',
+        backgroundColor: 'rgba(86,69,216,0.10)',
         paddingHorizontal: 12,
         paddingVertical: 8,
     },
     runnerActionBtnText: {
-        color: '#c7d2fe',
+        color: '#5645d8',
         fontSize: 12,
         fontWeight: '700',
     },
-    runnerActionBtnSelected: { borderColor: '#818cf8', backgroundColor: 'rgba(79,70,229,0.44)' },
+    runnerActionBtnSelected: { borderColor: '#6555df', backgroundColor: 'rgba(86,69,216,0.18)' },
     routingSummary: { flexDirection: 'row', alignItems: 'center', gap: 8, paddingHorizontal: 2 },
     routingSummaryLabel: { color: '#7c7c87', fontSize: 11, fontWeight: '600' },
     routingSummaryValue: { flex: 1, color: '#6555df', fontSize: 12, fontWeight: '700', textAlign: 'right' },
     modelChoiceRow: { gap: 6, paddingTop: 2 },
     modelChoice: { borderRadius: 9, borderWidth: 1, borderColor: 'rgba(148,163,184,0.18)', paddingHorizontal: 9, paddingVertical: 6 },
-    modelChoiceSelected: { borderColor: '#818cf8', backgroundColor: 'rgba(79,70,229,0.30)' },
+    modelChoiceSelected: { borderColor: '#6555df', backgroundColor: 'rgba(86,69,216,0.12)' },
     modelChoiceText: { color: '#73737e', fontSize: 11 },
     modelChoiceTextSelected: { color: '#5e4ce6', fontWeight: '700' },
     runnerSectionError: {
-        color: '#fca5a5',
+        color: '#b42318',
         fontSize: 12,
         lineHeight: 18,
     },
@@ -1833,13 +1818,13 @@ const styles = react_native_1.StyleSheet.create({
         borderRadius: 3,
     },
     toast: {
-        color: '#22c55e',
+        color: '#137a3f',
         fontSize: 13,
         textAlign: 'center',
         marginTop: 4,
     },
     error: {
-        color: '#ef4444',
+        color: '#b42318',
         fontSize: 12,
         textAlign: 'center',
         marginTop: 4,