@modelnex/sdk 0.5.3 → 0.5.5

package/dist/index.js

@@ -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");
@@ -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,27 +8318,27 @@ 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 [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 ?? "http://localhost:3002";
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
@@ -8378,13 +8346,13 @@ function ModelNexChatBubble({
   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;
@@ -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 () => {
@@ -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 ctx = (0, import_react19.useContext)(ModelNexContext);
   const serverUrl = ctx?.serverUrl ?? "http://localhost:3002";
   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,
@@ -10893,33 +10831,32 @@ function TourProgressPanel({ tour, currentStepIndex, onSkip, voiceOnly }) {
 var DEFAULT_SERVER_URL2 = "https://api.modelnex.io";
 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,