@modelnex/sdk 0.5.44 → 0.5.46

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);
@@ -677,6 +305,157 @@ function serializeContexts(contexts) {
   return Array.from(contexts.values());
 }
 
+// src/utils/debug-tools.ts
+var lastActionEffect = null;
+function normalizeText(value) {
+  return String(value || "").replace(/\s+/g, " ").trim();
+}
+function isElementVisible(el) {
+  if (!(el instanceof HTMLElement)) 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 safeQueryAll2(selector) {
+  try {
+    return Array.from(document.querySelectorAll(selector)).filter(
+      (el) => el instanceof HTMLElement
+    );
+  } catch {
+    return [];
+  }
+}
+function classifyLevel(el, text) {
+  const levelHint = `${el.getAttribute("data-variant") || ""} ${el.className || ""} ${text}`.toLowerCase();
+  if (/\berror|danger|invalid|failed|required\b/.test(levelHint)) return "error";
+  if (/\bwarn|warning|caution\b/.test(levelHint)) return "warning";
+  return "info";
+}
+function classifySource(el) {
+  const role = (el.getAttribute("role") || "").toLowerCase();
+  if (role === "alert") return "alert";
+  if (role === "status") return "status";
+  if (el.hasAttribute("aria-live")) return "aria-live";
+  const classHint = String(el.className || "").toLowerCase();
+  if (/\bbanner\b/.test(classHint)) return "banner";
+  return "inline";
+}
+function selectorHintFor(el) {
+  if (el.id) return `#${el.id}`;
+  if (el.getAttribute("data-testid")) return `[data-testid="${el.getAttribute("data-testid")}"]`;
+  const role = el.getAttribute("role");
+  return role ? `${el.tagName.toLowerCase()}[role="${role}"]` : el.tagName.toLowerCase();
+}
+function collectUiMessages(options) {
+  const includeHidden = Boolean(options?.includeHidden);
+  const maxItems = Math.max(1, Math.min(Number(options?.maxItems || 10), 20));
+  const selectors = [
+    '[role="alert"]',
+    '[role="status"]',
+    "[aria-live]",
+    '[aria-invalid="true"]',
+    "[data-error]",
+    "[data-warning]",
+    ".error",
+    ".warning",
+    ".alert",
+    ".toast",
+    ".banner"
+  ];
+  const seen = /* @__PURE__ */ new Set();
+  const results = [];
+  for (const selector of selectors) {
+    for (const el of safeQueryAll2(selector)) {
+      const visible = isElementVisible(el);
+      if (!includeHidden && !visible) continue;
+      const text = normalizeText(el.textContent);
+      if (!text || text.length < 2) continue;
+      const key = `${selector}:${text.toLowerCase()}`;
+      if (seen.has(key)) continue;
+      seen.add(key);
+      results.push({
+        id: `ui_${results.length + 1}`,
+        level: classifyLevel(el, text),
+        text,
+        source: classifySource(el),
+        visible,
+        selectorHint: selectorHintFor(el)
+      });
+      if (results.length >= maxItems) return results;
+    }
+  }
+  return results;
+}
+function captureDebugSnapshot() {
+  return {
+    route: `${window.location.pathname}${window.location.search}${window.location.hash}`,
+    title: document.title || "",
+    uiMessages: collectUiMessages({ maxItems: 6 }),
+    timestamp: Date.now()
+  };
+}
+function diffUiMessages(before, after) {
+  const beforeKeys = new Set(before.map((entry) => `${entry.level}:${entry.text}`));
+  return after.filter((entry) => !beforeKeys.has(`${entry.level}:${entry.text}`));
+}
+function summarizeEffect(record) {
+  const routeChanged = record.before.route !== record.after.route;
+  const titleChanged = record.before.title !== record.after.title;
+  const newMessages = diffUiMessages(record.before.uiMessages, record.after.uiMessages);
+  const changed = routeChanged || titleChanged || newMessages.length > 0 || !record.success || record.before.timestamp !== record.after.timestamp;
+  const parts = [];
+  if (routeChanged) parts.push(`route changed from ${record.before.route} to ${record.after.route}`);
+  if (titleChanged) parts.push("page title changed");
+  if (newMessages.length > 0) parts.push(`new UI messages: ${newMessages.map((entry) => entry.text).join(" | ")}`);
+  if (!record.success && record.error) parts.push(`action failed: ${record.error}`);
+  if (parts.length === 0) parts.push("no obvious route/title/message change detected");
+  return {
+    summary: parts.join("; "),
+    changed
+  };
+}
+function recordLastActionEffect(record) {
+  const summary = summarizeEffect(record);
+  lastActionEffect = {
+    ...record,
+    ...summary
+  };
+  return lastActionEffect;
+}
+function getLastActionEffectRecord() {
+  return lastActionEffect;
+}
+function inspectDomElementState(el) {
+  const rect = el.getBoundingClientRect();
+  const describedByIds = normalizeText(el.getAttribute("aria-describedby")).split(/\s+/).filter(Boolean);
+  const describedByText = describedByIds.map((id) => normalizeText(document.getElementById(id)?.textContent)).filter(Boolean).join(" | ");
+  const labelText = normalizeText(
+    el.labels?.[0]?.textContent || el.getAttribute("aria-label") || el.getAttribute("name") || el.getAttribute("id") || el.textContent
+  );
+  return {
+    tag: el.tagName.toLowerCase(),
+    label: labelText || null,
+    text: normalizeText(el.textContent).slice(0, 300) || null,
+    value: "value" in el ? normalizeText(String(el.value || "")) || null : null,
+    visible: isElementVisible(el),
+    enabled: !el.hasAttribute("disabled") && el.getAttribute("aria-disabled") !== "true",
+    focused: document.activeElement === el,
+    ariaInvalid: el.getAttribute("aria-invalid") === "true",
+    describedByText: describedByText || null,
+    role: el.getAttribute("role") || null,
+    selectorHint: selectorHintFor(el),
+    rect: {
+      x: Math.round(rect.x),
+      y: Math.round(rect.y),
+      width: Math.round(rect.width),
+      height: Math.round(rect.height)
+    }
+  };
+}
+
 // src/hooks/useModelNexSocket.ts
 function useModelNexSocket({
   serverUrl,
@@ -692,16 +471,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);
@@ -775,11 +554,22 @@ function useModelNexSocket({
         const NAV_ACTION_IDS = ["navigate_to_documents", "navigate_to_templates", "navigate_to_inbox", "navigate_to_settings", "navigate_to_template", "navigate_to_document", "navigate_to_folder", "navigate_editor_step"];
         const action = currentActions.get(actionId);
         if (action) {
+          const beforeSnapshot = captureDebugSnapshot();
+          const startedAt = Date.now();
           try {
             const validatedParams = action.schema.parse(params);
             log("[SDK] Executing action", { actionId });
             const execResult = await action.execute(validatedParams);
             log("[SDK] Action completed", { actionId });
+            recordLastActionEffect({
+              actionId,
+              success: true,
+              error: null,
+              startedAt,
+              finishedAt: Date.now(),
+              before: beforeSnapshot,
+              after: captureDebugSnapshot()
+            });
             sendResult(true, execResult);
             if (NAV_ACTION_IDS.includes(actionId)) {
               requestAnimationFrame(() => {
@@ -804,6 +594,15 @@ function useModelNexSocket({
           } catch (err) {
             const errMsg = err instanceof Error ? err.message : String(err);
             console.error(`[ModelNex SDK] Execution failed for ${actionId}: ${errMsg}`);
+            recordLastActionEffect({
+              actionId,
+              success: false,
+              error: errMsg,
+              startedAt,
+              finishedAt: Date.now(),
+              before: beforeSnapshot,
+              after: captureDebugSnapshot()
+            });
             if (isSdkDebugEnabled(devMode)) {
               window.dispatchEvent(
                 new CustomEvent("modelnex-debug", {
@@ -834,7 +633,7 @@ function useModelNexSocket({
       socket.disconnect();
     };
   }, [disabled, onSocketId, serverUrl]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (disabled) {
       return;
     }
@@ -852,10 +651,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 +673,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 +694,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 +891,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 +915,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 +938,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 +977,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 +1005,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 +1038,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 +1049,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 +1279,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 +1317,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,7 +1461,7 @@ 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
@@ -1843,7 +1642,7 @@ function isTourEligible(tour, userProfile) {
 var resolutionCache = /* @__PURE__ */ new Map();
 var DEFAULT_WORKFLOW_SEARCH_LIMIT = 5;
 var WORKFLOW_TYPES = ["onboarding", "tour"];
-function safeQueryAll2(selector) {
+function safeQueryAll3(selector) {
   try {
     return Array.from(document.querySelectorAll(selector)).filter(
       (el) => el instanceof HTMLElement
@@ -1852,6 +1651,9 @@ function safeQueryAll2(selector) {
     return [];
   }
 }
+function safeQueryOne(selector) {
+  return safeQueryAll3(selector)[0] || null;
+}
 var ROW_SELECTORS = 'tr, [role="row"], [role="listitem"], li, [data-row], [class*="row"], [class*="card"], article, section';
 function getRowText(el) {
   const row = el.closest(ROW_SELECTORS);
@@ -1883,6 +1685,20 @@ function makeTarget(el, via) {
     resolvedVia: via
   };
 }
+function resolveInspectableElement(params, getTagStore) {
+  if (params.selector) {
+    const bySelector = safeQueryOne(params.selector);
+    if (bySelector) return makeTarget(bySelector, "single-selector");
+  }
+  if (params.fingerprint) {
+    return resolveTargetElement(
+      params.fingerprint,
+      { patternId: params.patternId, textContaining: params.textContaining },
+      getTagStore()
+    );
+  }
+  return null;
+}
 function resolveTargetElement(fingerprint, options, tagStore) {
   const elements = extractInteractiveElements();
   const byFp = elements.find((e) => e.fingerprint === fingerprint);
@@ -1891,7 +1707,7 @@ function resolveTargetElement(fingerprint, options, tagStore) {
   if (cached) {
     const cachedEl = elements.find((e) => e.fingerprint === cached.resolvedFingerprint);
     if (cachedEl?.element) return makeTarget(cachedEl.element, "cache");
-    const selectorMatches = safeQueryAll2(cached.selector);
+    const selectorMatches = safeQueryAll3(cached.selector);
     if (selectorMatches.length === 1) {
       return makeTarget(selectorMatches[0], "cache");
     }
@@ -1910,7 +1726,7 @@ function resolveTargetElement(fingerprint, options, tagStore) {
   const fallbackTags = patternId ? selectorTags.filter((t) => t.patternId !== patternId) : [];
   for (const tagSet of [candidateTags, fallbackTags]) {
     for (const tag of tagSet) {
-      const matched = safeQueryAll2(tag.selector);
+      const matched = safeQueryAll3(tag.selector);
       if (matched.length === 0) continue;
       for (const el of matched) {
         const fp = generateFingerprint(el);
@@ -1996,7 +1812,7 @@ function lastResortScan(fingerprint, options, elements) {
   }
   if (bestEl) return makeTarget(bestEl, "fuzzy");
   if (fpTextHint) {
-    const ariaMatches = safeQueryAll2(`[aria-label*="${CSS.escape(fpTextHint)}"], [data-testid*="${CSS.escape(fpTextHint)}"]`);
+    const ariaMatches = safeQueryAll3(`[aria-label*="${CSS.escape(fpTextHint)}"], [data-testid*="${CSS.escape(fpTextHint)}"]`);
     if (textContaining && ariaMatches.length > 1) {
       let best = null;
       let bestS = 0;
@@ -2338,6 +2154,68 @@ function createWaitAction(getTagStore) {
     }
   };
 }
+var getUiMessagesSchema = z2.object({
+  includeHidden: z2.boolean().optional().describe("Include currently hidden UI messages when true. Defaults to false."),
+  maxItems: z2.number().int().min(1).max(20).optional().describe("Maximum number of messages to return. Defaults to 10.")
+});
+function createGetUiMessagesAction() {
+  return {
+    id: "get_ui_messages",
+    description: "Return current UI-facing messages such as alerts, warnings, toasts, banners, and inline validation text.",
+    schema: getUiMessagesSchema,
+    execute: async (params) => {
+      const messages = collectUiMessages(params);
+      return {
+        messages,
+        total: messages.length,
+        capturedAt: Date.now()
+      };
+    }
+  };
+}
+var getLastActionEffectSchema = z2.object({});
+function createGetLastActionEffectAction() {
+  return {
+    id: "get_last_action_effect",
+    description: "Return a compact summary of what changed after the most recent agent action.",
+    schema: getLastActionEffectSchema,
+    execute: async () => {
+      return {
+        effect: getLastActionEffectRecord()
+      };
+    }
+  };
+}
+var inspectElementStateSchema = z2.object({
+  fingerprint: z2.string().optional().describe("Fingerprint of the target element to inspect."),
+  selector: z2.string().optional().describe("Optional CSS selector for direct inspection when a fingerprint is unavailable."),
+  patternId: z2.string().optional().describe("Optional patternId from tagged elements for disambiguation."),
+  textContaining: z2.string().optional().describe("Optional row or label text used to disambiguate similar elements.")
+});
+function createInspectElementStateAction(getTagStore) {
+  return {
+    id: "inspect_element_state",
+    description: "Inspect one specific element and return its current visibility, enabled state, value/text, aria state, and associated error/help text.",
+    schema: inspectElementStateSchema,
+    execute: async (params) => {
+      const target = resolveInspectableElement(params, getTagStore);
+      if (!target) {
+        return {
+          found: false,
+          reason: "Element not found from the provided fingerprint or selector."
+        };
+      }
+      return {
+        found: true,
+        target: {
+          fingerprint: target.fingerprint,
+          resolvedVia: target.resolvedVia
+        },
+        element: inspectDomElementState(target.element)
+      };
+    }
+  };
+}
 var searchDocsSchema = z2.object({
   query: z2.string().describe("The search query to find relevant documentation."),
   limit: z2.number().optional().describe("Maximum number of results to return (default: 5).")
@@ -2507,6 +2385,9 @@ var BUILTIN_ACTION_IDS = {
   click: "click_element",
   fill: "fill_input",
   wait: "request_user_action",
+  getUiMessages: "get_ui_messages",
+  getLastActionEffect: "get_last_action_effect",
+  inspectElementState: "inspect_element_state",
   searchDocs: "search_docs",
   searchTaggedElements: "search_tagged_elements",
   searchWorkflows: "search_workflows",
@@ -2514,18 +2395,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;
@@ -2543,6 +2424,9 @@ function useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl
     registerAction(createClickAction(getTagStore));
     registerAction(createFillAction(getTagStore));
     registerAction(createWaitAction(getTagStore));
+    registerAction(createGetUiMessagesAction());
+    registerAction(createGetLastActionEffectAction());
+    registerAction(createInspectElementStateAction(getTagStore));
     registerAction(createSearchDocsAction(getServerUrl, getWebsiteId));
     registerAction(createSearchTaggedElementsAction(getTagStore));
     registerAction(createSearchWorkflowsAction(workflowToolGetters));
@@ -2553,6 +2437,9 @@ function useBuiltinActions(registerAction, unregisterAction, tagStore, serverUrl
       unregisterAction(BUILTIN_ACTION_IDS.click);
       unregisterAction(BUILTIN_ACTION_IDS.fill);
       unregisterAction(BUILTIN_ACTION_IDS.wait);
+      unregisterAction(BUILTIN_ACTION_IDS.getUiMessages);
+      unregisterAction(BUILTIN_ACTION_IDS.getLastActionEffect);
+      unregisterAction(BUILTIN_ACTION_IDS.inspectElementState);
       unregisterAction(BUILTIN_ACTION_IDS.searchDocs);
       unregisterAction(BUILTIN_ACTION_IDS.searchTaggedElements);
       unregisterAction(BUILTIN_ACTION_IDS.searchWorkflows);
@@ -2880,7 +2767,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 [];
@@ -2903,7 +2790,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;
@@ -2931,7 +2818,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({
@@ -2940,8 +2827,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]);
@@ -2954,7 +2841,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) {
@@ -2963,9 +2850,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(
@@ -2980,7 +2867,7 @@ function useViewportTrack(id) {
       updateVisibility(id, false);
     };
   }, [id]);
-  useEffect10(() => {
+  useEffect9(() => {
     const fn = () => setTick((t) => t + 1);
     listeners.add(fn);
     return () => {
@@ -2990,8 +2877,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);
@@ -3008,11 +2895,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) {
@@ -3021,7 +2908,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));
@@ -3787,58 +3674,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 initialPersistedTourSessionRef = useRef8(readPersistedActiveTourSession());
-  const runIdRef = useRef8(initialPersistedTourSessionRef.current?.runId ?? 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;
@@ -3849,13 +3736,13 @@ 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;
   }, []);
-  const emitTourInit = useCallback7((socket, currentWebsiteId, profile) => {
+  const emitTourInit = useCallback6((socket, currentWebsiteId, profile) => {
     if (!currentWebsiteId || !profile?.type) return;
     const persistedRunId = runIdRef.current ?? readPersistedActiveTourSession()?.runId ?? null;
     const payload = {
@@ -3868,7 +3755,7 @@ function useTourPlayback({
     }
     emitSocketEvent(socket, "tour:init", payload);
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     if (disabled) return;
     if (typeof window === "undefined") return;
     const socket = tourSocketPool.acquire(serverUrl);
@@ -4017,7 +3904,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) {
@@ -4495,7 +4382,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", {
@@ -4579,7 +4466,7 @@ function useTourPlayback({
       tourSocketPool.release(serverUrl, toClose);
     };
   }, [serverUrl, disabled, emitTourInit, releasePlaybackOwnership]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (disabled) return;
     const s = socketRef.current;
     const profile = userProfile;
@@ -4589,12 +4476,12 @@ function useTourPlayback({
     }, 150);
     return () => clearTimeout(timer);
   }, [disabled, emitTourInit, websiteId, userProfile?.userId, userProfile?.type]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!showCaptions || !isReviewMode) {
       removeCaption();
     }
   }, [showCaptions, isReviewMode]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!isActiveRef.current) return;
     emitSocketEvent(socketRef.current, "tour:client_state", {
       runId: runIdRef.current,
@@ -4608,9 +4495,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,
@@ -4618,7 +4505,7 @@ function useTourPlayback({
       domSummary: captureDomSummary()
     });
   }, []);
-  const scheduleManualInputSync = useCallback7(() => {
+  const scheduleManualInputSync = useCallback6(() => {
     if (pendingManualInputSyncRef.current) {
       clearTimeout(pendingManualInputSyncRef.current);
     }
@@ -4630,13 +4517,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;
@@ -4664,7 +4551,7 @@ function useTourPlayback({
     setPlaybackState("thinking");
     return true;
   }, [voice]);
-  const stopTour = useCallback7(() => {
+  const stopTour = useCallback6(() => {
     skipRequestedRef.current = true;
     isActiveRef.current = false;
     startRequestedRef.current = false;
@@ -4715,7 +4602,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;
@@ -4762,7 +4649,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
@@ -4827,7 +4714,7 @@ function useTourPlayback({
       tourContext: compactTourForTransport(tour)
     });
   }, [serverUrl, websiteId]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!shouldRunTourAutoDiscovery({
       enableAutoDiscovery,
       disabled,
@@ -4891,7 +4778,7 @@ function useTourPlayback({
       cancelled = true;
     };
   }, [serverUrl, toursApiBase, disabled, websiteId, experienceType, enableAutoDiscovery, locationSignature]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!shouldRunTourAutoDiscovery({
       enableAutoDiscovery,
       disabled,
@@ -4938,22 +4825,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;
@@ -4961,7 +4848,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;
@@ -5001,10 +4888,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;
@@ -5014,19 +4901,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) {
@@ -5034,7 +4921,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
@@ -5062,7 +4949,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;
@@ -5075,7 +4962,7 @@ function useTourPlayback({
       handleVoiceInput(text.trim());
     }
   }, [handleVoiceInput]);
-  useEffect11(() => {
+  useEffect10(() => {
     return () => {
       removeHighlight();
       removeCaption();
@@ -5156,14 +5043,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,
@@ -5182,7 +5069,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);
@@ -5197,17 +5084,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;
@@ -5230,7 +5117,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;
@@ -5250,12 +5137,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;
@@ -5263,14 +5150,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),
@@ -5352,7 +5239,7 @@ function useExperiencePlaybackController({
       previewDiscoveryInFlightRef.current = false;
     };
   }, [disabled, playback.isActive, queueExperienceStart, serverUrl, startingExperienceType, toursApiBase, websiteId, locationSignature]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!shouldDiscoverEligibleTours({
       disabled,
       hasPendingPrompt: Boolean(pendingPromptRef.current),
@@ -5416,7 +5303,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() {
@@ -5785,36 +5672,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) {
@@ -5843,16 +5730,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
@@ -5879,8 +5766,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";
@@ -5902,7 +5789,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");
@@ -5964,7 +5851,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,
@@ -5979,7 +5866,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)) {
@@ -5993,7 +5880,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";
@@ -6089,7 +5976,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;
@@ -6181,7 +6068,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
@@ -6213,7 +6100,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();
@@ -6497,7 +6384,7 @@ function useVoice(serverUrl) {
     }
     fallbackToWebSpeech();
   }, [serverUrl, stopListening, stopSpeaking, stopLiveSttTransport]);
-  const toggleMute = useCallback9(() => {
+  const toggleMute = useCallback8(() => {
     setIsMuted((prev) => {
       const next = !prev;
       if (next) {
@@ -6509,7 +6396,7 @@ function useVoice(serverUrl) {
       return next;
     });
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     return () => {
       stopSpeaking();
       stopListening();
@@ -6538,18 +6425,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;
@@ -6621,7 +6508,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) {
@@ -6902,46 +6789,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;
@@ -6964,7 +6851,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,
@@ -6976,7 +6863,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 {
@@ -6993,7 +6880,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;
@@ -7054,11 +6941,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;
@@ -7075,7 +6962,7 @@ function useRecordingMode({
     );
     setIsVoiceCaptureActive(true);
   }, [appendVoiceNote, isRecording, phase, voice]);
-  const startRecording = useCallback10(() => {
+  const startRecording = useCallback9(() => {
     const nextPhase = "active";
     const nextCaptureEvents = [{
       id: newCaptureId("session_start"),
@@ -7107,34 +6994,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();
@@ -7156,7 +7043,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;
@@ -7171,13 +7058,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;
@@ -7267,17 +7154,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" });
@@ -7287,7 +7174,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;
@@ -7299,7 +7186,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;
@@ -7307,13 +7194,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";
@@ -7331,7 +7218,7 @@ function useRecordingMode({
     clearPersistedRecordingSession();
     safeSpeak("Recording cancelled.");
   }, [safeSpeak, stopBackgroundVoiceCapture]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording || typeof document === "undefined") return;
     const handleMouseMove = (event) => {
       const target = event.target;
@@ -7441,7 +7328,7 @@ function useRecordingMode({
       window.clearInterval(routePoll);
     };
   }, [appendCaptureEvent, isRecording]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording || typeof window === "undefined") return;
     const flushRecordingSession = () => {
       persistSnapshot();
@@ -7453,7 +7340,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;
@@ -7527,7 +7414,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();
@@ -7538,7 +7425,7 @@ function useRecordingMode({
     persistSnapshot({ voiceCaptureEnabled: true });
     startBackgroundVoiceCapture();
   }, [isVoiceCaptureActive, persistSnapshot, startBackgroundVoiceCapture, stopBackgroundVoiceCapture]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isRecording) return;
     if (phase === "active" && shouldKeepVoiceCaptureRef.current && !isVoiceCaptureActive) {
       startBackgroundVoiceCapture();
@@ -7547,7 +7434,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") {
@@ -7609,7 +7496,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();
@@ -7637,8 +7524,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);
     }
@@ -7883,8 +7770,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 = {
@@ -8028,8 +7915,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",
@@ -8196,8 +8083,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",
@@ -8453,7 +8340,7 @@ function FinishingPanel() {
     }
   );
 }
-var INTERACTIVE_SELECTOR2 = [
+var INTERACTIVE_SELECTOR = [
   "button",
   "a[href]",
   'input:not([type="hidden"])',
@@ -8491,19 +8378,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();
@@ -8526,7 +8413,7 @@ function RecordingOverlay({
       setShowPopover(true);
     }
   }, []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!isSelecting) return;
     document.addEventListener("mousemove", handleMouseMove, true);
     document.addEventListener("click", handleClick, true);
@@ -8538,14 +8425,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);
@@ -8555,7 +8442,7 @@ function RecordingOverlay({
     onStepTypeConfirmed(type);
     onStartNarration();
   }, [pendingElement, onElementSelected, onPageLevelStep, onStepTypeConfirmed, onStartNarration]);
-  const handlePopoverCancel = useCallback11(() => {
+  const handlePopoverCancel = useCallback10(() => {
     setShowPopover(false);
     setPendingElement(null);
   }, []);
@@ -9102,8 +8989,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());
@@ -9122,8 +9009,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);
@@ -9195,8 +9082,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(
@@ -9290,11 +9177,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) => {
@@ -9455,21 +9342,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);
@@ -9478,13 +9365,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({
@@ -9496,7 +9383,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);
@@ -9529,12 +9416,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 {
@@ -9566,8 +9453,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;
@@ -9606,7 +9493,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);
@@ -9628,7 +9515,7 @@ function ModelNexChatBubble({
     recordingMode,
     pendingNotificationType
   });
-  useEffect17(() => {
+  useEffect16(() => {
     setHydrated(true);
     try {
       setExpanded(sessionStorage.getItem(BUBBLE_EXPANDED_STORAGE_KEY) === "true");
@@ -9638,18 +9525,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);
@@ -9658,7 +9545,7 @@ function ModelNexChatBubble({
     () => buildTranscriptPreviewLines(tourLiveTranscript, { maxCharsPerLine: 36, maxLines: 2 }),
     [tourLiveTranscript]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     const shouldShowFloatingTranscript = (tourPlayback.isActive || onboardingPlayback.isActive) && tourListenReady && voice.isListening;
     if (shouldShowFloatingTranscript) {
       showFloatingLiveTranscript({
@@ -9680,10 +9567,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));
@@ -9695,14 +9582,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,
@@ -9712,8 +9599,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,
@@ -9721,7 +9608,7 @@ function ModelNexChatBubble({
     playbackState: activePlayback.playbackState,
     handleVoiceInput: playbackController.handleVoiceInput
   });
-  useEffect17(() => {
+  useEffect16(() => {
     playbackVoiceRoutingRef.current = {
       activeExperienceType,
       isActive: activePlayback.isActive,
@@ -9738,7 +9625,7 @@ function ModelNexChatBubble({
     playbackController.handleVoiceInput,
     playbackController.pendingPrompt?.experienceType
   ]);
-  const handleVoiceTourInput = useCallback12(createSinglePlaybackTranscriptRouter(
+  const handleVoiceTourInput = useCallback11(createSinglePlaybackTranscriptRouter(
     () => ({
       isReviewMode: playbackVoiceRoutingRef.current.isReviewMode,
       playbackState: playbackVoiceRoutingRef.current.playbackState
@@ -9753,7 +9640,7 @@ function ModelNexChatBubble({
       }
     }
   ), []);
-  const startTourListening = useCallback12((preferredExperience) => {
+  const startTourListening = useCallback11((preferredExperience) => {
     const listeningState = {
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9808,7 +9695,7 @@ function ModelNexChatBubble({
     updateTourListenReady,
     updateTourSttError
   ]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9831,12 +9718,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,
@@ -9845,12 +9732,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,
@@ -9864,7 +9751,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,
@@ -9879,7 +9766,7 @@ function ModelNexChatBubble({
       voice.stopListening();
     }
   }, [tourPlayback.isActive, onboardingPlayback.isActive, voice, startingExperienceType, updateTourListenReady, updateTourSttError]);
-  useEffect17(() => {
+  useEffect16(() => {
     const isPlaybackActive2 = isTourListeningSessionActive({
       isTourActive: tourPlayback.isActive,
       isOnboardingActive: onboardingPlayback.isActive,
@@ -9901,8 +9788,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);
@@ -9925,7 +9812,7 @@ function ModelNexChatBubble({
       );
     }
   }, [voiceInputMode, voice, recordingMode, recording]);
-  useEffect17(() => {
+  useEffect16(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const stopKeyPropagation = (e) => {
@@ -9949,7 +9836,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 () => {
@@ -10006,7 +9893,7 @@ function ModelNexChatBubble({
   const clearChat = () => {
     setMessages([]);
   };
-  const startRecordingSession = useCallback12((experienceType) => {
+  const startRecordingSession = useCallback11((experienceType) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = null;
     setLoading(false);
@@ -11259,7 +11146,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
@@ -11294,14 +11181,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,
@@ -11321,26 +11208,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);
@@ -11387,7 +11274,7 @@ function ModelNexOnboardingPanel({
       }
     );
   }, [playback.isActive, voice]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!playback.isActive || voiceEnabledRef.current || !voice.sttSupported) return;
     const startOnGesture = (event) => {
       if (shouldIgnorePanelGestureStart(event.target)) {
@@ -11402,7 +11289,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);
@@ -11422,7 +11309,7 @@ function ModelNexOnboardingPanel({
     () => buildTranscriptPreviewLines(liveTranscript, { maxCharsPerLine: 34, maxLines: 2 }),
     [liveTranscript]
   );
-  useEffect18(() => {
+  useEffect17(() => {
     if (voiceEnabled && voice.isListening) {
       showFloatingLiveTranscript({
         levels: audioLevels,
@@ -11436,7 +11323,7 @@ function ModelNexOnboardingPanel({
     }
     hideFloatingLiveTranscript();
   }, [audioLevels, liveTranscriptLines, voiceEnabled, voice.isListening]);
-  useEffect18(() => () => {
+  useEffect17(() => () => {
     hideFloatingLiveTranscript();
   }, []);
   const actionButtonStyle = {
@@ -12001,7 +11888,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.`
@@ -12009,21 +11896,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);
@@ -12040,14 +11927,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);
@@ -12058,8 +11945,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) {
@@ -12068,7 +11955,7 @@ var ModelNexProvider = ({
     } catch {
     }
   }, [effectiveDevMode]);
-  useEffect19(() => {
+  useEffect18(() => {
     setChatMessagesRaw((prev) => {
       const next = sanitizeChatMessages(prev, effectiveDevMode);
       try {
@@ -12078,7 +11965,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);
@@ -12104,14 +11991,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(