yaver-feedback-react-native 0.7.16 → 0.8.0

package/dist/YaverFeedback.js

@@ -7,6 +7,7 @@ const BlackBox_1 = require("./BlackBox");
 const P2PClient_1 = require("./P2PClient");
 const ShakeDetector_1 = require("./ShakeDetector");
 const auth_1 = require("./auth");
+const preferences_1 = require("./preferences");
 // Is this JS runtime the Yaver mobile app's super-host bridge? The
 // YaverInfo native module is only registered inside Yaver's container
 // (mobile/ios/Yaver/YaverInfo.{swift,m} + Android counterpart); a
@@ -38,6 +39,13 @@ let errorBuffer = [];
 let maxErrors = 5;
 /** Track whether BlackBox was running before disable (to restart on enable). */
 let blackBoxWasStreaming = false;
+/**
+ * Tracks whether the user has already shaken once in this process.
+ * Consumed by QuickActionIcon's `'after-shake'` mode so the icon
+ * appears the first time a user discovers shake and stays around
+ * thereafter.
+ */
+let firstShakeFired = false;
 /**
  * Flag evaluation cache — 30s TTL per `userId|key`. Prevents a
  * tight render loop from hammering /flags/eval when the dev calls
@@ -118,6 +126,7 @@ class YaverFeedback {
         if (enabled && config.trigger === 'shake') {
             shakeDetector = new ShakeDetector_1.ShakeDetector();
             shakeDetector.start(() => {
+                YaverFeedback.notifyShake();
                 if (config?.reportingOnly) {
                     YaverFeedback.sendAutoReport();
                 }
@@ -450,6 +459,7 @@ class YaverFeedback {
             if (config?.trigger === 'shake' && !shakeDetector) {
                 shakeDetector = new ShakeDetector_1.ShakeDetector();
                 shakeDetector.start(() => {
+                    YaverFeedback.notifyShake();
                     if (config?.reportingOnly) {
                         YaverFeedback.sendAutoReport();
                     }
@@ -752,6 +762,56 @@ class YaverFeedback {
             // Not in dev mode
         }
     }
+    /**
+     * Internal: fired from every shake path (dev-menu + accelerometer)
+     * before the feedback modal opens. Emits `yaverFeedback:firstShake`
+     * exactly once per process so QuickActionIcon's `'after-shake'` mode
+     * can surface itself on first shake and stay visible for the rest of
+     * the session.
+     */
+    static notifyShake() {
+        if (firstShakeFired)
+            return;
+        firstShakeFired = true;
+        try {
+            const { DeviceEventEmitter } = require('react-native');
+            DeviceEventEmitter.emit('yaverFeedback:firstShake');
+        }
+        catch {
+            // emitter unavailable (e.g. jsdom unit test) — safe to ignore
+        }
+    }
+    /**
+     * Show / hide the QuickActionIcon programmatically and persist the
+     * choice across launches. Host apps can call this from a settings
+     * screen so the user has a second way to re-enable the icon after
+     * hiding it via the icon's own long-press menu — shake is always the
+     * third back-door because it never depends on a visible control.
+     */
+    static async setQuickIconVisible(visible) {
+        await (0, preferences_1.setQuickIconDisabled)(!visible);
+        try {
+            const { DeviceEventEmitter } = require('react-native');
+            DeviceEventEmitter.emit(visible ? 'yaverFeedback:quickIconShow' : 'yaverFeedback:quickIconHide');
+        }
+        catch {
+            // emitter unavailable — preference is still persisted
+        }
+    }
+    /**
+     * Returns `true` when the user has chosen to hide the QuickActionIcon
+     * (via its long-press menu or `setQuickIconVisible(false)`).
+     * FeedbackModal uses this to surface a one-tap "Show quick icon"
+     * control so the user can bring the icon back without having to know
+     * about the programmatic API.
+     */
+    static async isQuickIconHidden() {
+        return (0, preferences_1.getQuickIconDisabled)();
+    }
+    /** Clear the persisted "user hid the icon" flag. */
+    static async resetQuickIconPreference() {
+        await YaverFeedback.setQuickIconVisible(true);
+    }
     /** Tear down the SDK (stop shake detector, clear state). */
     static destroy() {
         if (shakeDetector) {

package/dist/index.d.ts

@@ -44,7 +44,10 @@ export { AuthOverlay } from './AuthOverlay';
 export { ShakeDetector } from './ShakeDetector';
 export { FloatingButton } from './FloatingButton';
 export { FeedbackModal } from './FeedbackModal';
+export { QuickActionIcon } from './QuickActionIcon';
+export type { QuickActionIconProps } from './QuickActionIcon';
 export { FixReport } from './FixReport';
+export { getQuickIconDisabled, setQuickIconDisabled, clearQuickIconDisabled, } from './preferences';
 export { configureAuthEndpoints, getConvexSiteUrl, getWebBaseUrl, getToken, saveToken, clearToken, getUser, saveUser, getSelectedDeviceId, saveSelectedDeviceId, clearSelectedDeviceId, validateToken, signInWithApple, signInWithOAuth, signupWithEmail, loginWithEmail, listReachableDevices, DEFAULT_CONVEX_SITE_URL, DEFAULT_WEB_BASE_URL, DEFAULT_OAUTH_REDIRECT, } from './auth';
 export type { OAuthProvider, User, RemoteDevice, DeviceList, } from './auth';
 export { captureScreenshot, startVideoRecording, stopVideoRecording, isVideoRecording, } from './capture';

package/dist/index.js

@@ -28,7 +28,7 @@
  * ```
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.captureScreenshot = exports.DEFAULT_OAUTH_REDIRECT = exports.DEFAULT_WEB_BASE_URL = exports.DEFAULT_CONVEX_SITE_URL = exports.listReachableDevices = exports.loginWithEmail = exports.signupWithEmail = exports.signInWithOAuth = exports.signInWithApple = exports.validateToken = exports.clearSelectedDeviceId = exports.saveSelectedDeviceId = exports.getSelectedDeviceId = exports.saveUser = exports.getUser = exports.clearToken = exports.saveToken = exports.getToken = exports.getWebBaseUrl = exports.getConvexSiteUrl = exports.configureAuthEndpoints = exports.FixReport = exports.FeedbackModal = exports.FloatingButton = exports.ShakeDetector = exports.AuthOverlay = exports.PairDeviceModal = exports.YaverMachinePickerScreen = exports.YaverLoginScreen = exports.YaverConnectionScreen = exports.P2PClient = exports.YaverDiscovery = exports.initExpo = exports.YaverUpdates = exports.BlackBox = exports.YaverFeedback = void 0;
+exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.captureScreenshot = exports.DEFAULT_OAUTH_REDIRECT = exports.DEFAULT_WEB_BASE_URL = exports.DEFAULT_CONVEX_SITE_URL = exports.listReachableDevices = exports.loginWithEmail = exports.signupWithEmail = exports.signInWithOAuth = exports.signInWithApple = exports.validateToken = exports.clearSelectedDeviceId = exports.saveSelectedDeviceId = exports.getSelectedDeviceId = exports.saveUser = exports.getUser = exports.clearToken = exports.saveToken = exports.getToken = exports.getWebBaseUrl = exports.getConvexSiteUrl = exports.configureAuthEndpoints = exports.clearQuickIconDisabled = exports.setQuickIconDisabled = exports.getQuickIconDisabled = exports.FixReport = exports.QuickActionIcon = exports.FeedbackModal = exports.FloatingButton = exports.ShakeDetector = exports.AuthOverlay = exports.PairDeviceModal = exports.YaverMachinePickerScreen = exports.YaverLoginScreen = exports.YaverConnectionScreen = exports.P2PClient = exports.YaverDiscovery = exports.initExpo = exports.YaverUpdates = exports.BlackBox = exports.YaverFeedback = void 0;
 var YaverFeedback_1 = require("./YaverFeedback");
 Object.defineProperty(exports, "YaverFeedback", { enumerable: true, get: function () { return YaverFeedback_1.YaverFeedback; } });
 var BlackBox_1 = require("./BlackBox");
@@ -57,8 +57,14 @@ var FloatingButton_1 = require("./FloatingButton");
 Object.defineProperty(exports, "FloatingButton", { enumerable: true, get: function () { return FloatingButton_1.FloatingButton; } });
 var FeedbackModal_1 = require("./FeedbackModal");
 Object.defineProperty(exports, "FeedbackModal", { enumerable: true, get: function () { return FeedbackModal_1.FeedbackModal; } });
+var QuickActionIcon_1 = require("./QuickActionIcon");
+Object.defineProperty(exports, "QuickActionIcon", { enumerable: true, get: function () { return QuickActionIcon_1.QuickActionIcon; } });
 var FixReport_1 = require("./FixReport");
 Object.defineProperty(exports, "FixReport", { enumerable: true, get: function () { return FixReport_1.FixReport; } });
+var preferences_1 = require("./preferences");
+Object.defineProperty(exports, "getQuickIconDisabled", { enumerable: true, get: function () { return preferences_1.getQuickIconDisabled; } });
+Object.defineProperty(exports, "setQuickIconDisabled", { enumerable: true, get: function () { return preferences_1.setQuickIconDisabled; } });
+Object.defineProperty(exports, "clearQuickIconDisabled", { enumerable: true, get: function () { return preferences_1.clearQuickIconDisabled; } });
 var auth_1 = require("./auth");
 Object.defineProperty(exports, "configureAuthEndpoints", { enumerable: true, get: function () { return auth_1.configureAuthEndpoints; } });
 Object.defineProperty(exports, "getConvexSiteUrl", { enumerable: true, get: function () { return auth_1.getConvexSiteUrl; } });

package/dist/preferences.d.ts

@@ -0,0 +1,18 @@
+/**
+ * SDK user preferences persisted across launches.
+ *
+ * Currently only the quick-action icon's user-level dismiss flag
+ * lives here: the dev enables the icon via `FeedbackConfig.quickIcon`,
+ * but the *user* can long-press → Hide to opt out, and we remember
+ * that choice across launches so their next app session still
+ * respects it.
+ *
+ * AsyncStorage is an optional peer dep — if it's not installed the
+ * getters return `false` and the setters silently no-op, so the icon
+ * still works (it just can't remember the disable beyond the
+ * in-memory session).
+ */
+/** True if the user has long-pressed the icon and chosen "Hide". */
+export declare function getQuickIconDisabled(): Promise<boolean>;
+export declare function setQuickIconDisabled(disabled: boolean): Promise<void>;
+export declare function clearQuickIconDisabled(): Promise<void>;

package/dist/preferences.js

@@ -0,0 +1,57 @@
+"use strict";
+/**
+ * SDK user preferences persisted across launches.
+ *
+ * Currently only the quick-action icon's user-level dismiss flag
+ * lives here: the dev enables the icon via `FeedbackConfig.quickIcon`,
+ * but the *user* can long-press → Hide to opt out, and we remember
+ * that choice across launches so their next app session still
+ * respects it.
+ *
+ * AsyncStorage is an optional peer dep — if it's not installed the
+ * getters return `false` and the setters silently no-op, so the icon
+ * still works (it just can't remember the disable beyond the
+ * in-memory session).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getQuickIconDisabled = getQuickIconDisabled;
+exports.setQuickIconDisabled = setQuickIconDisabled;
+exports.clearQuickIconDisabled = clearQuickIconDisabled;
+let AsyncStorage = null;
+try {
+    AsyncStorage = require('@react-native-async-storage/async-storage').default;
+}
+catch {
+    // not installed — degrade gracefully
+}
+const QUICK_ICON_DISABLED_KEY = 'yaver_feedback_quickicon_disabled';
+/** True if the user has long-pressed the icon and chosen "Hide". */
+async function getQuickIconDisabled() {
+    if (!AsyncStorage)
+        return false;
+    try {
+        const v = await AsyncStorage.getItem(QUICK_ICON_DISABLED_KEY);
+        return v === '1';
+    }
+    catch {
+        return false;
+    }
+}
+async function setQuickIconDisabled(disabled) {
+    if (!AsyncStorage)
+        return;
+    try {
+        if (disabled) {
+            await AsyncStorage.setItem(QUICK_ICON_DISABLED_KEY, '1');
+        }
+        else {
+            await AsyncStorage.removeItem(QUICK_ICON_DISABLED_KEY);
+        }
+    }
+    catch {
+        // best-effort
+    }
+}
+async function clearQuickIconDisabled() {
+    await setQuickIconDisabled(false);
+}

package/dist/types.d.ts

@@ -42,6 +42,37 @@ export interface FeedbackConfig {
     preferredDeviceId?: string;
     /** How feedback collection is triggered */
     trigger?: 'shake' | 'floating-button' | 'manual';
+    /**
+     * Small tap-to-open icon that floats above the app so the user
+     * doesn't have to shake every time they want to open feedback.
+     * Single tap → open the feedback modal; long-press → menu with
+     * "Hide icon" (persisted across launches via AsyncStorage).
+     *
+     * - `'auto'` (default) → `'always'` on iOS/Android, `'off'` on web.
+     * - `'always'` → visible from app launch.
+     * - `'after-shake'` → hidden until the first shake this session.
+     * - `'off'` → never rendered. Shake still works.
+     *
+     * The user can always override `'always'` / `'auto'` by long-pressing
+     * → Hide. Devs can clear that override via
+     * `YaverFeedback.resetQuickIconPreference()`.
+     */
+    quickIcon?: 'auto' | 'always' | 'after-shake' | 'off';
+    /**
+     * Background color for the quick-action icon. Default: '#6366f1'
+     * (indigo). Pick something distinctive so the icon never visually
+     * collides with your own FAB.
+     */
+    quickIconColor?: string;
+    /**
+     * Initial position of the quick-action icon, in pixels from the
+     * top-left. Default: near the top-right corner of the screen. The
+     * icon is draggable at runtime — this is only the first mount.
+     */
+    quickIconInitialPosition?: {
+        x: number;
+        y: number;
+    };
     /** Enable/disable the SDK. Defaults to __DEV__ */
     enabled?: boolean;
     /**

package/package.json

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

package/src/FeedbackModal.tsx

@@ -7,6 +7,7 @@ import {
   Pressable,
   StyleSheet,
   Text,
+  TextInput,
   View,
 } from 'react-native';
 import { YaverFeedback } from './YaverFeedback';
@@ -21,6 +22,7 @@ import {
 import { uploadFeedback } from './upload';
 import { DeviceInfo, FeedbackBundle } from './types';
 import { AuthOverlay } from './AuthOverlay';
+import { QuickActionIcon } from './QuickActionIcon';
 
 /**
  * Simplified feedback modal — 5 actions:
@@ -65,6 +67,19 @@ export const FeedbackModal: React.FC = () => {
   // hidden button instead of a runtime error.
   const voiceSupported = useRef<boolean>(isVoiceCaptureSupported()).current;
   const [lastVideo, setLastVideo] = useState<LastVideo | null>(null);
+  // Tracks whether the user has hidden the QuickActionIcon via its
+  // long-press menu. Shake is always available, so the feedback modal
+  // is our guaranteed UI for bringing the icon back — we surface a
+  // small "Show quick icon" row when this is true.
+  const [quickIconHidden, setQuickIconHidden] = useState(false);
+  // 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).
+  const [showVibeInput, setShowVibeInput] = useState(false);
+  const [vibePrompt, setVibePrompt] = useState('');
+  const [lastVibeTaskId, setLastVibeTaskId] = useState<string | null>(null);
   const mountedRef = useRef(true);
 
   useEffect(() => {
@@ -75,6 +90,14 @@ export const FeedbackModal: React.FC = () => {
         setError(null);
         setToast(null);
         setAction('idle');
+        // Re-read the "user hid the quick icon" flag on every open so
+        // the re-enable row reflects the latest preference (the user
+        // might have hidden or shown it between opens).
+        YaverFeedback.isQuickIconHidden()
+          .then((v) => {
+            if (mountedRef.current) setQuickIconHidden(v);
+          })
+          .catch(() => {});
       }
     });
     // Agent streams build / compile progress through the BlackBox
@@ -285,7 +308,23 @@ export const FeedbackModal: React.FC = () => {
   }, [closeSoon]);
 
   // ─── 3. Vibing ─────────────────────────────────────────────────────
-  const handleVibing = useCallback(async () => {
+  // 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
+  // left blank, we default to "pick the next small improvement"
+  // so a one-tap workflow still works for lazy days.
+  const handleVibingButton = useCallback(() => {
+    if (!showVibeInput) {
+      setShowVibeInput(true);
+      return;
+    }
+    // collapse if tapped again with empty input
+    if (!vibePrompt.trim()) {
+      setShowVibeInput(false);
+    }
+  }, [showVibeInput, vibePrompt]);
+
+  const handleVibingSubmit = useCallback(async () => {
     const client = YaverFeedback.getP2PClient();
     if (!client) {
       setError('Not connected to the agent yet.');
@@ -303,21 +342,22 @@ export const FeedbackModal: React.FC = () => {
               .map((e) => `- ${e.message}`)
               .join('\n')
           : '';
-      const prompt =
-        'The user opened the feedback modal on their phone and tapped Vibing. ' +
-        'Investigate whatever they are likely to be asking about — pick the ' +
-        'next small improvement or fix based on recent activity and the ' +
-        'current screen.' +
-        errNote;
-      await client.vibing(prompt);
-      setToast('Vibing task created');
-      closeSoon(1200);
+      const userPrompt = vibePrompt.trim();
+      const prompt = userPrompt
+        ? userPrompt + errNote
+        : 'Pick the next small improvement or fix for this app based on recent activity and the current screen.' +
+          errNote;
+      const result = await client.vibing(prompt);
+      setLastVibeTaskId(result.taskId);
+      setToast(`Vibing task ${result.taskId.slice(0, 8)} created`);
+      setVibePrompt('');
+      setShowVibeInput(false);
     } catch (err: unknown) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
       if (mountedRef.current) setAction('idle');
     }
-  }, [closeSoon]);
+  }, [vibePrompt]);
 
   // ─── 4. Toggle screen recording ────────────────────────────────────
   const handleToggleRecording = useCallback(async () => {
@@ -491,6 +531,7 @@ export const FeedbackModal: React.FC = () => {
   return (
     <>
       <AuthOverlay />
+      <QuickActionIcon />
       {visible && (
         <Modal
           visible={visible}
@@ -537,14 +578,64 @@ export const FeedbackModal: React.FC = () => {
                 busy={action === 'capturing'}
               />
 
-              {/* 3. Vibing */}
-              <ActionRow
-                label={action === 'vibing' ? 'Starting…' : 'Vibing'}
-                tint="#818cf8"
-                onPress={handleVibing}
-                disabled={busy}
-                busy={action === 'vibing'}
-              />
+              {/* 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'}
+                />
+              ) : (
+                <View style={styles.vibeInputRow}>
+                  <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}
+                  />
+                  <View style={styles.vibeInputButtons}>
+                    <Pressable
+                      onPress={() => { setShowVibeInput(false); setVibePrompt(''); }}
+                      style={({ pressed }) => [styles.vibeCancelBtn, pressed && styles.buttonPressed]}
+                      disabled={action === 'vibing'}
+                    >
+                      <Text style={styles.vibeCancelBtnText}>Cancel</Text>
+                    </Pressable>
+                    <Pressable
+                      onPress={handleVibingSubmit}
+                      style={({ pressed }) => [
+                        styles.vibeSendBtn,
+                        pressed && styles.buttonPressed,
+                        action === 'vibing' && { opacity: 0.6 },
+                      ]}
+                      disabled={action === 'vibing'}
+                    >
+                      {action === 'vibing' ? (
+                        <ActivityIndicator color="#fff" />
+                      ) : (
+                        <Text style={styles.vibeSendBtnText}>Send</Text>
+                      )}
+                    </Pressable>
+                  </View>
+                </View>
+              )}
+              {lastVibeTaskId && action !== 'vibing' && (
+                <Text style={styles.vibeTaskLine} numberOfLines={1}>
+                  Last vibing task: {lastVibeTaskId.slice(0, 12)}…
+                </Text>
+              )}
 
               {/* Voice note — only rendered when expo-av is installed.
                   Tap to start, tap again to stop → transcribes via
@@ -600,6 +691,34 @@ export const FeedbackModal: React.FC = () => {
               )}
               {toast && <Text style={styles.toast}>{toast}</Text>}
               {error && <Text style={styles.error}>{error}</Text>}
+
+              {/* Quick-icon toggle. The user's three ways to control
+                  the floating icon are: (1) long-press the icon →
+                  Hide, (2) tap this row to toggle it on/off, (3) shake
+                  → this modal → tap this row. Shake is the unkillable
+                  back-door when the icon is hidden and the dev hasn't
+                  exposed their own settings UI. */}
+              <Pressable
+                onPress={async () => {
+                  const next = !quickIconHidden;
+                  setQuickIconHidden(next);
+                  await YaverFeedback.setQuickIconVisible(!next);
+                }}
+                style={({ pressed }) => [
+                  styles.quickIconToggle,
+                  pressed && { opacity: 0.7 },
+                ]}
+                accessibilityRole="button"
+                accessibilityLabel={
+                  quickIconHidden ? 'Show quick icon' : 'Hide quick icon'
+                }
+              >
+                <Text style={styles.quickIconToggleText}>
+                  {quickIconHidden
+                    ? '◯  Show quick-access icon'
+                    : '●  Hide quick-access icon'}
+                </Text>
+              </Pressable>
             </Pressable>
           </Pressable>
         </Modal>
@@ -647,6 +766,56 @@ const ActionRow: React.FC<ActionRowProps> = ({
 );
 
 const styles = StyleSheet.create({
+  vibeInputRow: {
+    backgroundColor: 'rgba(129,140,248,0.08)',
+    borderColor: 'rgba(129,140,248,0.4)',
+    borderWidth: 1,
+    borderRadius: 12,
+    padding: 12,
+    gap: 10,
+  },
+  vibeInput: {
+    color: '#fff',
+    fontSize: 15,
+    minHeight: 64,
+    textAlignVertical: 'top',
+    padding: 0,
+  },
+  vibeInputButtons: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    gap: 10,
+  },
+  vibeCancelBtn: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: 'transparent',
+  },
+  vibeCancelBtnText: {
+    color: '#999',
+    fontSize: 14,
+    fontWeight: '600',
+  },
+  vibeSendBtn: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: '#818cf8',
+    minWidth: 72,
+    alignItems: 'center',
+  },
+  vibeSendBtnText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: '700',
+  },
+  vibeTaskLine: {
+    color: '#818cf8',
+    fontSize: 12,
+    marginTop: -4,
+    fontFamily: Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' }),
+  },
   overlay: {
     flex: 1,
     backgroundColor: 'rgba(0,0,0,0.55)',
@@ -723,4 +892,15 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     marginTop: 4,
   },
+  quickIconToggle: {
+    marginTop: 4,
+    alignSelf: 'center',
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+  },
+  quickIconToggleText: {
+    color: '#9ca3af',
+    fontSize: 12,
+    fontWeight: '500',
+  },
 });

package/src/P2PClient.ts

@@ -376,14 +376,30 @@ export class P2PClient {
    * vibing from Claude Code / the Yaver mobile app; this method is a
    * convenience for the SDK's one-tap bug-report-to-vibing path.
    */
-  async vibing(prompt: string, projectPath?: string): Promise<{ taskId: string }> {
+  async vibing(
+    prompt: string,
+    opts?: { projectName?: string; bundleId?: string; projectPath?: string },
+  ): Promise<{ taskId: string }> {
+    // Resolve app identity exactly the same way we do for
+    // reloadApp — bundle ID from expo-constants or native config.
+    // Without this, the agent falls back to "grep the prompt for a
+    // word that looks like a project name," which is catastrophically
+    // wrong: the prompt 'tapped Vibing' matched 'in' → picked mprint
+    // → Claude vibed on the wrong repo. Passing the bundle/name lets
+    // the agent go straight to findMobileProjectByName / bundleId.
+    const identity = resolveAppIdentity(opts);
     const response = await fetch(`${this.baseUrl}/vibing/execute`, {
       method: 'POST',
       headers: {
         Authorization: `Bearer ${this.authToken}`,
         'Content-Type': 'application/json',
       },
-      body: JSON.stringify({ prompt, projectPath: projectPath ?? '' }),
+      body: JSON.stringify({
+        prompt,
+        projectPath: identity.projectPath ?? opts?.projectPath ?? '',
+        projectName: identity.projectName,
+        bundleId: identity.bundleId,
+      }),
     });
     if (!response.ok) {
       const text = await response.text().catch(() => '');