yaver-feedback-react-native 0.8.9 → 0.8.10

package/dist/FeedbackModal.js

@@ -1049,7 +1049,15 @@ const RunnerAuthNativeModal = ({ runner, onClose }) => {
     const [session, setSession] = (0, react_1.useState)(null);
     const [startError, setStartError] = (0, react_1.useState)(null);
     const [copied, setCopied] = (0, react_1.useState)(false);
+    const [pasteCode, setPasteCode] = (0, react_1.useState)('');
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const [submitError, setSubmitError] = (0, react_1.useState)(null);
     const startedRef = (0, react_1.useRef)(false);
+    // Claude is the only runner that needs the user to paste a verifier
+    // code back from platform.claude.com's callback page; Codex device-
+    // auth and OpenCode (no OAuth at all) bypass this. Mirrors the
+    // requiresPasteBack check in iOS YaverRunnerAuthFlowPane.swift.
+    const needsPasteBack = runner === 'claude' || runner === 'claude-code';
     (0, react_1.useEffect)(() => {
         if (startedRef.current)
             return;
@@ -1164,9 +1172,68 @@ const RunnerAuthNativeModal = ({ runner, onClose }) => {
                     </react_native_1.Text>
                   </react_native_1.Pressable>
                 </react_native_1.View>) : null}
+              {needsPasteBack ? (<react_native_1.View style={{ marginTop: 14 }}>
+                  <react_native_1.Text style={runnerAuthModalStyles.codeLabel}>
+                    PASTE CODE FROM CLAUDE.COM
+                  </react_native_1.Text>
+                  <react_native_1.View style={{ flexDirection: 'row', gap: 8, marginTop: 6 }}>
+                    <react_native_1.View style={{
+                    flex: 1,
+                    backgroundColor: 'rgba(148,163,184,0.10)',
+                    borderRadius: 10,
+                    paddingHorizontal: 10,
+                }}>
+                      {/* Lazy-import TextInput so the SDK doesn't pull
+                    extra surface from react-native at module load. */}
+                      {(() => {
+                    const { TextInput } = require('react-native');
+                    return (<TextInput value={pasteCode} onChangeText={(t) => {
+                            setPasteCode(t);
+                            setSubmitError(null);
+                        }} placeholder="paste code here" placeholderTextColor="#64748b" autoCapitalize="none" autoCorrect={false} spellCheck={false} style={{ color: '#f1f5f9', fontSize: 14, paddingVertical: 10 }}/>);
+                })()}
+                    </react_native_1.View>
+                    <react_native_1.Pressable disabled={!pasteCode.trim() || submitting} onPress={async () => {
+                    if (!session || !pasteCode.trim())
+                        return;
+                    setSubmitting(true);
+                    setSubmitError(null);
+                    try {
+                        const next = await YaverFeedback_1.YaverFeedback.submitRunnerBrowserAuthCode(session.id, pasteCode.trim());
+                        setSession(next);
+                        setPasteCode('');
+                    }
+                    catch (err) {
+                        setSubmitError(err instanceof Error ? err.message : String(err));
+                    }
+                    finally {
+                        setSubmitting(false);
+                    }
+                }} style={{
+                    paddingHorizontal: 14,
+                    justifyContent: 'center',
+                    backgroundColor: !pasteCode.trim() || submitting
+                        ? 'rgba(124,58,237,0.4)'
+                        : '#7c3aed',
+                    borderRadius: 10,
+                }}>
+                      <react_native_1.Text style={{ color: 'white', fontWeight: '600' }}>
+                        {submitting ? '…' : 'Submit'}
+                      </react_native_1.Text>
+                    </react_native_1.Pressable>
+                  </react_native_1.View>
+                  {submitError ? (<react_native_1.Text style={{
+                        marginTop: 6,
+                        color: '#fca5a5',
+                        fontSize: 12,
+                    }}>
+                      {submitError}
+                    </react_native_1.Text>) : null}
+                </react_native_1.View>) : null}
               <react_native_1.Text style={runnerAuthModalStyles.phishingHint}>
-                Device codes are a common phishing target. Never share this code. This dialog
-                turns green automatically once sign-in completes.
+                {needsPasteBack
+                ? 'After authorising on platform.claude.com, copy the code from the callback page and paste it above. Never share this code.'
+                : 'Device codes are a common phishing target. Never share this code. This dialog turns green automatically once sign-in completes.'}
               </react_native_1.Text>
             </react_native_1.View>)}
         </react_native_1.View>

package/dist/P2PClient.d.ts

