@farmslot/adapter-rn 0.28.0 → 0.29.0

package/CHANGELOG.md

@@ -6,6 +6,10 @@ All notable changes to `@farmslot/adapter-rn` (published as `@farmslot/expo-reci
 
 - Active-development baseline; add user-facing changes here before release or package publication.
 
+## 0.29.0 - 2026-10-20
+
+- The native recipe HUD drops the default RUN badge so the two-line intent gets the full width at 13px/17px, and adds a tiny muted row with the step that just finished (`✓`/`✗`) and `N/M`, within the unchanged 360 by 88 panel. A caller-supplied `text.badge` still renders.
+
 ## 0.28.0 - 2026-10-19
 
 - Align with `@farmslot/protocol` 0.59.0, `@farmslot/recipe-runner` 0.45.0 and `@farmslot/agent-runtime` 0.35.0.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farmslot/adapter-rn",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -46,9 +46,9 @@
     "prepublishOnly": "node ../../scripts/quality/check-farmslot-package-readiness.mjs --publish --packages @farmslot/adapter-rn"
   },
   "dependencies": {
-    "@farmslot/agent-runtime": "0.35.0",
-    "@farmslot/protocol": "0.59.0",
-    "@farmslot/recipe-runner": "0.45.0",
+    "@farmslot/agent-runtime": "0.36.0",
+    "@farmslot/protocol": "0.60.0",
+    "@farmslot/recipe-runner": "0.46.0",
     "pngjs": "^7.0.0",
     "ws": "^8.18.0"
   },

package/react-native/RecipeHud.tsx

@@ -11,7 +11,16 @@ import {
 import { initialWindowMetrics, SafeAreaInsetsContext } from 'react-native-safe-area-context';
 
 import {
+  HUD_COLORS,
+  HUD_NATIVE_FINISHED_FONT_SIZE,
+  HUD_NATIVE_FINISHED_LINE_HEIGHT,
+  HUD_NATIVE_INTENT_LINE_HEIGHT,
+  HUD_NATIVE_INTENT_MAX_LINES,
+  HUD_PANEL_BOUNDS,
+  hudFinishedLine,
   hudIntentDisplay,
+  type HudStepResult,
+  nextHudFinishedStep,
   type RecipeHudPlacement,
   waitForHudPaint,
 } from '@farmslot/protocol/recipe';
@@ -25,6 +34,8 @@ export interface FarmslotRecipeHudState {
   totalSteps?: number;
   error?: string;
   position?: RecipeHudPlacement;
+  /** The step that just finished; useRecipeHudState keeps it across updates. */
+  finished?: Pick<HudStepResult, 'intent' | 'status'>;
 }
 
 export type RecipeHudStateController = readonly [
@@ -37,18 +48,28 @@ interface HudAcknowledgement {
   reject(error: unknown): void;
 }
 
-/** Bridge acknowledgement follows the committed HUD rather than the state setter. */
+/**
+ * Bridge acknowledgement follows the committed HUD rather than the state setter.
+ * Updates carry the step that just finished, reset at each new run.
+ */
 export function useRecipeHudState(): RecipeHudStateController {
   const [state, setState] = useState<FarmslotRecipeHudState | null>(null);
-  const current = useRef(state);
-  current.current = state;
+  const received = useRef<FarmslotRecipeHudState | null>(null);
+  const lastResult = useRef<HudStepResult | null>(null);
   const pending = useRef<HudAcknowledgement[]>([]);
   const lifecycle = useRef<AbortController | null>(null);
   const update = useCallback((next: FarmslotRecipeHudState | null) => {
-    if (next === current.current) return Promise.resolve();
+    if (next === received.current) return Promise.resolve();
+    received.current = next;
+    const step = nextHudFinishedStep(lastResult.current, next);
+    lastResult.current = step.last;
+    const shown =
+      next && next.finished === undefined && step.finished
+        ? { ...next, finished: { intent: step.finished.intent, status: step.finished.status } }
+        : next;
     return new Promise<void>((resolve, reject) => {
       pending.current.push({ resolve, reject });
-      setState(next);
+      setState(shown);
     });
   }, []);
   useEffect(() => {
@@ -108,6 +129,17 @@ export interface RecipeHudProps extends RecipeHudOptions {
   state: FarmslotRecipeHudState | null;
 }
 
+const PADDING_VERTICAL = 3;
+const ERROR_LINE_HEIGHT = 16;
+// The native panel never grows: the finished row shows only while two intent
+// lines, that row and an error line still fit its height.
+const FINISHED_ROW_FITS =
+  PADDING_VERTICAL * 2 +
+    HUD_NATIVE_INTENT_LINE_HEIGHT * HUD_NATIVE_INTENT_MAX_LINES +
+    HUD_NATIVE_FINISHED_LINE_HEIGHT +
+    ERROR_LINE_HEIGHT <=
+  HUD_PANEL_BOUNDS.native.maxHeight;
+
 export function RecipeHud({
   state,
   styles: customStyles,
@@ -117,10 +149,15 @@ export function RecipeHud({
 }: Readonly<RecipeHudProps>): React.ReactElement | null {
   const insets = useContext(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets;
   if (!state || state.status === 'idle') return null;
-  const badge = text?.badge?.(state) ?? formatBadge(state);
+  const badge = text?.badge?.(state);
   const intent = hudIntentDisplay(text?.intent?.(state) ?? state.intent, 'native');
   const error = text?.error?.(state) ?? state.error;
   const badgeTone = badgeToneForStatus(state.status);
+  const finished =
+    FINISHED_ROW_FITS && state.finished
+      ? hudFinishedLine({ nodeId: 'finished', ...state.finished })
+      : null;
+  const progress = FINISHED_ROW_FITS ? formatProgress(state.currentStep, state.totalSteps) : '';
   const overlay = (
     <View
       onLayout={onLayout}
@@ -141,39 +178,67 @@ export function RecipeHud({
         { overflow: 'hidden', flexDirection: 'row' },
       ]}
     >
-      <Text
-        numberOfLines={1}
-        allowFontScaling={false}
-        style={[
-          styles.badgeText,
-          badgeTone === 'fail'
-            ? styles.badgeTextFail
-            : badgeTone === 'pass'
-              ? styles.badgeTextPass
-              : styles.badgeTextRunning,
-          customStyles?.badgeText,
-          badgeTone === 'fail'
-            ? customStyles?.badgeTextFail
-            : badgeTone === 'pass'
-              ? customStyles?.badgeTextPass
-              : customStyles?.badgeTextRunning,
-          { maxWidth: 80, marginRight: 8 },
-        ]}
-      >
-        {badge}
-      </Text>
+      {badge ? (
+        <Text
+          numberOfLines={1}
+          allowFontScaling={false}
+          style={[
+            styles.badgeText,
+            badgeTone === 'fail'
+              ? styles.badgeTextFail
+              : badgeTone === 'pass'
+                ? styles.badgeTextPass
+                : styles.badgeTextRunning,
+            customStyles?.badgeText,
+            badgeTone === 'fail'
+              ? customStyles?.badgeTextFail
+              : badgeTone === 'pass'
+                ? customStyles?.badgeTextPass
+                : customStyles?.badgeTextRunning,
+            { maxWidth: 80, marginRight: 8 },
+          ]}
+        >
+          {badge}
+        </Text>
+      ) : null}
       <View style={{ flex: 1, minWidth: 0 }}>
         <Text
           {...intent.nativeProps}
-          style={[styles.line, customStyles?.line, customStyles?.intent, intent.nativeStyle]}
+          style={[
+            styles.line,
+            state.status === 'fail' ? styles.failed : undefined,
+            customStyles?.line,
+            customStyles?.intent,
+            intent.nativeStyle,
+          ]}
         >
           {intent.text}
         </Text>
+        {finished || progress ? (
+          <View style={styles.finishedRow}>
+            <Text
+              numberOfLines={1}
+              allowFontScaling={false}
+              style={[styles.finished, finished?.tone === 'fail' ? styles.failed : undefined]}
+            >
+              {finished?.text}
+            </Text>
+            {progress ? (
+              <Text numberOfLines={1} allowFontScaling={false} style={styles.progress}>
+                {progress}
+              </Text>
+            ) : null}
+          </View>
+        ) : null}
         {error ? (
           <Text
             numberOfLines={1}
             allowFontScaling={false}
-            style={[styles.error, customStyles?.error, { lineHeight: 16, maxHeight: 16 }]}
+            style={[
+              styles.error,
+              customStyles?.error,
+              { lineHeight: ERROR_LINE_HEIGHT, maxHeight: ERROR_LINE_HEIGHT },
+            ]}
           >
             {error}
           </Text>
@@ -188,12 +253,6 @@ export function RecipeHud({
   );
 }
 
-function formatBadge(state: FarmslotRecipeHudState): string {
-  const status = state.status === 'running' ? 'run' : state.status;
-  const progress = formatProgress(state.currentStep, state.totalSteps);
-  return [status, progress].filter(Boolean).join(' ').toUpperCase();
-}
-
 function formatProgress(currentStep?: number, totalSteps?: number): string {
   if (!currentStep || !totalSteps) return '';
   return `${currentStep}/${totalSteps}`;
@@ -214,7 +273,7 @@ const styles = StyleSheet.create({
     zIndex: 9999,
     backgroundColor: 'rgba(0, 0, 0, 0.58)',
     paddingHorizontal: 10,
-    paddingVertical: 3,
+    paddingVertical: PADDING_VERTICAL,
   },
   line: {
     color: '#ffffff',
@@ -235,6 +294,24 @@ const styles = StyleSheet.create({
   badgeTextFail: {
     color: '#ff4d4f',
   },
+  finishedRow: {
+    flexDirection: 'row',
+  },
+  finished: {
+    flex: 1,
+    color: HUD_COLORS.muted,
+    fontSize: HUD_NATIVE_FINISHED_FONT_SIZE,
+    lineHeight: HUD_NATIVE_FINISHED_LINE_HEIGHT,
+  },
+  failed: {
+    color: HUD_COLORS.fail,
+  },
+  progress: {
+    marginLeft: 6,
+    color: HUD_COLORS.muted,
+    fontSize: HUD_NATIVE_FINISHED_FONT_SIZE,
+    lineHeight: HUD_NATIVE_FINISHED_LINE_HEIGHT,
+  },
   error: {
     color: '#e6e6e6',
     fontSize: 10,