npm - @modelnex/sdk - Versions diffs - 0.5.3 → 0.5.6 - Mend

@modelnex/sdk 0.5.3 → 0.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -203,7 +203,6 @@ __export(index_exports, {
   useExperiencePlayback: () => useExperiencePlayback,
   useOnboardingPlayback: () => useOnboardingPlayback,
   useRecordingMode: () => useRecordingMode,
-  useRegisterAction: () => useRegisterAction,
   useRunCommand: () => useRunCommand,
   useTagStore: () => useTagStore,
   useTourPlayback: () => useTourPlayback,
@@ -213,7 +212,7 @@ __export(index_exports, {
   useVoice: () => useVoice
 });
 module.exports = __toCommonJS(index_exports);
-var import_react22 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 // src/context.ts
 var import_react = require("react");
@@ -2250,7 +2249,7 @@ function useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl
 // src/hooks/useRunCommand.ts
 var import_react9 = require("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 [];
@@ -2297,56 +2296,31 @@ function useRunCommand(serverUrlOverride) {
   );
 }
-// src/hooks/useRegisterAction.ts
-var import_react10 = require("react");
-function useRegisterAction(action) {
-  const ctx = (0, import_react10.useContext)(ModelNexContext);
-  const registerAction = ctx?.registerAction;
-  const unregisterAction = ctx?.unregisterAction;
-  const actionRef = (0, import_react10.useRef)(action);
-  actionRef.current = action;
-  (0, import_react10.useEffect)(() => {
-    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
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var UIStateContext = (0, import_react11.createContext)(null);
+var UIStateContext = (0, import_react10.createContext)(null);
 function UIStateProvider({
   children,
   id = "agent-ui-state",
   type = "ui",
   initialState = {}
 }) {
-  const [state, setStateInternal] = (0, import_react11.useState)(initialState);
-  const setState = (0, import_react11.useCallback)((update) => {
+  const [state, setStateInternal] = (0, import_react10.useState)(initialState);
+  const setState = (0, import_react10.useCallback)((update) => {
     setStateInternal((prev) => ({ ...prev, ...update }));
   }, []);
-  const value = (0, import_react11.useMemo)(() => ({ state, setState }), [state, setState]);
+  const value = (0, import_react10.useMemo)(() => ({ state, setState }), [state, setState]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(UIStateContext.Provider, { value, children });
 }
 function useUIState() {
-  const ctx = (0, import_react11.useContext)(UIStateContext);
+  const ctx = (0, import_react10.useContext)(UIStateContext);
   if (!ctx) throw new Error("useUIState must be used within UIStateProvider");
   return [ctx.state, ctx.setState];
 }
 // src/viewport.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 var visibleIds = /* @__PURE__ */ new Set();
 var listeners = /* @__PURE__ */ new Set();
 function updateVisibility(id, visible) {
@@ -2355,9 +2329,9 @@ function updateVisibility(id, visible) {
   listeners.forEach((fn) => fn());
 }
 function useViewportTrack(id) {
-  const ref = (0, import_react12.useRef)(null);
-  const [, setTick] = (0, import_react12.useState)(0);
-  (0, import_react12.useEffect)(() => {
+  const ref = (0, import_react11.useRef)(null);
+  const [, setTick] = (0, import_react11.useState)(0);
+  (0, import_react11.useEffect)(() => {
     const el = ref.current;
     if (!el) return;
     const obs = new IntersectionObserver(
@@ -2372,7 +2346,7 @@ function useViewportTrack(id) {
       updateVisibility(id, false);
     };
   }, [id]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const fn = () => setTick((t) => t + 1);
     listeners.add(fn);
     return () => {
@@ -2382,8 +2356,8 @@ function useViewportTrack(id) {
   return ref;
 }
 function useVisibleIds() {
-  const [ids, setIds] = (0, import_react12.useState)([]);
-  (0, import_react12.useEffect)(() => {
+  const [ids, setIds] = (0, import_react11.useState)([]);
+  (0, import_react11.useEffect)(() => {
     const fn = () => setIds(Array.from(visibleIds));
     fn();
     listeners.add(fn);
@@ -2400,21 +2374,22 @@ function useAgentViewport(options = {}) {
 }
 // src/chat-bubble.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_react_dom = require("react-dom");
 // src/hooks/useExperiencePlaybackController.ts
-var import_react14 = require("react");
+var import_react13 = require("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();
 }
@@ -2560,12 +2535,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:
@@ -2574,7 +2547,7 @@ function isTourEligible(tour, userProfile, tourFacts) {
 }
 // src/hooks/useTourPlayback.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 // src/utils/retryLookup.ts
 var defaultSleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -3079,7 +3052,6 @@ function useTourPlayback({
   socketId,
   websiteId,
   userProfile,
-  tourFacts,
   voice,
   appName = "this app",
   extractedElements,
@@ -3091,46 +3063,46 @@ function useTourPlayback({
   showCaptions = true,
   enableAutoDiscovery = true
 }) {
-  const [isActive, setIsActive] = (0, import_react13.useState)(false);
-  const [currentStepIndex, setCurrentStepIndex] = (0, import_react13.useState)(0);
-  const [totalSteps, setTotalSteps] = (0, import_react13.useState)(0);
-  const [activeTour, setActiveTour] = (0, import_react13.useState)(null);
-  const [playbackState, setPlaybackState] = (0, import_react13.useState)("idle");
-  const [isReviewMode, setIsReviewMode] = (0, import_react13.useState)(false);
-  const [previewRunId, setPreviewRunId] = (0, import_react13.useState)(null);
-  const [reviewSubmitting, setReviewSubmitting] = (0, import_react13.useState)(false);
-  const [reviewStatusMessage, setReviewStatusMessage] = (0, import_react13.useState)(null);
-  const [pendingTour, setPendingTour] = (0, import_react13.useState)(null);
-  const [serverState, setServerState] = (0, import_react13.useState)(null);
-  const ctx = (0, import_react13.useContext)(ModelNexContext);
+  const [isActive, setIsActive] = (0, import_react12.useState)(false);
+  const [currentStepIndex, setCurrentStepIndex] = (0, import_react12.useState)(0);
+  const [totalSteps, setTotalSteps] = (0, import_react12.useState)(0);
+  const [activeTour, setActiveTour] = (0, import_react12.useState)(null);
+  const [playbackState, setPlaybackState] = (0, import_react12.useState)("idle");
+  const [isReviewMode, setIsReviewMode] = (0, import_react12.useState)(false);
+  const [previewRunId, setPreviewRunId] = (0, import_react12.useState)(null);
+  const [reviewSubmitting, setReviewSubmitting] = (0, import_react12.useState)(false);
+  const [reviewStatusMessage, setReviewStatusMessage] = (0, import_react12.useState)(null);
+  const [pendingTour, setPendingTour] = (0, import_react12.useState)(null);
+  const [serverState, setServerState] = (0, import_react12.useState)(null);
+  const ctx = (0, import_react12.useContext)(ModelNexContext);
   const devMode = ctx?.devMode;
-  const tourRef = (0, import_react13.useRef)(null);
-  const stepIndexRef = (0, import_react13.useRef)(0);
-  const skipRequestedRef = (0, import_react13.useRef)(false);
-  const advanceRequestedRef = (0, import_react13.useRef)(false);
-  const textInputResolveRef = (0, import_react13.useRef)(null);
-  const voiceInputResolveRef = (0, import_react13.useRef)(null);
-  const askOrFillRef = (0, import_react13.useRef)(null);
-  const pendingManualWaitCleanupRef = (0, import_react13.useRef)(null);
-  const llmRespondingRef = (0, import_react13.useRef)(false);
-  const interruptedForQuestionRef = (0, import_react13.useRef)(false);
-  const pendingInputBufRef = (0, import_react13.useRef)(null);
-  const activeExecutionTokenRef = (0, import_react13.useRef)(0);
-  const commandInFlightRef = (0, import_react13.useRef)(false);
-  const reviewModeRef = (0, import_react13.useRef)(false);
-  const previewRunIdRef = (0, import_react13.useRef)(null);
-  const toursApiBaseRef = (0, import_react13.useRef)(toursApiBase);
-  const pendingTourRef = (0, import_react13.useRef)(null);
-  const pendingTourOptionsRef = (0, import_react13.useRef)(null);
-  const showCaptionsRef = (0, import_react13.useRef)(showCaptions);
-  const runIdRef = (0, import_react13.useRef)(null);
-  const turnIdRef = (0, import_react13.useRef)(null);
-  const socketRef = (0, import_react13.useRef)(null);
-  const socketIdRef = (0, import_react13.useRef)(socketId);
-  const commandUrlRef = (0, import_react13.useRef)(commandUrl);
-  const onStepChangeRef = (0, import_react13.useRef)(onStepChange);
-  const isActiveRef = (0, import_react13.useRef)(false);
-  const activeCommandBatchIdRef = (0, import_react13.useRef)(null);
+  const tourRef = (0, import_react12.useRef)(null);
+  const stepIndexRef = (0, import_react12.useRef)(0);
+  const skipRequestedRef = (0, import_react12.useRef)(false);
+  const advanceRequestedRef = (0, import_react12.useRef)(false);
+  const textInputResolveRef = (0, import_react12.useRef)(null);
+  const voiceInputResolveRef = (0, import_react12.useRef)(null);
+  const askOrFillRef = (0, import_react12.useRef)(null);
+  const pendingManualWaitCleanupRef = (0, import_react12.useRef)(null);
+  const llmRespondingRef = (0, import_react12.useRef)(false);
+  const interruptedForQuestionRef = (0, import_react12.useRef)(false);
+  const pendingInputBufRef = (0, import_react12.useRef)(null);
+  const activeExecutionTokenRef = (0, import_react12.useRef)(0);
+  const commandInFlightRef = (0, import_react12.useRef)(false);
+  const reviewModeRef = (0, import_react12.useRef)(false);
+  const previewRunIdRef = (0, import_react12.useRef)(null);
+  const toursApiBaseRef = (0, import_react12.useRef)(toursApiBase);
+  const pendingTourRef = (0, import_react12.useRef)(null);
+  const pendingTourOptionsRef = (0, import_react12.useRef)(null);
+  const showCaptionsRef = (0, import_react12.useRef)(showCaptions);
+  const runIdRef = (0, import_react12.useRef)(null);
+  const turnIdRef = (0, import_react12.useRef)(null);
+  const socketRef = (0, import_react12.useRef)(null);
+  const socketIdRef = (0, import_react12.useRef)(socketId);
+  const commandUrlRef = (0, import_react12.useRef)(commandUrl);
+  const onStepChangeRef = (0, import_react12.useRef)(onStepChange);
+  const isActiveRef = (0, import_react12.useRef)(false);
+  const activeCommandBatchIdRef = (0, import_react12.useRef)(null);
   socketIdRef.current = socketId;
   commandUrlRef.current = commandUrl;
   onStepChangeRef.current = onStepChange;
@@ -3140,7 +3112,7 @@ function useTourPlayback({
   toursApiBaseRef.current = toursApiBase;
   pendingTourRef.current = pendingTour;
   showCaptionsRef.current = showCaptions;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (disabled) return;
     if (typeof window === "undefined") return;
     import("socket.io-client").then((ioModule) => {
@@ -3757,12 +3729,12 @@ function useTourPlayback({
       turnIdRef.current = null;
     };
   }, [serverUrl, websiteId, userProfile, disabled, devMode, experienceType]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!showCaptions || !isReviewMode) {
       removeCaption();
     }
   }, [showCaptions, isReviewMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!socketRef.current?.connected || !isActiveRef.current) return;
     socketRef.current.emit("tour:client_state", {
       runId: runIdRef.current,
@@ -3776,7 +3748,7 @@ function useTourPlayback({
       awaitingVoiceResolve: Boolean(voiceInputResolveRef.current)
     });
   }, [isActive, playbackState, voice.isListening, voice.isSpeaking]);
-  const syncAOM = (0, import_react13.useCallback)(async () => {
+  const syncAOM = (0, import_react12.useCallback)(async () => {
     if (!socketRef.current?.connected || !isActiveRef.current) return;
     const { generateMinifiedAOM: generateMinifiedAOM2 } = await Promise.resolve().then(() => (init_aom(), aom_exports));
     const aom = generateMinifiedAOM2();
@@ -3786,7 +3758,7 @@ function useTourPlayback({
       domSummary: captureDomSummary()
     });
   }, []);
-  const interruptExecution = (0, import_react13.useCallback)((transcript) => {
+  const interruptExecution = (0, import_react12.useCallback)((transcript) => {
     if (!socketRef.current?.connected || !isActiveRef.current) return false;
     if (!commandInFlightRef.current && !voice.isSpeaking) return false;
     interruptedForQuestionRef.current = true;
@@ -3813,7 +3785,7 @@ function useTourPlayback({
     setPlaybackState("thinking");
     return true;
   }, [voice]);
-  const stopTour = (0, import_react13.useCallback)(() => {
+  const stopTour = (0, import_react12.useCallback)(() => {
     skipRequestedRef.current = true;
     isActiveRef.current = false;
     activeExecutionTokenRef.current += 1;
@@ -3854,7 +3826,7 @@ function useTourPlayback({
     pendingInputBufRef.current = null;
     onTourEnd?.();
   }, [voice, onTourEnd, serverUrl, websiteId]);
-  const handleTourEnd = (0, import_react13.useCallback)(() => {
+  const handleTourEnd = (0, import_react12.useCallback)(() => {
     const endingTourId = tourRef.current?.id;
     const endingPreviewRunId = previewRunIdRef.current;
     const endingStepOrder = stepIndexRef.current;
@@ -3891,7 +3863,7 @@ function useTourPlayback({
     }
     onTourEnd?.();
   }, [experienceType, userProfile, serverUrl, voice, onTourEnd, websiteId]);
-  const runTour = (0, import_react13.useCallback)(async (tour, options) => {
+  const runTour = (0, import_react12.useCallback)(async (tour, options) => {
     setPendingTour(null);
     pendingTourRef.current = null;
     let retries = 0;
@@ -3933,13 +3905,13 @@ function useTourPlayback({
       tourContext: tour
     });
   }, [serverUrl, websiteId]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     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;
@@ -3961,6 +3933,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" } };
@@ -3979,13 +3954,13 @@ function useTourPlayback({
       cancelled = true;
     };
   }, [serverUrl, toursApiBase, disabled, websiteId, experienceType, enableAutoDiscovery]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     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 () => {
@@ -3993,7 +3968,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);
@@ -4020,23 +3995,23 @@ function useTourPlayback({
       cancelled = true;
       clearTimeout(timer);
     };
-  }, [websiteId, serverUrl, toursApiBase, disabled, experienceType, userProfile, tourFacts, enableAutoDiscovery]);
-  (0, import_react13.useEffect)(() => {
+  }, [websiteId, serverUrl, toursApiBase, disabled, experienceType, userProfile, enableAutoDiscovery]);
+  (0, import_react12.useEffect)(() => {
     if (!disabled || !isActiveRef.current) return;
     stopTour();
   }, [disabled, stopTour]);
-  const startTour = (0, import_react13.useCallback)((tour, options) => {
+  const startTour = (0, import_react12.useCallback)((tour, options) => {
     if (disabled) return;
     void runTour(tour, options);
   }, [disabled, runTour]);
-  const acceptPendingTour = (0, import_react13.useCallback)(() => {
+  const acceptPendingTour = (0, import_react12.useCallback)(() => {
     const tour = pendingTourRef.current;
     if (!tour || disabled) return;
     const opts = pendingTourOptionsRef.current;
     pendingTourOptionsRef.current = null;
     void runTour(tour, opts ?? void 0);
   }, [disabled, runTour]);
-  const dismissPendingTour = (0, import_react13.useCallback)(() => {
+  const dismissPendingTour = (0, import_react12.useCallback)(() => {
     const tour = pendingTourRef.current;
     setPendingTour(null);
     pendingTourRef.current = null;
@@ -4044,7 +4019,7 @@ function useTourPlayback({
     if (!tour || !userProfile?.userId) return;
     void markTourDismissed(serverUrl, toursApiBaseRef.current, tour.id, userProfile.userId, experienceType, websiteId);
   }, [experienceType, serverUrl, userProfile, websiteId]);
-  const submitReviewFeedbackAction = (0, import_react13.useCallback)(async (utterance, apply = false) => {
+  const submitReviewFeedbackAction = (0, import_react12.useCallback)(async (utterance, apply = false) => {
     const trimmed = utterance.trim();
     const currentTour = tourRef.current;
     const currentPreviewRunId = previewRunIdRef.current;
@@ -4083,10 +4058,10 @@ function useTourPlayback({
       setReviewSubmitting(false);
     }
   }, [playbackState, serverUrl, websiteId]);
-  const advanceStep = (0, import_react13.useCallback)(() => {
+  const advanceStep = (0, import_react12.useCallback)(() => {
     advanceRequestedRef.current = true;
   }, []);
-  const skipTour = (0, import_react13.useCallback)(() => {
+  const skipTour = (0, import_react12.useCallback)(() => {
     skipRequestedRef.current = true;
     voiceInputResolveRef.current?.("");
     voiceInputResolveRef.current = null;
@@ -4096,19 +4071,19 @@ function useTourPlayback({
     askOrFillRef.current = null;
     stopTour();
   }, [stopTour]);
-  const pauseTour = (0, import_react13.useCallback)(() => {
+  const pauseTour = (0, import_react12.useCallback)(() => {
     if (socketRef.current?.connected && isActiveRef.current) {
       socketRef.current.emit("tour:pause");
       setPlaybackState("paused");
     }
   }, []);
-  const resumeTour = (0, import_react13.useCallback)(() => {
+  const resumeTour = (0, import_react12.useCallback)(() => {
     if (socketRef.current?.connected && isActiveRef.current) {
       socketRef.current.emit("tour:resume");
       setPlaybackState("executing");
     }
   }, []);
-  const repeatStep = (0, import_react13.useCallback)(() => {
+  const repeatStep = (0, import_react12.useCallback)(() => {
     const tour = tourRef.current;
     const step = tour?.steps[stepIndexRef.current];
     if (step) {
@@ -4116,7 +4091,7 @@ function useTourPlayback({
       voice.speak(text, tour?.voice.ttsVoice);
     }
   }, [voice]);
-  const handleVoiceInput = (0, import_react13.useCallback)((transcript) => {
+  const handleVoiceInput = (0, import_react12.useCallback)((transcript) => {
     const text = transcript.trim();
     console.log("[TourAgent] handleVoiceInput called with text:", text);
     if (!text) return;
@@ -4138,7 +4113,7 @@ function useTourPlayback({
       pendingInputBufRef.current = text;
     }
   }, [interruptExecution]);
-  const handleTextInput = (0, import_react13.useCallback)((text) => {
+  const handleTextInput = (0, import_react12.useCallback)((text) => {
     if (voiceInputResolveRef.current) {
       const resolve = voiceInputResolveRef.current;
       voiceInputResolveRef.current = null;
@@ -4151,7 +4126,7 @@ function useTourPlayback({
       handleVoiceInput(text.trim());
     }
   }, [handleVoiceInput]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     return () => {
       removeHighlight();
       removeCaption();
@@ -4192,7 +4167,6 @@ function useExperiencePlaybackController({
   socketId,
   websiteId,
   userProfile,
-  tourFacts,
   voice,
   appName,
   extractedElements,
@@ -4202,13 +4176,13 @@ function useExperiencePlaybackController({
   showCaptions = true,
   initialExperienceType = "tour"
 }) {
-  const [activeExperienceType, setActiveExperienceType] = (0, import_react14.useState)(initialExperienceType);
-  const [startingExperienceType, setStartingExperienceType] = (0, import_react14.useState)(null);
-  const [pendingPrompt, setPendingPrompt] = (0, import_react14.useState)(null);
-  const pendingPromptRef = (0, import_react14.useRef)(null);
-  const queuedStartRef = (0, import_react14.useRef)(null);
-  const bufferedVoiceInputsRef = (0, import_react14.useRef)([]);
-  const previewDiscoveryInFlightRef = (0, import_react14.useRef)(false);
+  const [activeExperienceType, setActiveExperienceType] = (0, import_react13.useState)(initialExperienceType);
+  const [startingExperienceType, setStartingExperienceType] = (0, import_react13.useState)(null);
+  const [pendingPrompt, setPendingPrompt] = (0, import_react13.useState)(null);
+  const pendingPromptRef = (0, import_react13.useRef)(null);
+  const queuedStartRef = (0, import_react13.useRef)(null);
+  const bufferedVoiceInputsRef = (0, import_react13.useRef)([]);
+  const previewDiscoveryInFlightRef = (0, import_react13.useRef)(false);
   pendingPromptRef.current = pendingPrompt;
   const playback = useTourPlayback({
     serverUrl,
@@ -4217,7 +4191,6 @@ function useExperiencePlaybackController({
     socketId,
     websiteId,
     userProfile,
-    tourFacts,
     voice,
     appName,
     extractedElements,
@@ -4228,7 +4201,7 @@ function useExperiencePlaybackController({
     showCaptions,
     enableAutoDiscovery: false
   });
-  const queueExperienceStart = (0, import_react14.useCallback)((tour, experienceType, options) => {
+  const queueExperienceStart = (0, import_react13.useCallback)((tour, experienceType, options) => {
     setPendingPrompt(null);
     pendingPromptRef.current = null;
     setStartingExperienceType(experienceType);
@@ -4239,17 +4212,17 @@ function useExperiencePlaybackController({
     }
     playback.startTour(tour, options);
   }, [activeExperienceType, playback]);
-  const startExperience = (0, import_react14.useCallback)((tour, experienceType, options) => {
+  const startExperience = (0, import_react13.useCallback)((tour, experienceType, options) => {
     const resolvedExperienceType = experienceType ?? tour.type ?? activeExperienceType;
     queueExperienceStart(tour, resolvedExperienceType, options);
   }, [activeExperienceType, queueExperienceStart]);
-  const acceptPendingPrompt = (0, import_react14.useCallback)((experienceType) => {
+  const acceptPendingPrompt = (0, import_react13.useCallback)((experienceType) => {
     const prompt = pendingPromptRef.current;
     if (!prompt) return;
     if (experienceType && prompt.experienceType !== experienceType) return;
     queueExperienceStart(prompt.tour, prompt.experienceType, prompt.options);
   }, [queueExperienceStart]);
-  const dismissPendingPrompt = (0, import_react14.useCallback)((experienceType) => {
+  const dismissPendingPrompt = (0, import_react13.useCallback)((experienceType) => {
     const prompt = pendingPromptRef.current;
     if (!prompt) return;
     if (experienceType && prompt.experienceType !== experienceType) return;
@@ -4265,7 +4238,7 @@ function useExperiencePlaybackController({
       websiteId
     );
   }, [serverUrl, toursApiBase, userProfile, websiteId]);
-  const handleVoiceInput = (0, import_react14.useCallback)((transcript, experienceType) => {
+  const handleVoiceInput = (0, import_react13.useCallback)((transcript, experienceType) => {
     const trimmed = transcript.trim();
     if (!trimmed) return;
     const targetExperienceType = experienceType ?? activeExperienceType;
@@ -4285,12 +4258,12 @@ function useExperiencePlaybackController({
     }
     playback.handleVoiceInput(trimmed);
   }, [activeExperienceType, playback]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (playback.isActive && startingExperienceType !== null) {
       setStartingExperienceType(null);
     }
   }, [playback.isActive, startingExperienceType]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const queuedStart = queuedStartRef.current;
     if (!queuedStart) return;
     if (playback.isActive) return;
@@ -4298,23 +4271,23 @@ function useExperiencePlaybackController({
     queuedStartRef.current = null;
     playback.startTour(queuedStart.tour, queuedStart.options);
   }, [activeExperienceType, playback]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     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]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     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) {
@@ -4365,7 +4338,7 @@ function useExperiencePlaybackController({
       previewDiscoveryInFlightRef.current = false;
     };
   }, [disabled, queueExperienceStart, serverUrl, toursApiBase, websiteId]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (disabled) return;
     if (!websiteId || !userProfile) return;
     if (playback.isActive || pendingPromptRef.current || previewDiscoveryInFlightRef.current) return;
@@ -4381,7 +4354,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;
@@ -4408,7 +4381,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,
@@ -4422,7 +4395,7 @@ function useExperiencePlaybackController({
 }
 // src/hooks/useVoice.ts
-var import_react15 = require("react");
+var import_react14 = require("react");
 // src/utils/webrtc-aec.ts
 function isWebRtcAecSupported() {
@@ -4791,36 +4764,36 @@ function isFatalSpeechError(error) {
   return error === "not-allowed" || error === "service-not-allowed" || error === "audio-capture";
 }
 function useVoice(serverUrl) {
-  const [isSpeaking, setIsSpeaking] = (0, import_react15.useState)(false);
-  const [isListening, setIsListening] = (0, import_react15.useState)(false);
-  const [isMuted, setIsMuted] = (0, import_react15.useState)(false);
-  const audioRef = (0, import_react15.useRef)(null);
-  const audioBlobUrlRef = (0, import_react15.useRef)(null);
-  const speakResolveRef = (0, import_react15.useRef)(null);
-  const recognitionRef = (0, import_react15.useRef)(null);
-  const isMutedRef = (0, import_react15.useRef)(false);
-  const sttCallbacksRef = (0, import_react15.useRef)(null);
-  const stripIndicesRef = (0, import_react15.useRef)({});
-  const accumulatedRef = (0, import_react15.useRef)([]);
-  const interimDebounceRef = (0, import_react15.useRef)(null);
-  const lastInterimRef = (0, import_react15.useRef)("");
-  const lastDeliveredRef = (0, import_react15.useRef)("");
-  const isSpeakingRef = (0, import_react15.useRef)(false);
-  const speechEndTimeRef = (0, import_react15.useRef)(0);
-  const recentTtsRef = (0, import_react15.useRef)([]);
-  const prefetchedSpeechRef = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
-  const nearEndTimeoutRef = (0, import_react15.useRef)(null);
-  const queuePromiseRef = (0, import_react15.useRef)(Promise.resolve());
-  const queueSeqRef = (0, import_react15.useRef)(0);
-  const lastStopSeqRef = (0, import_react15.useRef)(0);
-  const listeningSessionIdRef = (0, import_react15.useRef)(null);
-  const listeningStartedAtRef = (0, import_react15.useRef)(0);
-  const loopbackRef = (0, import_react15.useRef)(null);
-  const aecActiveRef = (0, import_react15.useRef)(false);
-  const mediaRecorderRef = (0, import_react15.useRef)(null);
-  const micStreamRef = (0, import_react15.useRef)(null);
-  const sttSocketRef = (0, import_react15.useRef)(null);
-  const stopLiveSttTransport = (0, import_react15.useCallback)(() => {
+  const [isSpeaking, setIsSpeaking] = (0, import_react14.useState)(false);
+  const [isListening, setIsListening] = (0, import_react14.useState)(false);
+  const [isMuted, setIsMuted] = (0, import_react14.useState)(false);
+  const audioRef = (0, import_react14.useRef)(null);
+  const audioBlobUrlRef = (0, import_react14.useRef)(null);
+  const speakResolveRef = (0, import_react14.useRef)(null);
+  const recognitionRef = (0, import_react14.useRef)(null);
+  const isMutedRef = (0, import_react14.useRef)(false);
+  const sttCallbacksRef = (0, import_react14.useRef)(null);
+  const stripIndicesRef = (0, import_react14.useRef)({});
+  const accumulatedRef = (0, import_react14.useRef)([]);
+  const interimDebounceRef = (0, import_react14.useRef)(null);
+  const lastInterimRef = (0, import_react14.useRef)("");
+  const lastDeliveredRef = (0, import_react14.useRef)("");
+  const isSpeakingRef = (0, import_react14.useRef)(false);
+  const speechEndTimeRef = (0, import_react14.useRef)(0);
+  const recentTtsRef = (0, import_react14.useRef)([]);
+  const prefetchedSpeechRef = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
+  const nearEndTimeoutRef = (0, import_react14.useRef)(null);
+  const queuePromiseRef = (0, import_react14.useRef)(Promise.resolve());
+  const queueSeqRef = (0, import_react14.useRef)(0);
+  const lastStopSeqRef = (0, import_react14.useRef)(0);
+  const listeningSessionIdRef = (0, import_react14.useRef)(null);
+  const listeningStartedAtRef = (0, import_react14.useRef)(0);
+  const loopbackRef = (0, import_react14.useRef)(null);
+  const aecActiveRef = (0, import_react14.useRef)(false);
+  const mediaRecorderRef = (0, import_react14.useRef)(null);
+  const micStreamRef = (0, import_react14.useRef)(null);
+  const sttSocketRef = (0, import_react14.useRef)(null);
+  const stopLiveSttTransport = (0, import_react14.useCallback)(() => {
     const socket = sttSocketRef.current;
     sttSocketRef.current = null;
     if (socket) {
@@ -4849,16 +4822,16 @@ function useVoice(serverUrl) {
     }
     mediaRecorderRef.current = null;
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     isMutedRef.current = isMuted;
   }, [isMuted]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     isSpeakingRef.current = isSpeaking;
   }, [isSpeaking]);
   const webSpeechSupported = typeof window !== "undefined" && !!(window.SpeechRecognition || window.webkitSpeechRecognition);
   const mediaCaptureSupported = typeof window !== "undefined" && typeof navigator !== "undefined" && !!navigator.mediaDevices?.getUserMedia && typeof MediaRecorder !== "undefined";
   const sttSupported = typeof window !== "undefined" && (mediaCaptureSupported || webSpeechSupported);
-  const stopSpeaking = (0, import_react15.useCallback)(() => {
+  const stopSpeaking = (0, import_react14.useCallback)(() => {
     emitVoiceDebug("tts_stop", {
       queueSeq: queueSeqRef.current,
       wasSpeaking: isSpeakingRef.current
@@ -4885,8 +4858,8 @@ function useVoice(serverUrl) {
     speakResolveRef.current?.();
     speakResolveRef.current = null;
   }, []);
-  const getSpeechCacheKey = (0, import_react15.useCallback)((text, voiceId) => `${voiceId}::${text}`, []);
-  const loadAudioDurationMs = (0, import_react15.useCallback)(async (url, fallbackText) => {
+  const getSpeechCacheKey = (0, import_react14.useCallback)((text, voiceId) => `${voiceId}::${text}`, []);
+  const loadAudioDurationMs = (0, import_react14.useCallback)(async (url, fallbackText) => {
     try {
       const probe = new Audio();
       probe.preload = "metadata";
@@ -4908,7 +4881,7 @@ function useVoice(serverUrl) {
       return estimateSpeechDurationMs(fallbackText);
     }
   }, []);
-  const fetchSpeechClip = (0, import_react15.useCallback)(async (text, voiceId) => {
+  const fetchSpeechClip = (0, import_react14.useCallback)(async (text, voiceId) => {
     const baseUrl = serverUrl.replace(/\/$/, "");
     const debugEnabled = isVoiceDebugEnabled();
     const requestId = createVoiceDebugId("tts");
@@ -4970,7 +4943,7 @@ function useVoice(serverUrl) {
     });
     return { url, durationMs, requestId, buffered: true };
   }, [loadAudioDurationMs, serverUrl]);
-  const createStreamingSpeechClipForPlayback = (0, import_react15.useCallback)((text, voiceId) => {
+  const createStreamingSpeechClipForPlayback = (0, import_react14.useCallback)((text, voiceId) => {
     const requestId = createVoiceDebugId("tts");
     const clip = createStreamingSpeechClip(serverUrl, text, voiceId, {
       requestId,
@@ -4985,7 +4958,7 @@ function useVoice(serverUrl) {
     });
     return clip;
   }, [serverUrl]);
-  const prefetchSpeech = (0, import_react15.useCallback)(async (text, voiceId = DEFAULT_VOICE_ID) => {
+  const prefetchSpeech = (0, import_react14.useCallback)(async (text, voiceId = DEFAULT_VOICE_ID) => {
     if (isMutedRef.current || !text.trim()) return;
     const key = getSpeechCacheKey(text, voiceId);
     if (!prefetchedSpeechRef.current.has(key)) {
@@ -4999,7 +4972,7 @@ function useVoice(serverUrl) {
     }
     await prefetchedSpeechRef.current.get(key);
   }, [fetchSpeechClip, getSpeechCacheKey]);
-  const playClipDirect = (0, import_react15.useCallback)(async (clip, timeoutMs) => {
+  const playClipDirect = (0, import_react14.useCallback)(async (clip, timeoutMs) => {
     const { url } = clip;
     const audio = new Audio();
     audio.crossOrigin = "anonymous";
@@ -5095,7 +5068,7 @@ function useVoice(serverUrl) {
       });
     });
   }, []);
-  const speak = (0, import_react15.useCallback)(async (text, voiceId = DEFAULT_VOICE_ID, options = {}) => {
+  const speak = (0, import_react14.useCallback)(async (text, voiceId = DEFAULT_VOICE_ID, options = {}) => {
     if (isMutedRef.current) return;
     const mySeq = ++queueSeqRef.current;
     const interrupt = options.interrupt === true;
@@ -5187,7 +5160,7 @@ function useVoice(serverUrl) {
     }
     return taskPromise;
   }, [createStreamingSpeechClipForPlayback, fetchSpeechClip, getSpeechCacheKey, playClipDirect, stopSpeaking]);
-  const stopListening = (0, import_react15.useCallback)(() => {
+  const stopListening = (0, import_react14.useCallback)(() => {
     emitVoiceDebug("stt_stop_listening", {
       listeningSessionId: listeningSessionIdRef.current,
       listeningMs: listeningStartedAtRef.current ? Math.round(performance.now() - listeningStartedAtRef.current) : null
@@ -5219,7 +5192,7 @@ function useVoice(serverUrl) {
     accumulatedRef.current = [];
     setIsListening(false);
   }, [stopLiveSttTransport]);
-  const startListening = (0, import_react15.useCallback)((onResult, onInterruption, onError, options = {}) => {
+  const startListening = (0, import_react14.useCallback)((onResult, onInterruption, onError, options = {}) => {
     console.log("[Voice] startListening called, options:", options);
     stopListening();
     listeningSessionIdRef.current = createVoiceDebugId("stt");
@@ -5502,7 +5475,7 @@ function useVoice(serverUrl) {
     }
     fallbackToWebSpeech();
   }, [serverUrl, stopListening, stopSpeaking, stopLiveSttTransport]);
-  const toggleMute = (0, import_react15.useCallback)(() => {
+  const toggleMute = (0, import_react14.useCallback)(() => {
     setIsMuted((prev) => {
       const next = !prev;
       if (next) {
@@ -5514,7 +5487,7 @@ function useVoice(serverUrl) {
       return next;
     });
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     return () => {
       stopSpeaking();
       stopListening();
@@ -5543,18 +5516,18 @@ function useVoice(serverUrl) {
 }
 // src/hooks/useAudioLevel.ts
-var import_react16 = require("react");
+var import_react15 = require("react");
 var BAR_COUNT = 9;
 var SENSITIVITY = 2.8;
 var FLOOR = 0.08;
 function useAudioLevel(active) {
-  const [levels, setLevels] = (0, import_react16.useState)(() => Array(BAR_COUNT).fill(FLOOR));
-  const streamRef = (0, import_react16.useRef)(null);
-  const ctxRef = (0, import_react16.useRef)(null);
-  const analyserRef = (0, import_react16.useRef)(null);
-  const rafRef = (0, import_react16.useRef)(0);
-  const timeDataRef = (0, import_react16.useRef)(null);
-  (0, import_react16.useEffect)(() => {
+  const [levels, setLevels] = (0, import_react15.useState)(() => Array(BAR_COUNT).fill(FLOOR));
+  const streamRef = (0, import_react15.useRef)(null);
+  const ctxRef = (0, import_react15.useRef)(null);
+  const analyserRef = (0, import_react15.useRef)(null);
+  const rafRef = (0, import_react15.useRef)(0);
+  const timeDataRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     if (!active || typeof window === "undefined") {
       setLevels(Array(BAR_COUNT).fill(FLOOR));
       return;
@@ -5626,7 +5599,7 @@ function useAudioLevel(active) {
 }
 // src/hooks/useRecordingMode.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 // src/utils/tourStepTypes.ts
 function isAskDrivenInputStepType(stepType) {
@@ -5908,36 +5881,36 @@ function useRecordingMode({
   onPreview,
   experienceType = "tour"
 }) {
-  const [phase, setPhase] = (0, import_react17.useState)("idle");
-  const [steps, setSteps] = (0, import_react17.useState)([]);
-  const [selectedElement, setSelectedElement] = (0, import_react17.useState)(null);
-  const [selectedStepType, setSelectedStepType] = (0, import_react17.useState)("ask_or_fill");
-  const [pendingNarration, setPendingNarration] = (0, import_react17.useState)("");
-  const [polishedNarration, setPolishedNarration] = (0, import_react17.useState)("");
-  const [captureEvents, setCaptureEvents] = (0, import_react17.useState)([]);
-  const [capturedTranscript, setCapturedTranscript] = (0, import_react17.useState)("");
-  const [isVoiceCaptureActive, setIsVoiceCaptureActive] = (0, import_react17.useState)(false);
-  const stepsRef = (0, import_react17.useRef)([]);
+  const [phase, setPhase] = (0, import_react16.useState)("idle");
+  const [steps, setSteps] = (0, import_react16.useState)([]);
+  const [selectedElement, setSelectedElement] = (0, import_react16.useState)(null);
+  const [selectedStepType, setSelectedStepType] = (0, import_react16.useState)("ask_or_fill");
+  const [pendingNarration, setPendingNarration] = (0, import_react16.useState)("");
+  const [polishedNarration, setPolishedNarration] = (0, import_react16.useState)("");
+  const [captureEvents, setCaptureEvents] = (0, import_react16.useState)([]);
+  const [capturedTranscript, setCapturedTranscript] = (0, import_react16.useState)("");
+  const [isVoiceCaptureActive, setIsVoiceCaptureActive] = (0, import_react16.useState)(false);
+  const stepsRef = (0, import_react16.useRef)([]);
   stepsRef.current = steps;
-  const captureEventsRef = (0, import_react17.useRef)([]);
-  const safeSpeak = (0, import_react17.useCallback)((text) => {
+  const captureEventsRef = (0, import_react16.useRef)([]);
+  const safeSpeak = (0, import_react16.useCallback)((text) => {
     void voice.speak(text).catch((err) => {
       console.warn("[Recording] Voice playback unavailable:", err);
     });
   }, [voice]);
   captureEventsRef.current = captureEvents;
-  const pendingClicksRef = (0, import_react17.useRef)([]);
-  const shouldKeepVoiceCaptureRef = (0, import_react17.useRef)(false);
-  const resumeVoiceAfterNarrationRef = (0, import_react17.useRef)(false);
-  const lastAutoNoteRef = (0, import_react17.useRef)("");
-  const lastHoverKeyRef = (0, import_react17.useRef)("");
-  const lastHoverAtRef = (0, import_react17.useRef)(0);
-  const selectedStepTypeRef = (0, import_react17.useRef)("ask_or_fill");
+  const pendingClicksRef = (0, import_react16.useRef)([]);
+  const shouldKeepVoiceCaptureRef = (0, import_react16.useRef)(false);
+  const resumeVoiceAfterNarrationRef = (0, import_react16.useRef)(false);
+  const lastAutoNoteRef = (0, import_react16.useRef)("");
+  const lastHoverKeyRef = (0, import_react16.useRef)("");
+  const lastHoverAtRef = (0, import_react16.useRef)(0);
+  const selectedStepTypeRef = (0, import_react16.useRef)("ask_or_fill");
   selectedStepTypeRef.current = selectedStepType;
   const isRecording = phase !== "idle";
   const stepCount = steps.length;
   const captureEventCount = captureEvents.length;
-  const appendCaptureEvent = (0, import_react17.useCallback)((event) => {
+  const appendCaptureEvent = (0, import_react16.useCallback)((event) => {
     setCaptureEvents((prev) => {
       const nextEvent = {
         id: event.id || newCaptureId(event.type),
@@ -5948,7 +5921,7 @@ function useRecordingMode({
       return [...prev, nextEvent];
     });
   }, []);
-  const updateCaptureEvent = (0, import_react17.useCallback)((id, metadataPatch) => {
+  const updateCaptureEvent = (0, import_react16.useCallback)((id, metadataPatch) => {
     setCaptureEvents((prev) => prev.map((event) => {
       if (event.id === id) {
         return {
@@ -5962,7 +5935,7 @@ function useRecordingMode({
       return event;
     }));
   }, []);
-  const appendVoiceNote = (0, import_react17.useCallback)((transcript) => {
+  const appendVoiceNote = (0, import_react16.useCallback)((transcript) => {
     const text = transcript.trim();
     if (!text) return;
     if (lastAutoNoteRef.current === text) return;
@@ -6018,11 +5991,11 @@ function useRecordingMode({
       }
     });
   }, [appendCaptureEvent]);
-  const stopBackgroundVoiceCapture = (0, import_react17.useCallback)(() => {
+  const stopBackgroundVoiceCapture = (0, import_react16.useCallback)(() => {
     voice.stopListening();
     setIsVoiceCaptureActive(false);
   }, [voice]);
-  const startBackgroundVoiceCapture = (0, import_react17.useCallback)(() => {
+  const startBackgroundVoiceCapture = (0, import_react16.useCallback)(() => {
     if (!shouldKeepVoiceCaptureRef.current) return;
     if (!isRecording) return;
     if (phase === "narrating" || phase === "reviewing") return;
@@ -6039,7 +6012,7 @@ function useRecordingMode({
     );
     setIsVoiceCaptureActive(true);
   }, [appendVoiceNote, isRecording, phase, voice]);
-  const startRecording = (0, import_react17.useCallback)(() => {
+  const startRecording = (0, import_react16.useCallback)(() => {
     setPhase("active");
     setSteps([]);
     pendingClicksRef.current = [];
@@ -6058,34 +6031,34 @@ function useRecordingMode({
     lastHoverKeyRef.current = "";
     lastHoverAtRef.current = 0;
   }, []);
-  const markStep = (0, import_react17.useCallback)(() => {
+  const markStep = (0, import_react16.useCallback)(() => {
     if (phase !== "active") return;
     setPhase("selecting");
   }, [phase]);
-  const selectElement = (0, import_react17.useCallback)((recorded) => {
+  const selectElement = (0, import_react16.useCallback)((recorded) => {
     setSelectedElement(recorded);
     setPhase("configuring");
     const isFormField = ["INPUT", "SELECT", "TEXTAREA"].includes(recorded.el.tagName);
     setSelectedStepType(isFormField ? "ask_or_fill" : "narrate");
   }, []);
-  const selectPageLevel = (0, import_react17.useCallback)(() => {
+  const selectPageLevel = (0, import_react16.useCallback)(() => {
     setSelectedElement(null);
     setSelectedStepType("narrate");
     setPhase("configuring");
   }, []);
-  const cancelSelection = (0, import_react17.useCallback)(() => {
+  const cancelSelection = (0, import_react16.useCallback)(() => {
     setSelectedElement(null);
     setPhase("active");
   }, []);
-  const setStepType = (0, import_react17.useCallback)((type) => {
+  const setStepType = (0, import_react16.useCallback)((type) => {
     setSelectedStepType(type);
   }, []);
-  const runPolishAndReview = (0, import_react17.useCallback)(async (transcript) => {
+  const runPolishAndReview = (0, import_react16.useCallback)(async (transcript) => {
     setPolishedNarration(transcript);
     setPhase("reviewing");
   }, []);
-  const pendingNarrationRef = (0, import_react17.useRef)("");
-  const startNarration = (0, import_react17.useCallback)(() => {
+  const pendingNarrationRef = (0, import_react16.useRef)("");
+  const startNarration = (0, import_react16.useCallback)(() => {
     resumeVoiceAfterNarrationRef.current = shouldKeepVoiceCaptureRef.current && isVoiceCaptureActive;
     if (isVoiceCaptureActive) {
       stopBackgroundVoiceCapture();
@@ -6107,7 +6080,7 @@ function useRecordingMode({
       { continuous: true }
     );
   }, [isVoiceCaptureActive, stopBackgroundVoiceCapture, voice]);
-  const finishNarration = (0, import_react17.useCallback)(async () => {
+  const finishNarration = (0, import_react16.useCallback)(async () => {
     if (phase !== "narrating") return;
     voice.stopListening();
     const text = pendingNarrationRef.current;
@@ -6122,13 +6095,13 @@ function useRecordingMode({
       }
     }
   }, [phase, runPolishAndReview, startBackgroundVoiceCapture, voice]);
-  const submitTextNarration = (0, import_react17.useCallback)(async (text) => {
+  const submitTextNarration = (0, import_react16.useCallback)(async (text) => {
     if (phase !== "narrating" || !text.trim()) return;
     voice.stopListening();
     setPendingNarration(text);
     await runPolishAndReview(text);
   }, [phase, voice, runPolishAndReview]);
-  const approveNarration = (0, import_react17.useCallback)(() => {
+  const approveNarration = (0, import_react16.useCallback)(() => {
     if (phase !== "reviewing") return;
     const el = selectedElement;
     const narration = polishedNarration || pendingNarration;
@@ -6214,17 +6187,17 @@ function useRecordingMode({
       }, 0);
     }
   }, [appendCaptureEvent, phase, polishedNarration, pendingNarration, selectedElement, selectedStepType, startBackgroundVoiceCapture, voice]);
-  const redoNarration = (0, import_react17.useCallback)(() => {
+  const redoNarration = (0, import_react16.useCallback)(() => {
     if (phase !== "reviewing") return;
     setPendingNarration("");
     setPolishedNarration("");
     startNarration();
   }, [phase, startNarration]);
-  const editNarration = (0, import_react17.useCallback)((text) => {
+  const editNarration = (0, import_react16.useCallback)((text) => {
     setPendingNarration(text);
     setPolishedNarration(text);
   }, []);
-  const continueRecording = (0, import_react17.useCallback)(() => {
+  const continueRecording = (0, import_react16.useCallback)(() => {
     setPhase("active");
     if (shouldKeepVoiceCaptureRef.current) {
       window.setTimeout(() => {
@@ -6232,7 +6205,7 @@ function useRecordingMode({
       }, 0);
     }
   }, [startBackgroundVoiceCapture]);
-  const undoLastStep = (0, import_react17.useCallback)(() => {
+  const undoLastStep = (0, import_react16.useCallback)(() => {
     setSteps((prev) => {
       const next = prev.slice(0, -1);
       safeSpeak(
@@ -6242,7 +6215,7 @@ function useRecordingMode({
     });
     setPhase("active");
   }, [voice]);
-  const previewSteps = (0, import_react17.useCallback)(() => {
+  const previewSteps = (0, import_react16.useCallback)(() => {
     if (steps.length === 0) {
       safeSpeak("No steps recorded yet.");
       return;
@@ -6250,12 +6223,12 @@ function useRecordingMode({
     onPreview?.(steps);
     safeSpeak(`Previewing ${steps.length} step${steps.length !== 1 ? "s" : ""}.`);
   }, [onPreview, safeSpeak, steps]);
-  const prepareToStopRecording = (0, import_react17.useCallback)(() => {
+  const prepareToStopRecording = (0, import_react16.useCallback)(() => {
     shouldKeepVoiceCaptureRef.current = false;
     resumeVoiceAfterNarrationRef.current = false;
     stopBackgroundVoiceCapture();
   }, [stopBackgroundVoiceCapture]);
-  const cancelRecording = (0, import_react17.useCallback)(() => {
+  const cancelRecording = (0, import_react16.useCallback)(() => {
     shouldKeepVoiceCaptureRef.current = false;
     stopBackgroundVoiceCapture();
     setPhase("idle");
@@ -6268,7 +6241,7 @@ function useRecordingMode({
     setPolishedNarration("");
     safeSpeak("Recording cancelled.");
   }, [safeSpeak, stopBackgroundVoiceCapture]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isRecording || typeof document === "undefined") return;
     const handleMouseMove = (event) => {
       const target = event.target;
@@ -6392,7 +6365,7 @@ function useRecordingMode({
       window.clearInterval(routePoll);
     };
   }, [appendCaptureEvent, isRecording]);
-  const stopRecording = (0, import_react17.useCallback)(async (tourName, targetUserTypes) => {
+  const stopRecording = (0, import_react16.useCallback)(async (tourName, targetUserTypes) => {
     setPhase("finishing");
     shouldKeepVoiceCaptureRef.current = false;
     stopBackgroundVoiceCapture();
@@ -6447,17 +6420,17 @@ 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;
     }
   }, [capturedTranscript, experienceType, safeSpeak, serverUrl, stopBackgroundVoiceCapture, steps, toursApiBase, websiteId]);
-  const toggleVoiceCapture = (0, import_react17.useCallback)(() => {
+  const toggleVoiceCapture = (0, import_react16.useCallback)(() => {
     if (isVoiceCaptureActive || shouldKeepVoiceCaptureRef.current) {
       shouldKeepVoiceCaptureRef.current = false;
       stopBackgroundVoiceCapture();
@@ -6466,7 +6439,7 @@ function useRecordingMode({
     shouldKeepVoiceCaptureRef.current = true;
     startBackgroundVoiceCapture();
   }, [isVoiceCaptureActive, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isRecording) return;
     if (phase === "active" && shouldKeepVoiceCaptureRef.current && !isVoiceCaptureActive) {
       startBackgroundVoiceCapture();
@@ -6475,7 +6448,7 @@ function useRecordingMode({
       stopBackgroundVoiceCapture();
     }
   }, [isRecording, isVoiceCaptureActive, phase, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  const handleVoiceCommand = (0, import_react17.useCallback)((transcript) => {
+  const handleVoiceCommand = (0, import_react16.useCallback)((transcript) => {
     const lower = transcript.toLowerCase().trim();
     if (!isRecording) return;
     if (lower.includes("mark step") && phase === "active") {
@@ -6537,7 +6510,7 @@ function useRecordingMode({
 }
 // src/components/RecordingOverlay.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function buildFingerprint(el) {
   const tag = el.tagName.toLowerCase();
@@ -6825,8 +6798,8 @@ var STEP_TYPES_ADVANCED = [
 ];
 function StepPopover({ element, stepIndex, onConfirm, onCancel }) {
   const defaultType = element && ["INPUT", "SELECT", "TEXTAREA"].includes(element.el.tagName) ? "ask_or_fill" : "narrate";
-  const [selected, setSelected] = (0, import_react18.useState)(defaultType);
-  const [showAdvanced, setShowAdvanced] = (0, import_react18.useState)(false);
+  const [selected, setSelected] = (0, import_react17.useState)(defaultType);
+  const [showAdvanced, setShowAdvanced] = (0, import_react17.useState)(false);
   const hasTestId = !!element?.testId;
   const allTypes = showAdvanced ? [...STEP_TYPES_PRIMARY, ...STEP_TYPES_ADVANCED] : STEP_TYPES_PRIMARY;
   const popoverStyle = {
@@ -6970,8 +6943,8 @@ function StepPopover({ element, stepIndex, onConfirm, onCancel }) {
   ] });
 }
 function NarrationPanel({ stepIndex, stepCount, pendingNarration, isListening, onSubmitText, onCancel, onStopRecording }) {
-  const [textInput, setTextInput] = (0, import_react18.useState)("");
-  const [showTextInput, setShowTextInput] = (0, import_react18.useState)(false);
+  const [textInput, setTextInput] = (0, import_react17.useState)("");
+  const [showTextInput, setShowTextInput] = (0, import_react17.useState)(false);
   const audioLevels = useAudioLevel(isListening);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
@@ -7138,8 +7111,8 @@ function NarrationPanel({ stepIndex, stepCount, pendingNarration, isListening, o
   );
 }
 function ReviewPanel({ stepIndex, stepCount, polishedNarration, rawNarration, onApprove, onRedo, onEdit }) {
-  const [editMode, setEditMode] = (0, import_react18.useState)(false);
-  const [editText, setEditText] = (0, import_react18.useState)(polishedNarration || rawNarration);
+  const [editMode, setEditMode] = (0, import_react17.useState)(false);
+  const [editText, setEditText] = (0, import_react17.useState)(polishedNarration || rawNarration);
   const displayText = polishedNarration || rawNarration;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
@@ -7434,17 +7407,17 @@ function RecordingOverlay({
   onCancelRecording,
   onStopRecording
 }) {
-  const [hoveredEl, setHoveredEl] = (0, import_react18.useState)(null);
-  const [pendingElement, setPendingElement] = (0, import_react18.useState)(null);
-  const [showPopover, setShowPopover] = (0, import_react18.useState)(false);
-  const [hudMinimized, setHudMinimized] = (0, import_react18.useState)(false);
-  const [voicePanelMinimized, setVoicePanelMinimized] = (0, import_react18.useState)(false);
+  const [hoveredEl, setHoveredEl] = (0, import_react17.useState)(null);
+  const [pendingElement, setPendingElement] = (0, import_react17.useState)(null);
+  const [showPopover, setShowPopover] = (0, import_react17.useState)(false);
+  const [hudMinimized, setHudMinimized] = (0, import_react17.useState)(false);
+  const [voicePanelMinimized, setVoicePanelMinimized] = (0, import_react17.useState)(false);
   const isSelecting = phase === "selecting";
-  const handleMouseMove = (0, import_react18.useCallback)((e) => {
+  const handleMouseMove = (0, import_react17.useCallback)((e) => {
     const target = e.target.closest(INTERACTIVE_SELECTOR2);
     setHoveredEl(target);
   }, []);
-  const handleClick = (0, import_react18.useCallback)((e) => {
+  const handleClick = (0, import_react17.useCallback)((e) => {
     if (e.target.closest("[data-modelnex-internal]")) return;
     const target = e.target.closest(INTERACTIVE_SELECTOR2);
     if (target) {
@@ -7469,7 +7442,7 @@ function RecordingOverlay({
       setShowPopover(true);
     }
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isSelecting) return;
     document.addEventListener("mousemove", handleMouseMove, true);
     document.addEventListener("click", handleClick, true);
@@ -7481,14 +7454,14 @@ function RecordingOverlay({
       document.body.style.cursor = prev;
     };
   }, [isSelecting, handleMouseMove, handleClick]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isSelecting) {
       setShowPopover(false);
       setPendingElement(null);
       setHoveredEl(null);
     }
   }, [isSelecting]);
-  const handlePopoverConfirm = (0, import_react18.useCallback)((type) => {
+  const handlePopoverConfirm = (0, import_react17.useCallback)((type) => {
     setShowPopover(false);
     if (pendingElement) {
       onElementSelected(pendingElement);
@@ -7498,7 +7471,7 @@ function RecordingOverlay({
     onStepTypeConfirmed(type);
     onStartNarration();
   }, [pendingElement, onElementSelected, onPageLevelStep, onStepTypeConfirmed, onStartNarration]);
-  const handlePopoverCancel = (0, import_react18.useCallback)(() => {
+  const handlePopoverCancel = (0, import_react17.useCallback)(() => {
     setShowPopover(false);
     setPendingElement(null);
   }, []);
@@ -7996,8 +7969,8 @@ function shouldIgnoreTourGestureStart(target) {
   return target instanceof HTMLElement && Boolean(target.closest('[data-modelnex-review-toggle="true"]'));
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) setMatches(media.matches);
     const listener = () => setMatches(media.matches);
@@ -8069,8 +8042,8 @@ var GLOBAL_STYLES = `
   }
 `;
 function Tooltip({ children, title }) {
-  const [show, setShow] = (0, import_react19.useState)(false);
-  const ref = (0, import_react19.useRef)(null);
+  const [show, setShow] = (0, import_react18.useState)(false);
+  const ref = (0, import_react18.useRef)(null);
   const handleShow = () => setShow(true);
   const handleHide = () => setShow(false);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
@@ -8146,11 +8119,11 @@ var MinimizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { w
 var StopIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
 var ChevronDown = ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { transform: open ? "rotate(180deg)" : "none", transition: "transform 0.2s" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m6 9 6 6 6-6" }) });
 function AgentTraces({ debug, command, defaultExpanded = true }) {
-  const [expanded, setExpanded] = (0, import_react19.useState)(defaultExpanded);
-  const [expandedSteps, setExpandedSteps] = (0, import_react19.useState)(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = (0, import_react18.useState)(defaultExpanded);
+  const [expandedSteps, setExpandedSteps] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
   const traces = debug.traces ?? [];
   const hasTraceContent = traces.length > 0 || debug.llmInput || (debug.llmOutput?.length ?? 0) > 0 || (debug.actions?.length ?? 0) > 0;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setExpandedSteps(new Set(traces.map((t) => t.step)));
   }, [debug]);
   const toggleStep = (step) => {
@@ -8337,11 +8310,6 @@ var RecordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { wi
   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "8" }),
   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor" })
 ] });
-var MapIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polygon", { points: "3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "9", y1: "3", x2: "9", y2: "18" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "15", y1: "6", x2: "15", y2: "21" })
-] });
 var BookOpenIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" }),
   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" })
@@ -8350,41 +8318,41 @@ 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 noop = (0, import_react19.useCallback)(() => void 0, []);
-  const noopAsync = (0, import_react19.useCallback)(async () => void 0, []);
+  const onCommand = void 0;
+  const recordingExperienceType = "tour";
+  const noop = (0, import_react18.useCallback)(() => void 0, []);
+  const noopAsync = (0, import_react18.useCallback)(async () => void 0, []);
   const runCommand = useRunCommand();
-  const ctx = (0, import_react19.useContext)(ModelNexContext);
-  const [hydrated, setHydrated] = (0, import_react19.useState)(false);
-  const [expanded, setExpanded] = (0, import_react19.useState)(false);
-  const [input, setInput] = (0, import_react19.useState)("");
+  const ctx = (0, import_react18.useContext)(ModelNexContext);
+  const [hydrated, setHydrated] = (0, import_react18.useState)(false);
+  const [expanded, setExpanded] = (0, import_react18.useState)(false);
+  const [input, setInput] = (0, import_react18.useState)("");
   const messages = ctx?.chatMessages ?? [];
   const setMessages = ctx?.setChatMessages ?? (() => {
   });
-  const [loading, setLoading] = (0, import_react19.useState)(false);
-  const messagesEndRef = (0, import_react19.useRef)(null);
-  const abortControllerRef = (0, import_react19.useRef)(null);
-  const panelRef = (0, import_react19.useRef)(null);
-  const serverUrl = ctx?.serverUrl ?? "http://localhost:3002";
+  const [loading, setLoading] = (0, import_react18.useState)(false);
+  const messagesEndRef = (0, import_react18.useRef)(null);
+  const abortControllerRef = (0, import_react18.useRef)(null);
+  const panelRef = (0, import_react18.useRef)(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;
   const setRecordingMode = ctx?.setRecordingMode ?? (() => {
   });
   const devMode = ctx?.devMode ?? false;
-  const [recordingTourName, setRecordingTourName] = (0, import_react19.useState)("");
-  const [recordingTargetTypes, setRecordingTargetTypes] = (0, import_react19.useState)("admin");
-  const [showStopModal, setShowStopModal] = (0, import_react19.useState)(false);
-  const [savedDraft, setSavedDraft] = (0, import_react19.useState)(null);
-  const [reviewDraft, setReviewDraft] = (0, import_react19.useState)("");
-  const [tourLiveTranscript, setTourLiveTranscript] = (0, import_react19.useState)("");
-  const [activeRecordingExperienceType, setActiveRecordingExperienceType] = (0, import_react19.useState)(recordingExperienceType);
+  const [recordingTourName, setRecordingTourName] = (0, import_react18.useState)("");
+  const [recordingTargetTypes, setRecordingTargetTypes] = (0, import_react18.useState)("admin");
+  const [showStopModal, setShowStopModal] = (0, import_react18.useState)(false);
+  const [savedDraft, setSavedDraft] = (0, import_react18.useState)(null);
+  const [reviewDraft, setReviewDraft] = (0, import_react18.useState)("");
+  const [tourLiveTranscript, setTourLiveTranscript] = (0, import_react18.useState)("");
+  const [activeRecordingExperienceType, setActiveRecordingExperienceType] = (0, import_react18.useState)(recordingExperienceType);
   const recording = useRecordingMode({
     serverUrl,
     toursApiBase: ctx?.toursApiBase,
@@ -8401,7 +8369,6 @@ function ModelNexChatBubble({
     socketId: ctx?.socketId,
     websiteId: ctx?.websiteId,
     userProfile: ctx?.userProfile,
-    tourFacts: ctx?.tourFacts,
     voice,
     appName,
     tagStore: ctx?.tagStore,
@@ -8418,7 +8385,7 @@ function ModelNexChatBubble({
   const activePlayback = playbackController.playback;
   const activeExperienceType = playbackController.activeExperienceType;
   const startingExperienceType = playbackController.startingExperienceType;
-  const createPlaybackView = (0, import_react19.useCallback)((experienceType) => {
+  const createPlaybackView = (0, import_react18.useCallback)((experienceType) => {
     const isActiveExperience = activePlayback.isActive && activeExperienceType === experienceType;
     const pendingTour = playbackController.pendingPrompt?.experienceType === experienceType ? playbackController.pendingPrompt.tour : null;
     return {
@@ -8446,11 +8413,11 @@ function ModelNexChatBubble({
       submitReviewFeedback: isActiveExperience ? activePlayback.submitReviewFeedback : noopAsync
     };
   }, [activeExperienceType, activePlayback, noop, noopAsync, playbackController]);
-  const tourPlayback = (0, import_react19.useMemo)(() => createPlaybackView("tour"), [createPlaybackView]);
-  const onboardingPlayback = (0, import_react19.useMemo)(() => createPlaybackView("onboarding"), [createPlaybackView]);
+  const tourPlayback = (0, import_react18.useMemo)(() => createPlaybackView("tour"), [createPlaybackView]);
+  const onboardingPlayback = (0, import_react18.useMemo)(() => createPlaybackView("onboarding"), [createPlaybackView]);
   const tourReviewToggle = getReviewModeToggleConfig(tourPlayback.playbackState);
-  const lastAutoTaggedUrlRef = (0, import_react19.useRef)(null);
-  const handleAutoTag = (0, import_react19.useCallback)(async () => {
+  const lastAutoTaggedUrlRef = (0, import_react18.useRef)(null);
+  const handleAutoTag = (0, import_react18.useCallback)(async () => {
     if (!ctx) return;
     const { extractedElements, tagStore, commandUrl, serverUrl: serverUrl2, websiteId } = ctx;
     if (extractedElements.length === 0) return;
@@ -8459,7 +8426,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,
@@ -8504,7 +8471,7 @@ function ModelNexChatBubble({
       console.warn("[ModelNex] Auto-tag error:", err);
     }
   }, [ctx]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (devMode && ctx?.extractedElements.length) {
       const timer = setTimeout(handleAutoTag, 1e3);
       return () => clearTimeout(timer);
@@ -8512,7 +8479,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";
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setHydrated(true);
     try {
       setExpanded(sessionStorage.getItem(BUBBLE_EXPANDED_STORAGE_KEY) === "true");
@@ -8520,27 +8487,27 @@ function ModelNexChatBubble({
       setExpanded(false);
     }
   }, []);
-  const sttActiveRef = (0, import_react19.useRef)(false);
-  const [tourListenReady, setTourListenReady] = (0, import_react19.useState)(false);
-  const [tourSttError, setTourSttError] = (0, import_react19.useState)(null);
-  const previousTourActiveRef = (0, import_react19.useRef)(false);
-  const tourListenReadyRef = (0, import_react19.useRef)(false);
-  const tourSttErrorRef = (0, import_react19.useRef)(null);
-  const updateTourListenReady = (0, import_react19.useCallback)((next) => {
+  const sttActiveRef = (0, import_react18.useRef)(false);
+  const [tourListenReady, setTourListenReady] = (0, import_react18.useState)(false);
+  const [tourSttError, setTourSttError] = (0, import_react18.useState)(null);
+  const previousTourActiveRef = (0, import_react18.useRef)(false);
+  const tourListenReadyRef = (0, import_react18.useRef)(false);
+  const tourSttErrorRef = (0, import_react18.useRef)(null);
+  const updateTourListenReady = (0, import_react18.useCallback)((next) => {
     if (tourListenReadyRef.current === next) return;
     tourListenReadyRef.current = next;
     setTourListenReady(next);
   }, []);
-  const updateTourSttError = (0, import_react19.useCallback)((next) => {
+  const updateTourSttError = (0, import_react18.useCallback)((next) => {
     if (tourSttErrorRef.current === next) return;
     tourSttErrorRef.current = next;
     setTourSttError(next);
   }, []);
-  const tourLiveTranscriptLines = (0, import_react19.useMemo)(
+  const tourLiveTranscriptLines = (0, import_react18.useMemo)(
     () => buildTranscriptPreviewLines(tourLiveTranscript, { maxCharsPerLine: 36, maxLines: 2 }),
     [tourLiveTranscript]
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const shouldShowFloatingTranscript = (tourPlayback.isActive || onboardingPlayback.isActive) && tourListenReady && voice.isListening;
     if (shouldShowFloatingTranscript) {
       showFloatingLiveTranscript({
@@ -8562,10 +8529,10 @@ function ModelNexChatBubble({
     tourPlayback.isActive,
     voice.isListening
   ]);
-  (0, import_react19.useEffect)(() => () => {
+  (0, import_react18.useEffect)(() => () => {
     hideFloatingLiveTranscript();
   }, []);
-  const setExpandedState = (0, import_react19.useCallback)((next, opts) => {
+  const setExpandedState = (0, import_react18.useCallback)((next, opts) => {
     setExpanded(next);
     try {
       sessionStorage.setItem(BUBBLE_EXPANDED_STORAGE_KEY, String(next));
@@ -8577,13 +8544,13 @@ function ModelNexChatBubble({
     } catch {
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if ((onboardingPlayback.pendingTour || tourPlayback.pendingTour) && !recordingMode && pendingNotificationType === "bubble_card") {
       setExpandedState(true);
     }
   }, [onboardingPlayback.pendingTour, tourPlayback.pendingTour, recordingMode, pendingNotificationType, setExpandedState]);
-  const preferredListeningExperienceRef = (0, import_react19.useRef)(null);
-  const playbackVoiceRoutingRef = (0, import_react19.useRef)({
+  const preferredListeningExperienceRef = (0, import_react18.useRef)(null);
+  const playbackVoiceRoutingRef = (0, import_react18.useRef)({
     activeExperienceType,
     isActive: activePlayback.isActive,
     isReviewMode: activePlayback.isReviewMode,
@@ -8591,7 +8558,7 @@ function ModelNexChatBubble({
     playbackState: activePlayback.playbackState,
     handleVoiceInput: playbackController.handleVoiceInput
   });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     playbackVoiceRoutingRef.current = {
       activeExperienceType,
       isActive: activePlayback.isActive,
@@ -8608,7 +8575,7 @@ function ModelNexChatBubble({
     playbackController.handleVoiceInput,
     playbackController.pendingPrompt?.experienceType
   ]);
-  const handleVoiceTourInput = (0, import_react19.useCallback)(createSinglePlaybackTranscriptRouter(
+  const handleVoiceTourInput = (0, import_react18.useCallback)(createSinglePlaybackTranscriptRouter(
     () => ({
       isReviewMode: playbackVoiceRoutingRef.current.isReviewMode,
       playbackState: playbackVoiceRoutingRef.current.playbackState
@@ -8623,7 +8590,7 @@ function ModelNexChatBubble({
       }
     }
   ), []);
-  const startTourListening = (0, import_react19.useCallback)((preferredExperience) => {
+  const startTourListening = (0, import_react18.useCallback)((preferredExperience) => {
     const listeningState = {
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8679,7 +8646,7 @@ function ModelNexChatBubble({
     updateTourListenReady,
     updateTourSttError
   ]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8702,12 +8669,12 @@ function ModelNexChatBubble({
       }
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, setExpandedState, startingExperienceType, updateTourSttError]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!tourPlayback.isReviewMode && !onboardingPlayback.isReviewMode) {
       setReviewDraft("");
     }
   }, [tourPlayback.isReviewMode, onboardingPlayback.isReviewMode]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8716,12 +8683,12 @@ function ModelNexChatBubble({
       preferredListeningExperienceRef.current = null;
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, startingExperienceType]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (recordingMode) {
       setExpandedState(false);
     }
   }, [recordingMode, setExpandedState]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8735,7 +8702,7 @@ function ModelNexChatBubble({
     }
     updateTourListenReady(Boolean(voice.isListening && sttActiveRef.current));
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice.isListening, startingExperienceType, updateTourListenReady]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8750,7 +8717,7 @@ function ModelNexChatBubble({
       voice.stopListening();
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice, startingExperienceType, updateTourListenReady, updateTourSttError]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const isPlaybackActive = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -8772,8 +8739,8 @@ function ModelNexChatBubble({
       window.removeEventListener("keydown", enableTourListeningFromGesture, true);
     };
   }, [tourPlayback.isActive, onboardingPlayback.isActive, tourListenReady, tourSttError, voice.sttSupported, startTourListening, startingExperienceType]);
-  const [voiceInputMode, setVoiceInputMode] = (0, import_react19.useState)(false);
-  const toggleVoiceInput = (0, import_react19.useCallback)(() => {
+  const [voiceInputMode, setVoiceInputMode] = (0, import_react18.useState)(false);
+  const toggleVoiceInput = (0, import_react18.useCallback)(() => {
     if (voiceInputMode) {
       voice.stopListening();
       setVoiceInputMode(false);
@@ -8796,7 +8763,7 @@ function ModelNexChatBubble({
       );
     }
   }, [voiceInputMode, voice, recordingMode, recording]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const stopKeyPropagation = (e) => {
@@ -8811,7 +8778,7 @@ function ModelNexChatBubble({
       panel.removeEventListener("keypress", stopKeyPropagation, true);
     };
   }, [expanded]);
-  const onboardingRequiredCount = (0, import_react19.useMemo)(
+  const onboardingRequiredCount = (0, import_react18.useMemo)(
     () => (onboardingPlayback.activeTour?.steps || []).filter((step) => step.onboarding?.required !== false).length,
     [onboardingPlayback.activeTour]
   );
@@ -8820,7 +8787,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" });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (messages.length > 0) scrollToBottom();
   }, [messages, loading]);
   const runAgent = async () => {
@@ -8863,7 +8830,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 }) });
@@ -8877,7 +8844,7 @@ function ModelNexChatBubble({
   const clearChat = () => {
     setMessages([]);
   };
-  const startRecordingSession = (0, import_react19.useCallback)((experienceType) => {
+  const startRecordingSession = (0, import_react18.useCallback)((experienceType) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = null;
     setLoading(false);
@@ -8902,7 +8869,7 @@ function ModelNexChatBubble({
     e.stopPropagation();
   };
   const isMobile = useMediaQuery("(max-width: 640px)");
-  const themeStyles = (0, import_react19.useMemo)(() => {
+  const themeStyles = (0, import_react18.useMemo)(() => {
     if (!theme) return null;
     const styles = {};
     if (theme.accentColor) styles["--modelnex-accent"] = theme.accentColor;
@@ -9000,9 +8967,9 @@ function ModelNexChatBubble({
                   animation: "modelnex-slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "26px", lineHeight: 1.2, fontWeight: 700, color: mc.textColor || "var(--modelnex-fg, #09090b)", marginBottom: "12px" }, children: pt?.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", gap: "12px", justifyContent: "flex-end" }, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
@@ -9076,7 +9043,7 @@ function ModelNexChatBubble({
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "14px", fontWeight: 800, color: recordingMode ? "#dc2626" : "var(--modelnex-fg, #18181b)", display: "flex", alignItems: "center", gap: "6px" }, children: recordingMode ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { animation: "modelnex-bubble-pulse 1s infinite", color: "#dc2626" }, children: "\u25CF" }),
                   "REC"
-                ] }) : onboardingPlayback.isActive ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME.accent, fontWeight: 800 }, children: "Onboarding" }) : tourPlayback.isActive ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: TOUR_THEME.accent, fontWeight: 800 }, children: "Product Tour" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                ] }) : onboardingPlayback.isActive ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME.accent, fontWeight: 800 }, children: "Workflow" }) : tourPlayback.isActive ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: TOUR_THEME.accent, fontWeight: 800 }, children: "Product Tour" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BotIcon, {}),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: agentName })
                 ] }) }),
@@ -9104,62 +9071,33 @@ function ModelNexChatBubble({
                     children: voice.isMuted ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VolumeMuteIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VolumeIcon, {})
                   }
                 ) }),
-                devMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", background: "var(--modelnex-bg-secondary, #f4f4f5)", borderRadius: "12px", padding: "2px", gap: "2px", marginRight: "4px" }, children: [
-                  (!recordingMode || activeRecordingExperienceType === "tour") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { title: recordingMode ? "Stop & Save Tour" : "Record Tour", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    "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__ */ (0, import_jsx_runtime4.jsx)(MapIcon, {})
-                    }
-                  ) }),
-                  (!recordingMode || activeRecordingExperienceType === "onboarding") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { title: recordingMode ? "Stop & Save Onboarding" : "Record Onboarding", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    "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__ */ (0, import_jsx_runtime4.jsx)(BookOpenIcon, {})
-                    }
-                  ) })
-                ] }),
+                devMode && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "flex", background: "var(--modelnex-bg-secondary, #f4f4f5)", borderRadius: "12px", padding: "2px", gap: "2px", marginRight: "4px" }, children: (!recordingMode || activeRecordingExperienceType === "onboarding") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { title: recordingMode ? "Stop & Save Workflow" : "Record Workflow", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "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__ */ (0, import_jsx_runtime4.jsx)(BookOpenIcon, {})
+                  }
+                ) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { title: "Minimize", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "button",
                   {
@@ -9221,7 +9159,7 @@ function ModelNexChatBubble({
                 background: "linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(59,130,246,0.03) 100%)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "var(--modelnex-fg, #18181b)", marginBottom: "6px" }, children: onboardingPlayback.pendingTour ? "Suggested onboarding" : "Suggested tour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "var(--modelnex-fg, #18181b)", marginBottom: "6px" }, children: onboardingPlayback.pendingTour ? "Suggested workflow" : "Suggested tour" }),
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "14px", color: "var(--modelnex-fg, #27272a)", marginBottom: "6px" }, children: (onboardingPlayback.pendingTour || tourPlayback.pendingTour)?.name }),
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
@@ -9235,7 +9173,7 @@ function ModelNexChatBubble({
                     startTourListening(preferredExperience);
                   }, children: [
                     "Start ",
-                    onboardingPlayback.pendingTour ? "onboarding" : "tour"
+                    onboardingPlayback.pendingTour ? "workflow" : "tour"
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "btn btn-secondary btn-sm", onClick: onboardingPlayback.pendingTour ? onboardingPlayback.dismissPendingTour : tourPlayback.dismissPendingTour, children: "Not now" })
                 ] })
@@ -9315,7 +9253,7 @@ function ModelNexChatBubble({
           showStopModal && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { padding: "14px", borderBottom: "1px solid var(--modelnex-border, #e4e4e7)", background: "rgba(220,38,38,0.04)", flexShrink: 0 }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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, ",
@@ -9329,7 +9267,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" }
               }
@@ -9427,7 +9365,7 @@ function ModelNexChatBubble({
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#16a34a", marginBottom: "6px" }, children: "Draft saved" }),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", gap: "6px", flexWrap: "wrap" }, children: [
@@ -10119,7 +10057,7 @@ function ModelNexChatBubble({
 }
 // src/onboarding-panel.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_react_dom2 = require("react-dom");
 // src/hooks/useOnboardingPlayback.ts
@@ -10149,18 +10087,18 @@ function ModelNexOnboardingPanel({
   appName = "this app",
   title = "Getting Started"
 }) {
-  const ctx = (0, import_react20.useContext)(ModelNexContext);
-  const serverUrl = ctx?.serverUrl ?? "http://localhost:3002";
+  const ctx = (0, import_react19.useContext)(ModelNexContext);
+  const serverUrl = ctx?.serverUrl ?? "https://69tgf4aic6.us-east-1.awsapprunner.com";
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
-  const [input, setInput] = (0, import_react20.useState)("");
-  const [reviewDraft, setReviewDraft] = (0, import_react20.useState)("");
-  const [open, setOpen] = (0, import_react20.useState)(true);
-  const [currentStepIndex, setCurrentStepIndex] = (0, import_react20.useState)(0);
-  const [liveTranscript, setLiveTranscript] = (0, import_react20.useState)("");
-  const [voiceEnabled, setVoiceEnabled] = (0, import_react20.useState)(false);
-  const [sttError, setSttError] = (0, import_react20.useState)(null);
-  const voiceEnabledRef = (0, import_react20.useRef)(false);
+  const [input, setInput] = (0, import_react19.useState)("");
+  const [reviewDraft, setReviewDraft] = (0, import_react19.useState)("");
+  const [open, setOpen] = (0, import_react19.useState)(true);
+  const [currentStepIndex, setCurrentStepIndex] = (0, import_react19.useState)(0);
+  const [liveTranscript, setLiveTranscript] = (0, import_react19.useState)("");
+  const [voiceEnabled, setVoiceEnabled] = (0, import_react19.useState)(false);
+  const [sttError, setSttError] = (0, import_react19.useState)(null);
+  const voiceEnabledRef = (0, import_react19.useRef)(false);
   const playback = useOnboardingPlayback({
     serverUrl,
     commandUrl: ctx?.commandUrl,
@@ -10180,25 +10118,25 @@ function ModelNexOnboardingPanel({
       voiceEnabledRef.current = false;
     }
   });
-  const playbackVoiceRoutingRef = (0, import_react20.useRef)({
+  const playbackVoiceRoutingRef = (0, import_react19.useRef)({
     isReviewMode: false,
     playbackState: playback.playbackState,
     handleVoiceInput: playback.handleVoiceInput
   });
   const reviewToggle = getReviewModeToggleConfig(playback.playbackState);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     playbackVoiceRoutingRef.current = {
       isReviewMode: playback.isReviewMode,
       playbackState: playback.playbackState,
       handleVoiceInput: playback.handleVoiceInput
     };
   }, [playback.isReviewMode, playback.playbackState, playback.handleVoiceInput]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (playback.isActive && !playback.isReviewMode) {
       setOpen(true);
     }
   }, [playback.activeTour?.id, playback.isActive, playback.isReviewMode]);
-  const startVoiceListening = (0, import_react20.useCallback)(() => {
+  const startVoiceListening = (0, import_react19.useCallback)(() => {
     if (voiceEnabledRef.current || !voice.sttSupported) return;
     voiceEnabledRef.current = true;
     setVoiceEnabled(true);
@@ -10245,7 +10183,7 @@ function ModelNexOnboardingPanel({
       }
     );
   }, [playback.isActive, voice]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!playback.isActive || voiceEnabledRef.current || !voice.sttSupported) return;
     const startOnGesture = (event) => {
       if (shouldIgnorePanelGestureStart(event.target)) {
@@ -10260,7 +10198,7 @@ function ModelNexOnboardingPanel({
       window.removeEventListener("keydown", startOnGesture, true);
     };
   }, [playback.isActive, voice.sttSupported, startVoiceListening]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!playback.isActive && voiceEnabledRef.current) {
       voiceEnabledRef.current = false;
       setVoiceEnabled(false);
@@ -10271,16 +10209,16 @@ function ModelNexOnboardingPanel({
   }, [playback.isActive, voice]);
   const pendingNotificationType = playback.pendingTour?.notificationType ?? "bubble_card";
   const currentStep = playback.activeTour?.steps?.[currentStepIndex] || null;
-  const requiredCount = (0, import_react20.useMemo)(
+  const requiredCount = (0, import_react19.useMemo)(
     () => (playback.activeTour?.steps || []).filter((step) => step.onboarding?.required !== false).length,
     [playback.activeTour]
   );
   const completionRatio = playback.totalSteps > 0 ? Math.min(currentStepIndex / playback.totalSteps, 1) : 0;
-  const liveTranscriptLines = (0, import_react20.useMemo)(
+  const liveTranscriptLines = (0, import_react19.useMemo)(
     () => buildTranscriptPreviewLines(liveTranscript, { maxCharsPerLine: 34, maxLines: 2 }),
     [liveTranscript]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (voiceEnabled && voice.isListening) {
       showFloatingLiveTranscript({
         levels: audioLevels,
@@ -10294,7 +10232,7 @@ function ModelNexOnboardingPanel({
     }
     hideFloatingLiveTranscript();
   }, [audioLevels, liveTranscriptLines, voiceEnabled, voice.isListening]);
-  (0, import_react20.useEffect)(() => () => {
+  (0, import_react19.useEffect)(() => () => {
     hideFloatingLiveTranscript();
   }, []);
   const actionButtonStyle = {
@@ -10329,7 +10267,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",
@@ -10340,9 +10278,9 @@ function ModelNexOnboardingPanel({
                   padding: "24px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", fontWeight: 700, letterSpacing: "0.04em", textTransform: "uppercase", color: PANEL_THEME2.accent, marginBottom: "10px" }, children: mc.title || "Suggested onboarding" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", fontWeight: 700, letterSpacing: "0.04em", textTransform: "uppercase", color: PANEL_THEME2.accent, marginBottom: "10px" }, children: mc.title || "Suggested workflow" }),
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "24px", lineHeight: 1.15, fontWeight: 650, marginBottom: "10px" }, children: playback.pendingTour.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "10px", justifyContent: "flex-end" }, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "button",
@@ -10376,7 +10314,7 @@ function ModelNexOnboardingPanel({
                           cursor: "pointer",
                           fontWeight: 700
                         },
-                        children: mc.buttonText || "Start onboarding"
+                        children: mc.buttonText || "Start workflow"
                       }
                     )
                   ] })
@@ -10409,11 +10347,11 @@ function ModelNexOnboardingPanel({
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { padding: "16px 18px", borderBottom: `1px solid ${PANEL_THEME2.border}`, background: PANEL_THEME2.hero }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Suggested onboarding" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Suggested workflow" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "18px", fontWeight: 700, marginTop: "4px" }, children: playback.pendingTour.name })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { padding: "16px 18px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "button",
@@ -10423,7 +10361,7 @@ function ModelNexOnboardingPanel({
                     startVoiceListening();
                   },
                   style: { ...actionButtonStyle, flex: 1, padding: "11px 14px" },
-                  children: "Start onboarding"
+                  children: "Start workflow"
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -10485,7 +10423,7 @@ function ModelNexOnboardingPanel({
             fontSize: "18px"
           }, children: "\u{1F3AF}" }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 700, color: "#172033", marginBottom: "2px" }, children: "Guided Onboarding" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 700, color: "#172033", marginBottom: "2px" }, children: "Workflow" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "#6b7280" }, children: "Ready \u2014 onboarding will appear here when available." })
           ] })
         ]
@@ -10541,7 +10479,7 @@ function ModelNexOnboardingPanel({
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { padding: "16px 18px", borderBottom: `1px solid ${PANEL_THEME2.border}`, background: PANEL_THEME2.hero }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", gap: "12px", alignItems: "center" }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Guided Onboarding" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "11px", textTransform: "uppercase", letterSpacing: "0.08em", color: PANEL_THEME2.accent, fontWeight: 700 }, children: "Workflow" }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "18px", fontWeight: 700 }, children: title })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: [
@@ -10808,9 +10746,9 @@ function ModelNexOnboardingPanel({
 }
 // src/hooks/useActionHighlight.ts
-var import_react21 = require("react");
+var import_react20 = require("react");
 function useActionHighlight() {
-  const context = (0, import_react21.useContext)(ModelNexContext);
+  const context = (0, import_react20.useContext)(ModelNexContext);
   if (!context) throw new Error("useActionHighlight must be used within ModelNexProvider");
   return {
     enabled: context.highlightActions,
@@ -10890,36 +10828,35 @@ 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] = (0, import_react22.useState)(/* @__PURE__ */ new Set());
-  const [stagingFields, setStagingFields] = (0, import_react22.useState)(/* @__PURE__ */ new Set());
-  const [executedFields, setExecutedFields] = (0, import_react22.useState)(/* @__PURE__ */ new Set());
-  const [highlightActions, setHighlightActions] = (0, import_react22.useState)(false);
-  const [studioMode, setStudioMode] = (0, import_react22.useState)(false);
-  const [recordingMode, setRecordingMode] = (0, import_react22.useState)(false);
-  const [voiceMuted, setVoiceMuted] = (0, import_react22.useState)(false);
-  const [socketId, setSocketId] = (0, import_react22.useState)(null);
-  const [actions, setActions] = (0, import_react22.useState)(/* @__PURE__ */ new Map());
-  const registerAction = (0, import_react22.useCallback)((action) => {
+  const [activeAgentActions, setActiveAgentActions] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
+  const [stagingFields, setStagingFields] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
+  const [executedFields, setExecutedFields] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
+  const [highlightActions, setHighlightActions] = (0, import_react21.useState)(false);
+  const [studioMode, setStudioMode] = (0, import_react21.useState)(false);
+  const [recordingMode, setRecordingMode] = (0, import_react21.useState)(false);
+  const [voiceMuted, setVoiceMuted] = (0, import_react21.useState)(false);
+  const [socketId, setSocketId] = (0, import_react21.useState)(null);
+  const [actions, setActions] = (0, import_react21.useState)(/* @__PURE__ */ new Map());
+  const registerAction = (0, import_react21.useCallback)((action) => {
     setActions((prev) => {
       const next = new Map(prev);
       next.set(action.id, action);
       return next;
     });
   }, []);
-  const unregisterAction = (0, import_react22.useCallback)((id) => {
+  const unregisterAction = (0, import_react21.useCallback)((id) => {
     setActions((prev) => {
       const next = new Map(prev);
       next.delete(id);
@@ -10930,8 +10867,8 @@ var ModelNexProvider = ({
   const tagStore = useTagStore({ serverUrl, websiteId });
   useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl, websiteId);
   const CHAT_STORAGE_KEY = "modelnex-chat-messages";
-  const [chatMessages, setChatMessagesRaw] = (0, import_react22.useState)([]);
-  (0, import_react22.useEffect)(() => {
+  const [chatMessages, setChatMessagesRaw] = (0, import_react21.useState)([]);
+  (0, import_react21.useEffect)(() => {
     try {
       const stored = sessionStorage.getItem(CHAT_STORAGE_KEY);
       if (stored) {
@@ -10940,7 +10877,7 @@ var ModelNexProvider = ({
     } catch {
     }
   }, []);
-  const setChatMessages = (0, import_react22.useCallback)((action) => {
+  const setChatMessages = (0, import_react21.useCallback)((action) => {
     setChatMessagesRaw((prev) => {
       const next = typeof action === "function" ? action(prev) : action;
       try {
@@ -10964,22 +10901,20 @@ var ModelNexProvider = ({
     websiteId
   });
   useFieldHighlight(stagingFields, executedFields, setExecutedFields);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     document.body.classList.toggle("modelnex-highlight-actions", highlightActions);
     return () => {
       document.body.classList.remove("modelnex-highlight-actions");
     };
   }, [highlightActions]);
-  const [mounted, setMounted] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     setMounted(true);
   }, []);
-  const value = (0, import_react22.useMemo)(
+  const value = (0, import_react21.useMemo)(
     () => ({
       serverUrl,
       commandUrl: commandUrl ?? serverUrl,
-      registerAction,
-      unregisterAction,
       activeAgentActions,
       stagingFields,
       highlightActions,
@@ -10994,23 +10929,21 @@ 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 import_react22.default.createElement(
+  return import_react21.default.createElement(
     ModelNexContext.Provider,
     { value },
     renderedChildren,
-    mounted && studioMode && import_react22.default.createElement(StudioOverlay, { elements: extractedElements, tagStore }),
-    mounted && import_react22.default.createElement(AIActivityOverlay, { activeActions: activeAgentActions }),
+    mounted && studioMode && import_react21.default.createElement(StudioOverlay, { elements: extractedElements, tagStore }),
+    mounted && import_react21.default.createElement(AIActivityOverlay, { activeActions: activeAgentActions }),
     // mounted && React.createElement(ReasoningBubble, null),
-    mounted && import_react22.default.createElement("style", null, HIGHLIGHT_STYLES)
+    mounted && import_react21.default.createElement("style", null, HIGHLIGHT_STYLES)
   );
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -11046,7 +10979,6 @@ var ModelNexProvider = ({
   useExperiencePlayback,
   useOnboardingPlayback,
   useRecordingMode,
-  useRegisterAction,
   useRunCommand,
   useTagStore,
   useTourPlayback,