yaver-feedback-react-native 0.8.2 → 0.8.4

package/dist/P2PClient.d.ts

@@ -96,6 +96,19 @@ export declare class P2PClient {
     }): Promise<{
         taskId: string;
     }>;
+    getVibingEligibility(opts?: {
+        projectName?: string;
+        bundleId?: string;
+        projectPath?: string;
+    }): Promise<{
+        canVibe: boolean;
+        reason?: string;
+        guidance?: string;
+        projectName?: string;
+        projectPath?: string;
+        provider?: string;
+        repoFullName?: string;
+    }>;
     /**
      * After uploading a feedback bundle with `uploadFeedback`, call this
      * with the returned report id to create a fix task on the agent. The

package/dist/P2PClient.js

@@ -383,6 +383,28 @@ class P2PClient {
         }
         return response.json();
     }
+    async getVibingEligibility(opts) {
+        const identity = resolveAppIdentity(opts);
+        const params = new URLSearchParams();
+        if (identity.projectName ?? opts?.projectName) {
+            params.set('projectName', identity.projectName ?? opts?.projectName ?? '');
+        }
+        if (identity.bundleId ?? opts?.bundleId) {
+            params.set('bundleId', identity.bundleId ?? opts?.bundleId ?? '');
+        }
+        if (identity.projectPath ?? opts?.projectPath) {
+            params.set('projectPath', identity.projectPath ?? opts?.projectPath ?? '');
+        }
+        const response = await fetch(`${this.baseUrl}/vibing/eligibility?${params.toString()}`, {
+            method: 'GET',
+            headers: { Authorization: `Bearer ${this.authToken}` },
+        });
+        if (!response.ok) {
+            const text = await response.text().catch(() => '');
+            throw new Error(`[P2PClient] Vibing eligibility failed (${response.status}): ${text}`);
+        }
+        return response.json();
+    }
     /**
      * After uploading a feedback bundle with `uploadFeedback`, call this
      * with the returned report id to create a fix task on the agent. The

package/dist/YaverFeedback.d.ts

@@ -6,6 +6,8 @@ import { QuickIconColorPreset } from './preferences';
  * Call `YaverFeedback.init()` once at app startup.
  */
 export declare class YaverFeedback {
+    private static resolveP2PAuthToken;
+    private static rebuildP2PClient;
     /**
      * Initialize the feedback SDK with the given configuration.
      * Typically called in your app's root component or entry file.

package/dist/YaverFeedback.js

@@ -34,6 +34,7 @@ let config = null;
 let enabled = false;
 let p2pClient = null;
 let shakeDetector = null;
+let p2pAuthToken = null;
 /** Ring buffer of captured errors. */
 let errorBuffer = [];
 let maxErrors = 5;
@@ -57,6 +58,41 @@ const flagCache = new Map();
  * Call `YaverFeedback.init()` once at app startup.
  */
 class YaverFeedback {
+    static async resolveP2PAuthToken() {
+        if (!config?.authToken)
+            return null;
+        if (!config.preferredDeviceId)
+            return config.authToken;
+        const devices = await (0, auth_1.listReachableDevices)(config.authToken);
+        const all = [...devices.owned, ...devices.shared];
+        const selected = all.find((device) => device.deviceId === config?.preferredDeviceId);
+        if (!selected || !selected.isGuest || selected.accessScope !== 'shared-scoped') {
+            return config.authToken;
+        }
+        if (!selected.hostUserId) {
+            return config.authToken;
+        }
+        const delegated = await (0, auth_1.mintGuestSdkToken)(config.authToken, selected.hostUserId, selected.deviceId);
+        return delegated.token;
+    }
+    static async rebuildP2PClient(agentUrl) {
+        if (!config)
+            return;
+        const effectiveUrl = agentUrl ?? config.agentUrl;
+        if (!effectiveUrl) {
+            p2pClient = null;
+            p2pAuthToken = null;
+            return;
+        }
+        const token = await YaverFeedback.resolveP2PAuthToken();
+        if (!token) {
+            p2pClient = null;
+            p2pAuthToken = null;
+            return;
+        }
+        p2pAuthToken = token;
+        p2pClient = new P2PClient_1.P2PClient(effectiveUrl, token);
+    }
     /**
      * Initialize the feedback SDK with the given configuration.
      * Typically called in your app's root component or entry file.
@@ -107,7 +143,11 @@ class YaverFeedback {
         }
         // Create P2P client if we have a URL
         if (config.agentUrl) {
+            p2pAuthToken = config.authToken ?? null;
             p2pClient = new P2PClient_1.P2PClient(config.agentUrl, config.authToken ?? '');
+            if (config.authToken) {
+                void YaverFeedback.rebuildP2PClient(config.agentUrl);
+            }
         }
         else {
             p2pClient = null;
@@ -228,7 +268,7 @@ class YaverFeedback {
             });
             if (result && config) {
                 config.agentUrl = result.url;
-                p2pClient = new P2PClient_1.P2PClient(result.url, config.authToken ?? '');
+                await YaverFeedback.rebuildP2PClient(result.url);
             }
         }
         catch {
@@ -258,7 +298,7 @@ class YaverFeedback {
             if (!result)
                 return false;
             config.agentUrl = result.url;
-            p2pClient = new P2PClient_1.P2PClient(result.url, config.authToken ?? '');
+            await YaverFeedback.rebuildP2PClient(result.url);
             return true;
         }
         catch {
@@ -304,7 +344,7 @@ class YaverFeedback {
             return;
         config.authToken = token;
         if (config.agentUrl) {
-            p2pClient = new P2PClient_1.P2PClient(config.agentUrl, token);
+            await YaverFeedback.rebuildP2PClient(config.agentUrl);
         }
         else {
             await YaverFeedback.discoverAgent();
@@ -344,6 +384,7 @@ class YaverFeedback {
         config.preferredDeviceId = deviceId;
         config.agentUrl = undefined;
         p2pClient = null;
+        p2pAuthToken = null;
         await YaverFeedback.discoverAgent();
     }
     /** Resolve the currently selected remote machine from the authenticated device list. */
@@ -368,6 +409,7 @@ class YaverFeedback {
             config.agentUrl = undefined;
         }
         p2pClient = null;
+        p2pAuthToken = null;
     }
     /**
      * Manually trigger the feedback collection flow.
@@ -404,7 +446,7 @@ class YaverFeedback {
                 });
                 if (result) {
                     config.agentUrl = result.url;
-                    p2pClient = new P2PClient_1.P2PClient(result.url, config.authToken ?? '');
+                    await YaverFeedback.rebuildP2PClient(result.url);
                 }
                 else if (config.autoLogin !== false && !config.preferredDeviceId) {
                     // No agent discovered and no device picked yet — prompt the user

package/dist/auth.d.ts

@@ -100,8 +100,10 @@ export interface RemoteDevice {
     runnerDown: boolean;
     lastHeartbeat: number;
     isGuest: boolean;
+    hostUserId?: string;
     hostName?: string;
     hostEmail?: string;
+    hostUserIdString?: string;
     accessScope: 'owner' | 'shared-scoped' | 'shared-legacy';
     quicHost: string;
     quicPort: number;
@@ -121,6 +123,48 @@ export interface DeviceList {
     owned: RemoteDevice[];
     shared: RemoteDevice[];
 }
+export interface DeviceReachability {
+    reachable: boolean;
+    url?: string;
+}
+export interface GuestInvitation {
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    hostUserIdString?: string;
+    createdAt: number;
+    expiresAt: number;
+    inviteCode?: string;
+}
+export interface ActiveGuestHost {
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    grantedAt: number;
+}
+export interface GuestHostsResponse {
+    pending: GuestInvitation[];
+    active: ActiveGuestHost[];
+}
+export interface InvitationHostDevice {
+    deviceId: string;
+    name: string;
+    platform: string;
+    lastHeartbeat?: number;
+    proposed: boolean;
+}
+export interface InvitationPreview {
+    inviteCode: string;
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    hostUserIdString?: string;
+    proposedDeviceIds?: string[];
+    hostDevices: InvitationHostDevice[];
+    invitedByUserId?: boolean;
+    expiresAt: number;
+    createdAt: number;
+}
 /**
  * Fetch the set of remote dev machines this user can reach. Splits into
  * owned (user is the host) vs shared (host invited them as a guest).
@@ -130,3 +174,17 @@ export interface DeviceList {
  * raw list used to render as "Kvancs-MacBook-Air.local ×3" in the picker.
  */
 export declare function listReachableDevices(token: string): Promise<DeviceList>;
+export declare function buildDeviceCandidateUrls(device: RemoteDevice): string[];
+export declare function probeDeviceReachability(device: RemoteDevice, timeoutMs?: number): Promise<DeviceReachability>;
+export declare function mintGuestSdkToken(token: string, hostUserId: string, targetDeviceId: string): Promise<{
+    token: string;
+    expiresAt: number;
+    allowedProjects?: string[];
+}>;
+export declare function fetchGuestHosts(token: string): Promise<GuestHostsResponse>;
+export declare function findInviteByCode(token: string, code: string): Promise<InvitationPreview | null>;
+export declare function acceptGuestByCode(token: string, code: string, approvedDeviceIds?: string[]): Promise<{
+    hostName: string;
+    hostEmail: string;
+}>;
+export declare function acceptGuestInvitation(token: string, hostUserId: string, approvedDeviceIds?: string[]): Promise<void>;

package/dist/auth.js

@@ -37,6 +37,13 @@ exports.signInWithOAuth = signInWithOAuth;
 exports.signupWithEmail = signupWithEmail;
 exports.loginWithEmail = loginWithEmail;
 exports.listReachableDevices = listReachableDevices;
+exports.buildDeviceCandidateUrls = buildDeviceCandidateUrls;
+exports.probeDeviceReachability = probeDeviceReachability;
+exports.mintGuestSdkToken = mintGuestSdkToken;
+exports.fetchGuestHosts = fetchGuestHosts;
+exports.findInviteByCode = findInviteByCode;
+exports.acceptGuestByCode = acceptGuestByCode;
+exports.acceptGuestInvitation = acceptGuestInvitation;
 // AsyncStorage is an optional peer dep — degrade gracefully if missing.
 let AsyncStorage = null;
 try {
@@ -379,8 +386,10 @@ async function listReachableDevices(token) {
             runnerDown: !!d.runnerDown,
             lastHeartbeat: d.lastHeartbeat ?? 0,
             isGuest: !!d.isGuest,
+            hostUserId: d.hostUserId,
             hostName: d.hostName,
             hostEmail: d.hostEmail,
+            hostUserIdString: d.hostUserIdString,
             accessScope: d.accessScope ?? 'owner',
             quicHost: d.quicHost ?? d.host ?? '',
             quicPort: d.quicPort ?? 0,
@@ -405,3 +414,110 @@ async function listReachableDevices(token) {
         return { owned: [], shared: [] };
     }
 }
+function buildDeviceCandidateUrls(device) {
+    const port = device.httpPort ?? device.quicPort ?? 18080;
+    const hosts = new Set();
+    if (device.quicHost)
+        hosts.add(device.quicHost);
+    for (const ip of device.localIps ?? []) {
+        if (ip)
+            hosts.add(ip);
+    }
+    return Array.from(hosts).map((host) => `http://${host}:${port}`);
+}
+async function probeDeviceReachability(device, timeoutMs = 2500) {
+    const candidates = buildDeviceCandidateUrls(device);
+    if (candidates.length === 0)
+        return { reachable: false };
+    const probeOne = async (baseUrl) => {
+        const controller = new AbortController();
+        const timer = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+            const response = await fetch(`${baseUrl}/health`, {
+                method: 'GET',
+                signal: controller.signal,
+            });
+            if (!response.ok)
+                throw new Error(`health ${response.status}`);
+            return baseUrl;
+        }
+        finally {
+            clearTimeout(timer);
+        }
+    };
+    const settled = await Promise.allSettled(candidates.map((url) => probeOne(url)));
+    for (const result of settled) {
+        if (result.status === 'fulfilled') {
+            return { reachable: true, url: result.value };
+        }
+    }
+    return { reachable: false };
+}
+async function mintGuestSdkToken(token, hostUserId, targetDeviceId) {
+    const res = await fetch(`${convexSiteUrl}/guests/sdk-token`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ hostUserId, targetDeviceId }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to mint delegated SDK token');
+    }
+    return res.json();
+}
+async function fetchGuestHosts(token) {
+    const res = await fetch(`${convexSiteUrl}/guests/hosts`, {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to fetch guest hosts');
+    }
+    return res.json();
+}
+async function findInviteByCode(token, code) {
+    const cleaned = code.toUpperCase().trim();
+    const res = await fetch(`${convexSiteUrl}/guests/find-by-code?code=${encodeURIComponent(cleaned)}`, { headers: { Authorization: `Bearer ${token}` } });
+    if (res.status === 404)
+        return null;
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to load invite');
+    }
+    return res.json();
+}
+async function acceptGuestByCode(token, code, approvedDeviceIds) {
+    const res = await fetch(`${convexSiteUrl}/guests/accept-code`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+            code: code.toUpperCase().trim(),
+            approvedDeviceIds,
+        }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Invalid invite code');
+    }
+    return res.json();
+}
+async function acceptGuestInvitation(token, hostUserId, approvedDeviceIds) {
+    const res = await fetch(`${convexSiteUrl}/guests/accept`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ hostUserId, approvedDeviceIds }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to accept invitation');
+    }
+}

