yaver-feedback-react-native 0.5.3 → 0.5.5

package/dist/LoginScreen.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface YaverLoginScreenProps {
+    /** Invoked once a session token is issued and the user is loaded. */
+    onLoggedIn: (token: string) => void;
+    /** Optional cancel button shown in header. */
+    onCancel?: () => void;
+}
+/**
+ * Full-screen in-SDK login. Device-code is the default flow — users sign in
+ * with any OAuth provider (Apple/Google/GitHub/GitLab/Microsoft) or email on
+ * yaver.io and the SDK polls for the issued session token. Email/password is
+ * available as an inline fallback for headless environments.
+ */
+export declare const YaverLoginScreen: React.FC<YaverLoginScreenProps>;

package/dist/LoginScreen.js

@@ -0,0 +1,317 @@
+"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.YaverLoginScreen = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const auth_1 = require("./auth");
+const PROVIDERS = [
+    { id: 'apple', label: 'Apple', emoji: '' },
+    { id: 'google', label: 'Google', emoji: 'G' },
+    { id: 'github', label: 'GitHub', emoji: '' },
+    { id: 'gitlab', label: 'GitLab', emoji: '' },
+    { id: 'microsoft', label: 'Microsoft', emoji: 'M' },
+];
+/**
+ * Full-screen in-SDK login. Device-code is the default flow — users sign in
+ * with any OAuth provider (Apple/Google/GitHub/GitLab/Microsoft) or email on
+ * yaver.io and the SDK polls for the issued session token. Email/password is
+ * available as an inline fallback for headless environments.
+ */
+const YaverLoginScreen = ({ onLoggedIn, onCancel, }) => {
+    const [mode, setMode] = (0, react_1.useState)('device');
+    const [code, setCode] = (0, react_1.useState)(null);
+    const [codeError, setCodeError] = (0, react_1.useState)(null);
+    const [starting, setStarting] = (0, react_1.useState)(false);
+    const pollRef = (0, react_1.useRef)(null);
+    const expiredTimerRef = (0, react_1.useRef)(null);
+    const [emailMode, setEmailMode] = (0, react_1.useState)('login');
+    const [fullName, setFullName] = (0, react_1.useState)('');
+    const [email, setEmail] = (0, react_1.useState)('');
+    const [password, setPassword] = (0, react_1.useState)('');
+    const [emailBusy, setEmailBusy] = (0, react_1.useState)(false);
+    const [emailError, setEmailError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (mode === 'device' && !code && !starting) {
+            void beginDeviceCode(undefined);
+        }
+        return () => {
+            stopPolling();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [mode]);
+    const stopPolling = () => {
+        if (pollRef.current) {
+            clearInterval(pollRef.current);
+            pollRef.current = null;
+        }
+        if (expiredTimerRef.current) {
+            clearTimeout(expiredTimerRef.current);
+            expiredTimerRef.current = null;
+        }
+    };
+    const beginDeviceCode = async (preferredProvider) => {
+        setStarting(true);
+        setCodeError(null);
+        stopPolling();
+        try {
+            const result = await (0, auth_1.startDeviceCode)({
+                platform: react_native_1.Platform.OS,
+                machineName: `feedback-sdk-${react_native_1.Platform.OS}`,
+                preferredProvider,
+            });
+            setCode(result);
+            pollRef.current = setInterval(async () => {
+                const poll = await (0, auth_1.pollDeviceCode)(result.deviceCode);
+                if (poll.status === 'authorized') {
+                    stopPolling();
+                    const user = await (0, auth_1.validateToken)(poll.token);
+                    await (0, auth_1.saveToken)(poll.token);
+                    if (user)
+                        await (0, auth_1.saveUser)(user);
+                    onLoggedIn(poll.token);
+                }
+                else if (poll.status === 'expired') {
+                    stopPolling();
+                    setCodeError('Kod doldu — tekrar başlat.');
+                    setCode(null);
+                }
+            }, 3000);
+            expiredTimerRef.current = setTimeout(() => {
+                stopPolling();
+                setCode(null);
+                setCodeError('Kod süresi doldu.');
+            }, Math.max(0, result.expiresAt - Date.now()));
+        }
+        catch (err) {
+            setCodeError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setStarting(false);
+        }
+    };
+    const openVerification = () => {
+        if (!code)
+            return;
+        react_native_1.Linking.openURL(code.verificationUrl).catch(() => {
+            setCodeError('Tarayıcı açılamadı — URL’yi elle aç.');
+        });
+    };
+    const handleEmailSubmit = async () => {
+        setEmailError(null);
+        if (!email.trim() || !password) {
+            setEmailError('E-posta ve parola zorunlu.');
+            return;
+        }
+        setEmailBusy(true);
+        try {
+            const result = emailMode === 'signup'
+                ? await (0, auth_1.signupWithEmail)(fullName.trim() || email.trim(), email.trim(), password)
+                : await (0, auth_1.loginWithEmail)(email.trim(), password);
+            const user = await (0, auth_1.validateToken)(result.token);
+            await (0, auth_1.saveToken)(result.token);
+            if (user)
+                await (0, auth_1.saveUser)(user);
+            onLoggedIn(result.token);
+        }
+        catch (err) {
+            setEmailError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setEmailBusy(false);
+        }
+    };
+    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.Text style={styles.title}>Yaver Girişi</react_native_1.Text>
+          {onCancel && (<react_native_1.TouchableOpacity onPress={onCancel} style={styles.cancel}>
+              <react_native_1.Text style={styles.cancelText}>İptal</react_native_1.Text>
+            </react_native_1.TouchableOpacity>)}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.tabRow}>
+          <react_native_1.TouchableOpacity style={[styles.tab, mode === 'device' && styles.tabActive]} onPress={() => setMode('device')}>
+            <react_native_1.Text style={[styles.tabText, mode === 'device' && styles.tabTextActive]}>
+              Hızlı Giriş (OAuth)
+            </react_native_1.Text>
+          </react_native_1.TouchableOpacity>
+          <react_native_1.TouchableOpacity style={[styles.tab, mode === 'email' && styles.tabActive]} onPress={() => setMode('email')}>
+            <react_native_1.Text style={[styles.tabText, mode === 'email' && styles.tabTextActive]}>
+              E-posta
+            </react_native_1.Text>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
+
+        {mode === 'device' && (<react_native_1.View style={styles.section}>
+            {starting ? (<react_native_1.ActivityIndicator color="#6366f1" style={{ marginVertical: 40 }}/>) : code ? (<>
+                <react_native_1.Text style={styles.hint}>
+                  Tarayıcıda yaver.io/auth/device aç ve aşağıdaki kodu gir.
+                  Sağlayıcıyla giriş yaptığında buraya otomatik dönecek.
+                </react_native_1.Text>
+                <react_native_1.View style={styles.codeBox}>
+                  <react_native_1.Text style={styles.codeText}>{code.userCode}</react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.TouchableOpacity style={styles.primaryButton} onPress={openVerification}>
+                  <react_native_1.Text style={styles.primaryButtonText}>Tarayıcıda Aç</react_native_1.Text>
+                </react_native_1.TouchableOpacity>
+
+                <react_native_1.Text style={[styles.hint, { marginTop: 20 }]}>
+                  Sağlayıcıyı önceden seçmek istersen:
+                </react_native_1.Text>
+                <react_native_1.View style={styles.providerRow}>
+                  {PROVIDERS.map((p) => (<react_native_1.TouchableOpacity key={p.id} style={styles.providerButton} onPress={() => beginDeviceCode(p.id)}>
+                      <react_native_1.Text style={styles.providerButtonText}>{p.label}</react_native_1.Text>
+                    </react_native_1.TouchableOpacity>))}
+                </react_native_1.View>
+              </>) : (<react_native_1.TouchableOpacity style={styles.primaryButton} onPress={() => beginDeviceCode(undefined)}>
+                <react_native_1.Text style={styles.primaryButtonText}>Tekrar Başlat</react_native_1.Text>
+              </react_native_1.TouchableOpacity>)}
+            {codeError && <react_native_1.Text style={styles.error}>{codeError}</react_native_1.Text>}
+          </react_native_1.View>)}
+
+        {mode === 'email' && (<react_native_1.View style={styles.section}>
+            <react_native_1.View style={styles.tabRow}>
+              <react_native_1.TouchableOpacity style={[styles.subTab, emailMode === 'login' && styles.subTabActive]} onPress={() => setEmailMode('login')}>
+                <react_native_1.Text style={styles.subTabText}>Giriş</react_native_1.Text>
+              </react_native_1.TouchableOpacity>
+              <react_native_1.TouchableOpacity style={[styles.subTab, emailMode === 'signup' && styles.subTabActive]} onPress={() => setEmailMode('signup')}>
+                <react_native_1.Text style={styles.subTabText}>Kayıt</react_native_1.Text>
+              </react_native_1.TouchableOpacity>
+            </react_native_1.View>
+
+            {emailMode === 'signup' && (<>
+                <react_native_1.Text style={styles.label}>Ad Soyad</react_native_1.Text>
+                <react_native_1.TextInput style={styles.input} value={fullName} onChangeText={setFullName} placeholder="Adın Soyadın" placeholderTextColor="#666" autoCapitalize="words"/>
+              </>)}
+
+            <react_native_1.Text style={styles.label}>E-posta</react_native_1.Text>
+            <react_native_1.TextInput style={styles.input} value={email} onChangeText={setEmail} placeholder="you@example.com" placeholderTextColor="#666" keyboardType="email-address" autoCapitalize="none" autoCorrect={false}/>
+
+            <react_native_1.Text style={styles.label}>Parola</react_native_1.Text>
+            <react_native_1.TextInput style={styles.input} value={password} onChangeText={setPassword} placeholder="••••••••" placeholderTextColor="#666" secureTextEntry autoCapitalize="none"/>
+
+            <react_native_1.TouchableOpacity style={styles.primaryButton} onPress={handleEmailSubmit} disabled={emailBusy}>
+              {emailBusy ? (<react_native_1.ActivityIndicator color="#fff"/>) : (<react_native_1.Text style={styles.primaryButtonText}>
+                  {emailMode === 'signup' ? 'Kayıt Ol' : 'Giriş Yap'}
+                </react_native_1.Text>)}
+            </react_native_1.TouchableOpacity>
+
+            {emailError && <react_native_1.Text style={styles.error}>{emailError}</react_native_1.Text>}
+          </react_native_1.View>)}
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
+};
+exports.YaverLoginScreen = YaverLoginScreen;
+const styles = react_native_1.StyleSheet.create({
+    container: { flex: 1, backgroundColor: '#1a1a2e' },
+    content: { padding: 24, paddingTop: 16 },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: 20,
+    },
+    title: { fontSize: 22, fontWeight: '700', color: '#e0e0e0' },
+    cancel: { padding: 8 },
+    cancelText: { color: '#9ca3af', fontSize: 14 },
+    tabRow: { flexDirection: 'row', gap: 8, marginBottom: 16 },
+    tab: {
+        flex: 1,
+        paddingVertical: 12,
+        borderRadius: 10,
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        alignItems: 'center',
+    },
+    tabActive: { backgroundColor: 'rgba(99,102,241,0.25)' },
+    tabText: { color: '#9ca3af', fontSize: 14, fontWeight: '600' },
+    tabTextActive: { color: '#e0e0e0' },
+    subTab: {
+        flex: 1,
+        paddingVertical: 8,
+        borderRadius: 8,
+        alignItems: 'center',
+        backgroundColor: 'rgba(255,255,255,0.05)',
+    },
+    subTabActive: { backgroundColor: 'rgba(99,102,241,0.2)' },
+    subTabText: { color: '#e0e0e0', fontSize: 13 },
+    section: { marginTop: 4 },
+    hint: { color: '#9ca3af', fontSize: 13, lineHeight: 18 },
+    codeBox: {
+        backgroundColor: 'rgba(99,102,241,0.15)',
+        borderWidth: 1,
+        borderColor: 'rgba(99,102,241,0.35)',
+        borderRadius: 14,
+        paddingVertical: 24,
+        alignItems: 'center',
+        marginTop: 16,
+        marginBottom: 16,
+    },
+    codeText: {
+        color: '#e0e7ff',
+        fontSize: 36,
+        fontWeight: '800',
+        letterSpacing: 6,
+        fontVariant: ['tabular-nums'],
+    },
+    primaryButton: {
+        backgroundColor: '#6366f1',
+        borderRadius: 12,
+        paddingVertical: 14,
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    primaryButtonText: { color: '#fff', fontWeight: '700', fontSize: 15 },
+    providerRow: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, marginTop: 10 },
+    providerButton: {
+        backgroundColor: 'rgba(255,255,255,0.08)',
+        borderRadius: 10,
+        paddingVertical: 10,
+        paddingHorizontal: 14,
+    },
+    providerButtonText: { color: '#e0e0e0', fontSize: 13, fontWeight: '600' },
+    label: { color: '#9ca3af', fontSize: 12, marginTop: 14, marginBottom: 6 },
+    input: {
+        backgroundColor: 'rgba(255,255,255,0.08)',
+        borderWidth: 1,
+        borderColor: 'rgba(255,255,255,0.15)',
+        borderRadius: 10,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+        color: '#e0e0e0',
+        fontSize: 15,
+    },
+    error: { color: '#ef4444', fontSize: 13, marginTop: 12 },
+});

