@modelnex/sdk 0.5.43 → 0.5.45

package/dist/index.mjs

@@ -1,25 +1,32 @@
 import {
   collectEditableControls,
+  emitSdkDebugLog,
+  extractInteractiveElements,
   findEditableControlInShadowRoot,
+  generateFingerprint,
   generateMinifiedAOM,
   isEditableControlDisabled,
+  isSdkDebugEnabled,
   isValueBearingElement,
   readEditableControlName,
   readEditableControlPlaceholder,
   readEditableControlType,
   readEditableControlValue,
-  resolveEditableControlElement
-} from "./chunk-H4LUY7LI.mjs";
+  resolveEditableControlElement,
+  sanitizeAgentDebug,
+  sanitizeChatMessages,
+  useAutoExtract
+} from "./chunk-SXGINP3O.mjs";
 
 // src/index.ts
-import React8, { useState as useState15, useCallback as useCallback14, useEffect as useEffect19, useMemo as useMemo5 } from "react";
+import React8, { useState as useState14, useCallback as useCallback13, useEffect as useEffect18, useMemo as useMemo5 } from "react";
 
 // src/context.ts
 import { createContext } from "react";
 var ModelNexContext = createContext(null);
 
 // src/hooks/useModelNexSocket.ts
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { io } from "socket.io-client";
 
 // src/utils/socket-io-transports.ts
@@ -34,390 +41,11 @@ function resolveSocketIoTransports(serverUrl, order) {
   return ["websocket", "polling"];
 }
 
-// src/auto-extract.ts
-import { useState, useEffect as useEffect2, useRef as useRef2, useCallback as useCallback2 } from "react";
-
-// src/utils/dev-logging.ts
-function isSdkDebugEnabled(devMode) {
-  if (devMode) return true;
-  if (typeof window !== "undefined" && Boolean(window.MODELNEX_DEBUG)) {
-    return true;
-  }
-  return process.env.NODE_ENV === "development";
-}
-function emitSdkDebugLog(message, payload, options) {
-  if (!isSdkDebugEnabled(options?.devMode)) return;
-  if (payload && Object.keys(payload).length > 0) {
-    console.log(message, payload);
-  } else {
-    console.log(message);
-  }
-  if (options?.dispatchEvent && typeof window !== "undefined") {
-    window.dispatchEvent(new CustomEvent("modelnex-debug", { detail: { msg: message, data: payload } }));
-  }
-}
-function sanitizeActionList(actions) {
-  if (!Array.isArray(actions) || actions.length === 0) return void 0;
-  return actions.map(({ actionId }) => ({ actionId }));
-}
-function sanitizeAgentDebug(debug) {
-  if (!debug) return void 0;
-  const actions = sanitizeActionList(debug.actions);
-  const traces = Array.isArray(debug.traces) && debug.traces.length > 0 ? debug.traces.map((trace) => ({
-    step: trace.step,
-    actions: sanitizeActionList(trace.actions) ?? [],
-    results: Array.isArray(trace.results) && trace.results.length > 0 ? trace.results.map(({ actionId, success }) => ({ actionId, success })) : void 0
-  })) : void 0;
-  if ((!actions || actions.length === 0) && (!traces || traces.length === 0)) {
-    return void 0;
-  }
-  return {
-    ...actions ? { actions } : {},
-    ...traces ? { traces } : {}
-  };
-}
-function sanitizeChatMessages(messages, devMode) {
-  const includeDebug = isSdkDebugEnabled(devMode);
-  return messages.map((message) => {
-    if (message.role !== "assistant") {
-      return message;
-    }
-    return {
-      ...message,
-      debug: includeDebug ? sanitizeAgentDebug(message.debug) : void 0
-    };
-  });
-}
-
-// src/auto-extract.ts
-function simpleHash(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash |= 0;
-  }
-  return (hash >>> 0).toString(16).padStart(8, "0");
-}
-function isStableDomId(id) {
-  if (!id) return false;
-  const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-  const REACT_USE_ID_RE = /^(?:radix-)?:[rR][^\s]*$/;
-  if (REACT_USE_ID_RE.test(id)) return false;
-  if (/^\d+$/.test(id)) return false;
-  if (UUID_RE.test(id)) return false;
-  return true;
-}
-function getNearestHeading(el) {
-  const shellContainer = el.closest('nav, aside, header, [role="navigation"], [role="complementary"], [role="banner"]');
-  const boundary = shellContainer || document.body;
-  let current = el;
-  while (current && current !== boundary) {
-    let sibling = current.previousElementSibling;
-    while (sibling) {
-      if (/^H[1-6]$/.test(sibling.tagName)) {
-        return sibling.textContent?.trim().slice(0, 100) || null;
-      }
-      const innerHeading = sibling.querySelector("h1, h2, h3, h4, h5, h6");
-      if (innerHeading) {
-        return innerHeading.textContent?.trim().slice(0, 100) || null;
-      }
-      sibling = sibling.previousElementSibling;
-    }
-    const parentHeading = current.parentElement?.querySelector("h1, h2, h3, h4, h5, h6");
-    if (parentHeading && !current.contains(parentHeading)) {
-      return parentHeading.textContent?.trim().slice(0, 100) || null;
-    }
-    current = current.parentElement;
-  }
-  return null;
-}
-function getParentContainer(el) {
-  let current = el.parentElement;
-  while (current && current !== document.body) {
-    const role = current.getAttribute("role");
-    const tag = current.tagName.toLowerCase();
-    const state = current.getAttribute("data-state");
-    if (role === "dialog" || role === "alertdialog" || tag === "dialog") {
-      const title = current.querySelector('h2, h3, [class*="title"]');
-      const titleText = title?.textContent?.trim().slice(0, 60) || "";
-      return titleText ? `dialog:${titleText}` : "dialog";
-    }
-    if (role === "menu" || role === "listbox") {
-      return role;
-    }
-    if (current.hasAttribute("popover") || state === "open" && current.getAttribute("data-radix-popper-content-wrapper") !== null) {
-      return "popover";
-    }
-    if (current.getAttribute("data-radix-menu-content") !== null || role === "menubar") {
-      return "dropdown-menu";
-    }
-    if (role === "tabpanel") {
-      const label = current.getAttribute("aria-label") || current.getAttribute("aria-labelledby");
-      return label ? `tabpanel:${label.slice(0, 40)}` : "tabpanel";
-    }
-    if (tag === "nav" || role === "navigation") {
-      const label = current.getAttribute("aria-label");
-      return label ? `navigation:${label.slice(0, 40)}` : "navigation";
-    }
-    if (tag === "aside") {
-      return "sidebar";
-    }
-    if (tag === "header") {
-      return "header";
-    }
-    current = current.parentElement;
-  }
-  return null;
-}
-function getRowContext(el) {
-  let current = el.parentElement;
-  while (current && current !== document.body) {
-    const tag = current.tagName.toLowerCase();
-    if (tag === "tr" || tag === "li" || current.getAttribute("role") === "row" || current.getAttribute("role") === "listitem") {
-      const rowText = current.textContent?.trim().replace(/\s+/g, " ").slice(0, 120) || "";
-      return rowText;
-    }
-    current = current.parentElement;
-  }
-  return "";
-}
-function getNearestAncestorId(el) {
-  let current = el.parentElement;
-  while (current && current !== document.body) {
-    const aid = current.id;
-    if (isStableDomId(aid)) {
-      return aid;
-    }
-    const ancestorTestId = current.getAttribute("data-testid");
-    if (ancestorTestId) return `[data-testid="${ancestorTestId}"]`;
-    current = current.parentElement;
-  }
-  return null;
-}
-function generateFingerprint(el) {
-  const tag = el.tagName.toLowerCase();
-  const testId = el.getAttribute("data-testid");
-  const id = el.id;
-  const name = el.getAttribute("name");
-  const ariaLabel = el.getAttribute("aria-label");
-  const type = el.type || "";
-  const text = el.textContent?.trim().slice(0, 80) || "";
-  if (testId) return `tid:${testId}`;
-  if (isStableDomId(id)) return `id:${id}`;
-  if (name) return `name:${tag}:${name}`;
-  if (ariaLabel) {
-    const rowCtx2 = getRowContext(el);
-    if (rowCtx2) {
-      return `aria:${simpleHash(ariaLabel + ":" + rowCtx2)}:${ariaLabel.slice(0, 40)}`;
-    }
-    return `aria:${simpleHash(ariaLabel)}:${ariaLabel.slice(0, 40)}`;
-  }
-  if (tag === "a") {
-    const href = el.getAttribute("href");
-    if (href && href !== "#" && !href.startsWith("javascript:")) {
-      return `href:${simpleHash(href + ":" + text)}:${text.slice(0, 30) || href.slice(0, 30)}`;
-    }
-  }
-  const ancestorId = getNearestAncestorId(el);
-  if (ancestorId) {
-    return `anc:${simpleHash(ancestorId + ":" + tag + ":" + text)}:${text.slice(0, 30) || tag}`;
-  }
-  const heading = getNearestHeading(el) || "";
-  const rowCtx = getRowContext(el);
-  const raw = `${tag}:${type}:${text}:${heading}:${rowCtx}`;
-  return `hash:${simpleHash(raw)}:${text.slice(0, 30) || tag}`;
-}
-function classifyRole(el) {
-  const tag = el.tagName.toLowerCase();
-  const role = el.getAttribute("role");
-  if (tag === "button" || role === "button") return "button";
-  if (tag === "a") return "link";
-  if (tag === "input") return "input";
-  if (tag === "textarea") return "textarea";
-  if (tag === "select") return "select";
-  if (tag === "form") return "form";
-  if (tag === "label") return "label";
-  if (role === "link") return "link";
-  if (role === "menuitem") return "menuitem";
-  if (role === "menuitemcheckbox") return "menuitem";
-  if (role === "menuitemradio") return "menuitem";
-  if (role === "tab") return "tab";
-  if (role === "checkbox") return "checkbox";
-  if (role === "radio") return "radio";
-  if (role === "switch") return "switch";
-  if (role === "slider") return "slider";
-  if (role === "combobox") return "combobox";
-  if (role === "option") return "option";
-  if (role === "treeitem") return "treeitem";
-  if (role === "gridcell") return "gridcell";
-  if (el.hasAttribute("tabindex") && el.getAttribute("tabindex") !== "-1") return "interactive";
-  if (el.hasAttribute("cmdk-item")) return "menuitem";
-  return null;
-}
-var INTERACTIVE_SELECTOR = [
-  "button",
-  "a",
-  // All anchor tags (SPA links may not have href)
-  'input:not([type="hidden"])',
-  "textarea",
-  "select",
-  "label[for]",
-  '[role="button"]',
-  '[role="link"]',
-  '[role="menuitem"]',
-  '[role="menuitemcheckbox"]',
-  '[role="menuitemradio"]',
-  '[role="tab"]',
-  '[role="checkbox"]',
-  '[role="radio"]',
-  '[role="switch"]',
-  '[role="slider"]',
-  '[role="combobox"]',
-  '[role="option"]',
-  '[role="treeitem"]',
-  '[role="gridcell"]',
-  '[tabindex]:not([tabindex="-1"])',
-  "[data-discover]",
-  // React Router links
-  "[cmdk-item]",
-  // cmdk menu items
-  "form"
-].join(", ");
-function isVisible(el) {
-  if (el.offsetParent === null) {
-    const computed = window.getComputedStyle(el);
-    if (computed.position !== "fixed" && computed.position !== "sticky") {
-      if (computed.display === "none" || computed.visibility === "hidden") {
-        return false;
-      }
-      const rect2 = el.getBoundingClientRect();
-      if (rect2.width === 0 && rect2.height === 0) return false;
-    }
-  }
-  const style = window.getComputedStyle(el);
-  if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
-    return false;
-  }
-  const rect = el.getBoundingClientRect();
-  return rect.width > 0 && rect.height > 0;
-}
-function extractInteractiveElements() {
-  const elements = [];
-  const seen = /* @__PURE__ */ new Set();
-  try {
-    const nodes = document.querySelectorAll(INTERACTIVE_SELECTOR);
-    nodes.forEach((node) => {
-      const el = node;
-      if (!isVisible(el)) return;
-      if (el.closest(".modelnex-chat-panel, .modelnex-studio-overlay, [data-modelnex-internal]")) return;
-      const role = classifyRole(el);
-      if (!role) return;
-      let fingerprint = generateFingerprint(el);
-      if (seen.has(fingerprint)) {
-        let idx = 2;
-        while (seen.has(`${fingerprint}#${idx}`)) idx++;
-        fingerprint = `${fingerprint}#${idx}`;
-      }
-      seen.add(fingerprint);
-      const rect = el.getBoundingClientRect();
-      const text = el.textContent?.trim().slice(0, 200) || "";
-      elements.push({
-        fingerprint,
-        tagName: el.tagName.toLowerCase(),
-        text,
-        role,
-        rect: {
-          top: rect.top,
-          left: rect.left,
-          width: rect.width,
-          height: rect.height
-        },
-        attributes: {
-          id: el.id || void 0,
-          name: el.getAttribute("name") || void 0,
-          type: el.type || void 0,
-          ariaLabel: el.getAttribute("aria-label") || void 0,
-          dataTestId: el.getAttribute("data-testid") || void 0,
-          href: el.href || void 0,
-          placeholder: el.placeholder || void 0
-        },
-        nearestHeading: getNearestHeading(el),
-        parentContainer: getParentContainer(el),
-        disabled: el.disabled || el.getAttribute("aria-disabled") === "true",
-        element: el
-      });
-    });
-  } catch (err) {
-    console.warn("[ModelNex] Auto-extraction error:", err);
-  }
-  return elements;
-}
-function useAutoExtract(devMode) {
-  const [elements, setElements] = useState([]);
-  const timerRef = useRef2(null);
-  const lastSnapshotRef = useRef2("");
-  const scan = useCallback2(() => {
-    if (typeof document === "undefined") return;
-    const extracted = extractInteractiveElements();
-    const snapshot = JSON.stringify(extracted.map((e) => ({
-      fingerprint: e.fingerprint,
-      role: e.role,
-      text: e.text,
-      rect: e.rect,
-      disabled: e.disabled,
-      nearestHeading: e.nearestHeading,
-      parentContainer: e.parentContainer
-    })));
-    if (snapshot === lastSnapshotRef.current) return;
-    lastSnapshotRef.current = snapshot;
-    emitSdkDebugLog("[ModelNex AutoExtract] Scan complete", {
-      elementCount: extracted.length
-    }, { devMode });
-    setElements(extracted);
-  }, [devMode]);
-  useEffect2(() => {
-    const initialTimer = setTimeout(scan, 300);
-    const observer = new MutationObserver((mutations) => {
-      const hasRelevantMutation = mutations.some((mutation) => {
-        const target = mutation.target;
-        if (target?.closest?.(".modelnex-chat-panel, .modelnex-studio-overlay, [data-modelnex-internal]")) {
-          return false;
-        }
-        return true;
-      });
-      if (!hasRelevantMutation) return;
-      if (timerRef.current) clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(scan, 500);
-    });
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["disabled", "aria-disabled", "hidden", "style", "class"]
-    });
-    const handlePositionChange = () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(scan, 200);
-    };
-    window.addEventListener("scroll", handlePositionChange, { passive: true });
-    window.addEventListener("resize", handlePositionChange, { passive: true });
-    return () => {
-      clearTimeout(initialTimer);
-      if (timerRef.current) clearTimeout(timerRef.current);
-      observer.disconnect();
-      window.removeEventListener("scroll", handlePositionChange);
-      window.removeEventListener("resize", handlePositionChange);
-    };
-  }, [scan]);
-  return elements;
-}
-
 // src/utils/dom-summary.ts
 function textOf(el) {
   return el?.textContent?.trim().slice(0, 200) ?? "";
 }