@@ -47,6 +47,12 @@ export declare class P2PClient {
     startRunnerBrowserAuth(runner: string): Promise<RunnerBrowserAuthSession>;
     getRunnerBrowserAuthStatus(sessionId: string): Promise<RunnerBrowserAuthSession>;
     cancelRunnerBrowserAuth(sessionId: string): Promise<void>;
+    /** Submit the verifier code Anthropic shows on the callback page so
+     *  the agent can finalise claude CLI's OAuth handshake. Codex doesn't
+     *  use this — its device-auth flow auto-resolves via polling — but
+     *  the SDK still exposes it for symmetry with mobile/src/components/
+     *  RunnerAuthModal.tsx and the Swift YaverRunnerAuthFlowPane. */
+    submitRunnerBrowserAuthCode(sessionId: string, code: string): Promise<RunnerBrowserAuthSession>;
     capabilitySnapshot(): Promise<CapabilitySnapshot | null>;
     incidents(opts?: {
         category?: string;

package/dist/P2PClient.js

@@ -155,6 +155,25 @@ class P2PClient {
         }
         catch { /* best-effort */ }
     }
+    /** Submit the verifier code Anthropic shows on the callback page so
+     *  the agent can finalise claude CLI's OAuth handshake. Codex doesn't
+     *  use this — its device-auth flow auto-resolves via polling — but
+     *  the SDK still exposes it for symmetry with mobile/src/components/
+     *  RunnerAuthModal.tsx and the Swift YaverRunnerAuthFlowPane. */
+    async submitRunnerBrowserAuthCode(sessionId, code) {
+        const url = `${this.baseUrl}/runner-auth/browser/submit-code`;
+        const resp = await fetch(url, {
+            method: 'POST',
+            headers: { ...this.authHeaders(), 'Content-Type': 'application/json' },
+            body: JSON.stringify({ id: sessionId, code }),
+        });
+        if (!resp.ok) {
+            const text = await resp.text().catch(() => '');
+            throw new Error(`submitRunnerBrowserAuthCode HTTP ${resp.status}: ${text}`);
+        }
+        const data = await resp.json();
+        return data.session;
+    }
     async capabilitySnapshot() {
         try {
             const resp = await fetch(`${this.baseUrl}/capabilities/snapshot`, { headers: this.authHeaders() });

package/dist/YaverFeedback.d.ts

@@ -78,6 +78,10 @@ export declare class YaverFeedback {
     static startRunnerBrowserAuth(runner: string): Promise<import('./types').RunnerBrowserAuthSession>;
     static getRunnerBrowserAuthStatus(sessionId: string): Promise<import('./types').RunnerBrowserAuthSession>;
     static cancelRunnerBrowserAuth(sessionId: string): Promise<void>;
+    /** Submit the Claude paste-back verifier so the agent can finalise the
+     *  OAuth handshake. RunnerAuthModal calls this after the user copies
+     *  the code from platform.claude.com's callback page. */
+    static submitRunnerBrowserAuthCode(sessionId: string, code: string): Promise<import('./types').RunnerBrowserAuthSession>;
     /**
      * Sign out: clear cached token + device, tear down the P2P client. The
      * SDK stays enabled; the next feedback trigger will re-prompt for login.

package/dist/YaverFeedback.js

@@ -571,6 +571,15 @@ class YaverFeedback {
             return;
         await p2pClient.cancelRunnerBrowserAuth(sessionId);
     }
+    /** Submit the Claude paste-back verifier so the agent can finalise the
+     *  OAuth handshake. RunnerAuthModal calls this after the user copies
+     *  the code from platform.claude.com's callback page. */
+    static async submitRunnerBrowserAuthCode(sessionId, code) {
+        if (!p2pClient) {
+            throw new Error('Not connected to any agent.');
+        }
+        return p2pClient.submitRunnerBrowserAuthCode(sessionId, code);
+    }
     /**
      * Sign out: clear cached token + device, tear down the P2P client. The
      * SDK stays enabled; the next feedback trigger will re-prompt for login.

package/package.json

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

package/src/FeedbackModal.tsx

@@ -1251,7 +1251,15 @@ const RunnerAuthNativeModal: React.FC<{
   const [session, setSession] = useState<import('./types').RunnerBrowserAuthSession | null>(null);
   const [startError, setStartError] = useState<string | null>(null);
   const [copied, setCopied] = useState(false);
+  const [pasteCode, setPasteCode] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState<string | null>(null);
   const startedRef = useRef(false);
+  // Claude is the only runner that needs the user to paste a verifier
+  // code back from platform.claude.com's callback page; Codex device-
+  // auth and OpenCode (no OAuth at all) bypass this. Mirrors the
+  // requiresPasteBack check in iOS YaverRunnerAuthFlowPane.swift.
+  const needsPasteBack = runner === 'claude' || runner === 'claude-code';
 
   useEffect(() => {
     if (startedRef.current) return;
@@ -1380,9 +1388,92 @@ const RunnerAuthNativeModal: React.FC<{
                   </Pressable>
                 </View>
               ) : null}
+              {needsPasteBack ? (
+                <View style={{ marginTop: 14 }}>
+                  <Text style={runnerAuthModalStyles.codeLabel}>
+                    PASTE CODE FROM CLAUDE.COM
+                  </Text>
+                  <View style={{ flexDirection: 'row', gap: 8, marginTop: 6 }}>
+                    <View
+                      style={{
+                        flex: 1,
+                        backgroundColor: 'rgba(148,163,184,0.10)',
+                        borderRadius: 10,
+                        paddingHorizontal: 10,
+                      }}
+                    >
+                      {/* Lazy-import TextInput so the SDK doesn't pull
+                          extra surface from react-native at module load. */}
+                      {(() => {
+                        const { TextInput } = require('react-native');
+                        return (
+                          <TextInput
+                            value={pasteCode}
+                            onChangeText={(t: string) => {
+                              setPasteCode(t);
+                              setSubmitError(null);
+                            }}
+                            placeholder="paste code here"
+                            placeholderTextColor="#64748b"
+                            autoCapitalize="none"
+                            autoCorrect={false}
+                            spellCheck={false}
+                            style={{ color: '#f1f5f9', fontSize: 14, paddingVertical: 10 }}
+                          />
+                        );
+                      })()}
+                    </View>
+                    <Pressable
+                      disabled={!pasteCode.trim() || submitting}
+                      onPress={async () => {
+                        if (!session || !pasteCode.trim()) return;
+                        setSubmitting(true);
+                        setSubmitError(null);
+                        try {
+                          const next = await YaverFeedback.submitRunnerBrowserAuthCode(
+                            session.id,
+                            pasteCode.trim(),
+                          );
+                          setSession(next);
+                          setPasteCode('');
+                        } catch (err) {
+                          setSubmitError(err instanceof Error ? err.message : String(err));
+                        } finally {
+                          setSubmitting(false);
+                        }
+                      }}
+                      style={{
+                        paddingHorizontal: 14,
+                        justifyContent: 'center',
+                        backgroundColor:
+                          !pasteCode.trim() || submitting
+                            ? 'rgba(124,58,237,0.4)'
+                            : '#7c3aed',
+                        borderRadius: 10,
+                      }}
+                    >
+                      <Text style={{ color: 'white', fontWeight: '600' }}>
+                        {submitting ? '…' : 'Submit'}
+                      </Text>
+                    </Pressable>
+                  </View>
+                  {submitError ? (
+                    <Text
+                      style={{
+                        marginTop: 6,
+                        color: '#fca5a5',
+                        fontSize: 12,
+                      }}
+                    >
+                      {submitError}
+                    </Text>
+                  ) : null}
+                </View>
+              ) : null}
               <Text style={runnerAuthModalStyles.phishingHint}>
-                Device codes are a common phishing target. Never share this code. This dialog
-                turns green automatically once sign-in completes.
+                {needsPasteBack
+                  ? 'After authorising on platform.claude.com, copy the code from the callback page and paste it above. Never share this code.'
+                  : 'Device codes are a common phishing target. Never share this code. This dialog turns green automatically once sign-in completes.'}
               </Text>
             </View>
           )}