package/dist/index.d.ts

@@ -39,6 +39,8 @@ export { YaverLoginScreen } from './LoginScreen';
 export type { YaverLoginScreenProps } from './LoginScreen';
 export { YaverMachinePickerScreen } from './MachinePickerScreen';
 export type { YaverMachinePickerProps } from './MachinePickerScreen';
+export { YaverGuestOnboardingScreen } from './GuestOnboardingScreen';
+export type { YaverGuestOnboardingScreenProps } from './GuestOnboardingScreen';
 export { PairDeviceModal } from './PairDeviceModal';
 export type { PairDeviceModalProps } from './PairDeviceModal';
 export { AuthOverlay } from './AuthOverlay';
@@ -49,8 +51,8 @@ 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 { configureAuthEndpoints, getConvexSiteUrl, getWebBaseUrl, getToken, saveToken, clearToken, getUser, saveUser, getSelectedDeviceId, saveSelectedDeviceId, clearSelectedDeviceId, validateToken, signInWithApple, signInWithOAuth, signupWithEmail, loginWithEmail, listReachableDevices, fetchGuestHosts, findInviteByCode, acceptGuestByCode, acceptGuestInvitation, DEFAULT_CONVEX_SITE_URL, DEFAULT_WEB_BASE_URL, DEFAULT_OAUTH_REDIRECT, } from './auth';
+export type { OAuthProvider, User, RemoteDevice, DeviceList, GuestInvitation, ActiveGuestHost, GuestHostsResponse, InvitationHostDevice, InvitationPreview, } from './auth';
 export { captureScreenshot, pickFeedbackFile, startVideoRecording, stopVideoRecording, isVideoRecording, } from './capture';
 export { uploadFeedback } from './upload';
 export type { FeedbackConfig, FeedbackBundle, FeedbackMetadata, DeviceInfo, AppInfo, TimelineEvent, FeedbackReport, FeedbackStreamEvent, VoiceCapability, CapturedError, TestFix, TestSession, } from './types';

