yaver-feedback-react-native 0.8.1 → 0.8.3

package/dist/GuestOnboardingScreen.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface YaverGuestOnboardingScreenProps {
+    token: string;
+    initialInviteCode?: string;
+    onContinue: () => void;
+    onCancel?: () => void;
+}
+export declare const YaverGuestOnboardingScreen: React.FC<YaverGuestOnboardingScreenProps>;

package/dist/GuestOnboardingScreen.js

@@ -0,0 +1,282 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YaverGuestOnboardingScreen = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const auth_1 = require("./auth");
+const YaverGuestOnboardingScreen = ({ token, initialInviteCode, onContinue, onCancel, }) => {
+    const [code, setCode] = (0, react_1.useState)((initialInviteCode ?? '').toUpperCase());
+    const [preview, setPreview] = (0, react_1.useState)(null);
+    const [hosts, setHosts] = (0, react_1.useState)({ pending: [], active: [] });
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const cleanedCode = (0, react_1.useMemo)(() => code.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6), [code]);
+    const loadHosts = (0, react_1.useCallback)(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await (0, auth_1.fetchGuestHosts)(token);
+            setHosts(result);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [token]);
+    (0, react_1.useEffect)(() => {
+        void loadHosts();
+    }, [loadHosts]);
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        if (cleanedCode.length !== 6) {
+            setPreview(null);
+            return;
+        }
+        (async () => {
+            try {
+                const result = await (0, auth_1.findInviteByCode)(token, cleanedCode);
+                if (!cancelled) {
+                    setPreview(result);
+                    if (!result) {
+                        setError('Invite code not found or expired.');
+                    }
+                    else {
+                        setError(null);
+                    }
+                }
+            }
+            catch (err) {
+                if (!cancelled) {
+                    setPreview(null);
+                    setError(err instanceof Error ? err.message : String(err));
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [cleanedCode, token]);
+    const handleAcceptCode = (0, react_1.useCallback)(async () => {
+        if (cleanedCode.length !== 6) {
+            setError('Enter the 6-character invite code from the host.');
+            return;
+        }
+        setBusy(true);
+        setError(null);
+        try {
+            await (0, auth_1.acceptGuestByCode)(token, cleanedCode, preview?.proposedDeviceIds);
+            await loadHosts();
+            onContinue();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [cleanedCode, loadHosts, onContinue, preview?.proposedDeviceIds, token]);
+    const handleAcceptPending = (0, react_1.useCallback)(async (hostUserId) => {
+        setBusy(true);
+        setError(null);
+        try {
+            await (0, auth_1.acceptGuestInvitation)(token, hostUserId);
+            await loadHosts();
+            onContinue();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [loadHosts, onContinue, token]);
+    return (<react_native_1.SafeAreaView style={styles.container}>
+      <react_native_1.ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
+        <react_native_1.View style={styles.header}>
+          <react_native_1.View>
+            <react_native_1.Text style={styles.title}>Guest Access</react_native_1.Text>
+            <react_native_1.Text style={styles.subtitle}>
+              Join a host&apos;s repo-scoped Feedback SDK access without leaving the app.
+            </react_native_1.Text>
+          </react_native_1.View>
+          {onCancel && (<react_native_1.Pressable onPress={onCancel} style={styles.skipBtn}>
+              <react_native_1.Text style={styles.skipText}>Skip</react_native_1.Text>
+            </react_native_1.Pressable>)}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.card}>
+          <react_native_1.Text style={styles.cardTitle}>Have an invite code?</react_native_1.Text>
+          <react_native_1.Text style={styles.cardText}>
+            Enter the 6-character code from the host. After redemption you can pick the shared machine directly here.
+          </react_native_1.Text>
+          <react_native_1.TextInput style={styles.input} value={cleanedCode} onChangeText={setCode} placeholder="ABC123" placeholderTextColor="#667085" autoCapitalize="characters" autoCorrect={false} maxLength={6}/>
+          {preview && (<react_native_1.View style={styles.previewBox}>
+              <react_native_1.Text style={styles.previewTitle}>{preview.hostName}</react_native_1.Text>
+              <react_native_1.Text style={styles.previewMeta}>{preview.hostEmail}</react_native_1.Text>
+              <react_native_1.Text style={styles.previewMeta}>
+                {preview.hostDevices.length > 0
+                ? `${preview.hostDevices.length} host machine${preview.hostDevices.length === 1 ? '' : 's'} shared`
+                : 'Host machine list will appear after acceptance'}
+              </react_native_1.Text>
+            </react_native_1.View>)}
+          <react_native_1.Pressable onPress={() => void handleAcceptCode()} disabled={busy || cleanedCode.length !== 6} style={({ pressed }) => [
+            styles.primaryBtn,
+            (pressed || busy || cleanedCode.length !== 6) && styles.primaryBtnPressed,
+        ]}>
+            {busy ? <react_native_1.ActivityIndicator color="#fff"/> : <react_native_1.Text style={styles.primaryBtnText}>Redeem Code</react_native_1.Text>}
+          </react_native_1.Pressable>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.card}>
+          <react_native_1.Text style={styles.cardTitle}>Pending host invites</react_native_1.Text>
+          <react_native_1.Text style={styles.cardText}>
+            If a host invited your email directly, it should appear here after you sign up.
+          </react_native_1.Text>
+          {loading ? (<react_native_1.ActivityIndicator color="#98a2b3" style={{ marginTop: 12 }}/>) : hosts.pending.length > 0 ? (hosts.pending.map((invite) => (<react_native_1.View key={`${invite.hostUserId}:${invite.createdAt}`} style={styles.inviteRow}>
+                <react_native_1.View style={{ flex: 1 }}>
+                  <react_native_1.Text style={styles.inviteName}>{invite.hostName}</react_native_1.Text>
+                  <react_native_1.Text style={styles.inviteMeta}>{invite.hostEmail}</react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.Pressable onPress={() => void handleAcceptPending(invite.hostUserId)} disabled={busy} style={({ pressed }) => [
+                styles.secondaryBtn,
+                (pressed || busy) && styles.secondaryBtnPressed,
+            ]}>
+                  <react_native_1.Text style={styles.secondaryBtnText}>Accept</react_native_1.Text>
+                </react_native_1.Pressable>
+              </react_native_1.View>))) : (<react_native_1.Text style={styles.emptyText}>No pending host invites on this account yet.</react_native_1.Text>)}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.cardMuted}>
+          <react_native_1.Text style={styles.cardTitle}>No machine yet?</react_native_1.Text>
+          <react_native_1.Text style={styles.cardText}>
+            That is fine. You can still sign up here and redeem the host&apos;s guest access. Shared machines will appear once the host has one running. Later you can install Yaver on your own machine too.
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        {error ? <react_native_1.Text style={styles.error}>{error}</react_native_1.Text> : null}
+
+        <react_native_1.Pressable onPress={onContinue} style={({ pressed }) => [styles.linkBtn, pressed && { opacity: 0.7 }]}>
+          <react_native_1.Text style={styles.linkBtnText}>Continue to machine picker</react_native_1.Text>
+        </react_native_1.Pressable>
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
+};
+exports.YaverGuestOnboardingScreen = YaverGuestOnboardingScreen;
+const styles = react_native_1.StyleSheet.create({
+    container: { flex: 1, backgroundColor: '#0f172a' },
+    content: { padding: 20, gap: 16 },
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'flex-start',
+        marginBottom: 8,
+    },
+    title: { color: '#f8fafc', fontSize: 24, fontWeight: '700' },
+    subtitle: { color: '#94a3b8', fontSize: 14, marginTop: 6, maxWidth: 280 },
+    skipBtn: { paddingVertical: 6, paddingHorizontal: 10 },
+    skipText: { color: '#cbd5e1', fontSize: 13, fontWeight: '600' },
+    card: {
+        backgroundColor: 'rgba(15,23,42,0.82)',
+        borderWidth: 1,
+        borderColor: 'rgba(148,163,184,0.18)',
+        borderRadius: 16,
+        padding: 16,
+    },
+    cardMuted: {
+        backgroundColor: 'rgba(30,41,59,0.9)',
+        borderRadius: 16,
+        padding: 16,
+    },
+    cardTitle: { color: '#e2e8f0', fontSize: 16, fontWeight: '700' },
+    cardText: { color: '#94a3b8', fontSize: 13, lineHeight: 20, marginTop: 8 },
+    input: {
+        marginTop: 14,
+        borderWidth: 1,
+        borderColor: 'rgba(148,163,184,0.28)',
+        borderRadius: 12,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+        backgroundColor: 'rgba(2,6,23,0.88)',
+        color: '#f8fafc',
+        fontSize: 18,
+        letterSpacing: 3,
+        textAlign: 'center',
+    },
+    previewBox: {
+        marginTop: 12,
+        padding: 12,
+        borderRadius: 12,
+        backgroundColor: 'rgba(30,41,59,0.75)',
+    },
+    previewTitle: { color: '#f8fafc', fontSize: 15, fontWeight: '600' },
+    previewMeta: { color: '#94a3b8', fontSize: 12, marginTop: 4 },
+    primaryBtn: {
+        marginTop: 14,
+        backgroundColor: '#2563eb',
+        borderRadius: 12,
+        minHeight: 46,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    primaryBtnPressed: { opacity: 0.6 },
+    primaryBtnText: { color: '#fff', fontSize: 15, fontWeight: '700' },
+    inviteRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        marginTop: 12,
+        paddingTop: 12,
+        borderTopWidth: 1,
+        borderTopColor: 'rgba(148,163,184,0.12)',
+    },
+    inviteName: { color: '#f8fafc', fontSize: 14, fontWeight: '600' },
+    inviteMeta: { color: '#94a3b8', fontSize: 12, marginTop: 4 },
+    secondaryBtn: {
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+        borderRadius: 10,
+        backgroundColor: 'rgba(37,99,235,0.16)',
+    },
+    secondaryBtnPressed: { opacity: 0.6 },
+    secondaryBtnText: { color: '#bfdbfe', fontSize: 13, fontWeight: '700' },
+    emptyText: { color: '#64748b', fontSize: 13, marginTop: 12 },
+    error: { color: '#f87171', fontSize: 13, marginTop: 4 },
+    linkBtn: { alignItems: 'center', paddingVertical: 8 },
+    linkBtnText: { color: '#cbd5e1', fontSize: 14, fontWeight: '600' },
+});

package/dist/LoginScreen.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 export interface YaverLoginScreenProps {
     /** Invoked once a session token is issued and the user is loaded. */
-    onLoggedIn: (token: string) => void;
+    onLoggedIn: (token: string, opts?: {
+        inviteCode?: string;
+    }) => void;
     /** Optional cancel button shown in header. */
     onCancel?: () => void;
+    /** Optional prefilled guest invite code from config / deep link. */
+    initialInviteCode?: string;
 }
 /**
  * Full-screen in-SDK login. Mirrors the Yaver mobile app login UX: native

package/dist/LoginScreen.js

@@ -91,7 +91,7 @@ const iconStyles = react_native_1.StyleSheet.create({
  * Apple Sign-In on iOS, in-app browser OAuth for Google/GitHub/GitLab/
  * Microsoft (no codes, no leaving the app), and inline email/password.
  */
-const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
+const YaverLoginScreen = ({ onLoggedIn, onCancel, initialInviteCode, }) => {
     const [busyProvider, setBusyProvider] = (0, react_1.useState)(null);
     const [showEmailForm, setShowEmailForm] = (0, react_1.useState)(false);
     const [isSignUp, setIsSignUp] = (0, react_1.useState)(false);
@@ -99,6 +99,7 @@ const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
     const [email, setEmail] = (0, react_1.useState)('');
     const [password, setPassword] = (0, react_1.useState)('');
     const [confirmPassword, setConfirmPassword] = (0, react_1.useState)('');
+    const [inviteCode, setInviteCode] = (0, react_1.useState)((initialInviteCode ?? '').toUpperCase());
     const [emailBusy, setEmailBusy] = (0, react_1.useState)(false);
     const [emailError, setEmailError] = (0, react_1.useState)('');
     const finish = async (token) => {
@@ -106,7 +107,8 @@ const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
         await (0, auth_1.saveToken)(token);
         if (user)
             await (0, auth_1.saveUser)(user);
-        onLoggedIn(token);
+        const cleanedInviteCode = inviteCode.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6);
+        onLoggedIn(token, cleanedInviteCode ? { inviteCode: cleanedInviteCode } : undefined);
     };
     const handleApple = async () => {
         setBusyProvider('apple');
@@ -212,6 +214,7 @@ const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
                 <react_native_1.TextInput style={styles.input} placeholder="Email" placeholderTextColor="#666" value={email} onChangeText={setEmail} keyboardType="email-address" autoCapitalize="none" autoCorrect={false}/>
                 <react_native_1.TextInput style={styles.input} placeholder="Password" placeholderTextColor="#666" value={password} onChangeText={setPassword} secureTextEntry autoCapitalize="none"/>
                 {isSignUp && (<react_native_1.TextInput style={styles.input} placeholder="Confirm Password" placeholderTextColor="#666" value={confirmPassword} onChangeText={setConfirmPassword} secureTextEntry/>)}
+                {isSignUp && (<react_native_1.TextInput style={styles.input} placeholder="Invite Code (optional)" placeholderTextColor="#666" value={inviteCode} onChangeText={(value) => setInviteCode(value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6))} autoCapitalize="characters" autoCorrect={false} maxLength={6}/>)}
 
                 {emailError ? (<react_native_1.Text style={styles.errorText}>{emailError}</react_native_1.Text>) : null}
 

package/dist/MachinePickerScreen.js

@@ -61,7 +61,7 @@ const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, })
             const result = await (0, auth_1.listReachableDevices)(token);
             setList(result);
             if (result.owned.length === 0 && result.shared.length === 0) {
-                setError('Hiç makine bulunamadı — önce bir makinede `yaver auth` + `yaver serve` çalıştır.');
+                setError('No machines found yet. If you do not have your own computer, redeem a host invite code first. Otherwise run `yaver auth` + `yaver serve` on your machine.');
             }
         }
         catch (err) {

package/dist/P2PClient.d.ts

@@ -4,6 +4,14 @@ export interface FeedbackEvent {
     timestamp: string;
     data: any;
 }
+export interface ReloadAck {
+    ok: boolean;
+    mode: 'dev' | 'bundle';
+    acknowledged: boolean;
+    message: string;
+    nativeChangesDetected?: boolean;
+    changeClass?: string;
+}
 /**
  * Lightweight P2P HTTP client for communicating with a Yaver agent.
  *
@@ -69,9 +77,7 @@ export declare class P2PClient {
         projectName?: string;
         bundleId?: string;
         projectPath?: string;
-    }): Promise<{
-        ok: boolean;
-    }>;
+    }): Promise<ReloadAck>;
     /**
      * Open a vibing session on the connected agent. Vibing is the Yaver
      * interactive coding-agent flow — `/vibing/execute` creates a task with
@@ -90,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

@@ -291,7 +291,18 @@ class P2PClient {
                 headers: { Authorization: `Bearer ${this.authToken}` },
             });
             if (primary.ok) {
-                return primary.json().catch(() => ({ ok: true }));
+                const payload = await primary.json().catch(() => ({}));
+                const nativeChangesDetected = payload.nativeChangesDetected === true;
+                return {
+                    ok: true,
+                    mode: 'dev',
+                    acknowledged: true,
+                    nativeChangesDetected,
+                    changeClass: typeof payload.changeClass === 'string' ? payload.changeClass : undefined,
+                    message: nativeChangesDetected
+                        ? 'Reload accepted, but native changes need a rebuild.'
+                        : 'Hot reload request accepted.',
+                };
             }
             // Dev mode failed — fall through to bundle rebuild below rather
             // than surfacing the raw error, so the user never has to know
@@ -321,7 +332,17 @@ class P2PClient {
             const text = await res.text().catch(() => '');
             throw new Error(friendlyReloadError(res.status, text));
         }
-        return res.json().catch(() => ({ ok: true }));
+        const payload = await res.json().catch(() => ({}));
+        return {
+            ok: true,
+            mode: 'bundle',
+            acknowledged: true,
+            changeClass: typeof payload.changeClass === 'string' ? payload.changeClass : undefined,
+            nativeChangesDetected: payload.nativeChangesDetected === true,
+            message: typeof payload.message === 'string' && payload.message.trim()
+                ? payload.message
+                : 'Reload request acknowledged. Agent is rebuilding the bundle.',
+        };
     }
     /**
      * Open a vibing session on the connected agent. Vibing is the Yaver
@@ -362,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/QuickActionIcon.js

@@ -111,6 +111,7 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
     const dragStart = (0, react_1.useRef)(null);
     const didDrag = (0, react_1.useRef)(false);
     const [userDisabled, setUserDisabled] = (0, react_1.useState)(null);
+    const [colorPreset, setColorPreset] = (0, react_1.useState)(null);
     const [shakenThisSession, setShakenThisSession] = (0, react_1.useState)(false);
     const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
     const [hostSuppressed] = (0, react_1.useState)(() => isRunningInsideYaverHost());
@@ -123,6 +124,10 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
             if (alive)
                 setUserDisabled(v);
         });
+        (0, preferences_1.getQuickIconColorPreset)().then((v) => {
+            if (alive)
+                setColorPreset(v);
+        });
         return () => {
             alive = false;
         };
@@ -146,9 +151,15 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
             void (0, preferences_1.setQuickIconDisabled)(true);
             setMenuOpen(false);
         });
+        const colorSub = react_native_1.DeviceEventEmitter.addListener('yaverFeedback:quickIconColorChange', (next) => {
+            const preset = next?.preset ?? null;
+            setColorPreset(preset);
+            void (0, preferences_1.setQuickIconColorPreset)(preset);
+        });
         return () => {
             showSub.remove();
             hideSub.remove();
+            colorSub.remove();
         };
     }, []);
     const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
@@ -204,6 +215,7 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
         return null;
     if (!YaverFeedback_1.YaverFeedback.isEnabled())
         return null;
+    const presetColors = colorPreset ? preferences_1.QUICK_ICON_COLOR_PRESETS[colorPreset] : null;
     const visualSize = size;
     const radius = visualSize / 2;
     return (<react_native_1.Animated.View pointerEvents="box-none" style={[
@@ -232,16 +244,16 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
                 width: visualSize,
                 height: visualSize,
                 borderRadius: radius,
-                backgroundColor,
-                borderColor,
-                shadowColor,
+                backgroundColor: presetColors?.backgroundColor ?? backgroundColor,
+                borderColor: presetColors?.borderColor ?? borderColor,
+                shadowColor: presetColors?.shadowColor ?? shadowColor,
                 opacity: pressed ? 0.85 : 1,
             },
         ]}>
           <react_native_1.Text style={[
             styles.iconLabel,
             {
-                color: foregroundColor,
+                color: presetColors?.foregroundColor ?? foregroundColor,
                 fontSize: Math.round(visualSize * 0.5),
             },
         ]}>

package/dist/YaverFeedback.d.ts

@@ -1,10 +1,13 @@
 import { FeedbackConfig, CapturedError } from './types';
 import { P2PClient } from './P2PClient';
+import { QuickIconColorPreset } from './preferences';
 /**
  * Main entry point for the Yaver Feedback SDK.
  * 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.
@@ -60,6 +63,8 @@ export declare class YaverFeedback {
      * newly-selected machine.
      */
     static setPreferredDevice(deviceId: string): Promise<void>;
+    /** Resolve the currently selected remote machine from the authenticated device list. */
+    static getSelectedRemoteDevice(): Promise<import("./auth").RemoteDevice | null>;
     /**
      * Sign out: clear cached token + device, tear down the P2P client. The
      * SDK stays enabled; the next feedback trigger will re-prompt for login.
@@ -223,6 +228,8 @@ export declare class YaverFeedback {
      * about the programmatic API.
      */
     static isQuickIconHidden(): Promise<boolean>;
+    static setQuickIconColorPreset(preset: QuickIconColorPreset | null): Promise<void>;
+    static getQuickIconColorPreset(): Promise<QuickIconColorPreset | null>;
     /** Clear the persisted "user hid the icon" flag. */
     static resetQuickIconPreference(): Promise<void>;
     /** Tear down the SDK (stop shake detector, clear state). */