yaver-feedback-react-native 0.9.9 → 0.9.10

package/dist/FeedbackModalTheme.d.ts

@@ -0,0 +1,5 @@
+import type { DogfoodUiColors } from './DogfoodSessionUi';
+/** High-contrast colors for shared Dogfood controls inside the light SDK sheet. */
+export declare const FEEDBACK_DOGFOOD_LIGHT_COLORS: DogfoodUiColors;
+/** The log surface stays dark, but its foregrounds are explicit and readable. */
+export declare const FEEDBACK_DOGFOOD_CONSOLE_COLORS: DogfoodUiColors;

package/dist/FeedbackModalTheme.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FEEDBACK_DOGFOOD_CONSOLE_COLORS = exports.FEEDBACK_DOGFOOD_LIGHT_COLORS = void 0;
+/** High-contrast colors for shared Dogfood controls inside the light SDK sheet. */
+exports.FEEDBACK_DOGFOOD_LIGHT_COLORS = {
+    background: '#ffffff',
+    border: '#c9c9d5',
+    text: '#222229',
+    muted: '#5f5f6b',
+    accent: '#5645d8',
+    accentSoft: '#e7e5ff',
+    ready: '#137a3f',
+    attention: '#9a5700',
+    blocked: '#b42318',
+    console: '#ffffff',
+};
+/** The log surface stays dark, but its foregrounds are explicit and readable. */
+exports.FEEDBACK_DOGFOOD_CONSOLE_COLORS = {
+    ...exports.FEEDBACK_DOGFOOD_LIGHT_COLORS,
+    background: '#15151b',
+    border: '#454552',
+    text: '#f8fafc',
+    muted: '#cbd5e1',
+    accent: '#a5b4fc',
+    ready: '#4ade80',
+    attention: '#fbbf24',
+    blocked: '#fca5a5',
+    console: '#15151b',
+};

package/dist/P2PClient.d.ts

