@modelnex/sdk 0.5.3 → 0.5.6

package/dist/index.mjs

@@ -3,7 +3,7 @@ import {
 } from "./chunk-N65UEB6X.mjs";
 
 // src/index.ts
-import React8, { useState as useState15, useCallback as useCallback14, useEffect as useEffect20, useMemo as useMemo5 } from "react";
+import React8, { useState as useState15, useCallback as useCallback14, useEffect as useEffect19, useMemo as useMemo5 } from "react";
 
 // src/context.ts
 import { createContext } from "react";
@@ -2040,7 +2040,7 @@ function useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl
 
 // src/hooks/useRunCommand.ts
 import { useCallback as useCallback5, useContext as useContext2 } from "react";
-var DEFAULT_SERVER_URL = "http://localhost:3002";
+var DEFAULT_SERVER_URL = "https://69tgf4aic6.us-east-1.awsapprunner.com";
 function searchTaggedElementsForQuery(store, query, limit = 8) {
   const allTags = store.getAllTags();
   if (allTags.length === 0) return [];
@@ -2087,33 +2087,8 @@ function useRunCommand(serverUrlOverride) {
   );
 }
 
-// src/hooks/useRegisterAction.ts
-import { useEffect as useEffect9, useContext as useContext3, useRef as useRef7 } from "react";
-function useRegisterAction(action) {
-  const ctx = useContext3(ModelNexContext);
-  const registerAction = ctx?.registerAction;
-  const unregisterAction = ctx?.unregisterAction;
-  const actionRef = useRef7(action);
-  actionRef.current = action;
-  useEffect9(() => {
-    if (!registerAction || !unregisterAction) return;
-    const current = actionRef.current;
-    const agentAction = {
-      id: current.id,
-      description: current.description,
-      schema: current.schema,
-      execute: current.execute
-    };
-    registerAction(agentAction);
-    const id = current.id;
-    return () => {
-      unregisterAction(id);
-    };
-  }, [action.id, action.description, action.schema, action.execute, registerAction, unregisterAction]);
-}
-
 // src/ui-state.tsx
