@modelnex/sdk 0.5.38 → 0.5.39

package/dist/index.js

@@ -3305,6 +3305,22 @@ 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 {
@@ -4826,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);
@@ -8804,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";
@@ -9613,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;
@@ -9660,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;
@@ -10429,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: {
@@ -10724,7 +10729,7 @@ function ModelNexChatBubble({
                       ] })
                     ] })
                   ] }),
-                  onboardingPlayback.isReviewMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  onboardingReviewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                     "div",
                     {
                       style: {
@@ -10830,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,
@@ -10842,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"
                       }
                     )
@@ -10883,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: {
@@ -11337,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)("");
@@ -11372,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,
@@ -11796,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: {
@@ -11907,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",
@@ -11934,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

@@ -3094,6 +3094,22 @@ 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 {
@@ -4615,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);
@@ -8592,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";
@@ -9401,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;
@@ -9448,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;
@@ -10217,7 +10222,7 @@ function ModelNexChatBubble({
               ]
             }
           ) }),
-          tourPlayback.isActive && tourPlayback.isReviewMode && /* @__PURE__ */ jsxs3(
+          tourPlayback.isActive && tourReviewModeEnabled && /* @__PURE__ */ jsxs3(
             "div",
             {
               style: {
@@ -10512,7 +10517,7 @@ function ModelNexChatBubble({
                       ] })
                     ] })
                   ] }),
-                  onboardingPlayback.isReviewMode && /* @__PURE__ */ jsxs3(
+                  onboardingReviewModeEnabled && /* @__PURE__ */ jsxs3(
                     "div",
                     {
                       style: {
@@ -10618,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,
@@ -10630,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"
                       }
                     )
@@ -10671,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: {
@@ -11125,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("");
@@ -11160,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,
@@ -11584,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: {
@@ -11695,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",
@@ -11722,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.38",
+  "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",