@@ -178,6 +178,8 @@ export declare class P2PClient {
         framework?: string;
         frameworks?: string[];
         surfaces?: string[];
+        branch?: string;
+        gitRemote?: string;
     }>>;
     getOpenCodeConfig(): Promise<OpenCodeConfigSummary | null>;
     saveOpenCodeConfig(patch: {

package/dist/P2PClient.js

@@ -259,7 +259,7 @@ function friendlyReloadError(status, body) {
     const hasLoopback = lower.indexOf('127.0.0.1') >= 0 || lower.indexOf('localhost') >= 0;
     if (hasRefused && hasLoopback) {
         return ('No dev server running on your machine. ' +
-            'Start Metro with `yaver dev start` or use "Screenshot & Fix" instead.');
+            'Start Metro with `yaver dev start`, or describe the issue in Chat so the agent can inspect it.');
     }
     if (lower.indexOf('no dev server') >= 0 ||
         lower.indexOf('not running') >= 0) {

package/dist/P2PDogfoodDriver.js

@@ -41,8 +41,18 @@ function createP2PDogfoodDriver(client, options = {}) {
                         retryable: true,
                     });
                 }
+                context.log({
+                    text: `[runtime] source · ${target.label}${target.platform ? ` · ${target.platform}` : ''}`,
+                    at: Date.now(),
+                    stream: 'system',
+                });
                 context.setPhase('starting', `Starting ${target.label} over WebRTC…`);
                 const session = await client.startDogfoodRemoteRuntime(project.workDir, project.framework, target.id);
+                context.log({
+                    text: `[runtime] ${session.status || 'starting'}${session.note ? ` · ${session.note}` : ''}`,
+                    at: Date.now(),
+                    stream: 'system',
+                });
                 context.registerCleanup(() => client.stopDogfoodRemoteRuntime(session.id), 'session');
                 return {
                     lane: 'webrtc',
@@ -51,6 +61,13 @@ function createP2PDogfoodDriver(client, options = {}) {
                 };
             }
             context.setPhase(project.lane === 'hermes' ? 'compiling' : 'starting', project.lane === 'hermes' ? `Compiling ${project.name} with Hermes…` : `Starting ${project.name} in the browser…`);
+            context.log({
+                text: project.lane === 'hermes'
+                    ? `[runtime] source · Hermes build on ${project.workDir}`
+                    : `[runtime] source · browser build on ${project.workDir}`,
+                at: Date.now(),
+                stream: 'system',
+            });
             const status = await client.startDogfoodDevServer({
                 framework: project.framework,
                 workDir: project.workDir,

package/dist/__tests__/DogfoodRuntime.test.js

@@ -106,6 +106,20 @@ describe('Dogfood lanes and console events', () => {
         expect(swift.map((option) => [option.lane, option.supported])).toEqual([
             ['browser', false], ['hermes', false], ['webrtc', true],
         ]);
+        expect((0, DogfoodRuntime_1.dogfoodLaneOptions)('kotlin', { nativeRuntimeAvailable: true })
+            .map((option) => [option.lane, option.supported])).toEqual([
+            ['browser', false], ['hermes', false], ['webrtc', true],
+        ]);
+        expect((0, DogfoodRuntime_1.defaultDogfoodLane)('swift', { nativeRuntimeAvailable: true })).toBe('webrtc');
+    });
+    test('a detected browser target adds real framework exceptions such as SwiftWasm', () => {
+        const swiftWasm = (0, DogfoodRuntime_1.dogfoodLaneOptions)('swift', {
+            nativeRuntimeAvailable: false,
+            browserRuntimeAvailable: true,
+        });
+        expect(swiftWasm.map((option) => [option.lane, option.supported])).toEqual([
+            ['browser', true], ['hermes', false], ['webrtc', false],
+        ]);
     });
     test('reads raw and replayed package-manager logs from /dev/events', () => {
         expect((0, DogfoodRuntime_1.dogfoodLogLinesFromDevEvent)({ type: 'log', logLine: '$ npm ci\u001b[0m' }))

package/dist/__tests__/FeedbackModalContract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FeedbackModalContract.test.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = require("fs");
+const path_1 = require("path");
+const FeedbackModalTheme_1 = require("../FeedbackModalTheme");
+const SOURCE_PATH = (0, path_1.join)(__dirname, '..', 'FeedbackModal.tsx');
+describe('FeedbackModal authenticated chat contract', () => {
+    const source = (0, fs_1.readFileSync)(SOURCE_PATH, 'utf8');
+    it('themes every shared Dogfood surface for the light feedback sheet', () => {
+        expect(source).toMatch(/<DogfoodStatusRail[\s\S]*?colors=\{FEEDBACK_DOGFOOD_LIGHT_COLORS\}/);
+        expect(source).toMatch(/<DogfoodLanePicker[\s\S]*?colors=\{FEEDBACK_DOGFOOD_LIGHT_COLORS\}/);
+        expect(source).toMatch(/<DogfoodLiveConsole[\s\S]*?colors=\{FEEDBACK_DOGFOOD_CONSOLE_COLORS\}/);
+    });
+    it('keeps normal light-sheet copy at WCAG AA contrast', () => {
+        const rgb = (hex) => hex.match(/[a-f\d]{2}/gi).map((part) => parseInt(part, 16) / 255);
+        const luminance = (hex) => {
+            const channels = rgb(hex).map((channel) => channel <= 0.03928
+                ? channel / 12.92
+                : ((channel + 0.055) / 1.055) ** 2.4);
+            return 0.2126 * channels[0] + 0.7152 * channels[1] + 0.0722 * channels[2];
+        };
+        const ratio = (foreground, background) => {
+            const [lighter, darker] = [luminance(foreground), luminance(background)].sort((a, b) => b - a);
+            return (lighter + 0.05) / (darker + 0.05);
+        };
+        for (const foreground of [
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.text,
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.muted,
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.accent,
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.ready,
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.attention,
+            FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.blocked,
+        ]) {
+            expect(ratio(foreground, FeedbackModalTheme_1.FEEDBACK_DOGFOOD_LIGHT_COLORS.background)).toBeGreaterThanOrEqual(4.5);
+        }
+        expect(ratio(FeedbackModalTheme_1.FEEDBACK_DOGFOOD_CONSOLE_COLORS.text, FeedbackModalTheme_1.FEEDBACK_DOGFOOD_CONSOLE_COLORS.console))
+            .toBeGreaterThanOrEqual(4.5);
+        expect(ratio(FeedbackModalTheme_1.FEEDBACK_DOGFOOD_CONSOLE_COLORS.muted, FeedbackModalTheme_1.FEEDBACK_DOGFOOD_CONSOLE_COLORS.console))
+            .toBeGreaterThanOrEqual(4.5);
+    });
+    it('uses Chat as the authenticated entry surface without legacy command buttons', () => {
+        expect(source).toContain("setActiveTab(authenticated ? 'chat' : 'settings')");
+        expect(source).toContain('setShowVibeInput(authenticated || directDogfood)');
+        expect(source).not.toContain('Screenshot & Fix');
+        expect(source).not.toContain('<DeployPanel');
+    });
+    it('keeps Dogfood setup to box, runner, and checkout before asking for a runtime', () => {
+        const setupSteps = source.match(/const dogfoodSetupSteps = \[([\s\S]*?)\n  \];/)?.[1] || '';
+        expect([...setupSteps.matchAll(/key: '([^']+)'/g)].map((match) => match[1]))
+            .toEqual(['box', 'runner', 'checkout']);
+        expect(setupSteps).not.toContain("key: 'oauth'");
+        expect(setupSteps).not.toContain("key: 'installation'");
+        expect(setupSteps).not.toContain("key: 'model'");
+        expect(setupSteps).not.toContain("key: 'lane'");
+        expect(source).toContain("type DogfoodSetupStage = 'setup' | 'lane' | 'runtime'");
+        expect(source).toContain('label="Choose runtime"');
+    });
+    it('passes the selected native target and labels the live log source', () => {
+        expect(source).toContain("nativeTargetId: dogfoodLane === 'webrtc' ? dogfoodNativeTargetId : undefined");
+        expect(source).toMatch(/<DogfoodLiveConsole[\s\S]*?sourceLabel=\{dogfoodSourceLabel\}/);
+        expect(source).toContain('Simulator, emulator, or device');
+    });
+    it('has one iOS keyboard inset owner and no gesture-stealing sheet Pressable', () => {
+        expect(source).toContain('automaticallyAdjustKeyboardInsets={Platform.OS === \'ios\'}');
+        expect(source).not.toContain('<KeyboardAvoidingView');
+        expect(source).not.toContain('keyboardInset');
+        expect(source).toContain('<Pressable style={styles.backdrop} onPress={handleClose}');
+        expect(source).toMatch(/<View[\s\S]{0,300}?style=\{\[\s*styles\.modal/);
+    });
+});

package/dist/__tests__/NativeDogfoodShortcut.test.js

@@ -4,6 +4,29 @@ const fs_1 = require("fs");
 const path_1 = require("path");
 const plugin = require('../../app.plugin.js');
 describe('native Dogfood shortcut contract', () => {
+    it('never treats process uptime as a successful React render', () => {
+        const staleHook = `
+    // Crash-revert safety net: clear the boot-attempt counter once
+    // RN renders its first frame, OR after 10 s of uptime — whichever
+    // fires first. If neither fires (bundle crashes before render),
+    // YaverHotReload.bundleURL() will eventually revert to the
+    // TestFlight-installed bundle after 3 failed boots. See
+    // YaverHotReload.swift for the full state machine.
+    NotificationCenter.default.addObserver(
+      forName: NSNotification.Name(rawValue: "RCTContentDidAppearNotification"),
+      object: nil,
+      queue: .main
+    ) { _ in YaverHotReload.markBootSuccessful() }
+    DispatchQueue.main.asyncAfter(deadline: .now() + 10) {
+      YaverHotReload.markBootSuccessful()
+    }
+`;
+        const patched = plugin.__test.patchHotReloadBootConfirmation(staleHook);
+        expect(patched).toContain('RCTContentDidAppearNotification');
+        expect(patched).toContain('only a real first React frame confirms boot');
+        expect(patched).not.toContain('asyncAfter(deadline: .now() + 10)');
+        expect(plugin.__test.patchHotReloadBootConfirmation(patched)).toBe(patched);
+    });
     it('patches cold and warm iOS shortcut delivery idempotently', () => {
         const source = `
 public class AppDelegate: ExpoAppDelegate {

package/dist/__tests__/P2PDogfoodDriver.test.js

@@ -43,8 +43,11 @@ describe('createP2PDogfoodDriver', () => {
             })),
             stopDogfoodRemoteRuntime: closeRuntime,
         };
-        const controller = new DogfoodRuntime_1.DogfoodController({ name: 'Native app', framework: 'flutter', workDir: '/workspace/app', lane: 'webrtc' }, (0, P2PDogfoodDriver_1.createP2PDogfoodDriver)(client));
+        const snapshots = [];
+        const controller = new DogfoodRuntime_1.DogfoodController({ name: 'Native app', framework: 'flutter', workDir: '/workspace/app', lane: 'webrtc' }, (0, P2PDogfoodDriver_1.createP2PDogfoodDriver)(client), { onChange: (snapshot) => snapshots.push(snapshot.logs.map((line) => line.text)) });
         await expect(controller.trigger()).resolves.toMatchObject({ lane: 'webrtc', sessionId: 'runtime-1' });
+        expect(snapshots.flat()).toContain('[runtime] source · iPhone simulator');
+        expect(snapshots.flat()).toContain('[runtime] starting');
         expect(closeRuntime).not.toHaveBeenCalled();
         await controller.stop();
         expect(closeRuntime).toHaveBeenCalledWith('runtime-1');

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 /**
  * yaver-feedback-react-native — Visual feedback SDK for Yaver.
  *
- * Shake-to-report surface with three launch actions:
- *  1. Hot Reload              — instant JS reload
- *  2. Vibing                  — open a vibing session on the agent
- *  3. Screenshot & Fix        — capture the current screen and trigger
- *                               the fix loop
+ * Shake-to-report surface with one primary action: Chat. The connected agent
+ * receives the current-screen context and can use its MCP tools for fixes,
+ * reloads, and deploys without duplicating those commands as modal buttons.
+ * Machine, runner, model, and Dogfood configuration remain under Settings.
  *
  * The small quick-access icon stays hidden until the first shake by
  * default on mobile, then remains available unless the user hides it.

package/dist/index.js

@@ -2,11 +2,10 @@
 /**
  * yaver-feedback-react-native — Visual feedback SDK for Yaver.
  *
- * Shake-to-report surface with three launch actions:
- *  1. Hot Reload              — instant JS reload
- *  2. Vibing                  — open a vibing session on the agent
- *  3. Screenshot & Fix        — capture the current screen and trigger
- *                               the fix loop
+ * Shake-to-report surface with one primary action: Chat. The connected agent
+ * receives the current-screen context and can use its MCP tools for fixes,
+ * reloads, and deploys without duplicating those commands as modal buttons.
+ * Machine, runner, model, and Dogfood configuration remain under Settings.
  *
  * The small quick-access icon stays hidden until the first shake by
  * default on mobile, then remains available unless the user hides it.

package/ios/YaverHotReload.swift

@@ -157,8 +157,8 @@ class YaverHotReload: NSObject {
   /// bricks the app — user has to delete + reinstall from TestFlight.
   ///
   /// Guard: on each cold-start bundleURL() call, increment a boot
-  /// counter. Reset it on first successful render (RCTContentDidAppear)
-  /// or after 10 s of uptime. If the counter hits kMaxBootAttempts
+  /// counter. Reset it only on first successful render
+  /// (RCTContentDidAppear). If the counter hits kMaxBootAttempts
   /// without being reset, the bundle has crashed every boot so far —
   /// delete it and return nil so the app falls back to the
   /// TestFlight-installed bundle.
@@ -198,8 +198,7 @@ class YaverHotReload: NSObject {
   }
 
   /// Clear the boot-attempt counter. Call this from AppDelegate after
-  /// first successful RN render (RCTContentDidAppearNotification) or
-  /// after a short uptime safety timer — whichever fires first.
+  /// first successful RN render (RCTContentDidAppearNotification).
   @objc static func markBootSuccessful() {
     let defaults = UserDefaults.standard
     if defaults.integer(forKey: kKeyBootAttempts) > 0 {

package/package.json

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

package/src/DogfoodRuntime.ts

@@ -44,11 +44,18 @@ export interface DogfoodLaneOption {
 /** One framework-to-lane matrix for Yaver and third-party consumers. */
 export function dogfoodLaneOptions(
   framework: string,
-  capabilities: { nativeRuntimeAvailable?: boolean; selfDevelopment?: boolean } = {},
+  capabilities: {
+    nativeRuntimeAvailable?: boolean;
+    browserRuntimeAvailable?: boolean;
+    selfDevelopment?: boolean;
+  } = {},
 ): DogfoodLaneOption[] {
   const normalized = String(framework || '').trim().toLowerCase();
   const reactNative = normalized === 'expo' || normalized === 'react-native';
-  const browserCapable = reactNative || [
+  // The framework matrix is the safe default. A positively detected browser
+  // target may add an exception (for example SwiftWasm/Tokamak), but a missing
+  // browser binary must not incorrectly remove RN/Flutter's browser build lane.
+  const browserCapable = capabilities.browserRuntimeAvailable === true || reactNative || [
     'flutter', 'web', 'next', 'nextjs', 'vite', 'remix', 'svelte', 'vue', 'angular',
   ].includes(normalized);
   const nativeAvailable = capabilities.nativeRuntimeAvailable === true;
@@ -68,8 +75,18 @@ export function dogfoodLaneOptions(
   ];
 }
 
-export function defaultDogfoodLane(framework: string): DogfoodLane {
-  return dogfoodLaneOptions(framework).find((option) => option.default && option.supported)?.lane || 'browser';
+export function defaultDogfoodLane(
+  framework: string,
+  capabilities: {
+    nativeRuntimeAvailable?: boolean;
+    browserRuntimeAvailable?: boolean;
+    selfDevelopment?: boolean;
+  } = {},
+): DogfoodLane {
+  const options = dogfoodLaneOptions(framework, capabilities);
+  return options.find((option) => option.default && option.supported)?.lane
+    || options.find((option) => option.supported)?.lane
+    || 'browser';
 }
 
 export interface DogfoodLogLine {

package/src/DogfoodSessionUi.tsx

@@ -154,6 +154,7 @@ function runtimeTone(phase: DogfoodPhase, colors: DogfoodUiColors): string {
  * Logs; Hermes/WebRTC use the same lifecycle and failure/remedy treatment. */
 export const DogfoodLiveConsole: React.FC<{
   lane: DogfoodLane;
+  sourceLabel?: string;
   phase: DogfoodPhase;
   message: string;
   logs: readonly DogfoodLogLine[];
@@ -161,16 +162,18 @@ export const DogfoodLiveConsole: React.FC<{
   maxLines?: number;
   colors?: Partial<DogfoodUiColors>;
   renderText?: (text: string) => React.ReactNode;
-}> = ({ lane, phase, message, logs, failure, maxLines = 80, colors: colorOverrides, renderText }) => {
+}> = ({ lane, sourceLabel, phase, message, logs, failure, maxLines = 80, colors: colorOverrides, renderText }) => {
   const colors = resolvedColors(colorOverrides);
   const text = logs.slice(-maxLines).map((line) => line.text).join('\n');
   const title = lane === 'browser' ? 'Browser Logs' : lane === 'hermes' ? 'Hermes Logs' : 'WebRTC Logs';
+  const accessibleTitle = sourceLabel ? `${title} · ${sourceLabel}` : title;
   return (
-    <View style={[styles.console, { backgroundColor: colors.console, borderColor: colors.border }]} accessibilityLabel={title}>
+    <View style={[styles.console, { backgroundColor: colors.console, borderColor: colors.border }]} accessibilityLabel={accessibleTitle}>
       <View style={styles.consoleHeader}>
         <View style={[styles.statusDot, { backgroundColor: runtimeTone(phase, colors) }]} />
         <Text style={[styles.consoleTitle, { color: colors.text }]}>{title}</Text>
       </View>
+      {sourceLabel ? <Text style={[styles.consoleSource, { color: colors.muted }]}>Source · {sourceLabel}</Text> : null}
       <Text style={[styles.consoleStatus, { color: colors.muted }]}>{message}</Text>
       {text ? (
         renderText ? renderText(text) : <Text selectable style={[styles.consoleText, { color: colors.text }]}>{text}</Text>
@@ -204,6 +207,7 @@ const styles = StyleSheet.create({
   console: { width: '100%', maxHeight: 320, overflow: 'hidden', marginTop: 10, borderWidth: 1, borderRadius: 10, padding: 11, gap: 7 },
   consoleHeader: { flexDirection: 'row', alignItems: 'center', gap: 7 },
   consoleTitle: { fontSize: 12, fontWeight: '800' },
+  consoleSource: { fontSize: 10, lineHeight: 14 },
   consoleStatus: { fontSize: 11, lineHeight: 16 },
   consoleText: { fontFamily: 'monospace', fontSize: 10, lineHeight: 15 },
   consoleEmpty: { fontSize: 10, fontStyle: 'italic' },