package/dist/index.js

@@ -29,7 +29,7 @@
  * ```
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.pickFeedbackFile = 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;
+exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.pickFeedbackFile = exports.captureScreenshot = exports.DEFAULT_OAUTH_REDIRECT = exports.DEFAULT_WEB_BASE_URL = exports.DEFAULT_CONVEX_SITE_URL = exports.acceptGuestInvitation = exports.acceptGuestByCode = exports.findInviteByCode = exports.fetchGuestHosts = 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.YaverGuestOnboardingScreen = 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");
@@ -48,6 +48,8 @@ var LoginScreen_1 = require("./LoginScreen");
 Object.defineProperty(exports, "YaverLoginScreen", { enumerable: true, get: function () { return LoginScreen_1.YaverLoginScreen; } });
 var MachinePickerScreen_1 = require("./MachinePickerScreen");
 Object.defineProperty(exports, "YaverMachinePickerScreen", { enumerable: true, get: function () { return MachinePickerScreen_1.YaverMachinePickerScreen; } });
+var GuestOnboardingScreen_1 = require("./GuestOnboardingScreen");
+Object.defineProperty(exports, "YaverGuestOnboardingScreen", { enumerable: true, get: function () { return GuestOnboardingScreen_1.YaverGuestOnboardingScreen; } });
 var PairDeviceModal_1 = require("./PairDeviceModal");
 Object.defineProperty(exports, "PairDeviceModal", { enumerable: true, get: function () { return PairDeviceModal_1.PairDeviceModal; } });
 var AuthOverlay_1 = require("./AuthOverlay");
@@ -84,6 +86,10 @@ Object.defineProperty(exports, "signInWithOAuth", { enumerable: true, get: funct
 Object.defineProperty(exports, "signupWithEmail", { enumerable: true, get: function () { return auth_1.signupWithEmail; } });
 Object.defineProperty(exports, "loginWithEmail", { enumerable: true, get: function () { return auth_1.loginWithEmail; } });
 Object.defineProperty(exports, "listReachableDevices", { enumerable: true, get: function () { return auth_1.listReachableDevices; } });
+Object.defineProperty(exports, "fetchGuestHosts", { enumerable: true, get: function () { return auth_1.fetchGuestHosts; } });
+Object.defineProperty(exports, "findInviteByCode", { enumerable: true, get: function () { return auth_1.findInviteByCode; } });
+Object.defineProperty(exports, "acceptGuestByCode", { enumerable: true, get: function () { return auth_1.acceptGuestByCode; } });
+Object.defineProperty(exports, "acceptGuestInvitation", { enumerable: true, get: function () { return auth_1.acceptGuestInvitation; } });
 Object.defineProperty(exports, "DEFAULT_CONVEX_SITE_URL", { enumerable: true, get: function () { return auth_1.DEFAULT_CONVEX_SITE_URL; } });
 Object.defineProperty(exports, "DEFAULT_WEB_BASE_URL", { enumerable: true, get: function () { return auth_1.DEFAULT_WEB_BASE_URL; } });
 Object.defineProperty(exports, "DEFAULT_OAUTH_REDIRECT", { enumerable: true, get: function () { return auth_1.DEFAULT_OAUTH_REDIRECT; } });

package/dist/types.d.ts

@@ -209,6 +209,13 @@ export interface FeedbackConfig {
      * Default: false (preserve historical behavior).
      */
     strictNativeAuth?: boolean;
+    /**
+     * Optional host invite code to prefill into the in-SDK guest onboarding
+     * flow. Useful when your app receives the code from a deep link, QR flow,
+     * or an out-of-band host handoff and you want the user to redeem it
+     * without typing.
+     */
+    guestInviteCode?: string;
 }
 export interface FeedbackBundle {
     metadata: FeedbackMetadata;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yaver-feedback-react-native",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "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/AuthOverlay.tsx

@@ -2,8 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { DeviceEventEmitter, Modal } from 'react-native';
 import { YaverLoginScreen } from './LoginScreen';
 import { YaverMachinePickerScreen } from './MachinePickerScreen';
+import { YaverGuestOnboardingScreen } from './GuestOnboardingScreen';
 import { YaverFeedback } from './YaverFeedback';
-import { getToken, RemoteDevice } from './auth';
+import { getToken, RemoteDevice, listReachableDevices } from './auth';
 
 /**
  * Presentation layer for the SDK's auth + machine-picker modals.
@@ -21,8 +22,10 @@ import { getToken, RemoteDevice } from './auth';
  */
 export const AuthOverlay: React.FC = () => {
   const [loginVisible, setLoginVisible] = useState(false);
+  const [guestVisible, setGuestVisible] = useState(false);
   const [pickerVisible, setPickerVisible] = useState(false);
   const [token, setToken] = useState<string | null>(null);
+  const [pendingInviteCode, setPendingInviteCode] = useState<string | null>(null);
 
   useEffect(() => {
     let mounted = true;
@@ -50,16 +53,32 @@ export const AuthOverlay: React.FC = () => {
     };
   }, []);
 
-  const handleLoggedIn = async (newToken: string) => {
+  const continueAfterAuth = async (newToken: string, inviteCode?: string) => {
     setToken(newToken);
     await YaverFeedback.setAuthToken(newToken);
+    const devices = await listReachableDevices(newToken).catch(() => ({ owned: [], shared: [] }));
     setLoginVisible(false);
+    const cleanedInviteCode = (inviteCode ?? '').trim().toUpperCase();
+    if (cleanedInviteCode) {
+      setPendingInviteCode(cleanedInviteCode);
+      setGuestVisible(true);
+      return;
+    }
+    if (devices.owned.length === 0 && devices.shared.length === 0) {
+      setGuestVisible(true);
+      return;
+    }
     setPickerVisible(true);
   };
 
+  const handleLoggedIn = async (newToken: string, opts?: { inviteCode?: string }) => {
+    await continueAfterAuth(newToken, opts?.inviteCode);
+  };
+
   const handleDevicePicked = async (device: RemoteDevice) => {
     await YaverFeedback.setPreferredDevice(device.deviceId);
     setPickerVisible(false);
+    setGuestVisible(false);
     // Continue straight into the feedback flow the user originally triggered.
     DeviceEventEmitter.emit('yaverFeedback:startReport');
   };
@@ -75,6 +94,7 @@ export const AuthOverlay: React.FC = () => {
         <YaverLoginScreen
           onLoggedIn={handleLoggedIn}
           onCancel={() => setLoginVisible(false)}
+          initialInviteCode={pendingInviteCode ?? YaverFeedback.getConfig()?.guestInviteCode}
         />
       </Modal>
 
@@ -93,6 +113,30 @@ export const AuthOverlay: React.FC = () => {
           />
         )}
       </Modal>
+
+      <Modal
+        visible={guestVisible && !!token}
+        animationType="slide"
+        presentationStyle="fullScreen"
+        onRequestClose={() => setGuestVisible(false)}
+      >
+        {token && (
+          <YaverGuestOnboardingScreen
+            token={token}
+            initialInviteCode={pendingInviteCode ?? YaverFeedback.getConfig()?.guestInviteCode}
+            onContinue={() => {
+              setGuestVisible(false);
+              setPendingInviteCode(null);
+              setPickerVisible(true);
+            }}
+            onCancel={() => {
+              setGuestVisible(false);
+              setPendingInviteCode(null);
+              setPickerVisible(true);
+            }}
+          />
+        )}
+      </Modal>
     </>
   );
 };

package/src/Discovery.ts

@@ -188,8 +188,10 @@ export class YaverDiscovery {
         runnerDown: !!d.runnerDown,
         lastHeartbeat: d.lastHeartbeat ?? 0,
         isGuest: !!d.isGuest,
+        hostUserId: d.hostUserId,
         hostName: d.hostName,
         hostEmail: d.hostEmail,
+        hostUserIdString: d.hostUserIdString,
         accessScope: d.accessScope ?? 'owner',
         quicHost: d.quicHost ?? d.host ?? '',
         quicPort: d.quicPort ?? 0,

package/src/FeedbackModal.tsx

@@ -82,6 +82,7 @@ export const FeedbackModal: React.FC = () => {
   const [lastVibeTaskId, setLastVibeTaskId] = useState<string | null>(null);
   const [quickIconColorPreset, setQuickIconColorPreset] =
     useState<QuickIconColorPreset | null>(null);
+  const [keyboardInset, setKeyboardInset] = useState(0);
   const [machineCard, setMachineCard] = useState<MachineCardState>({
     device: null,
     reachable: null,
@@ -256,6 +257,26 @@ export const FeedbackModal: React.FC = () => {
     return () => clearInterval(interval);
   }, [loadSelectedMachine, visible]);
 
+  useEffect(() => {
+    if (!visible) {
+      setKeyboardInset(0);
+      return;
+    }
+
+    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+    const showSub = Keyboard.addListener(showEvent, (event) => {
+      setKeyboardInset(event.endCoordinates?.height ?? 0);
+    });
+    const hideSub = Keyboard.addListener(hideEvent, () => {
+      setKeyboardInset(0);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, [visible]);
+
   const closeSoon = useCallback((delayMs = 1200) => {
     setTimeout(() => {
       if (mountedRef.current) setVisible(false);
@@ -480,8 +501,29 @@ export const FeedbackModal: React.FC = () => {
   // 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(() => {
+  const handleVibingButton = useCallback(async () => {
     if (!showVibeInput) {
+      const client = YaverFeedback.getP2PClient();
+      if (!client) {
+        setError('Not connected to the agent yet.');
+        return;
+      }
+      setError(null);
+      try {
+        const eligibility = await client.getVibingEligibility();
+        if (!eligibility.canVibe) {
+          const message =
+            eligibility.guidance && eligibility.guidance.trim()
+              ? `${eligibility.reason ?? 'Vibe coding is unavailable.'} ${eligibility.guidance}`
+              : eligibility.reason ?? 'Vibe coding is unavailable.';
+          setError(message);
+          setToast('Vibe coding unavailable for this project.');
+          return;
+        }
+      } catch (err: unknown) {
+        setError(err instanceof Error ? err.message : String(err));
+        return;
+      }
       setShowVibeInput(true);
       return;
     }
@@ -548,6 +590,7 @@ export const FeedbackModal: React.FC = () => {
           <Pressable style={styles.overlay} onPress={handleClose}>
             <KeyboardAvoidingView
               behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+              keyboardVerticalOffset={Platform.OS === 'ios' ? 12 : 0}
               style={styles.kbAvoider}
               pointerEvents="box-none"
             >
@@ -560,8 +603,14 @@ export const FeedbackModal: React.FC = () => {
             >
               <ScrollView
                 style={styles.scroll}
-                contentContainerStyle={styles.scrollContent}
+                contentContainerStyle={[
+                  styles.scrollContent,
+                  showVibeInput && keyboardInset > 0
+                    ? { paddingBottom: 8 + keyboardInset }
+                    : null,
+                ]}
                 keyboardShouldPersistTaps="handled"
+                keyboardDismissMode={Platform.OS === 'ios' ? 'interactive' : 'on-drag'}
               >
               <View style={styles.header}>
                 <Text style={styles.title}>Send Feedback</Text>