@farmslot/adapter-web 0.6.9 → 0.7.0

package/CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to `@farmslot/adapter-web` are tracked here.
 
 ## Unreleased
 
+## 0.7.0 - 2026-10-12
+
+- Collect opt-in rendered HUD observations around screenshot capture for live conformance.
+- Keep recipe HUD intent on two bounded lines through the shared display policy, with authoring warnings above 80 characters and errors above 120.
+
+## 0.6.10 - 2026-10-11
+
+- Align published runtime dependencies with recipe-runner 0.29.0 for shared cancellation and execution.
+
 ## 0.6.9 - 2026-10-11
 
 - Align the adapter-sdk and recipe-runner dependencies with 0.8.5 and 0.28.5 so consumers resolve one copy.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farmslot/adapter-web",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "description": "Web platform adapter for Farmslot recipes: resolve and launch an isolated Chromium, own its CDP port, load unpacked extensions, and keep macOS focus.",
   "type": "commonjs",
   "exports": {
@@ -83,8 +83,9 @@
     "prepublishOnly": "node ../../scripts/quality/check-farmslot-package-readiness.mjs --publish --packages @farmslot/adapter-web"
   },
   "dependencies": {
-    "@farmslot/adapter-sdk": "0.8.5",
-    "@farmslot/recipe-runner": "0.28.5",
+    "@farmslot/adapter-sdk": "0.9.0",
+    "@farmslot/protocol": "0.39.0",
+    "@farmslot/recipe-runner": "0.30.0",
     "ws": "^8.18.0"
   },
   "devDependencies": {

package/src/web-dapp/lib/hud.mjs

@@ -13,15 +13,10 @@
 import { readFileSync, renameSync, rmSync, writeFileSync } from 'node:fs';
 import path from 'node:path';
 
+import { HUD_PANEL_BOUNDS, hudIntentDisplay, hudSecondaryText } from '@farmslot/protocol/recipe';
+
 export const HUD_ELEMENT = 'mm-harness-hud';
 export const HUD_FILE = 'hud.json';
-const MAX_TEXT = 180;
-
-function text(value, max = MAX_TEXT) {
-  if (typeof value !== 'string' && typeof value !== 'number') return '';
-  const flat = String(value).replace(/\s+/gu, ' ').trim();
-  return flat.length > max ? `${flat.slice(0, max - 1)}…` : flat;
-}
 
 function progressOf(raw) {
   if (!raw || typeof raw !== 'object') return null;
@@ -39,11 +34,12 @@ export function nextHudState(prior, node = {}, nodeId = '') {
   const previous = prior?.finished ? { seq: prior.seq } : prior;
   const status = ['running', 'pass', 'fail'].includes(node.status) ? node.status : 'running';
   const progress = progressOf(node.progress);
-  const intent = text(node.intent ?? node.text ?? node.detail) || text(nodeId);
-  const id = text(node.node_id ?? node.nodeId ?? nodeId, 80);
+  const intent =
+    hudIntentDisplay(node.intent ?? node.text ?? node.detail).text || hudIntentDisplay(nodeId).text;
+  const id = hudSecondaryText(node.node_id ?? node.nodeId ?? nodeId, 80);
   const state = {
     seq: (previous?.seq ?? 0) + 1,
-    title: text(node.title, 80) || previous?.title || 'Recipe run',
+    title: hudSecondaryText(node.title, 80) || previous?.title || 'Recipe run',
     current: previous?.current ?? null,
     last: previous?.last ?? null,
     finished: null,
@@ -56,7 +52,7 @@ export function nextHudState(prior, node = {}, nodeId = '') {
     };
     return state;
   }
-  const error = status === 'fail' ? text(node.error) : '';
+  const error = status === 'fail' ? hudSecondaryText(node.error) : '';
   state.last = { nodeId: id, intent, status, ...(error ? { error } : {}) };
   if (progress?.complete || id === 'recipe-complete') {
     state.finished = status;
@@ -96,7 +92,7 @@ export function clearHudState(runtimeDir) {
 
 const STYLE = `
 :host { all: initial; }
-.hud { position: fixed; top: 220px; left: 12px; z-index: 2147483647; width: 360px; max-width: calc(50vw - 24px);
+.hud { position: fixed; top: 220px; left: 12px; z-index: 2147483647; width: ${HUD_PANEL_BOUNDS.card.maxWidth}px; max-width: calc(100vw - 24px); max-height: ${HUD_PANEL_BOUNDS.card.maxHeight}px; overflow: hidden;
   box-sizing: border-box; padding: 8px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.18);
   background: rgba(16,18,24,.82); color: #f2f4f7; font: 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   pointer-events: none; user-select: none; box-shadow: 0 4px 16px rgba(0,0,0,.35); }
@@ -125,6 +121,7 @@ export function hudRenderExpression(state, appOrigin) {
     existing?.remove();
     const host = document.createElement('${HUD_ELEMENT}');
     host.dataset.seq = String(state.seq);
+    host.setAttribute('data-farmslot-hud-node', state.current?.nodeId || '');
     host.setAttribute('aria-hidden', 'true');
     host.inert = true;
     host.style.cssText = 'all: initial; position: fixed; inset: 0 auto auto 0; width: 0; height: 0; pointer-events: none; z-index: 2147483647;';
@@ -132,6 +129,7 @@ export function hudRenderExpression(state, appOrigin) {
     const el = (tag, cls, value) => { const node = document.createElement(tag); if (cls) node.className = cls; if (value != null) node.textContent = value; return node; };
     const style = el('style', null, ${JSON.stringify(STYLE)});
     const box = el('div', 'hud');
+    const intentStyle = ${JSON.stringify(hudIntentDisplay('').webStyle)};
     const head = el('div', 'row');
     head.append(el('span', 'title', state.title));
     const progress = state.current && state.current.progress;
@@ -139,12 +137,16 @@ export function hudRenderExpression(state, appOrigin) {
     box.append(head);
     if (state.current) {
       const line = el('div', 'intent');
+      Object.assign(line.style, intentStyle);
       const status = state.finished || 'running';
-      line.append(el('span', 'badge ' + status, status === 'running' ? 'RUN' : status.toUpperCase()), ' ', state.current.intent);
+      const intent = el('span', null, state.current.intent);
+      intent.setAttribute('data-farmslot-hud-intent', '');
+      line.append(el('span', 'badge ' + status, status === 'running' ? 'RUN' : status.toUpperCase()), ' ', intent);
       box.append(line);
     }
     if (state.last && !state.finished) {
       const line = el('div', 'last');
+      Object.assign(line.style, intentStyle);
       line.append(el('span', 'badge ' + state.last.status, state.last.status.toUpperCase()), ' ', state.last.intent);
       box.append(line);
     }