package/dist/MachinePickerScreen.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { RemoteDevice } from './auth';
+export interface YaverMachinePickerProps {
+    token: string;
+    /** Currently-selected deviceId (from config / cache) — highlighted. */
+    currentDeviceId?: string;
+    onPick: (device: RemoteDevice) => void;
+    onCancel?: () => void;
+}
+/**
+ * List of remote dev machines the signed-in user can reach. Split into
+ *   - Owned machines (user is the host)
+ *   - Shared machines (host invited them as a guest)
+ *
+ * Tapping a device persists it to AsyncStorage and invokes `onPick`. The
+ * SDK then uses that device's deviceId for agent discovery (LAN probe +
+ * relay fallback through Convex).
+ */
+export declare const YaverMachinePickerScreen: React.FC<YaverMachinePickerProps>;

package/dist/MachinePickerScreen.js

@@ -0,0 +1,175 @@
+"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.YaverMachinePickerScreen = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const auth_1 = require("./auth");
+/**
+ * List of remote dev machines the signed-in user can reach. Split into
+ *   - Owned machines (user is the host)
+ *   - Shared machines (host invited them as a guest)
+ *
+ * Tapping a device persists it to AsyncStorage and invokes `onPick`. The
+ * SDK then uses that device's deviceId for agent discovery (LAN probe +
+ * relay fallback through Convex).
+ */
+const YaverMachinePickerScreen = ({ token, currentDeviceId, onPick, onCancel, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [refreshing, setRefreshing] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [list, setList] = (0, react_1.useState)({ owned: [], shared: [] });
+    const load = (0, react_1.useCallback)(async (silent = false) => {
+        if (!silent)
+            setLoading(true);
+        setError(null);
+        try {
+            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.');
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setLoading(false);
+            setRefreshing(false);
+        }
+    }, [token]);
+    (0, react_1.useEffect)(() => {
+        void load();
+    }, [load]);
+    const handlePick = async (device) => {
+        await (0, auth_1.saveSelectedDeviceId)(device.deviceId);
+        onPick(device);
+    };
+    const renderDevice = (device) => {
+        const selected = device.deviceId === currentDeviceId;
+        const stale = Date.now() - device.lastHeartbeat > 60000;
+        const healthColor = !device.isOnline
+            ? '#ef4444'
+            : device.needsAuth || device.runnerDown || stale
+                ? '#f59e0b'
+                : '#22c55e';
+        return (<react_native_1.TouchableOpacity key={device.deviceId} style={[styles.deviceRow, selected && styles.deviceSelected]} onPress={() => handlePick(device)}>
+        <react_native_1.View style={[styles.health, { backgroundColor: healthColor }]}/>
+        <react_native_1.View style={{ flex: 1 }}>
+          <react_native_1.Text style={styles.deviceName}>{device.name || device.deviceId}</react_native_1.Text>
+          <react_native_1.Text style={styles.deviceMeta}>
+            {device.platform}
+            {device.isGuest && device.hostEmail ? `  •  ${device.hostEmail}` : ''}
+            {device.accessScope === 'shared-scoped' ? '  •  paylaşılan' : ''}
+          </react_native_1.Text>
+        </react_native_1.View>
+        {selected && <react_native_1.Text style={styles.selectedBadge}>seçili</react_native_1.Text>}
+      </react_native_1.TouchableOpacity>);
+    };
+    return (<react_native_1.SafeAreaView style={styles.container}>
+      <react_native_1.View style={styles.header}>
+        <react_native_1.Text style={styles.title}>Makine Seç</react_native_1.Text>
+        {onCancel && (<react_native_1.TouchableOpacity onPress={onCancel} style={styles.cancel}>
+            <react_native_1.Text style={styles.cancelText}>Kapat</react_native_1.Text>
+          </react_native_1.TouchableOpacity>)}
+      </react_native_1.View>
+
+      <react_native_1.ScrollView contentContainerStyle={styles.content} refreshControl={<react_native_1.RefreshControl refreshing={refreshing} onRefresh={() => {
+                setRefreshing(true);
+                void load(true);
+            }} tintColor="#6366f1"/>}>
+        {loading ? (<react_native_1.ActivityIndicator color="#6366f1" style={{ marginTop: 60 }}/>) : (<>
+            {list.owned.length > 0 && (<react_native_1.View style={styles.section}>
+                <react_native_1.Text style={styles.sectionTitle}>Kendi makinelerim</react_native_1.Text>
+                {list.owned.map(renderDevice)}
+              </react_native_1.View>)}
+            {list.shared.length > 0 && (<react_native_1.View style={styles.section}>
+                <react_native_1.Text style={styles.sectionTitle}>Paylaşılan (guest)</react_native_1.Text>
+                {list.shared.map(renderDevice)}
+              </react_native_1.View>)}
+            {error && <react_native_1.Text style={styles.error}>{error}</react_native_1.Text>}
+          </>)}
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
+};
+exports.YaverMachinePickerScreen = YaverMachinePickerScreen;
+const styles = react_native_1.StyleSheet.create({
+    container: { flex: 1, backgroundColor: '#1a1a2e' },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 20,
+        paddingVertical: 16,
+    },
+    title: { color: '#e0e0e0', fontSize: 20, fontWeight: '700' },
+    cancel: { padding: 8 },
+    cancelText: { color: '#9ca3af', fontSize: 14 },
+    content: { padding: 20, paddingTop: 0 },
+    section: { marginBottom: 24 },
+    sectionTitle: {
+        color: '#9ca3af',
+        fontSize: 12,
+        fontWeight: '600',
+        textTransform: 'uppercase',
+        letterSpacing: 1,
+        marginBottom: 10,
+    },
+    deviceRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        padding: 14,
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        borderRadius: 12,
+        marginBottom: 8,
+        borderWidth: 1,
+        borderColor: 'transparent',
+    },
+    deviceSelected: {
+        borderColor: 'rgba(99,102,241,0.5)',
+        backgroundColor: 'rgba(99,102,241,0.15)',
+    },
+    health: { width: 10, height: 10, borderRadius: 5 },
+    deviceName: { color: '#e0e0e0', fontSize: 15, fontWeight: '600' },
+    deviceMeta: { color: '#9ca3af', fontSize: 12, marginTop: 2 },
+    selectedBadge: {
+        color: '#a5b4fc',
+        fontSize: 11,
+        fontWeight: '700',
+        textTransform: 'uppercase',
+    },
+    error: { color: '#ef4444', fontSize: 13, marginTop: 16, textAlign: 'center' },
+});