-import { createContext as createContext2, useContext as useContext4, useState as useState5, useCallback as useCallback6, useMemo as useMemo2 } from "react";
+import { createContext as createContext2, useContext as useContext3, useState as useState5, useCallback as useCallback6, useMemo as useMemo2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var UIStateContext = createContext2(null);
 function UIStateProvider({
@@ -2130,13 +2105,13 @@ function UIStateProvider({
   return /* @__PURE__ */ jsx2(UIStateContext.Provider, { value, children });
 }
 function useUIState() {
-  const ctx = useContext4(UIStateContext);
+  const ctx = useContext3(UIStateContext);
   if (!ctx) throw new Error("useUIState must be used within UIStateProvider");
   return [ctx.state, ctx.setState];
 }
 
 // src/viewport.ts
-import { useEffect as useEffect11, useRef as useRef8, useState as useState6 } from "react";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState6 } from "react";
 var visibleIds = /* @__PURE__ */ new Set();
 var listeners = /* @__PURE__ */ new Set();
 function updateVisibility(id, visible) {
@@ -2145,9 +2120,9 @@ function updateVisibility(id, visible) {
   listeners.forEach((fn) => fn());
 }
 function useViewportTrack(id) {
-  const ref = useRef8(null);
+  const ref = useRef7(null);
   const [, setTick] = useState6(0);
-  useEffect11(() => {
+  useEffect10(() => {
     const el = ref.current;
     if (!el) return;
     const obs = new IntersectionObserver(
@@ -2162,7 +2137,7 @@ function useViewportTrack(id) {
       updateVisibility(id, false);
     };
   }, [id]);
-  useEffect11(() => {
+  useEffect10(() => {
     const fn = () => setTick((t) => t + 1);
     listeners.add(fn);
     return () => {
@@ -2173,7 +2148,7 @@ function useViewportTrack(id) {
 }
 function useVisibleIds() {
   const [ids, setIds] = useState6([]);
-  useEffect11(() => {
+  useEffect10(() => {
     const fn = () => setIds(Array.from(visibleIds));
     fn();
     listeners.add(fn);
@@ -2190,21 +2165,22 @@ function useAgentViewport(options = {}) {
 }
 
 // src/chat-bubble.tsx
-import { useState as useState13, useRef as useRef14, useEffect as useEffect18, useContext as useContext6, useCallback as useCallback12, useMemo as useMemo3 } from "react";
+import { useState as useState13, useRef as useRef13, useEffect as useEffect17, useContext as useContext5, useCallback as useCallback12, useMemo as useMemo3 } from "react";
 import { createPortal, flushSync } from "react-dom";
 
 // src/hooks/useExperiencePlaybackController.ts
-import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef10, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState8 } from "react";
 
 // src/utils/draftPreview.ts
 var ACTIVE_DRAFT_PREVIEW_STORAGE_KEY = "modelnex:active-draft-preview";
 function getPreviewQueryParamName(experienceType) {
-  return experienceType === "onboarding" ? "modelnex_test_onboarding" : "modelnex_test_tour";
+  return experienceType === "onboarding" ? "modelnex_test_workflow" : "modelnex_test_tour";
 }
 function buildDraftPreviewUrl(currentUrl, draft) {
   const url = new URL(currentUrl);
   url.searchParams.delete("modelnex_test_tour");
   url.searchParams.delete("modelnex_test_onboarding");
+  url.searchParams.delete("modelnex_test_workflow");
   url.searchParams.set(getPreviewQueryParamName(draft.experienceType), draft.id);
   return url.toString();
 }
@@ -2350,12 +2326,10 @@ function getStartPolicy(tour) {
 function getNotificationType(tour) {
   return tour.notificationType ?? "bubble_card";
 }
-function isTourEligible(tour, userProfile, tourFacts) {
+function isTourEligible(tour, userProfile) {
   switch (normalizeTrigger(tour.trigger)) {
     case "first_visit":
       return !!userProfile.isNewUser;
-    case "feature_launch":
-      return !!tour.featureKey && !!tourFacts?.features?.includes(tour.featureKey);
     case "manual":
       return false;
     default:
@@ -2364,7 +2338,7 @@ function isTourEligible(tour, userProfile, tourFacts) {
 }
 
 // src/hooks/useTourPlayback.ts
-import { useState as useState7, useRef as useRef9, useCallback as useCallback7, useEffect as useEffect12, useContext as useContext5 } from "react";
+import { useState as useState7, useRef as useRef8, useCallback as useCallback7, useEffect as useEffect11, useContext as useContext4 } from "react";
 
 // src/utils/retryLookup.ts
 var defaultSleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -2869,7 +2843,6 @@ function useTourPlayback({
   socketId,
   websiteId,
   userProfile,
-  tourFacts,
   voice,
   appName = "this app",
   extractedElements,
@@ -2892,35 +2865,35 @@ function useTourPlayback({
   const [reviewStatusMessage, setReviewStatusMessage] = useState7(null);
   const [pendingTour, setPendingTour] = useState7(null);
   const [serverState, setServerState] = useState7(null);
-  const ctx = useContext5(ModelNexContext);
+  const ctx = useContext4(ModelNexContext);
   const devMode = ctx?.devMode;
-  const tourRef = useRef9(null);
-  const stepIndexRef = useRef9(0);
-  const skipRequestedRef = useRef9(false);
-  const advanceRequestedRef = useRef9(false);
-  const textInputResolveRef = useRef9(null);
-  const voiceInputResolveRef = useRef9(null);
-  const askOrFillRef = useRef9(null);
-  const pendingManualWaitCleanupRef = useRef9(null);
-  const llmRespondingRef = useRef9(false);
-  const interruptedForQuestionRef = useRef9(false);
-  const pendingInputBufRef = useRef9(null);
-  const activeExecutionTokenRef = useRef9(0);
-  const commandInFlightRef = useRef9(false);
-  const reviewModeRef = useRef9(false);
-  const previewRunIdRef = useRef9(null);
-  const toursApiBaseRef = useRef9(toursApiBase);
-  const pendingTourRef = useRef9(null);
-  const pendingTourOptionsRef = useRef9(null);
-  const showCaptionsRef = useRef9(showCaptions);
-  const runIdRef = useRef9(null);
-  const turnIdRef = useRef9(null);
-  const socketRef = useRef9(null);
-  const socketIdRef = useRef9(socketId);
-  const commandUrlRef = useRef9(commandUrl);
-  const onStepChangeRef = useRef9(onStepChange);
-  const isActiveRef = useRef9(false);
-  const activeCommandBatchIdRef = useRef9(null);
+  const tourRef = useRef8(null);
+  const stepIndexRef = useRef8(0);
+  const skipRequestedRef = useRef8(false);
+  const advanceRequestedRef = useRef8(false);
+  const textInputResolveRef = useRef8(null);
+  const voiceInputResolveRef = useRef8(null);
+  const askOrFillRef = useRef8(null);
+  const pendingManualWaitCleanupRef = useRef8(null);
+  const llmRespondingRef = useRef8(false);
+  const interruptedForQuestionRef = useRef8(false);
+  const pendingInputBufRef = useRef8(null);
+  const activeExecutionTokenRef = useRef8(0);
+  const commandInFlightRef = useRef8(false);
+  const reviewModeRef = useRef8(false);
+  const previewRunIdRef = useRef8(null);
+  const toursApiBaseRef = useRef8(toursApiBase);
+  const pendingTourRef = useRef8(null);
+  const pendingTourOptionsRef = useRef8(null);
+  const showCaptionsRef = useRef8(showCaptions);
+  const runIdRef = useRef8(null);
+  const turnIdRef = useRef8(null);
+  const socketRef = useRef8(null);
+  const socketIdRef = useRef8(socketId);
+  const commandUrlRef = useRef8(commandUrl);
+  const onStepChangeRef = useRef8(onStepChange);
+  const isActiveRef = useRef8(false);
+  const activeCommandBatchIdRef = useRef8(null);
   socketIdRef.current = socketId;
   commandUrlRef.current = commandUrl;
   onStepChangeRef.current = onStepChange;
@@ -2930,7 +2903,7 @@ function useTourPlayback({
   toursApiBaseRef.current = toursApiBase;
   pendingTourRef.current = pendingTour;
   showCaptionsRef.current = showCaptions;
-  useEffect12(() => {
+  useEffect11(() => {
     if (disabled) return;
     if (typeof window === "undefined") return;
     import("socket.io-client").then((ioModule) => {
@@ -3547,12 +3520,12 @@ function useTourPlayback({
       turnIdRef.current = null;
     };
   }, [serverUrl, websiteId, userProfile, disabled, devMode, experienceType]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!showCaptions || !isReviewMode) {
       removeCaption();
     }
   }, [showCaptions, isReviewMode]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!socketRef.current?.connected || !isActiveRef.current) return;
     socketRef.current.emit("tour:client_state", {
       runId: runIdRef.current,
@@ -3723,13 +3696,13 @@ function useTourPlayback({
       tourContext: tour
     });
   }, [serverUrl, websiteId]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!enableAutoDiscovery) return;
     if (disabled) return;
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
-    const queryParam = experienceType === "onboarding" ? "modelnex_test_onboarding" : "modelnex_test_tour";
-    const queryTourId = params.get(queryParam);
+    const queryParam = experienceType === "onboarding" ? "modelnex_test_workflow" : "modelnex_test_tour";
+    const queryTourId = experienceType === "onboarding" ? params.get("modelnex_test_workflow") || params.get("modelnex_test_onboarding") : params.get(queryParam);
     const activeDraftPreview = readActiveDraftPreview();
     const persistedTourId = activeDraftPreview?.experienceType === experienceType ? activeDraftPreview.id : null;
     const tourId = queryTourId || persistedTourId;
@@ -3751,6 +3724,9 @@ function useTourPlayback({
         if (queryTourId) {
           const loc = new URL(window.location.href);
           loc.searchParams.delete(queryParam);
+          if (experienceType === "onboarding") {
+            loc.searchParams.delete("modelnex_test_onboarding");
+          }
           window.history.replaceState({}, "", loc.toString());
         }
         const previewOptions = { reviewMode: true, reviewMetadata: { trigger: "query_param" } };
@@ -3769,13 +3745,13 @@ function useTourPlayback({
       cancelled = true;
     };
   }, [serverUrl, toursApiBase, disabled, websiteId, experienceType, enableAutoDiscovery]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!enableAutoDiscovery) return;
     if (disabled) return;
     if (!websiteId || !userProfile) return;
     if (typeof window !== "undefined") {
       const params = new URLSearchParams(window.location.search);
-      if (params.has("modelnex_test_tour") || params.has("modelnex_test_onboarding") || readActiveDraftPreview()) return;
+      if (params.has("modelnex_test_tour") || params.has("modelnex_test_workflow") || params.has("modelnex_test_onboarding") || readActiveDraftPreview()) return;
     }
     let cancelled = false;
     const checkTours = async () => {
@@ -3783,7 +3759,7 @@ function useTourPlayback({
       if (cancelled) return;
       for (const tour of tours) {
         if (cancelled) break;
-        if (!isTourEligible(tour, userProfile, tourFacts)) {
+        if (!isTourEligible(tour, userProfile)) {
           continue;
         }
         const startPolicy = getStartPolicy(tour);
@@ -3810,8 +3786,8 @@ function useTourPlayback({
       cancelled = true;
       clearTimeout(timer);
     };
-  }, [websiteId, serverUrl, toursApiBase, disabled, experienceType, userProfile, tourFacts, enableAutoDiscovery]);
-  useEffect12(() => {
+  }, [websiteId, serverUrl, toursApiBase, disabled, experienceType, userProfile, enableAutoDiscovery]);
+  useEffect11(() => {
     if (!disabled || !isActiveRef.current) return;
     stopTour();
   }, [disabled, stopTour]);
@@ -3941,7 +3917,7 @@ function useTourPlayback({
       handleVoiceInput(text.trim());
     }
   }, [handleVoiceInput]);
-  useEffect12(() => {
+  useEffect11(() => {
     return () => {
       removeHighlight();
       removeCaption();
@@ -3982,7 +3958,6 @@ function useExperiencePlaybackController({
   socketId,
   websiteId,
   userProfile,
-  tourFacts,
   voice,
   appName,
   extractedElements,
@@ -3995,10 +3970,10 @@ function useExperiencePlaybackController({
   const [activeExperienceType, setActiveExperienceType] = useState8(initialExperienceType);
   const [startingExperienceType, setStartingExperienceType] = useState8(null);
   const [pendingPrompt, setPendingPrompt] = useState8(null);
-  const pendingPromptRef = useRef10(null);
-  const queuedStartRef = useRef10(null);
-  const bufferedVoiceInputsRef = useRef10([]);
-  const previewDiscoveryInFlightRef = useRef10(false);
+  const pendingPromptRef = useRef9(null);
+  const queuedStartRef = useRef9(null);
+  const bufferedVoiceInputsRef = useRef9([]);
+  const previewDiscoveryInFlightRef = useRef9(false);
   pendingPromptRef.current = pendingPrompt;
   const playback = useTourPlayback({
     serverUrl,
@@ -4007,7 +3982,6 @@ function useExperiencePlaybackController({
     socketId,
     websiteId,
     userProfile,
-    tourFacts,
     voice,
     appName,
     extractedElements,
@@ -4075,12 +4049,12 @@ function useExperiencePlaybackController({
     }
     playback.handleVoiceInput(trimmed);
   }, [activeExperienceType, playback]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (playback.isActive && startingExperienceType !== null) {
       setStartingExperienceType(null);
     }
   }, [playback.isActive, startingExperienceType]);
-  useEffect13(() => {
+  useEffect12(() => {
     const queuedStart = queuedStartRef.current;
     if (!queuedStart) return;
     if (playback.isActive) return;
@@ -4088,23 +4062,23 @@ function useExperiencePlaybackController({
     queuedStartRef.current = null;
     playback.startTour(queuedStart.tour, queuedStart.options);
   }, [activeExperienceType, playback]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!playback.isActive) return;
     const readyInputs = bufferedVoiceInputsRef.current.filter((item) => item.experienceType === activeExperienceType);
     if (readyInputs.length === 0) return;
     bufferedVoiceInputsRef.current = bufferedVoiceInputsRef.current.filter((item) => item.experienceType !== activeExperienceType);
     readyInputs.forEach((item) => playback.handleVoiceInput(item.transcript));
   }, [activeExperienceType, playback]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (disabled) return;
     if (typeof window === "undefined") return;
     if (previewDiscoveryInFlightRef.current) return;
     const params = new URLSearchParams(window.location.search);
     const activeDraftPreview = readActiveDraftPreview();
     const previewRequests = [];
-    const onboardingPreviewId = params.get("modelnex_test_onboarding");
+    const onboardingPreviewId = params.get("modelnex_test_workflow") || params.get("modelnex_test_onboarding");
     if (onboardingPreviewId) {
-      previewRequests.push({ experienceType: "onboarding", queryParam: "modelnex_test_onboarding", tourId: onboardingPreviewId });
+      previewRequests.push({ experienceType: "onboarding", queryParam: "modelnex_test_workflow", tourId: onboardingPreviewId });
     }
     const tourPreviewId = params.get("modelnex_test_tour");
     if (tourPreviewId) {
@@ -4155,7 +4129,7 @@ function useExperiencePlaybackController({
       previewDiscoveryInFlightRef.current = false;
     };
   }, [disabled, queueExperienceStart, serverUrl, toursApiBase, websiteId]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (disabled) return;
     if (!websiteId || !userProfile) return;
     if (playback.isActive || pendingPromptRef.current || previewDiscoveryInFlightRef.current) return;
@@ -4171,7 +4145,7 @@ function useExperiencePlaybackController({
       for (const { experienceType, tours } of toursByExperience) {
         for (const tour of tours) {
           if (cancelled) return;
-          if (!isTourEligible(tour, userProfile, tourFacts)) continue;
+          if (!isTourEligible(tour, userProfile)) continue;
           const startPolicy = getStartPolicy(tour);
           if (startPolicy === "manual_only") {
             continue;
@@ -4198,7 +4172,7 @@ function useExperiencePlaybackController({
       cancelled = true;
       clearTimeout(timer);
     };
-  }, [disabled, playback.isActive, queueExperienceStart, serverUrl, toursApiBase, tourFacts, userProfile, websiteId]);
+  }, [disabled, playback.isActive, queueExperienceStart, serverUrl, toursApiBase, userProfile, websiteId]);
   return {
     activeExperienceType,
     startingExperienceType,
@@ -4212,7 +4186,7 @@ function useExperiencePlaybackController({
 }
 
 // src/hooks/useVoice.ts
-import { useState as useState9, useRef as useRef11, useCallback as useCallback9, useEffect as useEffect14 } from "react";
+import { useState as useState9, useRef as useRef10, useCallback as useCallback9, useEffect as useEffect13 } from "react";
 
 // src/utils/webrtc-aec.ts
 function isWebRtcAecSupported() {
@@ -4584,32 +4558,32 @@ function useVoice(serverUrl) {
   const [isSpeaking, setIsSpeaking] = useState9(false);
   const [isListening, setIsListening] = useState9(false);
   const [isMuted, setIsMuted] = useState9(false);
-  const audioRef = useRef11(null);
-  const audioBlobUrlRef = useRef11(null);
-  const speakResolveRef = useRef11(null);
-  const recognitionRef = useRef11(null);
-  const isMutedRef = useRef11(false);
-  const sttCallbacksRef = useRef11(null);
-  const stripIndicesRef = useRef11({});
-  const accumulatedRef = useRef11([]);
-  const interimDebounceRef = useRef11(null);
-  const lastInterimRef = useRef11("");
-  const lastDeliveredRef = useRef11("");
-  const isSpeakingRef = useRef11(false);
-  const speechEndTimeRef = useRef11(0);
-  const recentTtsRef = useRef11([]);
-  const prefetchedSpeechRef = useRef11(/* @__PURE__ */ new Map());
-  const nearEndTimeoutRef = useRef11(null);
-  const queuePromiseRef = useRef11(Promise.resolve());
-  const queueSeqRef = useRef11(0);
-  const lastStopSeqRef = useRef11(0);
-  const listeningSessionIdRef = useRef11(null);
-  const listeningStartedAtRef = useRef11(0);
-  const loopbackRef = useRef11(null);
-  const aecActiveRef = useRef11(false);
-  const mediaRecorderRef = useRef11(null);
-  const micStreamRef = useRef11(null);
-  const sttSocketRef = useRef11(null);
+  const audioRef = useRef10(null);
+  const audioBlobUrlRef = useRef10(null);
+  const speakResolveRef = useRef10(null);
+  const recognitionRef = useRef10(null);
+  const isMutedRef = useRef10(false);
+  const sttCallbacksRef = useRef10(null);
+  const stripIndicesRef = useRef10({});
+  const accumulatedRef = useRef10([]);
+  const interimDebounceRef = useRef10(null);
+  const lastInterimRef = useRef10("");
+  const lastDeliveredRef = useRef10("");
+  const isSpeakingRef = useRef10(false);
+  const speechEndTimeRef = useRef10(0);
+  const recentTtsRef = useRef10([]);
+  const prefetchedSpeechRef = useRef10(/* @__PURE__ */ new Map());
+  const nearEndTimeoutRef = useRef10(null);
+  const queuePromiseRef = useRef10(Promise.resolve());
+  const queueSeqRef = useRef10(0);
+  const lastStopSeqRef = useRef10(0);
+  const listeningSessionIdRef = useRef10(null);
+  const listeningStartedAtRef = useRef10(0);
+  const loopbackRef = useRef10(null);
+  const aecActiveRef = useRef10(false);
+  const mediaRecorderRef = useRef10(null);
+  const micStreamRef = useRef10(null);
+  const sttSocketRef = useRef10(null);
   const stopLiveSttTransport = useCallback9(() => {
     const socket = sttSocketRef.current;
     sttSocketRef.current = null;
@@ -4639,10 +4613,10 @@ function useVoice(serverUrl) {
     }
     mediaRecorderRef.current = null;
   }, []);
-  useEffect14(() => {
+  useEffect13(() => {
     isMutedRef.current = isMuted;
   }, [isMuted]);
-  useEffect14(() => {
+  useEffect13(() => {
     isSpeakingRef.current = isSpeaking;
   }, [isSpeaking]);
   const webSpeechSupported = typeof window !== "undefined" && !!(window.SpeechRecognition || window.webkitSpeechRecognition);
@@ -5304,7 +5278,7 @@ function useVoice(serverUrl) {
       return next;
     });
   }, []);
-  useEffect14(() => {
+  useEffect13(() => {
     return () => {
       stopSpeaking();
       stopListening();
@@ -5333,18 +5307,18 @@ function useVoice(serverUrl) {
 }
 
 // src/hooks/useAudioLevel.ts
-import { useState as useState10, useEffect as useEffect15, useRef as useRef12 } from "react";
+import { useState as useState10, useEffect as useEffect14, useRef as useRef11 } from "react";
 var BAR_COUNT = 9;
 var SENSITIVITY = 2.8;
 var FLOOR = 0.08;
 function useAudioLevel(active) {
   const [levels, setLevels] = useState10(() => Array(BAR_COUNT).fill(FLOOR));
-  const streamRef = useRef12(null);
-  const ctxRef = useRef12(null);
-  const analyserRef = useRef12(null);
-  const rafRef = useRef12(0);
-  const timeDataRef = useRef12(null);
-  useEffect15(() => {
+  const streamRef = useRef11(null);
+  const ctxRef = useRef11(null);
+  const analyserRef = useRef11(null);
+  const rafRef = useRef11(0);
+  const timeDataRef = useRef11(null);
+  useEffect14(() => {
     if (!active || typeof window === "undefined") {
       setLevels(Array(BAR_COUNT).fill(FLOOR));
       return;
@@ -5416,7 +5390,7 @@ function useAudioLevel(active) {
 }
 
 // src/hooks/useRecordingMode.ts
-import { useState as useState11, useRef as useRef13, useCallback as useCallback10, useEffect as useEffect16 } from "react";
+import { useState as useState11, useRef as useRef12, useCallback as useCallback10, useEffect as useEffect15 } from "react";
 
 // src/utils/tourStepTypes.ts
 function isAskDrivenInputStepType(stepType) {
@@ -5706,22 +5680,22 @@ function useRecordingMode({
   const [captureEvents, setCaptureEvents] = useState11([]);
   const [capturedTranscript, setCapturedTranscript] = useState11("");
   const [isVoiceCaptureActive, setIsVoiceCaptureActive] = useState11(false);
-  const stepsRef = useRef13([]);
+  const stepsRef = useRef12([]);
   stepsRef.current = steps;
-  const captureEventsRef = useRef13([]);
+  const captureEventsRef = useRef12([]);
   const safeSpeak = useCallback10((text) => {
     void voice.speak(text).catch((err) => {
       console.warn("[Recording] Voice playback unavailable:", err);
     });
   }, [voice]);
   captureEventsRef.current = captureEvents;
-  const pendingClicksRef = useRef13([]);
-  const shouldKeepVoiceCaptureRef = useRef13(false);
-  const resumeVoiceAfterNarrationRef = useRef13(false);
-  const lastAutoNoteRef = useRef13("");
-  const lastHoverKeyRef = useRef13("");
-  const lastHoverAtRef = useRef13(0);
-  const selectedStepTypeRef = useRef13("ask_or_fill");
+  const pendingClicksRef = useRef12([]);
+  const shouldKeepVoiceCaptureRef = useRef12(false);
+  const resumeVoiceAfterNarrationRef = useRef12(false);
+  const lastAutoNoteRef = useRef12("");
+  const lastHoverKeyRef = useRef12("");
+  const lastHoverAtRef = useRef12(0);
+  const selectedStepTypeRef = useRef12("ask_or_fill");
   selectedStepTypeRef.current = selectedStepType;
   const isRecording = phase !== "idle";
   const stepCount = steps.length;
@@ -5873,7 +5847,7 @@ function useRecordingMode({
     setPolishedNarration(transcript);
     setPhase("reviewing");
   }, []);
-  const pendingNarrationRef = useRef13("");
+  const pendingNarrationRef = useRef12("");
   const startNarration = useCallback10(() => {
     resumeVoiceAfterNarrationRef.current = shouldKeepVoiceCaptureRef.current && isVoiceCaptureActive;
     if (isVoiceCaptureActive) {
@@ -6057,7 +6031,7 @@ function useRecordingMode({
     setPolishedNarration("");
     safeSpeak("Recording cancelled.");
   }, [safeSpeak, stopBackgroundVoiceCapture]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!isRecording || typeof document === "undefined") return;
     const handleMouseMove = (event) => {
       const target = event.target;
@@ -6236,12 +6210,12 @@ function useRecordingMode({
       pendingClicksRef.current = [];
       setPhase("idle");
       const savedStepCount = Array.isArray(data?.tour?.steps) ? data.tour.steps.length : 0;
-      const itemLabel = experienceType === "onboarding" ? "onboarding flow" : "tour";
-      safeSpeak(`${itemLabel === "tour" ? "Tour" : "Onboarding flow"} "${tourName}" saved as a draft with ${savedStepCount} generated steps. Review and preview it before publishing.`);
+      const itemLabel = experienceType === "onboarding" ? "workflow" : "tour";
+      safeSpeak(`${itemLabel === "tour" ? "Tour" : "Workflow"} "${tourName}" saved as a draft with ${savedStepCount} generated steps. Review and preview it before publishing.`);
       return data.id ?? null;
     } catch (err) {
       console.error("[Recording] Failed to save tour:", err);
-      safeSpeak(`Failed to save the ${experienceType === "onboarding" ? "onboarding flow" : "tour"}. Please try again.`);
+      safeSpeak(`Failed to save the ${experienceType === "onboarding" ? "workflow" : "tour"}. Please try again.`);
       setPhase("active");
       return null;
     }
@@ -6255,7 +6229,7 @@ function useRecordingMode({
     shouldKeepVoiceCaptureRef.current = true;
     startBackgroundVoiceCapture();
   }, [isVoiceCaptureActive, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!isRecording) return;
     if (phase === "active" && shouldKeepVoiceCaptureRef.current && !isVoiceCaptureActive) {
       startBackgroundVoiceCapture();
@@ -6326,7 +6300,7 @@ function useRecordingMode({
 }
 
 // src/components/RecordingOverlay.tsx
-import { useEffect as useEffect17, useState as useState12, useCallback as useCallback11 } from "react";
+import { useEffect as useEffect16, useState as useState12, useCallback as useCallback11 } from "react";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function buildFingerprint(el) {
   const tag = el.tagName.toLowerCase();
@@ -7258,7 +7232,7 @@ function RecordingOverlay({
       setShowPopover(true);
     }
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!isSelecting) return;
     document.addEventListener("mousemove", handleMouseMove, true);
     document.addEventListener("click", handleClick, true);
@@ -7270,7 +7244,7 @@ function RecordingOverlay({
       document.body.style.cursor = prev;
     };
   }, [isSelecting, handleMouseMove, handleClick]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (isSelecting) {
       setShowPopover(false);
       setPendingElement(null);
@@ -7786,7 +7760,7 @@ function shouldIgnoreTourGestureStart(target) {
 }
 function useMediaQuery(query) {
   const [matches, setMatches] = useState13(false);
-  useEffect18(() => {
+  useEffect17(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) setMatches(media.matches);
     const listener = () => setMatches(media.matches);
@@ -7859,7 +7833,7 @@ var GLOBAL_STYLES = `
 `;
 function Tooltip({ children, title }) {
   const [show, setShow] = useState13(false);
-  const ref = useRef14(null);
+  const ref = useRef13(null);
   const handleShow = () => setShow(true);
   const handleHide = () => setShow(false);
   return /* @__PURE__ */ jsxs3(
@@ -7939,7 +7913,7 @@ function AgentTraces({ debug, command, defaultExpanded = true }) {
   const [expandedSteps, setExpandedSteps] = useState13(/* @__PURE__ */ new Set());
   const traces = debug.traces ?? [];
   const hasTraceContent = traces.length > 0 || debug.llmInput || (debug.llmOutput?.length ?? 0) > 0 || (debug.actions?.length ?? 0) > 0;
-  useEffect18(() => {
+  useEffect17(() => {
     setExpandedSteps(new Set(traces.map((t) => t.step)));
   }, [debug]);
   const toggleStep = (step) => {
@@ -8126,11 +8100,6 @@ var RecordIcon = () => /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16",
   /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "8" }),
   /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor" })
 ] });
-var MapIcon = () => /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx4("polygon", { points: "3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21" }),
-  /* @__PURE__ */ jsx4("line", { x1: "9", y1: "3", x2: "9", y2: "18" }),
-  /* @__PURE__ */ jsx4("line", { x1: "15", y1: "6", x2: "15", y2: "21" })
-] });
 var BookOpenIcon = () => /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx4("path", { d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" }),
   /* @__PURE__ */ jsx4("path", { d: "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" })
@@ -8139,17 +8108,17 @@ function ModelNexChatBubble({
   placeholder = "Ask me to do something...",
   defaultCommand = "List my documents",
   className = "",
-  onCommand,
   welcomeMessage = "Hi! I can help you navigate and manage your documents. Try asking me to open a document, go to templates, or filter by status.",
   agentName = "ModelNex AI",
   appName = "this app",
-  recordingExperienceType = "tour",
   theme
 }) {
+  const onCommand = void 0;
+  const recordingExperienceType = "tour";
   const noop = useCallback12(() => void 0, []);
   const noopAsync = useCallback12(async () => void 0, []);
   const runCommand = useRunCommand();
-  const ctx = useContext6(ModelNexContext);
+  const ctx = useContext5(ModelNexContext);
   const [hydrated, setHydrated] = useState13(false);
   const [expanded, setExpanded] = useState13(false);
   const [input, setInput] = useState13("");
@@ -8157,10 +8126,10 @@ function ModelNexChatBubble({
   const setMessages = ctx?.setChatMessages ?? (() => {
   });
   const [loading, setLoading] = useState13(false);
-  const messagesEndRef = useRef14(null);
-  const abortControllerRef = useRef14(null);
-  const panelRef = useRef14(null);
-  const serverUrl = ctx?.serverUrl ?? "http://localhost:3002";
+  const messagesEndRef = useRef13(null);
+  const abortControllerRef = useRef13(null);
+  const panelRef = useRef13(null);
+  const serverUrl = ctx?.serverUrl ?? "https://69tgf4aic6.us-east-1.awsapprunner.com";
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
   const recordingMode = ctx?.recordingMode ?? false;
@@ -8190,7 +8159,6 @@ function ModelNexChatBubble({
     socketId: ctx?.socketId,
     websiteId: ctx?.websiteId,
     userProfile: ctx?.userProfile,
-    tourFacts: ctx?.tourFacts,
     voice,
     appName,
     tagStore: ctx?.tagStore,
@@ -8238,7 +8206,7 @@ function ModelNexChatBubble({
   const tourPlayback = useMemo3(() => createPlaybackView("tour"), [createPlaybackView]);
   const onboardingPlayback = useMemo3(() => createPlaybackView("onboarding"), [createPlaybackView]);
   const tourReviewToggle = getReviewModeToggleConfig(tourPlayback.playbackState);
-  const lastAutoTaggedUrlRef = useRef14(null);
+  const lastAutoTaggedUrlRef = useRef13(null);
   const handleAutoTag = useCallback12(async () => {
     if (!ctx) return;
     const { extractedElements, tagStore, commandUrl, serverUrl: serverUrl2, websiteId } = ctx;
@@ -8248,7 +8216,7 @@ function ModelNexChatBubble({
     if (lastAutoTaggedUrlRef.current === currentUrl || localStorage.getItem(storageKey)) {
       return;
     }
-    const baseUrl = commandUrl ?? serverUrl2 ?? "http://localhost:3002";
+    const baseUrl = commandUrl ?? serverUrl2 ?? "https://69tgf4aic6.us-east-1.awsapprunner.com";
     const url = baseUrl.startsWith("/") ? `${window.location.origin}${baseUrl}/agent/auto-tag` : `${baseUrl}/agent/auto-tag`;
     const elements = extractedElements.map((el) => ({
       fingerprint: el.fingerprint,
@@ -8293,7 +8261,7 @@ function ModelNexChatBubble({
       console.warn("[ModelNex] Auto-tag error:", err);
     }
   }, [ctx]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (devMode && ctx?.extractedElements.length) {
       const timer = setTimeout(handleAutoTag, 1e3);
       return () => clearTimeout(timer);
@@ -8301,7 +8269,7 @@ function ModelNexChatBubble({
   }, [devMode, handleAutoTag, ctx?.extractedElements.length, window.location.pathname]);
   const onboardingReviewToggle = getReviewModeToggleConfig(onboardingPlayback.playbackState);
   const pendingNotificationType = (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.notificationType ?? "bubble_card";
-  useEffect18(() => {
+  useEffect17(() => {
     setHydrated(true);
     try {
       setExpanded(sessionStorage.getItem(BUBBLE_EXPANDED_STORAGE_KEY) === "true");
@@ -8309,12 +8277,12 @@ function ModelNexChatBubble({
       setExpanded(false);
     }
   }, []);
-  const sttActiveRef = useRef14(false);
+  const sttActiveRef = useRef13(false);
   const [tourListenReady, setTourListenReady] = useState13(false);
   const [tourSttError, setTourSttError] = useState13(null);
-  const previousTourActiveRef = useRef14(false);
-  const tourListenReadyRef = useRef14(false);
-  const tourSttErrorRef = useRef14(null);
+  const previousTourActiveRef = useRef13(false);
+  const tourListenReadyRef = useRef13(false);
+  const tourSttErrorRef = useRef13(null);
   const updateTourListenReady = useCallback12((next) => {
     if (tourListenReadyRef.current === next) return;
     tourListenReadyRef.current = next;
@@ -8329,7 +8297,7 @@ function ModelNexChatBubble({
     () => buildTranscriptPreviewLines(tourLiveTranscript, { maxCharsPerLine: 36, maxLines: 2 }),
     [tourLiveTranscript]
   );
-  useEffect18(() => {
+  useEffect17(() => {
     const shouldShowFloatingTranscript = (tourPlayback.isActive || onboardingPlayback.isActive) && tourListenReady && voice.isListening;
     if (shouldShowFloatingTranscript) {
       showFloatingLiveTranscript({
@@ -8351,7 +8319,7 @@ function ModelNexChatBubble({
     tourPlayback.isActive,
     voice.isListening
   ]);
-  useEffect18(() => () => {
+  useEffect17(() => () => {
     hideFloatingLiveTranscript();
   }, []);
   const setExpandedState = useCallback12((next, opts) => {
@@ -8366,13 +8334,13 @@ function ModelNexChatBubble({
     } catch {
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive]);
-  useEffect18(() => {
+  useEffect17(() => {
     if ((onboardingPlayback.pendingTour || tourPlayback.pendingTour) && !recordingMode && pendingNotificationType === "bubble_card") {
       setExpandedState(true);
     }
   }, [onboardingPlayback.pendingTour, tourPlayback.pendingTour, recordingMode, pendingNotificationType, setExpandedState]);
-  const preferredListeningExperienceRef = useRef14(null);
-  const playbackVoiceRoutingRef = useRef14({
+  const preferredListeningExperienceRef = useRef13(null);
+  const playbackVoiceRoutingRef = useRef13({
     activeExperienceType,
     isActive: activePlayback.isActive,
     isReviewMode: activePlayback.isReviewMode,
@@ -8380,7 +8348,7 @@ function ModelNexChatBubble({
     playbackState: activePlayback.playbackState,
     handleVoiceInput: playbackController.handleVoiceInput
   });
-  useEffect18(() => {
+  useEffect17(() => {
     playbackVoiceRoutingRef.current = {
       activeExperienceType,
       isActive: activePlayback.isActive,
@@ -8468,7 +8436,7 @@ function ModelNexChatBubble({
     updateTourListenReady,
     updateTourSttError
   ]);
-  useEffect18(() => {
+  useEffect17(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8491,12 +8459,12 @@ function ModelNexChatBubble({
       }
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, setExpandedState, startingExperienceType, updateTourSttError]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!tourPlayback.isReviewMode && !onboardingPlayback.isReviewMode) {
       setReviewDraft("");
     }
   }, [tourPlayback.isReviewMode, onboardingPlayback.isReviewMode]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8505,12 +8473,12 @@ function ModelNexChatBubble({
       preferredListeningExperienceRef.current = null;
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, startingExperienceType]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (recordingMode) {
       setExpandedState(false);
     }
   }, [recordingMode, setExpandedState]);
-  useEffect18(() => {
+  useEffect17(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8524,7 +8492,7 @@ function ModelNexChatBubble({
     }
     updateTourListenReady(Boolean(voice.isListening && sttActiveRef.current));
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice.isListening, startingExperienceType, updateTourListenReady]);
-  useEffect18(() => {
+  useEffect17(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8539,7 +8507,7 @@ function ModelNexChatBubble({
       voice.stopListening();
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice, startingExperienceType, updateTourListenReady, updateTourSttError]);
-  useEffect18(() => {
+  useEffect17(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8585,7 +8553,7 @@ function ModelNexChatBubble({
       );
     }
   }, [voiceInputMode, voice, recordingMode, recording]);
-  useEffect18(() => {
+  useEffect17(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const stopKeyPropagation = (e) => {
@@ -8609,7 +8577,7 @@ function ModelNexChatBubble({
   const tourCompletionRatio = tourPlayback.totalSteps > 0 ? Math.min(tourPlayback.currentStepIndex / tourPlayback.totalSteps, 1) : 0;
   const tourCurrentStep = tourPlayback.activeTour?.steps?.[tourPlayback.currentStepIndex] || null;
   const scrollToBottom = () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  useEffect18(() => {
+  useEffect17(() => {
     if (messages.length > 0) scrollToBottom();
   }, [messages, loading]);
   const runAgent = async () => {
@@ -8652,7 +8620,7 @@ function ModelNexChatBubble({
     }
   };
   const stopAgent = async () => {
-    const baseUrl = ctx?.commandUrl ?? ctx?.serverUrl ?? "http://localhost:3002";
+    const baseUrl = ctx?.commandUrl ?? ctx?.serverUrl ?? "https://69tgf4aic6.us-east-1.awsapprunner.com";
     const abortUrl = baseUrl.startsWith("/") ? `${window.location.origin}${baseUrl}/agent/abort` : `${baseUrl}/agent/abort`;
     try {
       await fetch(abortUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ socketId: ctx?.socketId }) });
@@ -8789,9 +8757,9 @@ function ModelNexChatBubble({
                   animation: "modelnex-slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
                 },
                 children: [
-                  /* @__PURE__ */ jsx4("div", { style: { fontSize: "12px", fontWeight: 800, letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--modelnex-accent, #4f46e5)", marginBottom: "12px" }, children: mc.title || (onboardingPlayback.pendingTour ? "Onboarding" : "Available Tour") }),
+                  /* @__PURE__ */ jsx4("div", { style: { fontSize: "12px", fontWeight: 800, letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--modelnex-accent, #4f46e5)", marginBottom: "12px" }, children: mc.title || (onboardingPlayback.pendingTour ? "Workflow" : "Available Tour") }),
                   /* @__PURE__ */ jsx4("div", { style: { fontSize: "26px", lineHeight: 1.2, fontWeight: 700, color: mc.textColor || "var(--modelnex-fg, #09090b)", marginBottom: "12px" }, children: pt?.name }),
-                  /* @__PURE__ */ jsx4("div", { style: { fontSize: "15px", color: mc.textColor ? mc.textColor : "var(--modelnex-fg-muted, #52525b)", opacity: mc.textColor ? 0.8 : 1, lineHeight: 1.6, marginBottom: "24px" }, children: mc.description || (pt?.trigger === "first_visit" ? "Start a short guided tour to help you get started with the platform." : pt?.featureKey ? `We noticed you're exploring ${pt.featureKey}. Would you like a quick walkthrough?` : "A helpful walkthrough is available to guide you through this section.") }),
+                  /* @__PURE__ */ jsx4("div", { style: { fontSize: "15px", color: mc.textColor ? mc.textColor : "var(--modelnex-fg-muted, #52525b)", opacity: mc.textColor ? 0.8 : 1, lineHeight: 1.6, marginBottom: "24px" }, children: mc.description || (pt?.trigger === "first_visit" ? onboardingPlayback.pendingTour ? "Start a short workflow to help you get started with the platform." : "Start a short guided tour to help you get started with the platform." : pt?.featureKey ? `We noticed you're exploring ${pt.featureKey}. Would you like a quick walkthrough?` : "A helpful walkthrough is available to guide you through this section.") }),
                   /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "12px", justifyContent: "flex-end" }, children: [
                     /* @__PURE__ */ jsx4(
                       "button",
@@ -8865,7 +8833,7 @@ function ModelNexChatBubble({
                 /* @__PURE__ */ jsx4("span", { style: { fontSize: "14px", fontWeight: 800, color: recordingMode ? "#dc2626" : "var(--modelnex-fg, #18181b)", display: "flex", alignItems: "center", gap: "6px" }, children: recordingMode ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
                   /* @__PURE__ */ jsx4("span", { style: { animation: "modelnex-bubble-pulse 1s infinite", color: "#dc2626" }, children: "\u25CF" }),
                   "REC"
-                ] }) : onboardingPlayback.isActive ? /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME.accent, fontWeight: 800 }, children: "Onboarding" }) : tourPlayback.isActive ? /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: TOUR_THEME.accent, fontWeight: 800 }, children: "Product Tour" }) : /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                ] }) : onboardingPlayback.isActive ? /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME.accent, fontWeight: 800 }, children: "Workflow" }) : tourPlayback.isActive ? /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: TOUR_THEME.accent, fontWeight: 800 }, children: "Product Tour" }) : /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
                   /* @__PURE__ */ jsx4(BotIcon, {}),
                   /* @__PURE__ */ jsx4("span", { children: agentName })
                 ] }) }),
@@ -8893,62 +8861,33 @@ function ModelNexChatBubble({
                     children: voice.isMuted ? /* @__PURE__ */ jsx4(VolumeMuteIcon, {}) : /* @__PURE__ */ jsx4(VolumeIcon, {})
                   }
                 ) }),
-                devMode && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", background: "var(--modelnex-bg-secondary, #f4f4f5)", borderRadius: "12px", padding: "2px", gap: "2px", marginRight: "4px" }, children: [
-                  (!recordingMode || activeRecordingExperienceType === "tour") && /* @__PURE__ */ jsx4(Tooltip, { title: recordingMode ? "Stop & Save Tour" : "Record Tour", children: /* @__PURE__ */ jsx4(
-                    "button",
-                    {
-                      onClick: () => {
-                        if (recordingMode) {
-                          recording.cancelSelection();
-                          setShowStopModal(true);
-                        } else {
-                          startRecordingSession("tour");
-                        }
-                      },
-                      style: {
-                        padding: "6px",
-                        borderRadius: "8px",
-                        border: "none",
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "4px",
-                        background: recordingMode && activeRecordingExperienceType === "tour" ? "#fff" : "transparent",
-                        boxShadow: recordingMode && activeRecordingExperienceType === "tour" ? "0 1px 3px rgba(0,0,0,0.1)" : "none",
-                        cursor: "pointer",
-                        color: recordingMode && activeRecordingExperienceType === "tour" ? "#dc2626" : "#71717a"
-                      },
-                      "aria-label": recordingMode ? "Stop recording" : "Record tour",
-                      children: /* @__PURE__ */ jsx4(MapIcon, {})
-                    }
-                  ) }),
-                  (!recordingMode || activeRecordingExperienceType === "onboarding") && /* @__PURE__ */ jsx4(Tooltip, { title: recordingMode ? "Stop & Save Onboarding" : "Record Onboarding", children: /* @__PURE__ */ jsx4(
-                    "button",
-                    {
-                      onClick: () => {
-                        if (recordingMode) {
-                          recording.cancelSelection();
-                          setShowStopModal(true);
-                        } else {
-                          startRecordingSession("onboarding");
-                        }
-                      },
-                      style: {
-                        padding: "6px",
-                        borderRadius: "8px",
-                        border: "none",
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "4px",
-                        background: recordingMode && activeRecordingExperienceType === "onboarding" ? "#fff" : "transparent",
-                        boxShadow: recordingMode && activeRecordingExperienceType === "onboarding" ? "0 1px 3px rgba(0,0,0,0.1)" : "none",
-                        cursor: "pointer",
-                        color: recordingMode && activeRecordingExperienceType === "onboarding" ? "#dc2626" : "#71717a"
-                      },
-                      "aria-label": recordingMode ? "Stop recording" : "Record onboarding",
-                      children: /* @__PURE__ */ jsx4(BookOpenIcon, {})
-                    }
-                  ) })
-                ] }),
+                devMode && /* @__PURE__ */ jsx4("div", { style: { display: "flex", background: "var(--modelnex-bg-secondary, #f4f4f5)", borderRadius: "12px", padding: "2px", gap: "2px", marginRight: "4px" }, children: (!recordingMode || activeRecordingExperienceType === "onboarding") && /* @__PURE__ */ jsx4(Tooltip, { title: recordingMode ? "Stop & Save Workflow" : "Record Workflow", children: /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    onClick: () => {
+                      if (recordingMode) {
+                        recording.cancelSelection();
+                        setShowStopModal(true);
+                      } else {
+                        startRecordingSession("onboarding");
+                      }
+                    },
+                    style: {
+                      padding: "6px",
+                      borderRadius: "8px",
+                      border: "none",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "4px",
+                      background: recordingMode && activeRecordingExperienceType === "onboarding" ? "#fff" : "transparent",
+                      boxShadow: recordingMode && activeRecordingExperienceType === "onboarding" ? "0 1px 3px rgba(0,0,0,0.1)" : "none",
+                      cursor: "pointer",
+                      color: recordingMode && activeRecordingExperienceType === "onboarding" ? "#dc2626" : "#71717a"
+                    },
+                    "aria-label": recordingMode ? "Stop recording" : "Record workflow",
+                    children: /* @__PURE__ */ jsx4(BookOpenIcon, {})
+                  }
+                ) }) }),
                 /* @__PURE__ */ jsx4(Tooltip, { title: "Minimize", children: /* @__PURE__ */ jsx4(
                   "button",
                   {
@@ -9010,7 +8949,7 @@ function ModelNexChatBubble({
                 background: "linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(59,130,246,0.03) 100%)"
               },
               children: [
-                /* @__PURE__ */ jsx4("div", { style: { fontSize: "13px", fontWeight: 600, color: "var(--modelnex-fg, #18181b)", marginBottom: "6px" }, children: onboardingPlayback.pendingTour ? "Suggested onboarding" : "Suggested tour" }),
+                /* @__PURE__ */ jsx4("div", { style: { fontSize: "13px", fontWeight: 600, color: "var(--modelnex-fg, #18181b)", marginBottom: "6px" }, children: onboardingPlayback.pendingTour ? "Suggested workflow" : "Suggested tour" }),
                 /* @__PURE__ */ jsx4("div", { style: { fontSize: "14px", color: "var(--modelnex-fg, #27272a)", marginBottom: "6px" }, children: (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.name }),
                 /* @__PURE__ */ jsx4("div", { style: { fontSize: "12px", color: "#52525b", lineHeight: 1.45, marginBottom: "12px" }, children: (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.trigger === "first_visit" ? "Start a short walkthrough for this user now?" : (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.featureKey ? `A walkthrough is available for ${(onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.featureKey}.` : "A walkthrough is available for this user." }),
                 /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
@@ -9024,7 +8963,7 @@ function ModelNexChatBubble({
                     startTourListening(preferredExperience);
                   }, children: [
                     "Start ",
-                    onboardingPlayback.pendingTour ? "onboarding" : "tour"
+                    onboardingPlayback.pendingTour ? "workflow" : "tour"
                   ] }),
                   /* @__PURE__ */ jsx4("button", { className: "btn btn-secondary btn-sm", onClick: onboardingPlayback.pendingTour ? onboardingPlayback.dismissPendingTour : tourPlayback.dismissPendingTour, children: "Not now" })
                 ] })
@@ -9104,7 +9043,7 @@ function ModelNexChatBubble({
           showStopModal && /* @__PURE__ */ jsxs3("div", { style: { padding: "14px", borderBottom: "1px solid var(--modelnex-border, #e4e4e7)", background: "rgba(220,38,38,0.04)", flexShrink: 0 }, children: [
             /* @__PURE__ */ jsxs3("div", { style: { fontSize: "13px", fontWeight: 600, color: "#dc2626", marginBottom: "8px" }, children: [
               "Save captured ",
-              activeRecordingExperienceType === "onboarding" ? "onboarding flow" : "workflow",
+              activeRecordingExperienceType === "onboarding" ? "workflow" : "tour",
               " (",
               recording.captureEventCount > 0 ? recording.captureEventCount - 1 : 0,
               " interactions, ",
@@ -9118,7 +9057,7 @@ function ModelNexChatBubble({
               {
                 value: recordingTourName,
                 onChange: (e) => setRecordingTourName(e.target.value),
-                placeholder: activeRecordingExperienceType === "onboarding" ? "Flow name (e.g. New User Activation)" : "Tour name (e.g. Admin Onboarding)",
+                placeholder: activeRecordingExperienceType === "onboarding" ? "Workflow name (e.g. New User Activation)" : "Tour name (e.g. Admin Setup Tour)",
                 disabled: Boolean(savedDraft) || isGeneratingDraft,
                 style: { width: "100%", padding: "7px 10px", borderRadius: "6px", border: "1px solid #e4e4e7", fontSize: "13px", marginBottom: "6px", boxSizing: "border-box" }
               }
@@ -9216,7 +9155,7 @@ function ModelNexChatBubble({
               /* @__PURE__ */ jsx4("div", { style: { fontSize: "13px", fontWeight: 600, color: "#16a34a", marginBottom: "6px" }, children: "Draft saved" }),
               /* @__PURE__ */ jsxs3("div", { style: { fontSize: "12px", color: "#52525b", marginBottom: "10px", lineHeight: 1.45 }, children: [
                 "Launch a live preview of the AI ",
-                savedDraft.experienceType === "onboarding" ? "onboarding flow" : "tour",
+                savedDraft.experienceType === "onboarding" ? "workflow" : "tour",
                 " now, or close this panel and review it later."
               ] }),
               /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "6px", flexWrap: "wrap" }, children: [
@@ -9908,7 +9847,7 @@ function ModelNexChatBubble({
 }
 
 // src/onboarding-panel.tsx
-import { useCallback as useCallback13, useContext as useContext7, useEffect as useEffect19, useMemo as useMemo4, useRef as useRef15, useState as useState14 } from "react";
+import { useCallback as useCallback13, useContext as useContext6, useEffect as useEffect18, useMemo as useMemo4, useRef as useRef14, useState as useState14 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/hooks/useOnboardingPlayback.ts
@@ -9938,8 +9877,8 @@ function ModelNexOnboardingPanel({
   appName = "this app",
   title = "Getting Started"
 }) {
-  const ctx = useContext7(ModelNexContext);
-  const serverUrl = ctx?.serverUrl ?? "http://localhost:3002";
+  const ctx = useContext6(ModelNexContext);
+  const serverUrl = ctx?.serverUrl ?? "https://69tgf4aic6.us-east-1.awsapprunner.com";
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
   const [input, setInput] = useState14("");
@@ -9949,7 +9888,7 @@ function ModelNexOnboardingPanel({
   const [liveTranscript, setLiveTranscript] = useState14("");
   const [voiceEnabled, setVoiceEnabled] = useState14(false);
   const [sttError, setSttError] = useState14(null);
-  const voiceEnabledRef = useRef15(false);
+  const voiceEnabledRef = useRef14(false);
   const playback = useOnboardingPlayback({
     serverUrl,
     commandUrl: ctx?.commandUrl,
@@ -9969,20 +9908,20 @@ function ModelNexOnboardingPanel({
       voiceEnabledRef.current = false;
     }
   });
-  const playbackVoiceRoutingRef = useRef15({
+  const playbackVoiceRoutingRef = useRef14({
     isReviewMode: false,
     playbackState: playback.playbackState,
     handleVoiceInput: playback.handleVoiceInput
   });
   const reviewToggle = getReviewModeToggleConfig(playback.playbackState);
-  useEffect19(() => {
+  useEffect18(() => {
     playbackVoiceRoutingRef.current = {
       isReviewMode: playback.isReviewMode,
       playbackState: playback.playbackState,
       handleVoiceInput: playback.handleVoiceInput
     };
   }, [playback.isReviewMode, playback.playbackState, playback.handleVoiceInput]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (playback.isActive && !playback.isReviewMode) {
       setOpen(true);
     }
@@ -10034,7 +9973,7 @@ function ModelNexOnboardingPanel({
       }
     );
   }, [playback.isActive, voice]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (!playback.isActive || voiceEnabledRef.current || !voice.sttSupported) return;
     const startOnGesture = (event) => {
       if (shouldIgnorePanelGestureStart(event.target)) {
@@ -10049,7 +9988,7 @@ function ModelNexOnboardingPanel({
       window.removeEventListener("keydown", startOnGesture, true);
     };
   }, [playback.isActive, voice.sttSupported, startVoiceListening]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (!playback.isActive && voiceEnabledRef.current) {
       voiceEnabledRef.current = false;
       setVoiceEnabled(false);
@@ -10069,7 +10008,7 @@ function ModelNexOnboardingPanel({
     () => buildTranscriptPreviewLines(liveTranscript, { maxCharsPerLine: 34, maxLines: 2 }),
     [liveTranscript]
   );
-  useEffect19(() => {
+  useEffect18(() => {
     if (voiceEnabled && voice.isListening) {
       showFloatingLiveTranscript({
         levels: audioLevels,
@@ -10083,7 +10022,7 @@ function ModelNexOnboardingPanel({
     }
     hideFloatingLiveTranscript();
   }, [audioLevels, liveTranscriptLines, voiceEnabled, voice.isListening]);
-  useEffect19(() => () => {
+  useEffect18(() => () => {
     hideFloatingLiveTranscript();
   }, []);
   const actionButtonStyle = {
@@ -10118,7 +10057,7 @@ function ModelNexOnboardingPanel({
               {
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-label": mc.title || "Start onboarding",
+                "aria-label": mc.title || "Start workflow",
                 style: {
                   width: "min(460px, 100%)",
                   borderRadius: "18px",
@@ -10129,9 +10068,9 @@ function ModelNexOnboardingPanel({
                   padding: "24px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", fontWeight: 700, letterSpacing: "0.04em", textTransform: "uppercase", color: PANEL_THEME2.accent, marginBottom: "10px" }, children: mc.title || "Suggested onboarding" }),
+                  /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", fontWeight: 700, letterSpacing: "0.04em", textTransform: "uppercase", color: PANEL_THEME2.accent, marginBottom: "10px" }, children: mc.title || "Suggested workflow" }),
                   /* @__PURE__ */ jsx5("div", { style: { fontSize: "24px", lineHeight: 1.15, fontWeight: 650, marginBottom: "10px" }, children: playback.pendingTour.name }),
-                  /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", color: mc.textColor ? mc.textColor : "#52525b", opacity: mc.textColor ? 0.8 : 1, lineHeight: 1.5, marginBottom: "18px" }, children: mc.description || (playback.pendingTour.trigger === "first_visit" ? "Start guided onboarding for this user now?" : playback.pendingTour.featureKey ? `Guided onboarding is available for ${playback.pendingTour.featureKey}.` : "Guided onboarding is available for this user.") }),
+                  /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", color: mc.textColor ? mc.textColor : "#52525b", opacity: mc.textColor ? 0.8 : 1, lineHeight: 1.5, marginBottom: "18px" }, children: mc.description || (playback.pendingTour.trigger === "first_visit" ? "Start this workflow for the user now?" : playback.pendingTour.featureKey ? `A workflow is available for ${playback.pendingTour.featureKey}.` : "A workflow is available for this user.") }),
                   /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "10px", justifyContent: "flex-end" }, children: [
                     /* @__PURE__ */ jsx5(
                       "button",
@@ -10165,7 +10104,7 @@ function ModelNexOnboardingPanel({
                           cursor: "pointer",
                           fontWeight: 700
                         },
-                        children: mc.buttonText || "Start onboarding"
+                        children: mc.buttonText || "Start workflow"
                       }
                     )
                   ] })
@@ -10198,11 +10137,11 @@ function ModelNexOnboardingPanel({
         },
         children: [
           /* @__PURE__ */ jsxs4("div", { style: { padding: "16px 18px", borderBottom: `1px solid ${PANEL_THEME2.border}`, background: PANEL_THEME2.hero }, children: [
-            /* @__PURE__ */ jsx5("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Suggested onboarding" }),
+            /* @__PURE__ */ jsx5("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Suggested workflow" }),
             /* @__PURE__ */ jsx5("div", { style: { fontSize: "18px", fontWeight: 700, marginTop: "4px" }, children: playback.pendingTour.name })
           ] }),
           /* @__PURE__ */ jsxs4("div", { style: { padding: "16px 18px" }, children: [
-            /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", color: "#52525b", lineHeight: 1.5, marginBottom: "14px" }, children: playback.pendingTour.trigger === "first_visit" ? "Start guided onboarding for this user now?" : playback.pendingTour.featureKey ? `Guided onboarding is available for ${playback.pendingTour.featureKey}.` : "Guided onboarding is available for this user." }),
+            /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", color: "#52525b", lineHeight: 1.5, marginBottom: "14px" }, children: playback.pendingTour.trigger === "first_visit" ? "Start this workflow for the user now?" : playback.pendingTour.featureKey ? `A workflow is available for ${playback.pendingTour.featureKey}.` : "A workflow is available for this user." }),
             /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "8px" }, children: [
               /* @__PURE__ */ jsx5(
                 "button",
@@ -10212,7 +10151,7 @@ function ModelNexOnboardingPanel({
                     startVoiceListening();
                   },
                   style: { ...actionButtonStyle, flex: 1, padding: "11px 14px" },
-                  children: "Start onboarding"
+                  children: "Start workflow"
                 }
               ),
               /* @__PURE__ */ jsx5(
@@ -10274,7 +10213,7 @@ function ModelNexOnboardingPanel({
             fontSize: "18px"
           }, children: "\u{1F3AF}" }),
           /* @__PURE__ */ jsxs4("div", { children: [
-            /* @__PURE__ */ jsx5("div", { style: { fontSize: "13px", fontWeight: 700, color: "#172033", marginBottom: "2px" }, children: "Guided Onboarding" }),
+            /* @__PURE__ */ jsx5("div", { style: { fontSize: "13px", fontWeight: 700, color: "#172033", marginBottom: "2px" }, children: "Workflow" }),
             /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "#6b7280" }, children: "Ready \u2014 onboarding will appear here when available." })
           ] })
         ]
@@ -10330,7 +10269,7 @@ function ModelNexOnboardingPanel({
         /* @__PURE__ */ jsxs4("div", { style: { padding: "16px 18px", borderBottom: `1px solid ${PANEL_THEME2.border}`, background: PANEL_THEME2.hero }, children: [
           /* @__PURE__ */ jsxs4("div", { style: { display: "flex", justifyContent: "space-between", gap: "12px", alignItems: "center" }, children: [
             /* @__PURE__ */ jsxs4("div", { children: [
-              /* @__PURE__ */ jsx5("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Guided Onboarding" }),
+              /* @__PURE__ */ jsx5("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Workflow" }),
               /* @__PURE__ */ jsx5("div", { style: { fontSize: "18px", fontWeight: 700 }, children: title })
             ] }),
             /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: [
@@ -10597,9 +10536,9 @@ function ModelNexOnboardingPanel({
 }
 
 // src/hooks/useActionHighlight.ts
-import { useContext as useContext8 } from "react";
+import { useContext as useContext7 } from "react";
 function useActionHighlight() {
-  const context = useContext8(ModelNexContext);
+  const context = useContext7(ModelNexContext);
   if (!context) throw new Error("useActionHighlight must be used within ModelNexProvider");
   return {
     enabled: context.highlightActions,
@@ -10679,18 +10618,17 @@ function TourProgressPanel({ tour, currentStepIndex, onSkip, voiceOnly }) {
 }
 
 // src/index.ts
-var DEFAULT_SERVER_URL2 = "https://api.modelnex.io";
+var DEFAULT_SERVER_URL2 = "https://69tgf4aic6.us-east-1.awsapprunner.com";
 var ModelNexProvider = ({
   children,
-  serverUrl = DEFAULT_SERVER_URL2,
-  commandUrl,
-  disableSocket,
   websiteId,
   userProfile,
-  tourFacts,
-  toursApiBase,
   devMode
 }) => {
+  const serverUrl = DEFAULT_SERVER_URL2;
+  const commandUrl = void 0;
+  const disableSocket = false;
+  const toursApiBase = void 0;
   const renderedChildren = children;
   const [activeAgentActions, setActiveAgentActions] = useState15(/* @__PURE__ */ new Set());
   const [stagingFields, setStagingFields] = useState15(/* @__PURE__ */ new Set());
@@ -10720,7 +10658,7 @@ var ModelNexProvider = ({
   useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl, websiteId);
   const CHAT_STORAGE_KEY = "modelnex-chat-messages";
   const [chatMessages, setChatMessagesRaw] = useState15([]);
-  useEffect20(() => {
+  useEffect19(() => {
     try {
       const stored = sessionStorage.getItem(CHAT_STORAGE_KEY);
       if (stored) {
@@ -10753,22 +10691,20 @@ var ModelNexProvider = ({
     websiteId
   });
   useFieldHighlight(stagingFields, executedFields, setExecutedFields);
-  useEffect20(() => {
+  useEffect19(() => {
     document.body.classList.toggle("modelnex-highlight-actions", highlightActions);
     return () => {
       document.body.classList.remove("modelnex-highlight-actions");
     };
   }, [highlightActions]);
   const [mounted, setMounted] = useState15(false);
-  useEffect20(() => {
+  useEffect19(() => {
     setMounted(true);
   }, []);
   const value = useMemo5(
     () => ({
       serverUrl,
       commandUrl: commandUrl ?? serverUrl,
-      registerAction,
-      unregisterAction,
       activeAgentActions,
       stagingFields,
       highlightActions,
@@ -10783,14 +10719,12 @@ var ModelNexProvider = ({
       setChatMessages,
       websiteId,
       userProfile,
-      tourFacts,
-      toursApiBase,
       voiceMuted,
       setVoiceMuted,
       socketId,
       devMode
     }),
-    [serverUrl, commandUrl, registerAction, unregisterAction, activeAgentActions, stagingFields, highlightActions, studioMode, recordingMode, extractedElements, tagStore, chatMessages, websiteId, userProfile, tourFacts, toursApiBase, voiceMuted, socketId, devMode]
+    [serverUrl, commandUrl, registerAction, unregisterAction, activeAgentActions, stagingFields, highlightActions, studioMode, recordingMode, extractedElements, tagStore, chatMessages, websiteId, userProfile, voiceMuted, socketId, devMode]
   );
   return React8.createElement(
     ModelNexContext.Provider,
@@ -10834,7 +10768,6 @@ export {
   useExperiencePlayback,
   useOnboardingPlayback,
   useRecordingMode,
-  useRegisterAction,
   useRunCommand,
   useTagStore,
   useTourPlayback,