@modelnex/sdk 0.5.37 → 0.5.39

package/dist/index.js

@@ -920,10 +920,7 @@ function useModelNexSocket({
       contexts: serializeContexts(contextsRef.current),
       documentation: documentationRef.current ?? void 0,
       domSummary: captureDomSummary(tagsRef.current),
-      websiteId,
-      // All tagged elements across every page — not just what's visible now.
-      // The server uses this to pre-search relevant elements for each user query.
-      allTaggedElements: tagsRef.current ? Array.from(tagsRef.current.values()) : void 0
+      websiteId
     });
     socket.on("connect", () => {
       emitSdkDebugLog("[ModelNex SDK] Connected to agent server", {
@@ -3308,6 +3305,59 @@ function createTourSocketPool({
 }
 var tourSocketPool = createTourSocketPool();
 
+// src/utils/reviewModeToggle.ts
+function isReviewModeEnabled(devMode, requestedReviewMode) {
+  return Boolean(devMode && requestedReviewMode);
+}
+function getReviewModeToggleConfig(playbackState) {
+  const isPaused = playbackState === "paused";
+  return {
+    icon: isPaused ? "\u25B6" : "\u23F8",
+    label: isPaused ? "Continue Workflow" : "Pause for Feedback",
+    shouldResume: isPaused
+  };
+}
+function shouldCaptureReviewDraft(isReviewMode, playbackState) {
+  return isReviewMode && playbackState === "paused";
+}
+
+// src/utils/tourTransport.ts
+function compactCaptureEventForTransport(event) {
+  return {
+    id: event.id,
+    type: event.type,
+    order: event.order,
+    timestamp: event.timestamp,
+    url: event.url,
+    label: event.label,
+    tagName: event.tagName,
+    testId: event.testId,
+    fingerprint: event.fingerprint,
+    textContaining: event.textContaining,
+    fieldType: event.fieldType,
+    valueSample: event.valueSample,
+    note: event.note,
+    stepTypeHint: event.stepTypeHint
+  };
+}
+function compactTourForTransport(tour) {
+  const capture = tour.capture;
+  if (!capture || typeof capture !== "object") {
+    return tour;
+  }
+  return {
+    ...tour,
+    capture: {
+      ...capture.experienceType ? { experienceType: capture.experienceType } : {},
+      ...capture.onboardingHints ? { onboardingHints: capture.onboardingHints } : {},
+      ...capture.generation ? { generation: capture.generation } : {},
+      ...Array.isArray(capture.events) ? {
+        events: capture.events.map((event) => compactCaptureEventForTransport(event))
+      } : {}
+    }
+  };
+}
+
 // src/utils/tour-playback-guards.ts
 var playbackOwners = /* @__PURE__ */ new Map();
 function shouldExecuteTourCommandBatch(isPlaybackActive) {
@@ -4792,7 +4842,7 @@ function useTourPlayback({
     }
     claimedPlaybackOwnerKeyRef.current = ownerKey;
     startRequestedRef.current = true;
-    const shouldReview = Boolean(options?.reviewMode);
+    const shouldReview = isReviewModeEnabled(devModeRef.current, Boolean(options?.reviewMode));
     resetCaptionSuppression();
     setReviewStatusMessage(null);
     setIsReviewMode(shouldReview);
@@ -4824,7 +4874,7 @@ function useTourPlayback({
     emitSocketEvent(socketRef.current, "tour:request_start", {
       tourId: tour.id,
       previewRunId: previewRunIdRef.current,
-      tourContext: tour
+      tourContext: compactTourForTransport(tour)
     });
   }, [serverUrl, websiteId]);
   (0, import_react12.useEffect)(() => {
@@ -8770,19 +8820,6 @@ function isTourListeningSessionActive(state) {
   return state.isTourActive || state.isOnboardingActive || Boolean(state.startingExperienceType);
 }
 
-// src/utils/reviewModeToggle.ts
-function getReviewModeToggleConfig(playbackState) {
-  const isPaused = playbackState === "paused";
-  return {
-    icon: isPaused ? "\u25B6" : "\u23F8",
-    label: isPaused ? "Continue Workflow" : "Pause for Feedback",
-    shouldResume: isPaused
-  };
-}
-function shouldCaptureReviewDraft(isReviewMode, playbackState) {
-  return isReviewMode && playbackState === "paused";
-}
-
 // src/utils/reviewVoiceRouting.ts
 function resolveSinglePlaybackTranscriptTarget(snapshot) {
   return shouldCaptureReviewDraft(snapshot.isReviewMode, snapshot.playbackState) ? "review_draft" : "playback";
@@ -9579,6 +9616,7 @@ function ModelNexChatBubble({
   const tourPlayback = (0, import_react18.useMemo)(() => createPlaybackView("tour"), [createPlaybackView]);
   const onboardingPlayback = (0, import_react18.useMemo)(() => createPlaybackView("onboarding"), [createPlaybackView]);
   const tourReviewToggle = getReviewModeToggleConfig(tourPlayback.playbackState);
+  const tourReviewModeEnabled = isReviewModeEnabled(devMode, tourPlayback.isReviewMode);
   const lastAutoTaggedUrlRef = (0, import_react18.useRef)(null);
   const handleAutoTag = (0, import_react18.useCallback)(async () => {
     if (!ctx) return;
@@ -9626,6 +9664,7 @@ function ModelNexChatBubble({
     }
   }, [authoringMode, handleAutoTag, ctx?.extractedElements.length, window.location.pathname]);
   const onboardingReviewToggle = getReviewModeToggleConfig(onboardingPlayback.playbackState);
+  const onboardingReviewModeEnabled = isReviewModeEnabled(devMode, onboardingPlayback.isReviewMode);
   const pendingPrompt = playbackController.pendingPrompt;
   const pendingNotificationType = (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.notificationType ?? "bubble_card";
   const isPlaybackActive = tourPlayback.isActive || onboardingPlayback.isActive;
@@ -10395,7 +10434,7 @@ function ModelNexChatBubble({
               ]
             }
           ) }),
-          tourPlayback.isActive && tourPlayback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          tourPlayback.isActive && tourReviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             "div",
             {
               style: {
@@ -10690,7 +10729,7 @@ function ModelNexChatBubble({
                       ] })
                     ] })
                   ] }),
-                  onboardingPlayback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  onboardingReviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                     "div",
                     {
                       style: {
@@ -10796,7 +10835,7 @@ function ModelNexChatBubble({
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                    !onboardingPlayback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    !onboardingReviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
                       {
                         onClick: onboardingPlayback.repeatStep,
@@ -10808,7 +10847,7 @@ function ModelNexChatBubble({
                       "button",
                       {
                         onClick: onboardingPlayback.skipTour,
-                        style: { flex: onboardingPlayback.isReviewMode ? 1 : 0.6, borderRadius: "12px", border: "1px solid rgba(220,38,38,0.18)", background: "#fff5f5", color: "#b91c1c", padding: "11px 14px", cursor: "pointer", fontWeight: 700, fontSize: "13px" },
+                        style: { flex: onboardingReviewModeEnabled ? 1 : 0.6, borderRadius: "12px", border: "1px solid rgba(220,38,38,0.18)", background: "#fff5f5", color: "#b91c1c", padding: "11px 14px", cursor: "pointer", fontWeight: 700, fontSize: "13px" },
                         children: "Exit"
                       }
                     )
@@ -10849,7 +10888,7 @@ function ModelNexChatBubble({
                     ) })
                   ] }),
                   tourCurrentStep && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { borderRadius: "14px", background: TOUR_THEME.card, border: `1px solid ${TOUR_THEME.cardBorder}`, padding: "14px" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "15px", lineHeight: 1.55 }, children: tourCurrentStep.ask || tourCurrentStep.narration || tourCurrentStep.goal }) }),
-                  tourPlayback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  tourReviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                     "div",
                     {
                       style: {
@@ -11303,6 +11342,7 @@ function ModelNexOnboardingPanel({
 }) {
   const ctx = (0, import_react19.useContext)(ModelNexContext);
   const serverUrl = ctx?.serverUrl ?? DEFAULT_MODELNEX_SERVER_URL;
+  const devMode = ctx?.devMode ?? false;
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
   const [input, setInput] = (0, import_react19.useState)("");
@@ -11338,6 +11378,7 @@ function ModelNexOnboardingPanel({
     handleVoiceInput: playback.handleVoiceInput
   });
   const reviewToggle = getReviewModeToggleConfig(playback.playbackState);
+  const reviewModeEnabled = isReviewModeEnabled(devMode, playback.isReviewMode);
   (0, import_react19.useEffect)(() => {
     playbackVoiceRoutingRef.current = {
       isReviewMode: playback.isReviewMode,
@@ -11762,7 +11803,7 @@ function ModelNexOnboardingPanel({
             ] })
           ] }),
           sttError === "not-allowed" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "#b45309", lineHeight: 1.4, padding: "8px 12px", borderRadius: "10px", background: "#fef3c7" }, children: "Microphone blocked. Allow access in your browser to use voice commands." }),
-          playback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          reviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               style: {
@@ -11873,7 +11914,7 @@ function ModelNexOnboardingPanel({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { padding: "0 18px 18px", display: "flex", gap: "8px" }, children: [
-          playback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          reviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "button",
             {
               type: "button",
@@ -11900,7 +11941,7 @@ function ModelNexOnboardingPanel({
             "button",
             {
               onClick: playback.repeatStep,
-              style: { flex: playback.isReviewMode ? 0.6 : 1, borderRadius: "12px", border: "1px solid rgba(15,23,42,0.12)", background: "#fff", padding: "11px 14px", cursor: "pointer", fontWeight: 600 },
+              style: { flex: reviewModeEnabled ? 0.6 : 1, borderRadius: "12px", border: "1px solid rgba(15,23,42,0.12)", background: "#fff", padding: "11px 14px", cursor: "pointer", fontWeight: 600 },
               children: "Repeat"
             }
           ),

package/dist/index.mjs

@@ -709,10 +709,7 @@ function useModelNexSocket({
       contexts: serializeContexts(contextsRef.current),
       documentation: documentationRef.current ?? void 0,
       domSummary: captureDomSummary(tagsRef.current),
-      websiteId,
-      // All tagged elements across every page — not just what's visible now.
-      // The server uses this to pre-search relevant elements for each user query.
-      allTaggedElements: tagsRef.current ? Array.from(tagsRef.current.values()) : void 0
+      websiteId
     });
     socket.on("connect", () => {
       emitSdkDebugLog("[ModelNex SDK] Connected to agent server", {
@@ -3097,6 +3094,59 @@ function createTourSocketPool({
 }
 var tourSocketPool = createTourSocketPool();
 
+// src/utils/reviewModeToggle.ts
+function isReviewModeEnabled(devMode, requestedReviewMode) {
+  return Boolean(devMode && requestedReviewMode);
+}
+function getReviewModeToggleConfig(playbackState) {
+  const isPaused = playbackState === "paused";
+  return {
+    icon: isPaused ? "\u25B6" : "\u23F8",
+    label: isPaused ? "Continue Workflow" : "Pause for Feedback",
+    shouldResume: isPaused
+  };
+}
+function shouldCaptureReviewDraft(isReviewMode, playbackState) {
+  return isReviewMode && playbackState === "paused";
+}
+
+// src/utils/tourTransport.ts
+function compactCaptureEventForTransport(event) {
+  return {
+    id: event.id,
+    type: event.type,
+    order: event.order,
+    timestamp: event.timestamp,
+    url: event.url,
+    label: event.label,
+    tagName: event.tagName,
+    testId: event.testId,
+    fingerprint: event.fingerprint,
+    textContaining: event.textContaining,
+    fieldType: event.fieldType,
+    valueSample: event.valueSample,
+    note: event.note,
+    stepTypeHint: event.stepTypeHint
+  };
+}
+function compactTourForTransport(tour) {
+  const capture = tour.capture;
+  if (!capture || typeof capture !== "object") {
+    return tour;
+  }
+  return {
+    ...tour,
+    capture: {
+      ...capture.experienceType ? { experienceType: capture.experienceType } : {},
+      ...capture.onboardingHints ? { onboardingHints: capture.onboardingHints } : {},
+      ...capture.generation ? { generation: capture.generation } : {},
+      ...Array.isArray(capture.events) ? {
+        events: capture.events.map((event) => compactCaptureEventForTransport(event))
+      } : {}
+    }
+  };
+}
+
 // src/utils/tour-playback-guards.ts
 var playbackOwners = /* @__PURE__ */ new Map();
 function shouldExecuteTourCommandBatch(isPlaybackActive) {
@@ -4581,7 +4631,7 @@ function useTourPlayback({
     }
     claimedPlaybackOwnerKeyRef.current = ownerKey;
     startRequestedRef.current = true;
-    const shouldReview = Boolean(options?.reviewMode);
+    const shouldReview = isReviewModeEnabled(devModeRef.current, Boolean(options?.reviewMode));
     resetCaptionSuppression();
     setReviewStatusMessage(null);
     setIsReviewMode(shouldReview);
@@ -4613,7 +4663,7 @@ function useTourPlayback({
     emitSocketEvent(socketRef.current, "tour:request_start", {
       tourId: tour.id,
       previewRunId: previewRunIdRef.current,
-      tourContext: tour
+      tourContext: compactTourForTransport(tour)
     });
   }, [serverUrl, websiteId]);
   useEffect11(() => {
@@ -8558,19 +8608,6 @@ function isTourListeningSessionActive(state) {
   return state.isTourActive || state.isOnboardingActive || Boolean(state.startingExperienceType);
 }
 
-// src/utils/reviewModeToggle.ts
-function getReviewModeToggleConfig(playbackState) {
-  const isPaused = playbackState === "paused";
-  return {
-    icon: isPaused ? "\u25B6" : "\u23F8",
-    label: isPaused ? "Continue Workflow" : "Pause for Feedback",
-    shouldResume: isPaused
-  };
-}
-function shouldCaptureReviewDraft(isReviewMode, playbackState) {
-  return isReviewMode && playbackState === "paused";
-}
-
 // src/utils/reviewVoiceRouting.ts
 function resolveSinglePlaybackTranscriptTarget(snapshot) {
   return shouldCaptureReviewDraft(snapshot.isReviewMode, snapshot.playbackState) ? "review_draft" : "playback";
@@ -9367,6 +9404,7 @@ function ModelNexChatBubble({
   const tourPlayback = useMemo3(() => createPlaybackView("tour"), [createPlaybackView]);
   const onboardingPlayback = useMemo3(() => createPlaybackView("onboarding"), [createPlaybackView]);
   const tourReviewToggle = getReviewModeToggleConfig(tourPlayback.playbackState);
+  const tourReviewModeEnabled = isReviewModeEnabled(devMode, tourPlayback.isReviewMode);
   const lastAutoTaggedUrlRef = useRef13(null);
   const handleAutoTag = useCallback12(async () => {
     if (!ctx) return;
@@ -9414,6 +9452,7 @@ function ModelNexChatBubble({
     }
   }, [authoringMode, handleAutoTag, ctx?.extractedElements.length, window.location.pathname]);
   const onboardingReviewToggle = getReviewModeToggleConfig(onboardingPlayback.playbackState);
+  const onboardingReviewModeEnabled = isReviewModeEnabled(devMode, onboardingPlayback.isReviewMode);
   const pendingPrompt = playbackController.pendingPrompt;
   const pendingNotificationType = (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.notificationType ?? "bubble_card";
   const isPlaybackActive = tourPlayback.isActive || onboardingPlayback.isActive;
@@ -10183,7 +10222,7 @@ function ModelNexChatBubble({
               ]
             }
           ) }),
-          tourPlayback.isActive && tourPlayback.isReviewMode && /* @__PURE__ */ jsxs3(
+          tourPlayback.isActive && tourReviewModeEnabled && /* @__PURE__ */ jsxs3(
             "div",
             {
               style: {
@@ -10478,7 +10517,7 @@ function ModelNexChatBubble({
                       ] })
                     ] })
                   ] }),
-                  onboardingPlayback.isReviewMode && /* @__PURE__ */ jsxs3(
+                  onboardingReviewModeEnabled && /* @__PURE__ */ jsxs3(
                     "div",
                     {
                       style: {
@@ -10584,7 +10623,7 @@ function ModelNexChatBubble({
                     }
                   ),
                   /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
-                    !onboardingPlayback.isReviewMode && /* @__PURE__ */ jsx4(
+                    !onboardingReviewModeEnabled && /* @__PURE__ */ jsx4(
                       "button",
                       {
                         onClick: onboardingPlayback.repeatStep,
@@ -10596,7 +10635,7 @@ function ModelNexChatBubble({
                       "button",
                       {
                         onClick: onboardingPlayback.skipTour,
-                        style: { flex: onboardingPlayback.isReviewMode ? 1 : 0.6, borderRadius: "12px", border: "1px solid rgba(220,38,38,0.18)", background: "#fff5f5", color: "#b91c1c", padding: "11px 14px", cursor: "pointer", fontWeight: 700, fontSize: "13px" },
+                        style: { flex: onboardingReviewModeEnabled ? 1 : 0.6, borderRadius: "12px", border: "1px solid rgba(220,38,38,0.18)", background: "#fff5f5", color: "#b91c1c", padding: "11px 14px", cursor: "pointer", fontWeight: 700, fontSize: "13px" },
                         children: "Exit"
                       }
                     )
@@ -10637,7 +10676,7 @@ function ModelNexChatBubble({
                     ) })
                   ] }),
                   tourCurrentStep && /* @__PURE__ */ jsx4("div", { style: { borderRadius: "14px", background: TOUR_THEME.card, border: `1px solid ${TOUR_THEME.cardBorder}`, padding: "14px" }, children: /* @__PURE__ */ jsx4("div", { style: { fontSize: "15px", lineHeight: 1.55 }, children: tourCurrentStep.ask || tourCurrentStep.narration || tourCurrentStep.goal }) }),
-                  tourPlayback.isReviewMode && /* @__PURE__ */ jsxs3(
+                  tourReviewModeEnabled && /* @__PURE__ */ jsxs3(
                     "div",
                     {
                       style: {
@@ -11091,6 +11130,7 @@ function ModelNexOnboardingPanel({
 }) {
   const ctx = useContext6(ModelNexContext);
   const serverUrl = ctx?.serverUrl ?? DEFAULT_MODELNEX_SERVER_URL;
+  const devMode = ctx?.devMode ?? false;
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
   const [input, setInput] = useState14("");
@@ -11126,6 +11166,7 @@ function ModelNexOnboardingPanel({
     handleVoiceInput: playback.handleVoiceInput
   });
   const reviewToggle = getReviewModeToggleConfig(playback.playbackState);
+  const reviewModeEnabled = isReviewModeEnabled(devMode, playback.isReviewMode);
   useEffect18(() => {
     playbackVoiceRoutingRef.current = {
       isReviewMode: playback.isReviewMode,
@@ -11550,7 +11591,7 @@ function ModelNexOnboardingPanel({
             ] })
           ] }),
           sttError === "not-allowed" && /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "#b45309", lineHeight: 1.4, padding: "8px 12px", borderRadius: "10px", background: "#fef3c7" }, children: "Microphone blocked. Allow access in your browser to use voice commands." }),
-          playback.isReviewMode && /* @__PURE__ */ jsxs4(
+          reviewModeEnabled && /* @__PURE__ */ jsxs4(
             "div",
             {
               style: {
@@ -11661,7 +11702,7 @@ function ModelNexOnboardingPanel({
           ] })
         ] }),
         /* @__PURE__ */ jsxs4("div", { style: { padding: "0 18px 18px", display: "flex", gap: "8px" }, children: [
-          playback.isReviewMode && /* @__PURE__ */ jsxs4(
+          reviewModeEnabled && /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
@@ -11688,7 +11729,7 @@ function ModelNexOnboardingPanel({
             "button",
             {
               onClick: playback.repeatStep,
-              style: { flex: playback.isReviewMode ? 0.6 : 1, borderRadius: "12px", border: "1px solid rgba(15,23,42,0.12)", background: "#fff", padding: "11px 14px", cursor: "pointer", fontWeight: 600 },
+              style: { flex: reviewModeEnabled ? 0.6 : 1, borderRadius: "12px", border: "1px solid rgba(15,23,42,0.12)", background: "#fff", padding: "11px 14px", cursor: "pointer", fontWeight: 600 },
               children: "Repeat"
             }
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelnex/sdk",
-  "version": "0.5.37",
+  "version": "0.5.39",
   "description": "React SDK for natural language control of web apps via AI agents",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",