-function isVisible2(el) {
+function isVisible(el) {
   const htmlEl = el;
   const style = window.getComputedStyle(htmlEl);
   if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
@@ -488,7 +116,7 @@ function captureDomSummary(tags) {
   const alerts = safeQueryAll('[role="alert"], [role="status"]').map(textOf).filter(Boolean);
   const allButtons = safeQueryAll('button, [role="button"], a[class*="btn"], a[class*="Button"], a');
   const disabledButtons = allButtons.filter((b) => b.disabled || b.getAttribute("aria-disabled") === "true").map((b) => ({ text: textOf(b), fingerprint: generateFingerprint(b) })).filter((o) => !!o.text);
-  const enabledButtons = allButtons.filter((b) => !b.disabled && b.getAttribute("aria-disabled") !== "true").filter((b) => isVisible2(b)).map((b) => ({ text: textOf(b), fingerprint: generateFingerprint(b) })).filter((o) => !!o.text).slice(0, 40);
+  const enabledButtons = allButtons.filter((b) => !b.disabled && b.getAttribute("aria-disabled") !== "true").filter((b) => isVisible(b)).map((b) => ({ text: textOf(b), fingerprint: generateFingerprint(b) })).filter((o) => !!o.text).slice(0, 40);
   const visibleDialogs = safeQueryAll('[role="dialog"], [data-state="open"], dialog[open]').map((d) => {
     const title = d.querySelector('h2, h3, [class*="title"]');
     return title ? textOf(title) : textOf(d).slice(0, 100);
@@ -692,16 +320,16 @@ function useModelNexSocket({
   websiteId,
   devMode
 }) {
-  const socketRef = useRef3(null);
-  const actionsRef = useRef3(actions);
-  const contextsRef = useRef3(contexts);
-  const documentationRef = useRef3(documentation);
-  const tagsRef = useRef3(tags);
+  const socketRef = useRef2(null);
+  const actionsRef = useRef2(actions);
+  const contextsRef = useRef2(contexts);
+  const documentationRef = useRef2(documentation);
+  const tagsRef = useRef2(tags);
   actionsRef.current = actions;
   contextsRef.current = contexts;
   documentationRef.current = documentation;
   tagsRef.current = tags;
-  useEffect3(() => {
+  useEffect2(() => {
     if (disabled) {
       socketRef.current = null;
       onSocketId?.(null);
@@ -834,7 +462,7 @@ function useModelNexSocket({
       socket.disconnect();
     };
   }, [disabled, onSocketId, serverUrl]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (disabled) {
       return;
     }
@@ -852,10 +480,10 @@ function useModelNexSocket({
 }
 
 // src/hooks/useFieldHighlight.ts
-import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
 function useFieldHighlight(stagingFields, executedFields, setExecutedFields) {
-  const highlightedRef = useRef4(/* @__PURE__ */ new Map());
-  useEffect4(() => {
+  const highlightedRef = useRef3(/* @__PURE__ */ new Map());
+  useEffect3(() => {
     const prev = highlightedRef.current;
     prev.forEach((_, fieldId) => {
       if (!stagingFields.has(fieldId)) {
@@ -874,7 +502,7 @@ function useFieldHighlight(stagingFields, executedFields, setExecutedFields) {
       prev.clear();
     };
   }, [stagingFields]);
-  useEffect4(() => {
+  useEffect3(() => {
     const timeouts = [];
     executedFields.forEach((fieldId) => {
       const els = document.querySelectorAll(`[data-modelnex-field-id="${fieldId}"]`);
@@ -895,7 +523,7 @@ function useFieldHighlight(stagingFields, executedFields, setExecutedFields) {
 }
 
 // src/overlay.tsx
-import React2, { useState as useState2, useEffect as useEffect5 } from "react";
+import React2, { useState, useEffect as useEffect4 } from "react";
 var AIActivityOverlay = ({ activeActions }) => {
   if (activeActions.size === 0) return null;
   return React2.createElement(
@@ -1092,7 +720,7 @@ body.modelnex-highlight-actions [data-modelnex-action-id]::before {
 `;
 
 // src/tag-store.ts
-import { useState as useState3, useCallback as useCallback3, useEffect as useEffect6 } from "react";
+import { useState as useState2, useCallback as useCallback2, useEffect as useEffect5 } from "react";
 var STORAGE_KEY = "modelnex-tags";
 function loadTags() {
   try {
@@ -1116,10 +744,10 @@ function saveTags(tags) {
   }
 }
 function useTagStore(options) {
-  const [tags, setTags] = useState3(/* @__PURE__ */ new Map());
+  const [tags, setTags] = useState2(/* @__PURE__ */ new Map());
   const apiUrl = options?.serverUrl ? `${options.serverUrl.replace(/\/$/, "")}/api/tags` : null;
   const websiteId = options?.websiteId;
-  useEffect6(() => {
+  useEffect5(() => {
     const local = loadTags();
     setTags(local);
     if (apiUrl) {
@@ -1139,14 +767,14 @@ function useTagStore(options) {
       }).catch((err) => console.warn("[ModelNex] Failed to fetch remote tags:", err));
     }
   }, [apiUrl]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     saveTags(tags);
   }, [tags]);
-  const getTag = useCallback3((fingerprint) => {
+  const getTag = useCallback2((fingerprint) => {
     return tags.get(fingerprint);
   }, [tags]);
-  const setTag = useCallback3((fingerprint, description, category, metadata, selector, patternId, behavior, sourcePage, displayContext, skipRemoteSync) => {
+  const setTag = useCallback2((fingerprint, description, category, metadata, selector, patternId, behavior, sourcePage, displayContext, skipRemoteSync) => {
     setTags((prev) => {
       const next = new Map(prev);
       const key = selector ? `selector:${selector}` : fingerprint;
@@ -1178,7 +806,7 @@ function useTagStore(options) {
       return next;
     });
   }, [apiUrl, websiteId]);
-  const setTagsBatch = useCallback3((newTags, skipRemoteSync) => {
+  const setTagsBatch = useCallback2((newTags, skipRemoteSync) => {
     setTags((prev) => {
       const next = new Map(prev);
       const now = (/* @__PURE__ */ new Date()).toISOString();
@@ -1206,24 +834,24 @@ function useTagStore(options) {
       return next;
     });
   }, [apiUrl, websiteId]);
-  const deleteTag = useCallback3((fingerprint) => {
+  const deleteTag = useCallback2((fingerprint) => {
     setTags((prev) => {
       const next = new Map(prev);
       next.delete(fingerprint);
       return next;
     });
   }, []);
-  const getAllTags = useCallback3(() => {
+  const getAllTags = useCallback2(() => {
     return Array.from(tags.values());
   }, [tags]);
-  const exportTags = useCallback3(() => {
+  const exportTags = useCallback2(() => {
     const obj = {};
     tags.forEach((v, k) => {
       obj[k] = v;
     });
     return JSON.stringify(obj, null, 2);
   }, [tags]);
-  const importTags = useCallback3((json) => {
+  const importTags = useCallback2((json) => {
     try {
       const parsed = JSON.parse(json);
       setTags((prev) => {
@@ -1239,7 +867,7 @@ function useTagStore(options) {
 }
 
 // src/studio-mode.tsx
-import { useState as useState4, useEffect as useEffect7, useRef as useRef5, useCallback as useCallback4 } from "react";
+import { useState as useState3, useEffect as useEffect6, useRef as useRef4, useCallback as useCallback3 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CATEGORIES = [
   { value: "button", label: "Button" },
@@ -1250,10 +878,10 @@ var CATEGORIES = [
   { value: "other", label: "Other" }
 ];
 function TaggingPanel({ element, existingTag, onSave, onDelete, onClose }) {
-  const [description, setDescription] = useState4(existingTag?.description ?? "");
-  const [category, setCategory] = useState4(existingTag?.category ?? "other");
-  const inputRef = useRef5(null);
-  useEffect7(() => {
+  const [description, setDescription] = useState3(existingTag?.description ?? "");
+  const [category, setCategory] = useState3(existingTag?.category ?? "other");
+  const inputRef = useRef4(null);
+  useEffect6(() => {
     inputRef.current?.focus();
   }, []);
   const handleSave = () => {
@@ -1480,10 +1108,10 @@ function findTagForElement(el, tagStore) {
   return void 0;
 }
 function StudioOverlay({ elements, tagStore }) {
-  const [selectedFingerprint, setSelectedFingerprint] = useState4(null);
-  const [positions, setPositions] = useState4(/* @__PURE__ */ new Map());
-  const liveElementsRef = useRef5(/* @__PURE__ */ new Map());
-  const updatePositions = useCallback4(() => {
+  const [selectedFingerprint, setSelectedFingerprint] = useState3(null);
+  const [positions, setPositions] = useState3(/* @__PURE__ */ new Map());
+  const liveElementsRef = useRef4(/* @__PURE__ */ new Map());
+  const updatePositions = useCallback3(() => {
     const newPositions = /* @__PURE__ */ new Map();
     const newLiveElements = /* @__PURE__ */ new Map();
     const knownFingerprints = new Set(elements.map((e) => e.fingerprint));
@@ -1518,7 +1146,7 @@ function StudioOverlay({ elements, tagStore }) {
     liveElementsRef.current = newLiveElements;
     setPositions(newPositions);
   }, [elements]);
-  useEffect7(() => {
+  useEffect6(() => {
     updatePositions();
     const interval = setInterval(updatePositions, 1e3);
     window.addEventListener("scroll", updatePositions, { passive: true });
@@ -1662,12 +1290,23 @@ function StudioOverlay({ elements, tagStore }) {
 }
 
 // src/hooks/useBuiltinActions.ts
-import { useEffect as useEffect8, useRef as useRef6 } from "react";
+import { useEffect as useEffect7, useRef as useRef5 } from "react";
 import { z as z2 } from "zod";
 
 // src/utils/screenshot.ts
 import html2canvas from "html2canvas";
-async function captureScreenshot(selector) {
+var SCREENSHOT_SCALE_BY_RESOLUTION = {
+  low: 0.75,
+  medium: 1.25,
+  high: 2
+};
+function normalizeScreenshotResolution(resolution) {
+  return resolution === "low" || resolution === "high" || resolution === "medium" ? resolution : "medium";
+}
+function resolveScreenshotScale(resolution) {
+  return SCREENSHOT_SCALE_BY_RESOLUTION[normalizeScreenshotResolution(resolution)];
+}
+async function captureScreenshot(selector, resolution) {
   const target = selector ? document.querySelector(selector) : document.documentElement;
   if (!target || !(target instanceof HTMLElement)) {
     throw new Error(`Screenshot target not found: ${selector ?? "document"}`);
@@ -1675,7 +1314,7 @@ async function captureScreenshot(selector) {
   const canvas = await html2canvas(target, {
     useCORS: true,
     allowTaint: true,
-    scale: Math.min(window.devicePixelRatio, 2),
+    scale: resolveScreenshotScale(resolution),
     width: window.innerWidth,
     height: window.innerHeight,
     x: window.scrollX,
@@ -2138,14 +1777,15 @@ async function resolveWorkflowFromInput(getters, params) {
   return { workflow: ranked[0].workflow };
 }
 var screenshotSchema = z2.object({
-  selector: z2.string().optional().describe("Optional CSS selector to capture a specific element. Omit to capture the full viewport.")
+  selector: z2.string().optional().describe("Optional CSS selector to capture a specific element. Omit to capture the full viewport."),
+  resolution: z2.enum(["low", "medium", "high"]).optional().describe("Optional screenshot resolution. Use low for smaller/faster captures, medium for the default balance, or high for extra detail.")
 });
 var BUILTIN_SCREENSHOT_ACTION = {
   id: "take_screenshot",
   description: "Take a screenshot of the current page (or a specific element via CSS selector). Returns a base64 PNG image. Use when you need to see the current UI state, verify a visual change, or when the user asks you to look at the screen.",
   schema: screenshotSchema,
   execute: async (params) => {
-    return await captureScreenshot(params.selector);
+    return await captureScreenshot(params.selector, params.resolution);
   }
 };
 var clickElementSchema = z2.object({
@@ -2502,18 +2142,18 @@ var BUILTIN_ACTION_IDS = {
   startWorkflow: "start_workflow"
 };
 function useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl, websiteId, toursApiBase, userProfile) {
-  const registeredRef = useRef6(false);
-  const tagStoreRef = useRef6(tagStore);
+  const registeredRef = useRef5(false);
+  const tagStoreRef = useRef5(tagStore);
   tagStoreRef.current = tagStore;
-  const serverUrlRef = useRef6(serverUrl);
+  const serverUrlRef = useRef5(serverUrl);
   serverUrlRef.current = serverUrl;
-  const websiteIdRef = useRef6(websiteId);
+  const websiteIdRef = useRef5(websiteId);
   websiteIdRef.current = websiteId;
-  const toursApiBaseRef = useRef6(toursApiBase);
+  const toursApiBaseRef = useRef5(toursApiBase);
   toursApiBaseRef.current = toursApiBase;
-  const userProfileRef = useRef6(userProfile);
+  const userProfileRef = useRef5(userProfile);
   userProfileRef.current = userProfile;
-  useEffect8(() => {
+  useEffect7(() => {
     if (registeredRef.current) return;
     registeredRef.current = true;
     const getTagStore = () => tagStoreRef.current;
@@ -2868,7 +2508,7 @@ function readPreviewSessionSuppression() {
 }
 
 // src/hooks/useRunCommand.ts
-import { useCallback as useCallback5, useContext as useContext2 } from "react";
+import { useCallback as useCallback4, useContext as useContext2 } from "react";
 function searchTaggedElementsForQuery(store, query, limit = 8) {
   const allTags = store.getAllTags();
   if (allTags.length === 0) return [];
@@ -2891,7 +2531,7 @@ function useRunCommand(serverUrlOverride) {
   const context = useContext2(ModelNexContext);
   const baseUrl = serverUrlOverride ?? context?.commandUrl ?? context?.serverUrl ?? DEFAULT_MODELNEX_SERVER_URL;
   const tagStore = context?.tagStore;
-  return useCallback5(
+  return useCallback4(
     async (command, signal) => {
       const url = baseUrl.startsWith("/") ? `${window.location.origin}${baseUrl}/agent/command` : `${baseUrl}/agent/command`;
       const relevantTaggedElements = tagStore ? searchTaggedElementsForQuery(tagStore, command) : void 0;
@@ -2919,7 +2559,7 @@ function useRunCommand(serverUrlOverride) {
 }
 
 // src/ui-state.tsx
-import { createContext as createContext2, useContext as useContext3, useState as useState5, useCallback as useCallback6, useMemo as useMemo2 } from "react";
+import { createContext as createContext2, useContext as useContext3, useState as useState4, useCallback as useCallback5, useMemo as useMemo2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var UIStateContext = createContext2(null);
 function UIStateProvider({
@@ -2928,8 +2568,8 @@ function UIStateProvider({
   type = "ui",
   initialState = {}
 }) {
-  const [state, setStateInternal] = useState5(initialState);
-  const setState = useCallback6((update) => {
+  const [state, setStateInternal] = useState4(initialState);
+  const setState = useCallback5((update) => {
     setStateInternal((prev) => ({ ...prev, ...update }));
   }, []);
   const value = useMemo2(() => ({ state, setState }), [state, setState]);
@@ -2942,7 +2582,7 @@ function useUIState() {
 }
 
 // src/viewport.ts
-import { useEffect as useEffect10, useRef as useRef7, useState as useState6 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState5 } from "react";
 var visibleIds = /* @__PURE__ */ new Set();
 var listeners = /* @__PURE__ */ new Set();
 function updateVisibility(id, visible) {
@@ -2951,9 +2591,9 @@ function updateVisibility(id, visible) {
   listeners.forEach((fn) => fn());
 }
 function useViewportTrack(id) {
-  const ref = useRef7(null);
-  const [, setTick] = useState6(0);
-  useEffect10(() => {
+  const ref = useRef6(null);
+  const [, setTick] = useState5(0);
+  useEffect9(() => {
     const el = ref.current;
     if (!el) return;
     const obs = new IntersectionObserver(
@@ -2968,7 +2608,7 @@ function useViewportTrack(id) {
       updateVisibility(id, false);
     };
   }, [id]);
-  useEffect10(() => {
+  useEffect9(() => {
     const fn = () => setTick((t) => t + 1);
     listeners.add(fn);
     return () => {
@@ -2978,8 +2618,8 @@ function useViewportTrack(id) {
   return ref;
 }
 function useVisibleIds() {
-  const [ids, setIds] = useState6([]);
-  useEffect10(() => {
+  const [ids, setIds] = useState5([]);
+  useEffect9(() => {
     const fn = () => setIds(Array.from(visibleIds));
     fn();
     listeners.add(fn);
@@ -2996,11 +2636,11 @@ function useAgentViewport(options = {}) {
 }
 
 // src/chat-bubble.tsx
-import { useState as useState13, useRef as useRef13, useEffect as useEffect17, useContext as useContext5, useCallback as useCallback12, useMemo as useMemo3 } from "react";
+import { useState as useState12, useRef as useRef12, useEffect as useEffect16, useContext as useContext5, useCallback as useCallback11, useMemo as useMemo3 } from "react";
 import { createPortal, flushSync } from "react-dom";
 
 // src/hooks/useExperiencePlaybackController.ts
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useRef as useRef8, useState as useState7 } from "react";
 
 // src/utils/locationSignature.ts
 function getLocationSignature(locationLike) {
@@ -3009,7 +2649,7 @@ function getLocationSignature(locationLike) {
 }
 
 // src/hooks/useTourPlayback.ts
-import { useState as useState7, useRef as useRef8, useCallback as useCallback7, useEffect as useEffect11, useContext as useContext4 } from "react";
+import { useState as useState6, useRef as useRef7, useCallback as useCallback6, useEffect as useEffect10, useContext as useContext4 } from "react";
 
 // src/utils/retryLookup.ts
 var defaultSleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -3155,6 +2795,54 @@ function compactTourForTransport(tour) {
   };
 }
 
+// src/utils/tourSessionPersistence.ts
+var ACTIVE_TOUR_SESSION_STORAGE_KEY = "modelnex-active-tour-session";
+var ACTIVE_TOUR_SESSION_VERSION = 1;
+var ACTIVE_TOUR_SESSION_MAX_AGE_MS = 10 * 60 * 1e3;
+function canUseSessionStorage2() {
+  return typeof window !== "undefined" && typeof window.sessionStorage !== "undefined";
+}
+function persistActiveTourSession(runId) {
+  if (!canUseSessionStorage2() || !Number.isFinite(runId)) return;
+  const session = {
+    version: ACTIVE_TOUR_SESSION_VERSION,
+    runId,
+    savedAt: Date.now()
+  };
+  try {
+    window.sessionStorage.setItem(ACTIVE_TOUR_SESSION_STORAGE_KEY, JSON.stringify(session));
+  } catch {
+  }
+}
+function clearPersistedActiveTourSession() {
+  if (!canUseSessionStorage2()) return;
+  try {
+    window.sessionStorage.removeItem(ACTIVE_TOUR_SESSION_STORAGE_KEY);
+  } catch {
+  }
+}
+function readPersistedActiveTourSession() {
+  if (!canUseSessionStorage2()) return null;
+  try {
+    const raw = window.sessionStorage.getItem(ACTIVE_TOUR_SESSION_STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    const isValid = parsed && parsed.version === ACTIVE_TOUR_SESSION_VERSION && typeof parsed.runId === "number" && Number.isFinite(parsed.runId) && typeof parsed.savedAt === "number" && Number.isFinite(parsed.savedAt);
+    if (!isValid) {
+      clearPersistedActiveTourSession();
+      return null;
+    }
+    if (Date.now() - parsed.savedAt > ACTIVE_TOUR_SESSION_MAX_AGE_MS) {
+      clearPersistedActiveTourSession();
+      return null;
+    }
+    return parsed;
+  } catch {
+    clearPersistedActiveTourSession();
+    return null;
+  }
+}
+
 // src/utils/tour-playback-guards.ts
 var playbackOwners = /* @__PURE__ */ new Map();
 function shouldExecuteTourCommandBatch(isPlaybackActive) {
@@ -3727,57 +3415,58 @@ function useTourPlayback({
   enableAutoDiscovery = true
 }) {
   const locationSignature = typeof window === "undefined" ? "" : getLocationSignature(window.location);
-  const [isActive, setIsActive] = useState7(false);
-  const [currentStepIndex, setCurrentStepIndex] = useState7(0);
-  const [totalSteps, setTotalSteps] = useState7(0);
-  const [activeTour, setActiveTour] = useState7(null);
-  const [playbackState, setPlaybackState] = useState7("idle");
-  const [isReviewMode, setIsReviewMode] = useState7(false);
-  const [previewRunId, setPreviewRunId] = useState7(null);
-  const [reviewSubmitting, setReviewSubmitting] = useState7(false);
-  const [reviewStatusMessage, setReviewStatusMessage] = useState7(null);
-  const [pendingTour, setPendingTour] = useState7(null);
-  const [serverState, setServerState] = useState7(null);
+  const [isActive, setIsActive] = useState6(false);
+  const [currentStepIndex, setCurrentStepIndex] = useState6(0);
+  const [totalSteps, setTotalSteps] = useState6(0);
+  const [activeTour, setActiveTour] = useState6(null);
+  const [playbackState, setPlaybackState] = useState6("idle");
+  const [isReviewMode, setIsReviewMode] = useState6(false);
+  const [previewRunId, setPreviewRunId] = useState6(null);
+  const [reviewSubmitting, setReviewSubmitting] = useState6(false);
+  const [reviewStatusMessage, setReviewStatusMessage] = useState6(null);
+  const [pendingTour, setPendingTour] = useState6(null);
+  const [serverState, setServerState] = useState6(null);
   const ctx = useContext4(ModelNexContext);
   const devMode = ctx?.devMode;
-  const devModeRef = useRef8(devMode);
+  const devModeRef = useRef7(devMode);
   devModeRef.current = devMode;
-  const userProfileRef = useRef8(userProfile);
+  const userProfileRef = useRef7(userProfile);
   userProfileRef.current = userProfile;
-  const experienceTypeRef = useRef8(experienceType);
+  const experienceTypeRef = useRef7(experienceType);
   experienceTypeRef.current = experienceType;
-  const tourRef = useRef8(null);
-  const stepIndexRef = useRef8(0);
-  const skipRequestedRef = useRef8(false);
-  const advanceRequestedRef = useRef8(false);
-  const textInputResolveRef = useRef8(null);
-  const voiceInputResolveRef = useRef8(null);
-  const askOrFillRef = useRef8(null);
-  const pendingManualWaitCleanupRef = useRef8(null);
-  const pendingManualInputSyncRef = useRef8(null);
-  const llmRespondingRef = useRef8(false);
-  const interruptedForQuestionRef = useRef8(false);
-  const pendingInputBufRef = useRef8(null);
-  const activeExecutionTokenRef = useRef8(0);
-  const commandInFlightRef = useRef8(false);
-  const reviewModeRef = useRef8(false);
-  const previewRunIdRef = useRef8(null);
-  const toursApiBaseRef = useRef8(toursApiBase);
-  const pendingTourRef = useRef8(null);
-  const pendingTourOptionsRef = useRef8(null);
-  const showCaptionsRef = useRef8(showCaptions);
-  const runIdRef = useRef8(null);
-  const turnIdRef = useRef8(null);
-  const startRequestedRef = useRef8(false);
-  const playbackOwnerIdRef = useRef8(`playback-owner-${Math.random().toString(36).slice(2, 10)}`);
-  const claimedPlaybackOwnerKeyRef = useRef8(null);
-  const socketRef = useRef8(null);
-  const socketIdRef = useRef8(socketId);
-  const commandUrlRef = useRef8(commandUrl);
-  const websiteIdRef = useRef8(websiteId);
-  const onStepChangeRef = useRef8(onStepChange);
-  const isActiveRef = useRef8(false);
-  const activeCommandBatchIdRef = useRef8(null);
+  const tourRef = useRef7(null);
+  const stepIndexRef = useRef7(0);
+  const skipRequestedRef = useRef7(false);
+  const advanceRequestedRef = useRef7(false);
+  const textInputResolveRef = useRef7(null);
+  const voiceInputResolveRef = useRef7(null);
+  const askOrFillRef = useRef7(null);
+  const pendingManualWaitCleanupRef = useRef7(null);
+  const pendingManualInputSyncRef = useRef7(null);
+  const llmRespondingRef = useRef7(false);
+  const interruptedForQuestionRef = useRef7(false);
+  const pendingInputBufRef = useRef7(null);
+  const activeExecutionTokenRef = useRef7(0);
+  const commandInFlightRef = useRef7(false);
+  const reviewModeRef = useRef7(false);
+  const previewRunIdRef = useRef7(null);
+  const toursApiBaseRef = useRef7(toursApiBase);
+  const pendingTourRef = useRef7(null);
+  const pendingTourOptionsRef = useRef7(null);
+  const showCaptionsRef = useRef7(showCaptions);
+  const initialPersistedTourSessionRef = useRef7(readPersistedActiveTourSession());
+  const runIdRef = useRef7(initialPersistedTourSessionRef.current?.runId ?? null);
+  const turnIdRef = useRef7(null);
+  const startRequestedRef = useRef7(false);
+  const playbackOwnerIdRef = useRef7(`playback-owner-${Math.random().toString(36).slice(2, 10)}`);
+  const claimedPlaybackOwnerKeyRef = useRef7(null);
+  const socketRef = useRef7(null);
+  const socketIdRef = useRef7(socketId);
+  const commandUrlRef = useRef7(commandUrl);
+  const websiteIdRef = useRef7(websiteId);
+  const onStepChangeRef = useRef7(onStepChange);
+  const isActiveRef = useRef7(false);
+  const activeCommandBatchIdRef = useRef7(null);
   socketIdRef.current = socketId;
   commandUrlRef.current = commandUrl;
   websiteIdRef.current = websiteId;
@@ -3788,13 +3477,26 @@ function useTourPlayback({
   toursApiBaseRef.current = toursApiBase;
   pendingTourRef.current = pendingTour;
   showCaptionsRef.current = showCaptions;
-  const releasePlaybackOwnership = useCallback7(() => {
+  const releasePlaybackOwnership = useCallback6(() => {
     const claimedKey = claimedPlaybackOwnerKeyRef.current;
     if (!claimedKey) return;
     releaseTourPlaybackOwnership(claimedKey, playbackOwnerIdRef.current);
     claimedPlaybackOwnerKeyRef.current = null;
   }, []);
-  useEffect11(() => {
+  const emitTourInit = useCallback6((socket, currentWebsiteId, profile) => {
+    if (!currentWebsiteId || !profile?.type) return;
+    const persistedRunId = runIdRef.current ?? readPersistedActiveTourSession()?.runId ?? null;
+    const payload = {
+      websiteId: currentWebsiteId,
+      userId: profile.userId,
+      userType: profile.type
+    };
+    if (typeof persistedRunId === "number") {
+      payload.resumeRunId = persistedRunId;
+    }
+    emitSocketEvent(socket, "tour:init", payload);
+  }, []);
+  useEffect10(() => {
     if (disabled) return;
     if (typeof window === "undefined") return;
     const socket = tourSocketPool.acquire(serverUrl);
@@ -3805,9 +3507,7 @@ function useTourPlayback({
       }, { devMode: devModeRef.current });
       const profile = userProfileRef.current;
       const currentWebsiteId = websiteIdRef.current;
-      if (currentWebsiteId && profile?.type) {
-        emitSocketEvent(socket, "tour:init", { websiteId: currentWebsiteId, userId: profile.userId, userType: profile.type });
-      }
+      emitTourInit(socket, currentWebsiteId, profile);
     };
     const handleServerState = (payload) => {
       if (typeof payload?.runId === "number") {
@@ -3816,6 +3516,11 @@ function useTourPlayback({
       if (typeof payload?.turnId === "string" || payload?.turnId === null) {
         turnIdRef.current = payload.turnId ?? null;
       }
+      if (payload?.isActive && typeof payload?.runId === "number") {
+        persistActiveTourSession(payload.runId);
+      } else if (payload?.isActive === false) {
+        clearPersistedActiveTourSession();
+      }
       setServerState(payload);
     };
     const handleCommandCancel = (payload) => {
@@ -3940,7 +3645,7 @@ function useTourPlayback({
           resolve: async () => {
             let targetEl = null;
             if (params.uid) {
-              const { getElementByUid } = await import("./aom-LJNCLNXL.mjs");
+              const { getElementByUid } = await import("./aom-SP2LMWQI.mjs");
               targetEl = getElementByUid(params.uid);
             }
             if (!targetEl) {
@@ -4079,19 +3784,9 @@ function useTourPlayback({
           return { result: value };
         }
         if (action.type === "take_screenshot") {
-          const html2canvasModule = await import("html2canvas");
-          const html2canvas2 = html2canvasModule.default;
-          const canvas = await html2canvas2(document.body, {
-            useCORS: true,
-            allowTaint: true,
-            scale: Math.min(window.devicePixelRatio, 2),
-            width: window.innerWidth,
-            height: window.innerHeight,
-            x: window.scrollX,
-            y: window.scrollY,
-            logging: false
-          });
-          return { result: canvas.toDataURL("image/png") };
+          const selector = typeof action.params?.selector === "string" ? action.params.selector : void 0;
+          const resolution = typeof action.params?.resolution === "string" ? action.params.resolution : void 0;
+          return { result: await captureScreenshot(selector, resolution) };
         }
         if (action.type === "navigate_to_url") {
           const nextUrl = typeof action.params?.url === "string" ? action.params.url : "";
@@ -4383,6 +4078,9 @@ function useTourPlayback({
     const handleTourStart = async (tourData) => {
       if (isActiveRef.current) return;
       runIdRef.current = typeof tourData.runId === "number" ? tourData.runId : runIdRef.current;
+      if (typeof runIdRef.current === "number") {
+        persistActiveTourSession(runIdRef.current);
+      }
       const tour = tourData.tourContext ?? tourRef.current;
       const expType = experienceTypeRef.current;
       if (tour?.type && tour.type !== expType) {
@@ -4425,7 +4123,7 @@ function useTourPlayback({
         void recordTourEvent(serverUrl, toursApiBaseRef.current, tour.id, userProfile.userId, "started", websiteId);
       }
       try {
-        const { generateMinifiedAOM: generateMinifiedAOM2 } = await import("./aom-LJNCLNXL.mjs");
+        const { generateMinifiedAOM: generateMinifiedAOM2 } = await import("./aom-SP2LMWQI.mjs");
         const aom = generateMinifiedAOM2();
         if (socketRef.current === socket) {
           emitSocketEvent(socket, "tour:sync_dom", {
@@ -4458,6 +4156,7 @@ function useTourPlayback({
       }
     };
     const handleTourEndEvent = () => {
+      clearPersistedActiveTourSession();
       setServerState((prev) => prev ? { ...prev, isActive: false, phase: "completed" } : prev);
       handleTourEnd();
     };
@@ -4507,23 +4206,23 @@ function useTourPlayback({
       releasePlaybackOwnership();
       tourSocketPool.release(serverUrl, toClose);
     };
-  }, [serverUrl, disabled, releasePlaybackOwnership]);
-  useEffect11(() => {
+  }, [serverUrl, disabled, emitTourInit, releasePlaybackOwnership]);
+  useEffect10(() => {
     if (disabled) return;
     const s = socketRef.current;
     const profile = userProfile;
     if (!websiteId || !profile?.type) return;
     const timer = setTimeout(() => {
-      emitSocketEvent(s, "tour:init", { websiteId, userId: profile.userId, userType: profile.type });
+      emitTourInit(s, websiteId, profile);
     }, 150);
     return () => clearTimeout(timer);
-  }, [disabled, websiteId, userProfile?.userId, userProfile?.type]);
-  useEffect11(() => {
+  }, [disabled, emitTourInit, websiteId, userProfile?.userId, userProfile?.type]);
+  useEffect10(() => {
     if (!showCaptions || !isReviewMode) {
       removeCaption();
     }
   }, [showCaptions, isReviewMode]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!isActiveRef.current) return;
     emitSocketEvent(socketRef.current, "tour:client_state", {
       runId: runIdRef.current,
@@ -4537,9 +4236,9 @@ function useTourPlayback({
       awaitingVoiceResolve: Boolean(voiceInputResolveRef.current)
     });
   }, [isActive, playbackState, voice.isListening, voice.isSpeaking]);
-  const syncAOM = useCallback7(async () => {
+  const syncAOM = useCallback6(async () => {
     if (!isActiveRef.current) return;
-    const { generateMinifiedAOM: generateMinifiedAOM2 } = await import("./aom-LJNCLNXL.mjs");
+    const { generateMinifiedAOM: generateMinifiedAOM2 } = await import("./aom-SP2LMWQI.mjs");
     const aom = generateMinifiedAOM2();
     emitSocketEvent(socketRef.current, "tour:sync_dom", {
       url: window.location.pathname + window.location.search + window.location.hash,
@@ -4547,7 +4246,7 @@ function useTourPlayback({
       domSummary: captureDomSummary()
     });
   }, []);
-  const scheduleManualInputSync = useCallback7(() => {
+  const scheduleManualInputSync = useCallback6(() => {
     if (pendingManualInputSyncRef.current) {
       clearTimeout(pendingManualInputSyncRef.current);
     }
@@ -4559,13 +4258,13 @@ function useTourPlayback({
       await syncAOM();
     }, 150);
   }, [syncAOM]);
-  const clearPendingManualInputSync = useCallback7(() => {
+  const clearPendingManualInputSync = useCallback6(() => {
     if (pendingManualInputSyncRef.current) {
       clearTimeout(pendingManualInputSyncRef.current);
       pendingManualInputSyncRef.current = null;
     }
   }, []);
-  const interruptExecution = useCallback7((transcript) => {
+  const interruptExecution = useCallback6((transcript) => {
     if (!isSocketWritable(socketRef.current) || !isActiveRef.current) return false;
     if (!commandInFlightRef.current && !voice.isSpeaking) return false;
     interruptedForQuestionRef.current = true;
@@ -4593,7 +4292,7 @@ function useTourPlayback({
     setPlaybackState("thinking");
     return true;
   }, [voice]);
-  const stopTour = useCallback7(() => {
+  const stopTour = useCallback6(() => {
     skipRequestedRef.current = true;
     isActiveRef.current = false;
     startRequestedRef.current = false;
@@ -4636,6 +4335,7 @@ function useTourPlayback({
     tourRef.current = null;
     setPlaybackState("idle");
     setServerState(null);
+    clearPersistedActiveTourSession();
     runIdRef.current = null;
     turnIdRef.current = null;
     setPreviewRunId(null);
@@ -4643,7 +4343,7 @@ function useTourPlayback({
     pendingInputBufRef.current = null;
     onTourEnd?.();
   }, [voice, onTourEnd, serverUrl, websiteId, releasePlaybackOwnership]);
-  const handleTourEnd = useCallback7(() => {
+  const handleTourEnd = useCallback6(() => {
     const endingTourId = tourRef.current?.id;
     const endingPreviewRunId = previewRunIdRef.current;
     const endingStepOrder = stepIndexRef.current;
@@ -4665,6 +4365,7 @@ function useTourPlayback({
     tourRef.current = null;
     setPlaybackState("idle");
     setServerState(null);
+    clearPersistedActiveTourSession();
     runIdRef.current = null;
     turnIdRef.current = null;
     setPreviewRunId(null);
@@ -4689,7 +4390,7 @@ function useTourPlayback({
     }
     onTourEnd?.();
   }, [experienceType, userProfile, serverUrl, voice, onTourEnd, websiteId, releasePlaybackOwnership]);
-  const runTour = useCallback7(async (tour, options) => {
+  const runTour = useCallback6(async (tour, options) => {
     if (!shouldAcceptTourStart({
       isPlaybackActive: isActiveRef.current,
       startRequested: startRequestedRef.current
@@ -4754,7 +4455,7 @@ function useTourPlayback({
       tourContext: compactTourForTransport(tour)
     });
   }, [serverUrl, websiteId]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!shouldRunTourAutoDiscovery({
       enableAutoDiscovery,
       disabled,
@@ -4818,7 +4519,7 @@ function useTourPlayback({
       cancelled = true;
     };
   }, [serverUrl, toursApiBase, disabled, websiteId, experienceType, enableAutoDiscovery, locationSignature]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!shouldRunTourAutoDiscovery({
       enableAutoDiscovery,
       disabled,
@@ -4865,22 +4566,22 @@ function useTourPlayback({
       clearTimeout(timer);
     };
   }, [websiteId, serverUrl, toursApiBase, disabled, experienceType, userProfile?.userId, userProfile?.type, userProfile?.isNewUser, enableAutoDiscovery, locationSignature]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!disabled || !isActiveRef.current) return;
     stopTour();
   }, [disabled, stopTour]);
-  const startTour = useCallback7((tour, options) => {
+  const startTour = useCallback6((tour, options) => {
     if (disabled) return;
     void runTour(tour, options);
   }, [disabled, runTour]);
-  const acceptPendingTour = useCallback7(() => {
+  const acceptPendingTour = useCallback6(() => {
     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 = useCallback7(() => {
+  const dismissPendingTour = useCallback6(() => {
     const tour = pendingTourRef.current;
     setPendingTour(null);
     pendingTourRef.current = null;
@@ -4888,7 +4589,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 = useCallback7(async (utterance, apply = false) => {
+  const submitReviewFeedbackAction = useCallback6(async (utterance, apply = false) => {
     const trimmed = utterance.trim();
     const currentTour = tourRef.current;
     const currentPreviewRunId = previewRunIdRef.current;
@@ -4928,10 +4629,10 @@ function useTourPlayback({
       setReviewSubmitting(false);
     }
   }, [playbackState, serverUrl, websiteId]);
-  const advanceStep = useCallback7(() => {
+  const advanceStep = useCallback6(() => {
     advanceRequestedRef.current = true;
   }, []);
-  const skipTour = useCallback7(() => {
+  const skipTour = useCallback6(() => {
     skipRequestedRef.current = true;
     voiceInputResolveRef.current?.("");
     voiceInputResolveRef.current = null;
@@ -4941,19 +4642,19 @@ function useTourPlayback({
     askOrFillRef.current = null;
     stopTour();
   }, [stopTour]);
-  const pauseTour = useCallback7(() => {
+  const pauseTour = useCallback6(() => {
     if (isSocketWritable(socketRef.current) && isActiveRef.current) {
       emitSocketEvent(socketRef.current, "tour:pause");
       setPlaybackState("paused");
     }
   }, []);
-  const resumeTour = useCallback7(() => {
+  const resumeTour = useCallback6(() => {
     if (isSocketWritable(socketRef.current) && isActiveRef.current) {
       emitSocketEvent(socketRef.current, "tour:resume");
       setPlaybackState("executing");
     }
   }, []);
-  const repeatStep = useCallback7(() => {
+  const repeatStep = useCallback6(() => {
     const tour = tourRef.current;
     const step = tour?.steps[stepIndexRef.current];
     if (step) {
@@ -4961,7 +4662,7 @@ function useTourPlayback({
       voice.speak(text, tour?.voice.ttsVoice);
     }
   }, [voice]);
-  const handleVoiceInput = useCallback7((transcript) => {
+  const handleVoiceInput = useCallback6((transcript) => {
     const text = transcript.trim();
     emitSdkDebugLog("[TourAgent] Voice input received", {
       textLength: text.length
@@ -4989,7 +4690,7 @@ function useTourPlayback({
       pendingInputBufRef.current = text;
     }
   }, [interruptExecution]);
-  const handleTextInput = useCallback7((text) => {
+  const handleTextInput = useCallback6((text) => {
     if (voiceInputResolveRef.current) {
       const resolve = voiceInputResolveRef.current;
       voiceInputResolveRef.current = null;
@@ -5002,7 +4703,7 @@ function useTourPlayback({
       handleVoiceInput(text.trim());
     }
   }, [handleVoiceInput]);
-  useEffect11(() => {
+  useEffect10(() => {
     return () => {
       removeHighlight();
       removeCaption();
@@ -5083,14 +4784,14 @@ function useExperiencePlaybackController({
   initialExperienceType = "tour"
 }) {
   const locationSignature = typeof window === "undefined" ? "" : getLocationSignature(window.location);
-  const [activeExperienceType, setActiveExperienceType] = useState8(initialExperienceType);
-  const [startingExperienceType, setStartingExperienceType] = useState8(null);
-  const [pendingPrompt, setPendingPrompt] = useState8(null);
-  const pendingPromptRef = useRef9(null);
-  const queuedStartRef = useRef9(null);
-  const bufferedVoiceInputsRef = useRef9([]);
-  const previewDiscoveryInFlightRef = useRef9(false);
-  const previewSessionRef = useRef9(readPreviewSessionSuppression());
+  const [activeExperienceType, setActiveExperienceType] = useState7(initialExperienceType);
+  const [startingExperienceType, setStartingExperienceType] = useState7(null);
+  const [pendingPrompt, setPendingPrompt] = useState7(null);
+  const pendingPromptRef = useRef8(null);
+  const queuedStartRef = useRef8(null);
+  const bufferedVoiceInputsRef = useRef8([]);
+  const previewDiscoveryInFlightRef = useRef8(false);
+  const previewSessionRef = useRef8(readPreviewSessionSuppression());
   pendingPromptRef.current = pendingPrompt;
   const playback = useTourPlayback({
     serverUrl,
@@ -5109,7 +4810,7 @@ function useExperiencePlaybackController({
     showCaptions,
     enableAutoDiscovery: false
   });
-  const queueExperienceStart = useCallback8((tour, experienceType, options) => {
+  const queueExperienceStart = useCallback7((tour, experienceType, options) => {
     setPendingPrompt(null);
     pendingPromptRef.current = null;
     setStartingExperienceType(experienceType);
@@ -5124,17 +4825,17 @@ function useExperiencePlaybackController({
     }
     playback.startTour(tour, options);
   }, [activeExperienceType, playback]);
-  const startExperience = useCallback8((tour, experienceType, options) => {
+  const startExperience = useCallback7((tour, experienceType, options) => {
     const resolvedExperienceType = experienceType ?? tour.type ?? activeExperienceType;
     queueExperienceStart(tour, resolvedExperienceType, options);
   }, [activeExperienceType, queueExperienceStart]);
-  const acceptPendingPrompt = useCallback8((experienceType) => {
+  const acceptPendingPrompt = useCallback7((experienceType) => {
     const prompt = pendingPromptRef.current;
     if (!prompt) return;
     if (experienceType && prompt.experienceType !== experienceType) return;
     queueExperienceStart(prompt.tour, prompt.experienceType, prompt.options);
   }, [queueExperienceStart]);
-  const dismissPendingPrompt = useCallback8((experienceType) => {
+  const dismissPendingPrompt = useCallback7((experienceType) => {
     const prompt = pendingPromptRef.current;
     if (!prompt) return;
     if (experienceType && prompt.experienceType !== experienceType) return;
@@ -5157,7 +4858,7 @@ function useExperiencePlaybackController({
       websiteId
     );
   }, [serverUrl, toursApiBase, userProfile, websiteId]);
-  const handleVoiceInput = useCallback8((transcript, experienceType) => {
+  const handleVoiceInput = useCallback7((transcript, experienceType) => {
     const trimmed = transcript.trim();
     if (!trimmed) return;
     const targetExperienceType = experienceType ?? activeExperienceType;
@@ -5177,12 +4878,12 @@ function useExperiencePlaybackController({
     }
     playback.handleVoiceInput(trimmed);
   }, [activeExperienceType, playback]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (playback.isActive && startingExperienceType !== null) {
       setStartingExperienceType(null);
     }
   }, [playback.isActive, startingExperienceType]);
-  useEffect12(() => {
+  useEffect11(() => {
     const queuedStart = queuedStartRef.current;
     if (!queuedStart) return;
     if (playback.isActive) return;
@@ -5190,14 +4891,14 @@ function useExperiencePlaybackController({
     queuedStartRef.current = null;
     playback.startTour(queuedStart.tour, queuedStart.options);
   }, [activeExperienceType, playback]);
-  useEffect12(() => {
+  useEffect11(() => {
     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]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!shouldDiscoverDraftPreview({
       disabled,
       hasPendingPrompt: Boolean(pendingPromptRef.current),
@@ -5279,7 +4980,7 @@ function useExperiencePlaybackController({
       previewDiscoveryInFlightRef.current = false;
     };
   }, [disabled, playback.isActive, queueExperienceStart, serverUrl, startingExperienceType, toursApiBase, websiteId, locationSignature]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!shouldDiscoverEligibleTours({
       disabled,
       hasPendingPrompt: Boolean(pendingPromptRef.current),
@@ -5343,7 +5044,7 @@ function useExperiencePlaybackController({
 }
 
 // src/hooks/useVoice.ts
-import { useState as useState9, useRef as useRef10, useCallback as useCallback9, useEffect as useEffect13 } from "react";
+import { useState as useState8, useRef as useRef9, useCallback as useCallback8, useEffect as useEffect12 } from "react";
 
 // src/utils/webrtc-aec.ts
 function isWebRtcAecSupported() {
@@ -5712,36 +5413,36 @@ function isFatalSpeechError(error) {
   return error === "not-allowed" || error === "service-not-allowed" || error === "audio-capture";
 }
 function useVoice(serverUrl) {
-  const [isSpeaking, setIsSpeaking] = useState9(false);
-  const [isListening, setIsListening] = useState9(false);
-  const [isMuted, setIsMuted] = useState9(false);
-  const audioRef = useRef10(null);
-  const audioBlobUrlRef = useRef10(null);
-  const speakResolveRef = useRef10(null);
-  const recognitionRef = useRef10(null);
-  const isMutedRef = useRef10(false);
-  const sttCallbacksRef = useRef10(null);
-  const stripIndicesRef = useRef10({});
-  const accumulatedRef = useRef10([]);
-  const interimDebounceRef = useRef10(null);
-  const lastInterimRef = useRef10("");
-  const lastDeliveredRef = useRef10("");
-  const isSpeakingRef = useRef10(false);
-  const speechEndTimeRef = useRef10(0);
-  const recentTtsRef = useRef10([]);
-  const prefetchedSpeechRef = useRef10(/* @__PURE__ */ new Map());
-  const nearEndTimeoutRef = useRef10(null);
-  const queuePromiseRef = useRef10(Promise.resolve());
-  const queueSeqRef = useRef10(0);
-  const lastStopSeqRef = useRef10(0);
-  const listeningSessionIdRef = useRef10(null);
-  const listeningStartedAtRef = useRef10(0);
-  const loopbackRef = useRef10(null);
-  const aecActiveRef = useRef10(false);
-  const mediaRecorderRef = useRef10(null);
-  const micStreamRef = useRef10(null);
-  const sttSocketRef = useRef10(null);
-  const stopLiveSttTransport = useCallback9(() => {
+  const [isSpeaking, setIsSpeaking] = useState8(false);
+  const [isListening, setIsListening] = useState8(false);
+  const [isMuted, setIsMuted] = useState8(false);
+  const audioRef = useRef9(null);
+  const audioBlobUrlRef = useRef9(null);
+  const speakResolveRef = useRef9(null);
+  const recognitionRef = useRef9(null);
+  const isMutedRef = useRef9(false);
+  const sttCallbacksRef = useRef9(null);
+  const stripIndicesRef = useRef9({});
+  const accumulatedRef = useRef9([]);
+  const interimDebounceRef = useRef9(null);
+  const lastInterimRef = useRef9("");
+  const lastDeliveredRef = useRef9("");
+  const isSpeakingRef = useRef9(false);
+  const speechEndTimeRef = useRef9(0);
+  const recentTtsRef = useRef9([]);
+  const prefetchedSpeechRef = useRef9(/* @__PURE__ */ new Map());
+  const nearEndTimeoutRef = useRef9(null);
+  const queuePromiseRef = useRef9(Promise.resolve());
+  const queueSeqRef = useRef9(0);
+  const lastStopSeqRef = useRef9(0);
+  const listeningSessionIdRef = useRef9(null);
+  const listeningStartedAtRef = useRef9(0);
+  const loopbackRef = useRef9(null);
+  const aecActiveRef = useRef9(false);
+  const mediaRecorderRef = useRef9(null);
+  const micStreamRef = useRef9(null);
+  const sttSocketRef = useRef9(null);
+  const stopLiveSttTransport = useCallback8(() => {
     const socket = sttSocketRef.current;
     sttSocketRef.current = null;
     if (socket) {
@@ -5770,16 +5471,16 @@ function useVoice(serverUrl) {
     }
     mediaRecorderRef.current = null;
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     isMutedRef.current = isMuted;
   }, [isMuted]);
-  useEffect13(() => {
+  useEffect12(() => {
     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 = useCallback9(() => {
+  const stopSpeaking = useCallback8(() => {
     emitVoiceDebug("tts_stop", {
       queueSeq: queueSeqRef.current,
       wasSpeaking: isSpeakingRef.current
@@ -5806,8 +5507,8 @@ function useVoice(serverUrl) {
     speakResolveRef.current?.();
     speakResolveRef.current = null;
   }, []);
-  const getSpeechCacheKey = useCallback9((text, voiceId) => `${voiceId}::${text}`, []);
-  const loadAudioDurationMs = useCallback9(async (url, fallbackText) => {
+  const getSpeechCacheKey = useCallback8((text, voiceId) => `${voiceId}::${text}`, []);
+  const loadAudioDurationMs = useCallback8(async (url, fallbackText) => {
     try {
       const probe = new Audio();
       probe.preload = "metadata";
@@ -5829,7 +5530,7 @@ function useVoice(serverUrl) {
       return estimateSpeechDurationMs(fallbackText);
     }
   }, []);
-  const fetchSpeechClip = useCallback9(async (text, voiceId) => {
+  const fetchSpeechClip = useCallback8(async (text, voiceId) => {
     const baseUrl = serverUrl.replace(/\/$/, "");
     const debugEnabled = isVoiceDebugEnabled();
     const requestId = createVoiceDebugId("tts");
@@ -5891,7 +5592,7 @@ function useVoice(serverUrl) {
     });
     return { url, durationMs, requestId, buffered: true };
   }, [loadAudioDurationMs, serverUrl]);
-  const createStreamingSpeechClipForPlayback = useCallback9((text, voiceId) => {
+  const createStreamingSpeechClipForPlayback = useCallback8((text, voiceId) => {
     const requestId = createVoiceDebugId("tts");
     const clip = createStreamingSpeechClip(serverUrl, text, voiceId, {
       requestId,
@@ -5906,7 +5607,7 @@ function useVoice(serverUrl) {
     });
     return clip;
   }, [serverUrl]);
-  const prefetchSpeech = useCallback9(async (text, voiceId = DEFAULT_VOICE_ID) => {
+  const prefetchSpeech = useCallback8(async (text, voiceId = DEFAULT_VOICE_ID) => {
     if (isMutedRef.current || !text.trim()) return;
     const key = getSpeechCacheKey(text, voiceId);
     if (!prefetchedSpeechRef.current.has(key)) {
@@ -5920,7 +5621,7 @@ function useVoice(serverUrl) {
     }
     await prefetchedSpeechRef.current.get(key);
   }, [fetchSpeechClip, getSpeechCacheKey]);
-  const playClipDirect = useCallback9(async (clip, timeoutMs) => {
+  const playClipDirect = useCallback8(async (clip, timeoutMs) => {
     const { url } = clip;
     const audio = new Audio();
     audio.crossOrigin = "anonymous";
@@ -6016,7 +5717,7 @@ function useVoice(serverUrl) {
       });
     });
   }, []);
-  const speak = useCallback9(async (text, voiceId = DEFAULT_VOICE_ID, options = {}) => {
+  const speak = useCallback8(async (text, voiceId = DEFAULT_VOICE_ID, options = {}) => {
     if (isMutedRef.current) return;
     const mySeq = ++queueSeqRef.current;
     const interrupt = options.interrupt === true;
@@ -6108,7 +5809,7 @@ function useVoice(serverUrl) {
     }
     return taskPromise;
   }, [createStreamingSpeechClipForPlayback, fetchSpeechClip, getSpeechCacheKey, playClipDirect, stopSpeaking]);
-  const stopListening = useCallback9(() => {
+  const stopListening = useCallback8(() => {
     emitVoiceDebug("stt_stop_listening", {
       listeningSessionId: listeningSessionIdRef.current,
       listeningMs: listeningStartedAtRef.current ? Math.round(performance.now() - listeningStartedAtRef.current) : null
@@ -6140,7 +5841,7 @@ function useVoice(serverUrl) {
     accumulatedRef.current = [];
     setIsListening(false);
   }, [stopLiveSttTransport]);
-  const startListening = useCallback9((onResult, onInterruption, onError, options = {}) => {
+  const startListening = useCallback8((onResult, onInterruption, onError, options = {}) => {
     stopListening();
     listeningSessionIdRef.current = createVoiceDebugId("stt");
     listeningStartedAtRef.current = performance.now();
@@ -6424,7 +6125,7 @@ function useVoice(serverUrl) {
     }
     fallbackToWebSpeech();
   }, [serverUrl, stopListening, stopSpeaking, stopLiveSttTransport]);
-  const toggleMute = useCallback9(() => {
+  const toggleMute = useCallback8(() => {
     setIsMuted((prev) => {
       const next = !prev;
       if (next) {
@@ -6436,7 +6137,7 @@ function useVoice(serverUrl) {
       return next;
     });
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     return () => {
       stopSpeaking();
       stopListening();
@@ -6465,18 +6166,18 @@ function useVoice(serverUrl) {
 }
 
 // src/hooks/useAudioLevel.ts
-import { useState as useState10, useEffect as useEffect14, useRef as useRef11 } from "react";
+import { useState as useState9, useEffect as useEffect13, useRef as useRef10 } from "react";
 var BAR_COUNT = 9;
 var SENSITIVITY = 2.8;
 var FLOOR = 0.08;
 function useAudioLevel(active) {
-  const [levels, setLevels] = useState10(() => Array(BAR_COUNT).fill(FLOOR));
-  const streamRef = useRef11(null);
-  const ctxRef = useRef11(null);
-  const analyserRef = useRef11(null);
-  const rafRef = useRef11(0);
-  const timeDataRef = useRef11(null);
-  useEffect14(() => {
+  const [levels, setLevels] = useState9(() => Array(BAR_COUNT).fill(FLOOR));
+  const streamRef = useRef10(null);
+  const ctxRef = useRef10(null);
+  const analyserRef = useRef10(null);
+  const rafRef = useRef10(0);
+  const timeDataRef = useRef10(null);
+  useEffect13(() => {
     if (!active || typeof window === "undefined") {
       setLevels(Array(BAR_COUNT).fill(FLOOR));
       return;
@@ -6548,7 +6249,7 @@ function useAudioLevel(active) {
 }
 
 // src/hooks/useRecordingMode.ts
-import { useState as useState11, useRef as useRef12, useCallback as useCallback10, useEffect as useEffect15 } from "react";
+import { useState as useState10, useRef as useRef11, useCallback as useCallback9, useEffect as useEffect14 } from "react";
 
 // src/utils/tourStepTypes.ts
 function isAskDrivenInputStepType(stepType) {
@@ -6829,46 +6530,46 @@ function useRecordingMode({
   onPreview,
   experienceType = "tour"
 }) {
-  const restoredSessionRef = useRef12(void 0);
+  const restoredSessionRef = useRef11(void 0);
   if (restoredSessionRef.current === void 0) {
     restoredSessionRef.current = readPersistedRecordingSession();
   }
   const restoredSession = restoredSessionRef.current;
   const restoredPhase = restoredSession ? "active" : "idle";
-  const [phase, setPhase] = useState11(restoredPhase);
-  const [steps, setSteps] = useState11(() => restoredSession?.steps ?? []);
-  const [selectedElement, setSelectedElement] = useState11(null);
-  const [selectedStepType, setSelectedStepType] = useState11(() => restoredSession?.selectedStepType ?? "ask_or_fill");
-  const [pendingNarration, setPendingNarration] = useState11("");
-  const [polishedNarration, setPolishedNarration] = useState11("");
-  const [captureEvents, setCaptureEvents] = useState11(() => restoredSession?.captureEvents ?? []);
-  const [capturedTranscript, setCapturedTranscript] = useState11(() => restoredSession?.capturedTranscript ?? "");
-  const [isVoiceCaptureActive, setIsVoiceCaptureActive] = useState11(false);
-  const stepsRef = useRef12([]);
+  const [phase, setPhase] = useState10(restoredPhase);
+  const [steps, setSteps] = useState10(() => restoredSession?.steps ?? []);
+  const [selectedElement, setSelectedElement] = useState10(null);
+  const [selectedStepType, setSelectedStepType] = useState10(() => restoredSession?.selectedStepType ?? "ask_or_fill");
+  const [pendingNarration, setPendingNarration] = useState10("");
+  const [polishedNarration, setPolishedNarration] = useState10("");
+  const [captureEvents, setCaptureEvents] = useState10(() => restoredSession?.captureEvents ?? []);
+  const [capturedTranscript, setCapturedTranscript] = useState10(() => restoredSession?.capturedTranscript ?? "");
+  const [isVoiceCaptureActive, setIsVoiceCaptureActive] = useState10(false);
+  const stepsRef = useRef11([]);
   stepsRef.current = steps;
-  const captureEventsRef = useRef12([]);
-  const capturedTranscriptRef = useRef12(capturedTranscript);
+  const captureEventsRef = useRef11([]);
+  const capturedTranscriptRef = useRef11(capturedTranscript);
   capturedTranscriptRef.current = capturedTranscript;
-  const phaseRef = useRef12(phase);
+  const phaseRef = useRef11(phase);
   phaseRef.current = phase;
-  const safeSpeak = useCallback10((text) => {
+  const safeSpeak = useCallback9((text) => {
     void voice.speak(text).catch((err) => {
       console.warn("[Recording] Voice playback unavailable:", err);
     });
   }, [voice]);
   captureEventsRef.current = captureEvents;
-  const pendingClicksRef = useRef12(restoredSession?.pendingClicks ?? []);
-  const shouldKeepVoiceCaptureRef = useRef12(restoredSession?.voiceCaptureEnabled === true);
-  const resumeVoiceAfterNarrationRef = useRef12(false);
-  const lastAutoNoteRef = useRef12("");
-  const lastHoverKeyRef = useRef12("");
-  const lastHoverAtRef = useRef12(0);
-  const selectedStepTypeRef = useRef12("ask_or_fill");
+  const pendingClicksRef = useRef11(restoredSession?.pendingClicks ?? []);
+  const shouldKeepVoiceCaptureRef = useRef11(restoredSession?.voiceCaptureEnabled === true);
+  const resumeVoiceAfterNarrationRef = useRef11(false);
+  const lastAutoNoteRef = useRef11("");
+  const lastHoverKeyRef = useRef11("");
+  const lastHoverAtRef = useRef11(0);
+  const selectedStepTypeRef = useRef11("ask_or_fill");
   selectedStepTypeRef.current = selectedStepType;
   const isRecording = phase !== "idle";
   const stepCount = steps.length;
   const captureEventCount = captureEvents.length;
-  const persistSnapshot = useCallback10((overrides) => {
+  const persistSnapshot = useCallback9((overrides) => {
     const nextPhase = overrides?.phase ?? phaseRef.current;
     const nextSteps = overrides?.steps ?? stepsRef.current;
     const nextCaptureEvents = overrides?.captureEvents ?? captureEventsRef.current;
@@ -6891,7 +6592,7 @@ function useRecordingMode({
       voiceCaptureEnabled: nextVoiceCaptureEnabled
     });
   }, [experienceType]);
-  const appendCaptureEvent = useCallback10((event) => {
+  const appendCaptureEvent = useCallback9((event) => {
     const nextEvent = {
       id: event.id || newCaptureId(event.type),
       order: captureEventsRef.current.length,
@@ -6903,7 +6604,7 @@ function useRecordingMode({
     setCaptureEvents(nextCaptureEvents);
     persistSnapshot({ captureEvents: nextCaptureEvents });
   }, [persistSnapshot]);
-  const updateCaptureEvent = useCallback10((id, metadataPatch) => {
+  const updateCaptureEvent = useCallback9((id, metadataPatch) => {
     const nextCaptureEvents = captureEventsRef.current.map((event) => {
       if (event.id === id) {
         return {
@@ -6920,7 +6621,7 @@ function useRecordingMode({
     setCaptureEvents(nextCaptureEvents);
     persistSnapshot({ captureEvents: nextCaptureEvents });
   }, [persistSnapshot]);
-  const appendVoiceNote = useCallback10((transcript) => {
+  const appendVoiceNote = useCallback9((transcript) => {
     const text = transcript.trim();
     if (!text) return;
     if (lastAutoNoteRef.current === text) return;
@@ -6981,11 +6682,11 @@ function useRecordingMode({
       }
     });
   }, [appendCaptureEvent, persistSnapshot]);
-  const stopBackgroundVoiceCapture = useCallback10(() => {
+  const stopBackgroundVoiceCapture = useCallback9(() => {
     voice.stopListening();
     setIsVoiceCaptureActive(false);
   }, [voice]);
-  const startBackgroundVoiceCapture = useCallback10(() => {
+  const startBackgroundVoiceCapture = useCallback9(() => {
     if (!shouldKeepVoiceCaptureRef.current) return;
     if (!isRecording) return;
     if (phase === "narrating" || phase === "reviewing") return;
@@ -7002,7 +6703,7 @@ function useRecordingMode({
     );
     setIsVoiceCaptureActive(true);
   }, [appendVoiceNote, isRecording, phase, voice]);
-  const startRecording = useCallback10(() => {
+  const startRecording = useCallback9(() => {
     const nextPhase = "active";
     const nextCaptureEvents = [{
       id: newCaptureId("session_start"),
@@ -7034,34 +6735,34 @@ function useRecordingMode({
       voiceCaptureEnabled: false
     });
   }, [persistSnapshot]);
-  const markStep = useCallback10(() => {
+  const markStep = useCallback9(() => {
     if (phase !== "active") return;
     setPhase("selecting");
   }, [phase]);
-  const selectElement = useCallback10((recorded) => {
+  const selectElement = useCallback9((recorded) => {
     setSelectedElement(recorded);
     setPhase("configuring");
     const isFormField = ["INPUT", "SELECT", "TEXTAREA"].includes(recorded.el.tagName);
     setSelectedStepType(isFormField ? "ask_or_fill" : "narrate");
   }, []);
-  const selectPageLevel = useCallback10(() => {
+  const selectPageLevel = useCallback9(() => {
     setSelectedElement(null);
     setSelectedStepType("narrate");
     setPhase("configuring");
   }, []);
-  const cancelSelection = useCallback10(() => {
+  const cancelSelection = useCallback9(() => {
     setSelectedElement(null);
     setPhase("active");
   }, []);
-  const setStepType = useCallback10((type) => {
+  const setStepType = useCallback9((type) => {
     setSelectedStepType(type);
   }, []);
-  const runPolishAndReview = useCallback10(async (transcript) => {
+  const runPolishAndReview = useCallback9(async (transcript) => {
     setPolishedNarration(transcript);
     setPhase("reviewing");
   }, []);
-  const pendingNarrationRef = useRef12("");
-  const startNarration = useCallback10(() => {
+  const pendingNarrationRef = useRef11("");
+  const startNarration = useCallback9(() => {
     resumeVoiceAfterNarrationRef.current = shouldKeepVoiceCaptureRef.current && isVoiceCaptureActive;
     if (isVoiceCaptureActive) {
       stopBackgroundVoiceCapture();
@@ -7083,7 +6784,7 @@ function useRecordingMode({
       { continuous: true }
     );
   }, [isVoiceCaptureActive, stopBackgroundVoiceCapture, voice]);
-  const finishNarration = useCallback10(async () => {
+  const finishNarration = useCallback9(async () => {
     if (phase !== "narrating") return;
     voice.stopListening();
     const text = pendingNarrationRef.current;
@@ -7098,13 +6799,13 @@ function useRecordingMode({
       }
     }
   }, [phase, runPolishAndReview, startBackgroundVoiceCapture, voice]);
-  const submitTextNarration = useCallback10(async (text) => {
+  const submitTextNarration = useCallback9(async (text) => {
     if (phase !== "narrating" || !text.trim()) return;
     voice.stopListening();
     setPendingNarration(text);
     await runPolishAndReview(text);
   }, [phase, voice, runPolishAndReview]);
-  const approveNarration = useCallback10(() => {
+  const approveNarration = useCallback9(() => {
     if (phase !== "reviewing") return;
     const el = selectedElement;
     const narration = polishedNarration || pendingNarration;
@@ -7194,17 +6895,17 @@ function useRecordingMode({
       }, 0);
     }
   }, [appendCaptureEvent, phase, polishedNarration, pendingNarration, persistSnapshot, selectedElement, selectedStepType, startBackgroundVoiceCapture, voice]);
-  const redoNarration = useCallback10(() => {
+  const redoNarration = useCallback9(() => {
     if (phase !== "reviewing") return;
     setPendingNarration("");
     setPolishedNarration("");
     startNarration();
   }, [phase, startNarration]);
-  const editNarration = useCallback10((text) => {
+  const editNarration = useCallback9((text) => {
     setPendingNarration(text);
     setPolishedNarration(text);
   }, []);
-  const continueRecording = useCallback10(() => {
+  const continueRecording = useCallback9(() => {
     phaseRef.current = "active";
     setPhase("active");
     persistSnapshot({ phase: "active" });
@@ -7214,7 +6915,7 @@ function useRecordingMode({
       }, 0);
     }
   }, [persistSnapshot, startBackgroundVoiceCapture]);
-  const undoLastStep = useCallback10(() => {
+  const undoLastStep = useCallback9(() => {
     const previous = stepsRef.current;
     const nextSteps = previous.slice(0, -1);
     stepsRef.current = nextSteps;
@@ -7226,7 +6927,7 @@ function useRecordingMode({
     setPhase("active");
     persistSnapshot({ steps: nextSteps, phase: "active" });
   }, [persistSnapshot, voice]);
-  const previewSteps = useCallback10(() => {
+  const previewSteps = useCallback9(() => {
     if (steps.length === 0) {
       safeSpeak("No steps recorded yet.");
       return;
@@ -7234,13 +6935,13 @@ function useRecordingMode({
     onPreview?.(steps);
     safeSpeak(`Previewing ${steps.length} step${steps.length !== 1 ? "s" : ""}.`);
   }, [onPreview, safeSpeak, steps]);
-  const prepareToStopRecording = useCallback10(() => {
+  const prepareToStopRecording = useCallback9(() => {
     shouldKeepVoiceCaptureRef.current = false;
     resumeVoiceAfterNarrationRef.current = false;
     stopBackgroundVoiceCapture();
     persistSnapshot({ voiceCaptureEnabled: false });
   }, [persistSnapshot, stopBackgroundVoiceCapture]);
-  const cancelRecording = useCallback10(() => {
+  const cancelRecording = useCallback9(() => {
     shouldKeepVoiceCaptureRef.current = false;
     stopBackgroundVoiceCapture();
     phaseRef.current = "idle";
@@ -7258,7 +6959,7 @@ function useRecordingMode({
     clearPersistedRecordingSession();
     safeSpeak("Recording cancelled.");
   }, [safeSpeak, stopBackgroundVoiceCapture]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording || typeof document === "undefined") return;
     const handleMouseMove = (event) => {
       const target = event.target;
@@ -7368,7 +7069,7 @@ function useRecordingMode({
       window.clearInterval(routePoll);
     };
   }, [appendCaptureEvent, isRecording]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording || typeof window === "undefined") return;
     const flushRecordingSession = () => {
       persistSnapshot();
@@ -7380,7 +7081,7 @@ function useRecordingMode({
       window.removeEventListener("beforeunload", flushRecordingSession);
     };
   }, [isRecording, persistSnapshot]);
-  const stopRecording = useCallback10(async (tourName, targetUserTypes) => {
+  const stopRecording = useCallback9(async (tourName, targetUserTypes) => {
     phaseRef.current = "finishing";
     setPhase("finishing");
     shouldKeepVoiceCaptureRef.current = false;
@@ -7454,7 +7155,7 @@ function useRecordingMode({
       return null;
     }
   }, [capturedTranscript, experienceType, persistSnapshot, safeSpeak, serverUrl, stopBackgroundVoiceCapture, steps, toursApiBase, websiteId]);
-  const toggleVoiceCapture = useCallback10(() => {
+  const toggleVoiceCapture = useCallback9(() => {
     if (isVoiceCaptureActive || shouldKeepVoiceCaptureRef.current) {
       shouldKeepVoiceCaptureRef.current = false;
       stopBackgroundVoiceCapture();
@@ -7465,7 +7166,7 @@ function useRecordingMode({
     persistSnapshot({ voiceCaptureEnabled: true });
     startBackgroundVoiceCapture();
   }, [isVoiceCaptureActive, persistSnapshot, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording) return;
     if (phase === "active" && shouldKeepVoiceCaptureRef.current && !isVoiceCaptureActive) {
       startBackgroundVoiceCapture();
@@ -7474,7 +7175,7 @@ function useRecordingMode({
       stopBackgroundVoiceCapture();
     }
   }, [isRecording, isVoiceCaptureActive, phase, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  const handleVoiceCommand = useCallback10((transcript) => {
+  const handleVoiceCommand = useCallback9((transcript) => {
     const lower = transcript.toLowerCase().trim();
     if (!isRecording) return;
     if (lower.includes("mark step") && phase === "active") {
@@ -7536,7 +7237,7 @@ function useRecordingMode({
 }
 
 // src/components/RecordingOverlay.tsx
-import { useEffect as useEffect16, useState as useState12, useCallback as useCallback11 } from "react";
+import { useEffect as useEffect15, useState as useState11, useCallback as useCallback10 } from "react";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function buildFingerprint(el) {
   const tag = el.tagName.toLowerCase();
@@ -7564,8 +7265,8 @@ var panelBase = {
   color: "#18181b"
 };
 function ActiveHUD({ stepCount, captureEventCount, isVoiceCaptureActive, minimized, onToggleVoiceCapture, onToggleMinimized, onStop, onCancel }) {
-  const [hasActivatedVoiceCapture, setHasActivatedVoiceCapture] = useState12(isVoiceCaptureActive);
-  useEffect16(() => {
+  const [hasActivatedVoiceCapture, setHasActivatedVoiceCapture] = useState11(isVoiceCaptureActive);
+  useEffect15(() => {
     if (isVoiceCaptureActive) {
       setHasActivatedVoiceCapture(true);
     }
@@ -7810,8 +7511,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] = useState12(defaultType);
-  const [showAdvanced, setShowAdvanced] = useState12(false);
+  const [selected, setSelected] = useState11(defaultType);
+  const [showAdvanced, setShowAdvanced] = useState11(false);
   const hasTestId = !!element?.testId;
   const allTypes = showAdvanced ? [...STEP_TYPES_PRIMARY, ...STEP_TYPES_ADVANCED] : STEP_TYPES_PRIMARY;
   const popoverStyle = {
@@ -7955,8 +7656,8 @@ function StepPopover({ element, stepIndex, onConfirm, onCancel }) {
   ] });
 }
 function NarrationPanel({ stepIndex, stepCount, pendingNarration, isListening, onSubmitText, onCancel, onStopRecording }) {
-  const [textInput, setTextInput] = useState12("");
-  const [showTextInput, setShowTextInput] = useState12(false);
+  const [textInput, setTextInput] = useState11("");
+  const [showTextInput, setShowTextInput] = useState11(false);
   const audioLevels = useAudioLevel(isListening);
   return /* @__PURE__ */ jsxs2(
     "div",
@@ -8123,8 +7824,8 @@ function NarrationPanel({ stepIndex, stepCount, pendingNarration, isListening, o
   );
 }
 function ReviewPanel({ stepIndex, stepCount, polishedNarration, rawNarration, onApprove, onRedo, onEdit }) {
-  const [editMode, setEditMode] = useState12(false);
-  const [editText, setEditText] = useState12(polishedNarration || rawNarration);
+  const [editMode, setEditMode] = useState11(false);
+  const [editText, setEditText] = useState11(polishedNarration || rawNarration);
   const displayText = polishedNarration || rawNarration;
   return /* @__PURE__ */ jsxs2(
     "div",
@@ -8380,7 +8081,7 @@ function FinishingPanel() {
     }
   );
 }
-var INTERACTIVE_SELECTOR2 = [
+var INTERACTIVE_SELECTOR = [
   "button",
   "a[href]",
   'input:not([type="hidden"])',
@@ -8418,19 +8119,19 @@ function RecordingOverlay({
   onCancelRecording,
   onStopRecording
 }) {
-  const [hoveredEl, setHoveredEl] = useState12(null);
-  const [pendingElement, setPendingElement] = useState12(null);
-  const [showPopover, setShowPopover] = useState12(false);
-  const [hudMinimized, setHudMinimized] = useState12(false);
-  const [voicePanelMinimized, setVoicePanelMinimized] = useState12(false);
+  const [hoveredEl, setHoveredEl] = useState11(null);
+  const [pendingElement, setPendingElement] = useState11(null);
+  const [showPopover, setShowPopover] = useState11(false);
+  const [hudMinimized, setHudMinimized] = useState11(false);
+  const [voicePanelMinimized, setVoicePanelMinimized] = useState11(false);
   const isSelecting = phase === "selecting";
-  const handleMouseMove = useCallback11((e) => {
-    const target = e.target.closest(INTERACTIVE_SELECTOR2);
+  const handleMouseMove = useCallback10((e) => {
+    const target = e.target.closest(INTERACTIVE_SELECTOR);
     setHoveredEl(target);
   }, []);
-  const handleClick = useCallback11((e) => {
+  const handleClick = useCallback10((e) => {
     if (e.target.closest("[data-modelnex-internal]")) return;
-    const target = e.target.closest(INTERACTIVE_SELECTOR2);
+    const target = e.target.closest(INTERACTIVE_SELECTOR);
     if (target) {
       e.preventDefault();
       e.stopPropagation();
@@ -8453,7 +8154,7 @@ function RecordingOverlay({
       setShowPopover(true);
     }
   }, []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!isSelecting) return;
     document.addEventListener("mousemove", handleMouseMove, true);
     document.addEventListener("click", handleClick, true);
@@ -8465,14 +8166,14 @@ function RecordingOverlay({
       document.body.style.cursor = prev;
     };
   }, [isSelecting, handleMouseMove, handleClick]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (isSelecting) {
       setShowPopover(false);
       setPendingElement(null);
       setHoveredEl(null);
     }
   }, [isSelecting]);
-  const handlePopoverConfirm = useCallback11((type) => {
+  const handlePopoverConfirm = useCallback10((type) => {
     setShowPopover(false);
     if (pendingElement) {
       onElementSelected(pendingElement);
@@ -8482,7 +8183,7 @@ function RecordingOverlay({
     onStepTypeConfirmed(type);
     onStartNarration();
   }, [pendingElement, onElementSelected, onPageLevelStep, onStepTypeConfirmed, onStartNarration]);
-  const handlePopoverCancel = useCallback11(() => {
+  const handlePopoverCancel = useCallback10(() => {
     setShowPopover(false);
     setPendingElement(null);
   }, []);
@@ -9029,8 +8730,8 @@ function getViewportHeight() {
   return layoutViewportHeight;
 }
 function useViewportHeight() {
-  const [viewportHeight, setViewportHeight] = useState13(() => getViewportHeight());
-  useEffect17(() => {
+  const [viewportHeight, setViewportHeight] = useState12(() => getViewportHeight());
+  useEffect16(() => {
     if (typeof window === "undefined") return;
     const updateViewportHeight = () => {
       setViewportHeight(getViewportHeight());
@@ -9049,8 +8750,8 @@ function useViewportHeight() {
   return viewportHeight;
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState13(false);
-  useEffect17(() => {
+  const [matches, setMatches] = useState12(false);
+  useEffect16(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) setMatches(media.matches);
     const listener = () => setMatches(media.matches);
@@ -9122,8 +8823,8 @@ var GLOBAL_STYLES = `
   }
 `;
 function Tooltip({ children, title }) {
-  const [show, setShow] = useState13(false);
-  const ref = useRef13(null);
+  const [show, setShow] = useState12(false);
+  const ref = useRef12(null);
   const handleShow = () => setShow(true);
   const handleHide = () => setShow(false);
   return /* @__PURE__ */ jsxs3(
@@ -9217,11 +8918,11 @@ var TrashIcon = () => /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16",
 var StopIcon = () => /* @__PURE__ */ jsx4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx4("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
 var ChevronDown = ({ open }) => /* @__PURE__ */ jsx4("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__ */ jsx4("path", { d: "m6 9 6 6 6-6" }) });
 function AgentTraces({ debug, command, defaultExpanded = true }) {
-  const [expanded, setExpanded] = useState13(defaultExpanded);
-  const [expandedSteps, setExpandedSteps] = useState13(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState12(defaultExpanded);
+  const [expandedSteps, setExpandedSteps] = useState12(/* @__PURE__ */ new Set());
   const traces = debug.traces ?? [];
   const hasTraceContent = traces.length > 0 || debug.llmInput || (debug.llmOutput?.length ?? 0) > 0 || (debug.actions?.length ?? 0) > 0;
-  useEffect17(() => {
+  useEffect16(() => {
     setExpandedSteps(new Set(traces.map((t) => t.step)));
   }, [debug]);
   const toggleStep = (step) => {
@@ -9382,21 +9083,21 @@ function ModelNexChatBubble({
 }) {
   const onCommand = void 0;
   const recordingExperienceType = "tour";
-  const noop = useCallback12(() => void 0, []);
-  const noopAsync = useCallback12(async () => void 0, []);
+  const noop = useCallback11(() => void 0, []);
+  const noopAsync = useCallback11(async () => void 0, []);
   const runCommand = useRunCommand();
   const ctx = useContext5(ModelNexContext);
-  const [hydrated, setHydrated] = useState13(false);
-  const [expanded, setExpanded] = useState13(false);
-  const [docked, setDocked] = useState13(false);
-  const [input, setInput] = useState13("");
+  const [hydrated, setHydrated] = useState12(false);
+  const [expanded, setExpanded] = useState12(false);
+  const [docked, setDocked] = useState12(false);
+  const [input, setInput] = useState12("");
   const messages = ctx?.chatMessages ?? [];
   const setMessages = ctx?.setChatMessages ?? (() => {
   });
-  const [loading, setLoading] = useState13(false);
-  const messagesEndRef = useRef13(null);
-  const abortControllerRef = useRef13(null);
-  const panelRef = useRef13(null);
+  const [loading, setLoading] = useState12(false);
+  const messagesEndRef = useRef12(null);
+  const abortControllerRef = useRef12(null);
+  const panelRef = useRef12(null);
   const serverUrl = ctx?.serverUrl ?? DEFAULT_MODELNEX_SERVER_URL;
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
@@ -9405,13 +9106,13 @@ function ModelNexChatBubble({
   });
   const devMode = ctx?.devMode ?? false;
   const authoringMode = ctx?.authoringMode ?? devMode;
-  const [recordingTourName, setRecordingTourName] = useState13("");
-  const [recordingTargetTypes, setRecordingTargetTypes] = useState13("admin");
-  const [showStopModal, setShowStopModal] = useState13(false);
-  const [savedDraft, setSavedDraft] = useState13(null);
-  const [reviewDraft, setReviewDraft] = useState13("");
-  const [tourLiveTranscript, setTourLiveTranscript] = useState13("");
-  const [activeRecordingExperienceType, setActiveRecordingExperienceType] = useState13(
+  const [recordingTourName, setRecordingTourName] = useState12("");
+  const [recordingTargetTypes, setRecordingTargetTypes] = useState12("admin");
+  const [showStopModal, setShowStopModal] = useState12(false);
+  const [savedDraft, setSavedDraft] = useState12(null);
+  const [reviewDraft, setReviewDraft] = useState12("");
+  const [tourLiveTranscript, setTourLiveTranscript] = useState12("");
+  const [activeRecordingExperienceType, setActiveRecordingExperienceType] = useState12(
     () => readPersistedRecordingExperienceType() ?? recordingExperienceType
   );
   const recording = useRecordingMode({
@@ -9423,7 +9124,7 @@ function ModelNexChatBubble({
   });
   const isGeneratingDraft = isRecordingDraftGenerating(recording.phase);
   const showRecordingOverlay = recordingMode && shouldShowRecordingOverlay(recording.phase);
-  useEffect17(() => {
+  useEffect16(() => {
     const shouldBeRecording = recording.phase !== "idle";
     if (shouldBeRecording && !recordingMode) {
       setRecordingMode(true);
@@ -9456,12 +9157,12 @@ function ModelNexChatBubble({
   const activePlayback = playbackController.playback;
   const activeExperienceType = playbackController.activeExperienceType;
   const startingExperienceType = playbackController.startingExperienceType;
-  useEffect17(() => {
+  useEffect16(() => {
     return registerExperienceToolBridge({
       startExperience: playbackController.startExperience
     });
   }, [playbackController.startExperience]);
-  const createPlaybackView = useCallback12((experienceType) => {
+  const createPlaybackView = useCallback11((experienceType) => {
     const isActiveExperience = activePlayback.isActive && activeExperienceType === experienceType;
     const pendingTour = playbackController.pendingPrompt?.experienceType === experienceType ? playbackController.pendingPrompt.tour : null;
     return {
@@ -9493,8 +9194,8 @@ function ModelNexChatBubble({
   const onboardingPlayback = useMemo3(() => createPlaybackView("onboarding"), [createPlaybackView]);
   const tourReviewToggle = getReviewModeToggleConfig(tourPlayback.playbackState);
   const tourReviewModeEnabled = isReviewModeEnabled(devMode, tourPlayback.isReviewMode);
-  const lastAutoTaggedUrlRef = useRef13(null);
-  const handleAutoTag = useCallback12(async () => {
+  const lastAutoTaggedUrlRef = useRef12(null);
+  const handleAutoTag = useCallback11(async () => {
     if (!ctx) return;
     const { extractedElements, tagStore, commandUrl, serverUrl: serverUrl2, websiteId } = ctx;
     if (extractedElements.length === 0) return;
@@ -9533,7 +9234,7 @@ function ModelNexChatBubble({
       console.warn("[ModelNex] Auto-tag error:", err);
     }
   }, [ctx]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (authoringMode && ctx?.extractedElements.length) {
       const timer = setTimeout(handleAutoTag, 1e3);
       return () => clearTimeout(timer);
@@ -9555,7 +9256,7 @@ function ModelNexChatBubble({
     recordingMode,
     pendingNotificationType
   });
-  useEffect17(() => {
+  useEffect16(() => {
     setHydrated(true);
     try {
       setExpanded(sessionStorage.getItem(BUBBLE_EXPANDED_STORAGE_KEY) === "true");
@@ -9565,18 +9266,18 @@ function ModelNexChatBubble({
       setDocked(false);
     }
   }, []);
-  const sttActiveRef = useRef13(false);
-  const [tourListenReady, setTourListenReady] = useState13(false);
-  const [tourSttError, setTourSttError] = useState13(null);
-  const previousTourActiveRef = useRef13(false);
-  const tourListenReadyRef = useRef13(false);
-  const tourSttErrorRef = useRef13(null);
-  const updateTourListenReady = useCallback12((next) => {
+  const sttActiveRef = useRef12(false);
+  const [tourListenReady, setTourListenReady] = useState12(false);
+  const [tourSttError, setTourSttError] = useState12(null);
+  const previousTourActiveRef = useRef12(false);
+  const tourListenReadyRef = useRef12(false);
+  const tourSttErrorRef = useRef12(null);
+  const updateTourListenReady = useCallback11((next) => {
     if (tourListenReadyRef.current === next) return;
     tourListenReadyRef.current = next;
     setTourListenReady(next);
   }, []);
-  const updateTourSttError = useCallback12((next) => {
+  const updateTourSttError = useCallback11((next) => {
     if (tourSttErrorRef.current === next) return;
     tourSttErrorRef.current = next;
     setTourSttError(next);
@@ -9585,7 +9286,7 @@ function ModelNexChatBubble({
     () => buildTranscriptPreviewLines(tourLiveTranscript, { maxCharsPerLine: 36, maxLines: 2 }),
     [tourLiveTranscript]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     const shouldShowFloatingTranscript = (tourPlayback.isActive || onboardingPlayback.isActive) && tourListenReady && voice.isListening;
     if (shouldShowFloatingTranscript) {
       showFloatingLiveTranscript({
@@ -9607,10 +9308,10 @@ function ModelNexChatBubble({
     tourPlayback.isActive,
     voice.isListening
   ]);
-  useEffect17(() => () => {
+  useEffect16(() => () => {
     hideFloatingLiveTranscript();
   }, []);
-  const setExpandedState = useCallback12((next, opts) => {
+  const setExpandedState = useCallback11((next, opts) => {
     setExpanded(next);
     try {
       sessionStorage.setItem(BUBBLE_EXPANDED_STORAGE_KEY, String(next));
@@ -9622,14 +9323,14 @@ function ModelNexChatBubble({
     } catch {
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive]);
-  const setDockedState = useCallback12((next) => {
+  const setDockedState = useCallback11((next) => {
     setDocked(next);
     try {
       sessionStorage.setItem(BUBBLE_DOCKED_STORAGE_KEY, String(next));
     } catch {
     }
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (shouldAutoExpandForPendingPrompt({
       pendingPrompt,
       isPlaybackActive,
@@ -9639,8 +9340,8 @@ function ModelNexChatBubble({
       setExpandedState(true);
     }
   }, [isPlaybackActive, pendingNotificationType, pendingPrompt, recordingMode, setExpandedState]);
-  const preferredListeningExperienceRef = useRef13(null);
-  const playbackVoiceRoutingRef = useRef13({
+  const preferredListeningExperienceRef = useRef12(null);
+  const playbackVoiceRoutingRef = useRef12({
     activeExperienceType,
     isActive: activePlayback.isActive,
     isReviewMode: activePlayback.isReviewMode,
@@ -9648,7 +9349,7 @@ function ModelNexChatBubble({
     playbackState: activePlayback.playbackState,
     handleVoiceInput: playbackController.handleVoiceInput
   });
-  useEffect17(() => {
+  useEffect16(() => {
     playbackVoiceRoutingRef.current = {
       activeExperienceType,
       isActive: activePlayback.isActive,
@@ -9665,7 +9366,7 @@ function ModelNexChatBubble({
     playbackController.handleVoiceInput,
     playbackController.pendingPrompt?.experienceType
   ]);
-  const handleVoiceTourInput = useCallback12(createSinglePlaybackTranscriptRouter(
+  const handleVoiceTourInput = useCallback11(createSinglePlaybackTranscriptRouter(
     () => ({
       isReviewMode: playbackVoiceRoutingRef.current.isReviewMode,
       playbackState: playbackVoiceRoutingRef.current.playbackState
@@ -9680,7 +9381,7 @@ function ModelNexChatBubble({
       }
     }
   ), []);
-  const startTourListening = useCallback12((preferredExperience) => {
+  const startTourListening = useCallback11((preferredExperience) => {
     const listeningState = {
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9735,7 +9436,7 @@ function ModelNexChatBubble({
     updateTourListenReady,
     updateTourSttError
   ]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9758,12 +9459,12 @@ function ModelNexChatBubble({
       }
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, setExpandedState, startingExperienceType, updateTourSttError]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!tourPlayback.isReviewMode && !onboardingPlayback.isReviewMode) {
       setReviewDraft("");
     }
   }, [tourPlayback.isReviewMode, onboardingPlayback.isReviewMode]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9772,12 +9473,12 @@ function ModelNexChatBubble({
       preferredListeningExperienceRef.current = null;
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, startingExperienceType]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (recordingMode) {
       setExpandedState(false);
     }
   }, [recordingMode, setExpandedState]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9791,7 +9492,7 @@ function ModelNexChatBubble({
     }
     updateTourListenReady(Boolean(voice.isListening && sttActiveRef.current));
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice.isListening, startingExperienceType, updateTourListenReady]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9806,7 +9507,7 @@ function ModelNexChatBubble({
       voice.stopListening();
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice, startingExperienceType, updateTourListenReady, updateTourSttError]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9828,8 +9529,8 @@ function ModelNexChatBubble({
       window.removeEventListener("keydown", enableTourListeningFromGesture, true);
     };
   }, [tourPlayback.isActive, onboardingPlayback.isActive, tourListenReady, tourSttError, voice.sttSupported, startTourListening, startingExperienceType]);
-  const [voiceInputMode, setVoiceInputMode] = useState13(false);
-  const toggleVoiceInput = useCallback12(() => {
+  const [voiceInputMode, setVoiceInputMode] = useState12(false);
+  const toggleVoiceInput = useCallback11(() => {
     if (voiceInputMode) {
       voice.stopListening();
       setVoiceInputMode(false);
@@ -9852,7 +9553,7 @@ function ModelNexChatBubble({
       );
     }
   }, [voiceInputMode, voice, recordingMode, recording]);
-  useEffect17(() => {
+  useEffect16(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const stopKeyPropagation = (e) => {
@@ -9876,7 +9577,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" });
-  useEffect17(() => {
+  useEffect16(() => {
     if (messages.length > 0) scrollToBottom();
   }, [messages, loading]);
   const runAgent = async () => {
@@ -9933,7 +9634,7 @@ function ModelNexChatBubble({
   const clearChat = () => {
     setMessages([]);
   };
-  const startRecordingSession = useCallback12((experienceType) => {
+  const startRecordingSession = useCallback11((experienceType) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = null;
     setLoading(false);
@@ -11186,7 +10887,7 @@ function ModelNexChatBubble({
 }
 
 // src/onboarding-panel.tsx
-import { useCallback as useCallback13, useContext as useContext6, useEffect as useEffect18, useMemo as useMemo4, useRef as useRef14, useState as useState14 } from "react";
+import { useCallback as useCallback12, useContext as useContext6, useEffect as useEffect17, useMemo as useMemo4, useRef as useRef13, useState as useState13 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/hooks/useOnboardingPlayback.ts
@@ -11221,14 +10922,14 @@ function ModelNexOnboardingPanel({
   const devMode = ctx?.devMode ?? false;
   const voice = useVoice(serverUrl);
   const audioLevels = useAudioLevel(voice.isListening);
-  const [input, setInput] = useState14("");
-  const [reviewDraft, setReviewDraft] = useState14("");
-  const [open, setOpen] = useState14(true);
-  const [currentStepIndex, setCurrentStepIndex] = useState14(0);
-  const [liveTranscript, setLiveTranscript] = useState14("");
-  const [voiceEnabled, setVoiceEnabled] = useState14(false);
-  const [sttError, setSttError] = useState14(null);
-  const voiceEnabledRef = useRef14(false);
+  const [input, setInput] = useState13("");
+  const [reviewDraft, setReviewDraft] = useState13("");
+  const [open, setOpen] = useState13(true);
+  const [currentStepIndex, setCurrentStepIndex] = useState13(0);
+  const [liveTranscript, setLiveTranscript] = useState13("");
+  const [voiceEnabled, setVoiceEnabled] = useState13(false);
+  const [sttError, setSttError] = useState13(null);
+  const voiceEnabledRef = useRef13(false);
   const playback = useOnboardingPlayback({
     serverUrl,
     commandUrl: ctx?.commandUrl,
@@ -11248,26 +10949,26 @@ function ModelNexOnboardingPanel({
       voiceEnabledRef.current = false;
     }
   });
-  const playbackVoiceRoutingRef = useRef14({
+  const playbackVoiceRoutingRef = useRef13({
     isReviewMode: false,
     playbackState: playback.playbackState,
     handleVoiceInput: playback.handleVoiceInput
   });
   const reviewToggle = getReviewModeToggleConfig(playback.playbackState);
   const reviewModeEnabled = isReviewModeEnabled(devMode, playback.isReviewMode);
-  useEffect18(() => {
+  useEffect17(() => {
     playbackVoiceRoutingRef.current = {
       isReviewMode: playback.isReviewMode,
       playbackState: playback.playbackState,
       handleVoiceInput: playback.handleVoiceInput
     };
   }, [playback.isReviewMode, playback.playbackState, playback.handleVoiceInput]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (playback.isActive && !playback.isReviewMode) {
       setOpen(true);
     }
   }, [playback.activeTour?.id, playback.isActive, playback.isReviewMode]);
-  const startVoiceListening = useCallback13(() => {
+  const startVoiceListening = useCallback12(() => {
     if (voiceEnabledRef.current || !voice.sttSupported) return;
     voiceEnabledRef.current = true;
     setVoiceEnabled(true);
@@ -11314,7 +11015,7 @@ function ModelNexOnboardingPanel({
       }
     );
   }, [playback.isActive, voice]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!playback.isActive || voiceEnabledRef.current || !voice.sttSupported) return;
     const startOnGesture = (event) => {
       if (shouldIgnorePanelGestureStart(event.target)) {
@@ -11329,7 +11030,7 @@ function ModelNexOnboardingPanel({
       window.removeEventListener("keydown", startOnGesture, true);
     };
   }, [playback.isActive, voice.sttSupported, startVoiceListening]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!playback.isActive && voiceEnabledRef.current) {
       voiceEnabledRef.current = false;
       setVoiceEnabled(false);
@@ -11349,7 +11050,7 @@ function ModelNexOnboardingPanel({
     () => buildTranscriptPreviewLines(liveTranscript, { maxCharsPerLine: 34, maxLines: 2 }),
     [liveTranscript]
   );
-  useEffect18(() => {
+  useEffect17(() => {
     if (voiceEnabled && voice.isListening) {
       showFloatingLiveTranscript({
         levels: audioLevels,
@@ -11363,7 +11064,7 @@ function ModelNexOnboardingPanel({
     }
     hideFloatingLiveTranscript();
   }, [audioLevels, liveTranscriptLines, voiceEnabled, voice.isListening]);
-  useEffect18(() => () => {
+  useEffect17(() => () => {
     hideFloatingLiveTranscript();
   }, []);
   const actionButtonStyle = {
@@ -11928,7 +11629,7 @@ var ModelNexProvider = ({
   const serverUrl = serverUrlProp ?? DEFAULT_MODELNEX_SERVER_URL;
   const commandUrl = void 0;
   const disableSocket = false;
-  useEffect19(() => {
+  useEffect18(() => {
     if (process.env.NODE_ENV !== "production" && !serverUrlProp) {
       console.warn(
         `[ModelNex SDK] ModelNexProvider is using the default server URL (${DEFAULT_MODELNEX_SERVER_URL}). Pass \`serverUrl\` explicitly in local development to avoid accidentally targeting the hosted backend.`
@@ -11936,21 +11637,21 @@ var ModelNexProvider = ({
     }
   }, [serverUrlProp]);
   const renderedChildren = children;
-  const [activeAgentActions, setActiveAgentActions] = useState15(/* @__PURE__ */ new Set());
-  const [stagingFields, setStagingFields] = useState15(/* @__PURE__ */ new Set());
-  const [executedFields, setExecutedFields] = useState15(/* @__PURE__ */ new Set());
-  const [highlightActions, setHighlightActions] = useState15(false);
-  const [studioMode, setStudioMode] = useState15(false);
-  const [recordingMode, setRecordingMode] = useState15(() => hasPersistedRecordingSession());
-  const [voiceMuted, setVoiceMuted] = useState15(false);
-  const [socketId, setSocketId] = useState15(null);
-  const [actions, setActions] = useState15(/* @__PURE__ */ new Map());
-  const [validatedBrowserDevMode, setValidatedBrowserDevMode] = useState15(false);
-  const [resolvedDevModeKey, setResolvedDevModeKey] = useState15(() => resolveInjectedDevModeKey());
-  const [previewRuntimeMode, setPreviewRuntimeMode] = useState15(() => hasDraftPreviewModeSignal());
-  useEffect19(() => observeInjectedDevModeKey(setResolvedDevModeKey), []);
-  useEffect19(() => observeDraftPreviewModeSignal(setPreviewRuntimeMode), []);
-  useEffect19(() => {
+  const [activeAgentActions, setActiveAgentActions] = useState14(/* @__PURE__ */ new Set());
+  const [stagingFields, setStagingFields] = useState14(/* @__PURE__ */ new Set());
+  const [executedFields, setExecutedFields] = useState14(/* @__PURE__ */ new Set());
+  const [highlightActions, setHighlightActions] = useState14(false);
+  const [studioMode, setStudioMode] = useState14(false);
+  const [recordingMode, setRecordingMode] = useState14(() => hasPersistedRecordingSession());
+  const [voiceMuted, setVoiceMuted] = useState14(false);
+  const [socketId, setSocketId] = useState14(null);
+  const [actions, setActions] = useState14(/* @__PURE__ */ new Map());
+  const [validatedBrowserDevMode, setValidatedBrowserDevMode] = useState14(false);
+  const [resolvedDevModeKey, setResolvedDevModeKey] = useState14(() => resolveInjectedDevModeKey());
+  const [previewRuntimeMode, setPreviewRuntimeMode] = useState14(() => hasDraftPreviewModeSignal());
+  useEffect18(() => observeInjectedDevModeKey(setResolvedDevModeKey), []);
+  useEffect18(() => observeDraftPreviewModeSignal(setPreviewRuntimeMode), []);
+  useEffect18(() => {
     let cancelled = false;
     if (!websiteId || !resolvedDevModeKey) {
       setValidatedBrowserDevMode(false);
@@ -11967,14 +11668,14 @@ var ModelNexProvider = ({
     };
   }, [resolvedDevModeKey, serverUrl, websiteId]);
   const effectiveDevMode = validatedBrowserDevMode || previewRuntimeMode;
-  const registerAction = useCallback14((action) => {
+  const registerAction = useCallback13((action) => {
     setActions((prev) => {
       const next = new Map(prev);
       next.set(action.id, action);
       return next;
     });
   }, []);
-  const unregisterAction = useCallback14((id) => {
+  const unregisterAction = useCallback13((id) => {
     setActions((prev) => {
       const next = new Map(prev);
       next.delete(id);
@@ -11985,8 +11686,8 @@ var ModelNexProvider = ({
   const tagStore = useTagStore({ serverUrl, websiteId });
   useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl, websiteId, toursApiBase, userProfile);
   const CHAT_STORAGE_KEY = "modelnex-chat-messages";
-  const [chatMessages, setChatMessagesRaw] = useState15([]);
-  useEffect19(() => {
+  const [chatMessages, setChatMessagesRaw] = useState14([]);
+  useEffect18(() => {
     try {
       const stored = sessionStorage.getItem(CHAT_STORAGE_KEY);
       if (stored) {
@@ -11995,7 +11696,7 @@ var ModelNexProvider = ({
     } catch {
     }
   }, [effectiveDevMode]);
-  useEffect19(() => {
+  useEffect18(() => {
     setChatMessagesRaw((prev) => {
       const next = sanitizeChatMessages(prev, effectiveDevMode);
       try {
@@ -12005,7 +11706,7 @@ var ModelNexProvider = ({
       return next;
     });
   }, [effectiveDevMode]);
-  const setChatMessages = useCallback14((action) => {
+  const setChatMessages = useCallback13((action) => {
     setChatMessagesRaw((prev) => {
       const resolved = typeof action === "function" ? action(prev) : action;
       const next = sanitizeChatMessages(resolved, effectiveDevMode);
@@ -12031,14 +11732,14 @@ var ModelNexProvider = ({
     devMode: effectiveDevMode
   });
   useFieldHighlight(stagingFields, executedFields, setExecutedFields);
-  useEffect19(() => {
+  useEffect18(() => {
     document.body.classList.toggle("modelnex-highlight-actions", highlightActions);
     return () => {
       document.body.classList.remove("modelnex-highlight-actions");
     };
   }, [highlightActions]);
-  const [mounted, setMounted] = useState15(false);
-  useEffect19(() => {
+  const [mounted, setMounted] = useState14(false);
+  useEffect18(() => {
     setMounted(true);
   }, []);
   const value = useMemo5(