package/dist/P2PClient.d.ts

@@ -0,0 +1,136 @@
+import { FeedbackBundle, TestSession, VoiceCapability } from './types';
+export interface FeedbackEvent {
+    type: string;
+    timestamp: string;
+    data: any;
+}
+/**
+ * Lightweight P2P HTTP client for communicating with a Yaver agent.
+ *
+ * Reuses the same endpoint patterns as the main upload module but adds
+ * support for streaming feedback, listing builds, and triggering builds.
+ */
+export declare class P2PClient {
+    private baseUrl;
+    private authToken;
+    constructor(baseUrl: string, authToken: string);
+    /** Update the base URL (e.g. after re-discovery). */
+    setBaseUrl(url: string): void;
+    /** Update the auth token. */
+    setAuthToken(token: string): void;
+    /** Health check — returns true if the agent is reachable. */
+    health(): Promise<boolean>;
+    /** Get agent info (hostname, version, platform). */
+    info(): Promise<{
+        hostname: string;
+        version: string;
+        platform: string;
+    }>;
+    /**
+     * Upload a feedback bundle via multipart POST.
+     * @returns The feedback report ID from the agent.
+     */
+    uploadFeedback(bundle: FeedbackBundle): Promise<string>;
+    /**
+     * Stream feedback events to the agent in live mode.
+     * Sends each event as a JSON POST to `/feedback/stream`.
+     */
+    streamFeedback(events: AsyncIterable<FeedbackEvent>): Promise<void>;
+    /** List available builds from the agent. */
+    listBuilds(): Promise<any[]>;
+    /** Start a build for the given platform. */
+    startBuild(platform: string): Promise<any>;
+    /**
+     * Get voice capability info from the agent.
+     * voiceInputEnabled is always true — mobile can always record and send audio.
+     * s2sProvider/sttProvider indicate whether transcription is available.
+     */
+    voiceStatus(): Promise<VoiceCapability>;
+    /**
+     * Send voice audio to the agent for transcription.
+     * Works with any configured STT or S2S provider on the agent.
+     * If no provider is configured, audio is saved for manual review.
+     * @returns Transcribed text (or empty string if no provider available).
+     */
+    transcribeVoice(audioUri: string): Promise<{
+        text: string;
+        provider: string;
+        audioFile?: string;
+    }>;
+    /**
+     * Trigger a reload of the third-party app.
+     * In dev mode, this tells the dev server to hot-reload.
+     * In bundle mode, this rebuilds the native bundle and pushes it.
+     * The reload command is also broadcast to all connected SDK devices
+     * via the BlackBox command channel.
+     * @param mode - "dev" for hot reload, "bundle" for native bundle rebuild
+     */
+    reloadApp(mode?: 'dev' | 'bundle'): Promise<{
+        ok: boolean;
+    }>;
+    /** Get the download URL for a build artifact. */
+    getArtifactUrl(buildId: string): string;
+    /**
+     * Start an autonomous test session.
+     * The agent reads the codebase for context, then navigates the app
+     * on the connected device/emulator, catches exceptions via BlackBox,
+     * writes fixes, and hot reloads — all without committing.
+     */
+    startTestSession(): Promise<{
+        sessionId: string;
+    }>;
+    /** Stop a running test session. */
+    stopTestSession(): Promise<void>;
+    /** Get the current test session status and list of fixes. */
+    getTestSession(): Promise<TestSession>;
+    /**
+     * Rotate the SDK token. The old token stays valid for 5 minutes (grace period).
+     * After rotation, the client automatically uses the new token.
+     * @returns The new token and its expiry time.
+     */
+    rotateToken(): Promise<{
+        token: string;
+        expiresAt: number;
+    }>;
+    /**
+     * Evaluate every flag for a userId. Hits /flags/eval which uses
+     * SHA256 bucketing against rolloutPercent — stable per user per
+     * flag. Results are the dev's source of truth; the SDK caches
+     * for 30s in getFlagsCached().
+     */
+    flagsEvaluate(userId?: string): Promise<Record<string, unknown>>;
+    /** Evaluate a single flag by key — shortcut when you only need one. */
+    flagsEvaluateOne<T = unknown>(key: string, userId?: string): Promise<T | undefined>;
+    /**
+     * Ask what bundle this device should run. Returns the latest
+     * release in the channel plus a rollout gate. The mobile app
+     * uses this on cold start to decide whether to download a new
+     * bundle from /releases/bundle.
+     */
+    releasesLatest(channel?: string, deviceId?: string): Promise<{
+        ok: boolean;
+        channel: string;
+        semver?: string;
+        size?: number;
+        md5?: string;
+        hermesBcVersion?: number;
+        bundleUrl?: string;
+        rolloutPercent: number;
+        inRollout: boolean;
+        reason?: string;
+    } | null>;
+    /** Download a specific bundle as raw bytes. */
+    releasesDownload(channel: string, semver: string): Promise<ArrayBuffer | null>;
+    /**
+     * Fire-and-forget track event. Most callers should use
+     * `BlackBox.track()` which fans through the streaming channel;
+     * this method is the fallback for surfaces without a live SSE.
+     */
+    analyticsIngest(name: string, props?: Record<string, string>, opts?: {
+        deviceId?: string;
+        route?: string;
+        timestamp?: number;
+    }): Promise<boolean>;
+    /** Internal helper for authenticated GET/POST requests. */
+    private request;
+}