@reticlehq/browser 3.4.0 → 3.6.0

package/dist/presenter/tour/tour.js

@@ -2,7 +2,8 @@ import { COPIED_LABEL, COPY_FLASH_MS, COPY_LABEL, COPY_MANUAL_LABEL, TOUR_ATTR,
 import { TourAnchor } from '@reticlehq/core/tour';
 import { RETICLE_URL_PARAM } from '@reticlehq/core';
 import { appModalOpen } from '../../dom/dom-ignore.js';
-export const TOUR_SEEN_KEY_PREFIX = 'reticle.tour.seen.';
+import { TOUR_SEEN_KEY_PREFIX } from '../../storage-keys.js';
+export { TOUR_SEEN_KEY_PREFIX };
 const APP_SELECTORS = ['main', '#root', '#app'];
 const HUD_PARTS = ['[data-reticle-hud]', '[data-reticle-chat-panel]'];
 function unionOfVisible(doc, selectors) {
@@ -23,10 +24,11 @@ function unionOfVisible(doc, selectors) {
         return undefined;
     return { left, top, width: right - left, height: bottom - top };
 }
-const HUD_CONTROL_SELECTORS = {
+export const HUD_CONTROL_SELECTORS = {
     [TourAnchor.HUD_CHAT]: '[data-reticle-chat-toggle]',
-    [TourAnchor.HUD_ANNOTATE]: '[data-reticle-annotate-btn]',
-    [TourAnchor.HUD_IMPACT]: '[data-reticle-report-btn]',
+    [TourAnchor.HUD_FLOWS]: '[data-reticle-chat-view-btn="flows"]',
+    [TourAnchor.HUD_ANNOTATE]: '[data-reticle-chat-view-btn="annotations"]',
+    [TourAnchor.HUD_IMPACT]: '[data-reticle-chat-impact]',
     [TourAnchor.HUD_SETTINGS]: '[data-reticle-settings-btn]',
 };
 function anchorBox(doc, anchor) {

package/dist/recorder/recorder.js

@@ -1,3 +1,4 @@
+import { readTestId } from '../dom/addressing/testid-attr.js';
 import { ActionType, AnchorKind, AnnotationKind, DEGRADED_ANCHOR_ROLE, EventType, FLOW_FILE_VERSION, FlowStepTool, RecorderPhase, PredicateKind, } from '@reticlehq/core';
 import { REDACTED_VALUE } from '@reticlehq/core';
 import { sourceFromDom } from '../dom/addressing/source.js';
@@ -9,7 +10,6 @@ export const RECORDER_EMPTY_MSG = 'recorded 0 steps';
 const STATUS_RECORDING = 'recording…';
 const STATUS_IDLE = 'ready';
 const STATUS_ANNOTATE = 'pick an annotation';
-const TESTID_ATTR = 'data-testid';
 const TOOL = FlowStepTool.ACT;
 const BUTTON_LABEL = {
     record: 'Record',
@@ -31,7 +31,7 @@ const NEEDS_SIGNAL = new Set([
 ]);
 const DEFAULT_NAME = 'recorded-flow';
 export function anchorFor(el) {
-    const testid = el.getAttribute(TESTID_ATTR);
+    const testid = readTestId(el);
     if (testid !== null && testid.length > 0) {
         return { anchor: { kind: AnchorKind.TESTID, value: testid }, degraded: false };
     }

package/dist/registry/auto-testids.js

@@ -1,5 +1,4 @@
-const TESTID_ATTR = 'data-testid';
-const TESTID_SELECTOR = `[${TESTID_ATTR}]`;
+import { getTestIdAttr, testIdSelector } from '../dom/addressing/testid-attr.js';
 export const MAX_AUTO_TESTIDS = 200;
 const RETICLE_OWN_PREFIX = 'reticle-';
 export function domTestids(doc) {
@@ -7,13 +6,13 @@ export function domTestids(doc) {
     const seen = new Set();
     let nodes;
     try {
-        nodes = doc.querySelectorAll(TESTID_SELECTOR);
+        nodes = doc.querySelectorAll(testIdSelector());
     }
     catch {
         return out;
     }
     for (let i = 0; i < nodes.length && out.length < MAX_AUTO_TESTIDS; i += 1) {
-        const value = nodes[i]?.getAttribute(TESTID_ATTR);
+        const value = nodes[i]?.getAttribute(getTestIdAttr());
         if (null === value || undefined === value)
             continue;
         const trimmed = value.trim();

package/dist/registry/declared-platform.js

@@ -28,6 +28,8 @@ export const SERVED_COMMANDS = [
     ReticleCommand.NAVIGATE,
     ReticleCommand.REFRESH,
     ReticleCommand.FLOWS,
+    ReticleCommand.FLOW_PROGRESS,
+    ReticleCommand.PLAN,
 ];
 export function declaredCommands() {
     return [...SERVED_COMMANDS];