package/src/P2PClient.ts

@@ -199,6 +199,29 @@ export class P2PClient {
     try { await fetch(url, { method: 'POST', headers: this.authHeaders() }); } catch { /* best-effort */ }
   }
 
+  /** Submit the verifier code Anthropic shows on the callback page so
+   *  the agent can finalise claude CLI's OAuth handshake. Codex doesn't
+   *  use this — its device-auth flow auto-resolves via polling — but
+   *  the SDK still exposes it for symmetry with mobile/src/components/
+   *  RunnerAuthModal.tsx and the Swift YaverRunnerAuthFlowPane. */
+  async submitRunnerBrowserAuthCode(
+    sessionId: string,
+    code: string,
+  ): Promise<RunnerBrowserAuthSession> {
+    const url = `${this.baseUrl}/runner-auth/browser/submit-code`;
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { ...this.authHeaders(), 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id: sessionId, code }),
+    });
+    if (!resp.ok) {
+      const text = await resp.text().catch(() => '');
+      throw new Error(`submitRunnerBrowserAuthCode HTTP ${resp.status}: ${text}`);
+    }
+    const data = await resp.json();
+    return data.session as RunnerBrowserAuthSession;
+  }
+
   async capabilitySnapshot(): Promise<CapabilitySnapshot | null> {
     try {
       const resp = await fetch(`${this.baseUrl}/capabilities/snapshot`, { headers: this.authHeaders() });

package/src/YaverFeedback.ts

@@ -596,6 +596,19 @@ export class YaverFeedback {
     await p2pClient.cancelRunnerBrowserAuth(sessionId);
   }
 
+  /** Submit the Claude paste-back verifier so the agent can finalise the
+   *  OAuth handshake. RunnerAuthModal calls this after the user copies
+   *  the code from platform.claude.com's callback page. */
+  static async submitRunnerBrowserAuthCode(
+    sessionId: string,
+    code: string,
+  ): Promise<import('./types').RunnerBrowserAuthSession> {
+    if (!p2pClient) {
+      throw new Error('Not connected to any agent.');
+    }
+    return p2pClient.submitRunnerBrowserAuthCode(sessionId, code);
+  }
+
   /**
    * Sign out: clear cached token + device, tear down the P2P client. The
    * SDK stays enabled; the next feedback trigger will re-prompt for login.