@cuekit-ai/react 1.2.3 → 1.3.1

package/dist/index.js

@@ -55,12 +55,223 @@ var init_globals = __esm({
   }
 });
 
+// src/core/intent-store.ts
+var store, GlobalStore;
+var init_intent_store = __esm({
+  "src/core/intent-store.ts"() {
+    "use strict";
+    store = {
+      screenMetadata: {},
+      allElementsData: []
+    };
+    GlobalStore = {
+      // 🔹 Screen Metadata Methods
+      setMetadata(screen, metadata) {
+        store.screenMetadata[screen] = metadata;
+      },
+      getMetadata(screen) {
+        return store.screenMetadata[screen];
+      },
+      clearMetadata(screen) {
+        delete store.screenMetadata[screen];
+      },
+      // 🔹 Generic Store Access Methods
+      setData(key, value) {
+        store[key] = value;
+      },
+      getData(key) {
+        return store[key];
+      },
+      clearData(key) {
+        delete store[key];
+      },
+      // 🔹 Element Data Management
+      setElement(elementData) {
+        const index2 = store.allElementsData.findIndex((e3) => e3.elementId === elementData.elementId);
+        if (index2 >= 0) {
+          console.log("Updating existing element");
+          store.allElementsData[index2] = elementData;
+        } else {
+          console.log("Adding new element");
+          store.allElementsData.push(elementData);
+        }
+      },
+      getElementById(elementId) {
+        const match = store.allElementsData.find((e3) => e3.elementId === elementId);
+        if (!match) {
+          console.warn(`[GlobalStore] No element found for ID: ${elementId}`);
+          console.log("All elements in store:", store.allElementsData);
+        }
+        return match;
+      },
+      deleteElementById(id) {
+        store.allElementsData = store.allElementsData.filter((e3) => e3.elementId !== id);
+      },
+      clearAllElements() {
+        store.allElementsData = [];
+      }
+    };
+  }
+});
+
+// src/core/navigation.ts
+function setNavigationHandler(handler) {
+  navigationHandler = handler;
+}
+function navigate(path2, params) {
+  const safeParams = params || {};
+  const absolutePath = path2.startsWith("/") ? path2 : `/${path2}`;
+  if (navigationHandler) {
+    try {
+      navigationHandler(absolutePath, safeParams);
+    } catch (error) {
+      console.error("[CueKit] navigation handler failed, falling back to default:", error);
+    }
+    return;
+  }
+  let fullPath = absolutePath;
+  if (safeParams) {
+    const searchParams = new URLSearchParams(safeParams).toString();
+    if (searchParams) {
+      fullPath += `?${searchParams}`;
+    }
+  }
+  if (navigation) {
+    navigation.push(fullPath);
+  } else {
+    if (typeof window !== "undefined") {
+      window.location.href = fullPath;
+    }
+  }
+}
+function getCurrentScreenName() {
+  try {
+    const path2 = getCurrentPath();
+    return path2 || "UnknownScreen";
+  } catch (e3) {
+    return "UnknownScreen";
+  }
+}
+function getCurrentRouteParams() {
+  try {
+    const params = {};
+    const searchParams = getSearchParams();
+    if (searchParams instanceof URLSearchParams) {
+      searchParams.forEach((value, key) => {
+        params[key] = value;
+      });
+    } else {
+      return searchParams;
+    }
+    return params;
+  } catch (e3) {
+    return {};
+  }
+}
+function onStateChange() {
+  const routeName = getCurrentScreenName();
+  const params = getCurrentRouteParams();
+  if (params && params.metadata) {
+    try {
+      const metadata = JSON.parse(params.metadata);
+      GlobalStore.setMetadata(routeName, metadata);
+    } catch (error) {
+      console.error("Failed to parse metadata from URL:", error);
+    }
+  }
+}
+function getElementPath(element3) {
+  if (element3.id) {
+    return `id(${element3.id})`;
+  }
+  const path2 = [];
+  let current = element3;
+  while (current && current !== document.body) {
+    let index2 = 1;
+    let sibling = current.previousElementSibling;
+    while (sibling) {
+      if (sibling.tagName === current.tagName) {
+        index2++;
+      }
+      sibling = sibling.previousElementSibling;
+    }
+    path2.unshift(`${current.tagName.toLowerCase()}[${index2}]`);
+    current = current.parentElement;
+  }
+  return path2.join("/");
+}
+var navigation, navigationHandler, getCurrentPath, getSearchParams, safeNavigate, handleNavigationAndClick;
+var init_navigation = __esm({
+  "src/core/navigation.ts"() {
+    "use strict";
+    init_intent_store();
+    navigationHandler = null;
+    getCurrentPath = () => {
+      if (typeof window === "undefined") return "";
+      return window.location.pathname;
+    };
+    getSearchParams = () => {
+      if (typeof window === "undefined") return new URLSearchParams();
+      return new URLSearchParams(window.location.search);
+    };
+    safeNavigate = (name2, params = {}) => {
+      if (name2) {
+        navigate(name2, params);
+      } else {
+        console.warn("[CueKit] route name not provided");
+      }
+    };
+    handleNavigationAndClick = (routeName, elementHash) => {
+      safeNavigate(routeName);
+      if (typeof MutationObserver === "undefined" || typeof document === "undefined") return;
+      const observer = new MutationObserver((mutationsList, observer2) => {
+        setTimeout(() => {
+          const allElements = document.querySelectorAll("*");
+          let elementToClick = null;
+          for (const element3 of allElements) {
+            if (element3 instanceof HTMLElement) {
+              const tagName = element3.tagName.toLowerCase();
+              const text7 = (element3.textContent || "").trim().substring(0, 50);
+              let sibling = element3.previousElementSibling;
+              let position3 = 1;
+              while (sibling) {
+                if (sibling.tagName === element3.tagName) {
+                  position3++;
+                }
+                sibling = sibling.previousElementSibling;
+              }
+              const path2 = getElementPath(element3);
+              const idString = `${tagName}[${position3}]_(${text7})_${path2}`;
+              let hash = 0;
+              for (let i2 = 0; i2 < idString.length; i2++) {
+                const char = idString.charCodeAt(i2);
+                hash = (hash << 5) - hash + char;
+                hash |= 0;
+              }
+              const elementHashValue = hash.toString(36);
+              if (elementHashValue === elementHash) {
+                elementToClick = element3;
+                break;
+              }
+            }
+          }
+          if (elementToClick) {
+            elementToClick.click();
+            observer2.disconnect();
+          }
+        }, 100);
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    };
+  }
+});
+
 // src/constants/index.ts
 var WEBRTC_BACKEND_SERVER_URL;
 var init_constants = __esm({
   "src/constants/index.ts"() {
     "use strict";
-    WEBRTC_BACKEND_SERVER_URL = "https://api-webrtc.cuekit.ai";
+    WEBRTC_BACKEND_SERVER_URL = "https://api-webrtc-dev.ansyr.ai";
   }
 });
 
@@ -4472,15 +4683,15 @@ function requireSdp() {
       return Math.random().toString().substr(2, 22);
     };
     SDPUtils2.writeSessionBoilerplate = function(sessId, sessVer, sessUser) {
-      let sessionId2;
+      let sessionId;
       const version2 = sessVer !== void 0 ? sessVer : 2;
       if (sessId) {
-        sessionId2 = sessId;
+        sessionId = sessId;
       } else {
-        sessionId2 = SDPUtils2.generateSessionId();
+        sessionId = SDPUtils2.generateSessionId();
       }
       const user = sessUser || "thisisadapterortc";
-      return "v=0\r\no=" + user + " " + sessionId2 + " " + version2 + " IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\n";
+      return "v=0\r\no=" + user + " " + sessionId + " " + version2 + " IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\n";
     };
     SDPUtils2.getDirection = function(mediaSection, sessionpart) {
       const lines = SDPUtils2.splitLines(mediaSection);
@@ -5204,8 +5415,8 @@ function isWeb() {
 function isReactNative() {
   return navigator.product == "ReactNative";
 }
-function isCloud(serverUrl3) {
-  return serverUrl3.hostname.endsWith(".livekit.cloud") || serverUrl3.hostname.endsWith(".livekit.run");
+function isCloud(serverUrl2) {
+  return serverUrl2.hostname.endsWith(".livekit.cloud") || serverUrl2.hostname.endsWith(".livekit.run");
 }
 function getLKReactNativeInfo() {
   if (global && global.LiveKitReactNativeGlobal) {
@@ -7127,8 +7338,8 @@ function applyUserDataCompat(newObj, oldObj) {
   newObj.destinationIdentities = destinationIdentities;
   oldObj.destinationIdentities = destinationIdentities;
 }
-function getCloudConfigUrl(serverUrl3) {
-  return "".concat(serverUrl3.protocol.replace("ws", "http"), "//").concat(serverUrl3.host, "/settings");
+function getCloudConfigUrl(serverUrl2) {
+  return "".concat(serverUrl2.protocol.replace("ws", "http"), "//").concat(serverUrl2.host, "/settings");
 }
 function isElementInPiP(el) {
   var _a, _b;
@@ -22657,6 +22868,269 @@ var init_livekit_client_esm = __esm({
   }
 });
 
+// src/utils/jsx-encoder.ts
+function generateStableDOMId(element3) {
+  const tagName = element3.tagName.toLowerCase();
+  const text7 = (element3.textContent || "").trim().substring(0, 50);
+  let sibling = element3.previousElementSibling;
+  let position3 = 1;
+  while (sibling) {
+    if (sibling.tagName === element3.tagName) {
+      position3++;
+    }
+    sibling = sibling.previousElementSibling;
+  }
+  const path2 = getElementPath2(element3);
+  const idString = `${tagName}[${position3}]_(${text7})_${path2}`;
+  let hash = 0;
+  for (let i2 = 0; i2 < idString.length; i2++) {
+    const char = idString.charCodeAt(i2);
+    hash = (hash << 5) - hash + char;
+    hash |= 0;
+  }
+  return hash.toString(36);
+}
+function getElementPath2(element3) {
+  if (element3.id) {
+    return `id(${element3.id})`;
+  }
+  if (element3.tagName.toLowerCase() === "body") {
+    return "/body";
+  }
+  let ix = 0;
+  const siblings = element3.parentNode?.children || new HTMLCollection();
+  for (let i2 = 0; i2 < siblings.length; i2++) {
+    const sibling = siblings[i2];
+    if (sibling === element3) {
+      return `${getElementPath2(element3.parentNode)}/${element3.tagName}[${ix + 1}]`;
+    }
+    if (sibling.nodeType === 1 && sibling.tagName === element3.tagName) {
+      ix++;
+    }
+  }
+  return "not_found";
+}
+var init_jsx_encoder = __esm({
+  "src/utils/jsx-encoder.ts"() {
+    "use strict";
+  }
+});
+
+// src/utils/element-service.ts
+function getInteractiveElements() {
+  return document.querySelectorAll(INTERACTIVE_ELEMENT_SELECTOR);
+}
+function getImmediateText(element3) {
+  let text7 = "";
+  if (element3.childNodes) {
+    for (const node2 of Array.from(element3.childNodes)) {
+      if (node2.nodeType === 3) {
+        text7 += node2.textContent || "";
+      }
+    }
+  }
+  return text7.trim();
+}
+function captureFullDOMStructure() {
+  console.log("\u{1F333} Capturing full DOM structure...");
+  const components = [];
+  const interactiveElements = getInteractiveElements();
+  interactiveElements.forEach((element3) => {
+    if (element3 instanceof HTMLElement && !element3.closest("[data-cuekit-ignore]")) {
+      const nodeData = buildFlatDOMNode(element3);
+      if (nodeData) {
+        components.push(nodeData);
+      }
+    }
+  });
+  const result = { components };
+  console.log("\u{1F333} Full DOM structure captured:", result);
+  return result;
+}
+function buildFlatDOMNode(element3) {
+  if (element3.tagName.toLowerCase() === "script" || element3.hasAttribute("data-cuekit-ignore") || element3.style.display === "none" || element3.style.visibility === "hidden") {
+    return null;
+  }
+  const hash = generateStableDOMId(element3);
+  const text7 = getImmediateText(element3).substring(0, 100);
+  const isClickable = isElementClickable(element3);
+  const componentType = element3.tagName.toLowerCase();
+  return {
+    hash,
+    text: text7,
+    isClickable,
+    componentType,
+    children: []
+    // No children in a flat structure
+  };
+}
+function isElementClickable(element3) {
+  const interactiveSelectors = [
+    "button",
+    "a",
+    "input",
+    "select",
+    "textarea",
+    '[role="button"]',
+    '[role="link"]',
+    '[role="tab"]',
+    "[data-onclick-id]",
+    "[data-on-press-id]",
+    "[onclick]",
+    "[onmousedown]",
+    "[onmouseup]",
+    "[ontouchstart]",
+    "[ontouchend]",
+    "[onkeydown]",
+    "[onkeyup]",
+    "[onkeypress]"
+  ];
+  for (const selector of interactiveSelectors) {
+    if (element3.matches(selector)) {
+      return true;
+    }
+  }
+  const hasClickEvents = element3.onclick !== null || element3.getAttribute("onclick") !== null;
+  const hasInteractiveEvents = element3.ontouchstart !== null || element3.getAttribute("ontouchstart") !== null || element3.ontouchend !== null || element3.getAttribute("ontouchend") !== null || element3.onkeydown !== null || element3.getAttribute("onkeydown") !== null || element3.onkeyup !== null || element3.getAttribute("onkeyup") !== null || element3.onkeypress !== null || element3.getAttribute("onkeypress") !== null;
+  const hasPointerCursor = element3.style.cursor === "pointer" || getComputedStyle(element3).cursor === "pointer";
+  const hasTabIndex = element3.hasAttribute("tabindex") && parseInt(element3.getAttribute("tabindex") || "0") >= 0;
+  const hasInteractiveDataAttrs = element3.hasAttribute("data-clickable") || element3.hasAttribute("data-interactive") || element3.hasAttribute("data-action") || element3.hasAttribute("data-handler");
+  const hasInteractiveAria = element3.hasAttribute("aria-pressed") || element3.hasAttribute("aria-expanded") || element3.hasAttribute("aria-selected") || element3.hasAttribute("aria-checked");
+  return hasClickEvents || hasInteractiveEvents || hasPointerCursor || hasTabIndex || hasInteractiveDataAttrs || hasInteractiveAria;
+}
+function executeAction(action) {
+  console.log("\u{1F3AF} Executing element action:", action);
+  const { action_type, target_element, target } = action;
+  switch (action_type) {
+    case "click":
+      return clickElement(target_element);
+    case "navigate":
+      return navigateToElement(target_element || target);
+    case "input":
+    case "focus":
+      return focusElement(target_element);
+    case "toggle":
+      return toggleElement(target_element);
+    default:
+      console.warn(`\u26A0\uFE0F Unknown action type: ${action_type}`);
+      return false;
+  }
+}
+function getFullDOMStructure() {
+  console.log("\u{1F333} ElementService: Getting full DOM structure...");
+  return captureFullDOMStructure();
+}
+function clickElement(elementId) {
+  if (!elementId) {
+    console.warn("\u26A0\uFE0F No element ID provided for click action");
+    return false;
+  }
+  const domStructure = getFullDOMStructure();
+  const elementToClick = findElementById(domStructure, elementId);
+  if (elementToClick) {
+    console.log(`\u{1F3AF} Clicking element: ${elementId}`);
+    const domElement = findDOMElementById(elementId);
+    if (domElement) {
+      domElement.click();
+      return true;
+    }
+  } else {
+    console.warn(`\u26A0\uFE0F Element not found: ${elementId}`);
+  }
+  return false;
+}
+function navigateToElement(target) {
+  if (!target) {
+    console.warn("\u26A0\uFE0F No target provided for navigation action");
+    return false;
+  }
+  console.log(`\u{1F9ED} Navigating to: ${target}`);
+  if (target.includes("/") || target.startsWith("http")) {
+    safeNavigate(target, {});
+  } else {
+    handleNavigationAndClick(target, target);
+  }
+  return true;
+}
+function focusElement(elementId) {
+  if (!elementId) {
+    console.warn("\u26A0\uFE0F No element ID provided for focus action");
+    return false;
+  }
+  const domElement = findDOMElementById(elementId);
+  if (domElement instanceof HTMLInputElement || domElement instanceof HTMLTextAreaElement || domElement instanceof HTMLSelectElement) {
+    console.log(`\u{1F4DD} Focusing element: ${elementId}`);
+    domElement.focus();
+    return true;
+  } else {
+    console.warn(`\u26A0\uFE0F Focusable element not found: ${elementId}`);
+    return false;
+  }
+}
+function toggleElement(elementId) {
+  if (!elementId) {
+    console.warn("\u26A0\uFE0F No element ID provided for toggle action");
+    return false;
+  }
+  const domElement = findDOMElementById(elementId);
+  if (domElement instanceof HTMLElement) {
+    console.log(`\u{1F504} Toggling element: ${elementId}`);
+    if (domElement instanceof HTMLInputElement) {
+      if (domElement.type === "checkbox") {
+        domElement.checked = !domElement.checked;
+      } else if (domElement.type === "radio") {
+        domElement.checked = true;
+      }
+      domElement.dispatchEvent(new Event("change", { bubbles: true }));
+    } else {
+      domElement.click();
+    }
+    return true;
+  } else {
+    console.warn(`\u26A0\uFE0F Toggleable element not found: ${elementId}`);
+    return false;
+  }
+}
+function findElementById(domStructure, elementId) {
+  const searchInComponents = (components) => {
+    for (const component of components) {
+      if (component.hash === elementId) {
+        return component;
+      }
+      if (component.children.length > 0) {
+        const found = searchInComponents(component.children);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  return searchInComponents(domStructure.components);
+}
+function findDOMElementById(elementId) {
+  const interactiveElements = getInteractiveElements();
+  for (const element3 of interactiveElements) {
+    if (element3 instanceof HTMLElement) {
+      console.log("\u{1F50D} Checking element:", element3);
+      const hash = generateStableDOMId(element3);
+      console.log("\u{1F50D} Generated hash:", hash);
+      if (hash === elementId) {
+        console.log("\u{1F50D} Found element:", element3);
+        return element3;
+      }
+    }
+  }
+  return null;
+}
+var INTERACTIVE_ELEMENT_SELECTOR;
+var init_element_service = __esm({
+  "src/utils/element-service.ts"() {
+    "use strict";
+    init_jsx_encoder();
+    init_navigation();
+    INTERACTIVE_ELEMENT_SELECTOR = 'a, button, input, textarea, select, [role="button"], [onclick]';
+  }
+});
+
 // src/utils/webrtc-service.ts
 var webrtc_service_exports = {};
 __export(webrtc_service_exports, {
@@ -22668,6 +23142,7 @@ __export(webrtc_service_exports, {
   getRoomName: () => getRoomName,
   isConnected: () => isConnected,
   sendData: () => sendData,
+  sendRuntimeData: () => sendRuntimeData,
   sendScreenStatus: () => sendScreenStatus,
   sendStaticData: () => sendStaticData,
   sendUserCommand: () => sendUserCommand,
@@ -22787,19 +23262,19 @@ function setupEventListeners() {
   }).on(RoomEvent.TrackUnsubscribed, (track) => {
     track.detach().forEach((element3) => element3.remove());
   }).on(RoomEvent.DataReceived, (payload, participant) => {
-    handleDataReceived(payload, participant);
+    console.log("\u{1F4E1} LiveKit data received:", new TextDecoder().decode(payload));
+    try {
+      const message = JSON.parse(new TextDecoder().decode(payload));
+      console.log("\u{1F4E1} LiveKit data received:", message);
+      callbacks.onNavigationCommand?.(message);
+    } catch (error) {
+      const message = new TextDecoder().decode(payload);
+      callbacks.onNavigationCommand?.({ type: "raw_text", data: message });
+    }
   }).on(RoomEvent.Disconnected, () => {
     setWebRTCConnectionState({ isConnected: false, isConnecting: false });
   });
 }
-function handleDataReceived(payload, participant) {
-  try {
-    const message = JSON.parse(new TextDecoder().decode(payload));
-    callbacks.onNavigationCommand?.(message);
-  } catch (error) {
-    console.error("\u{1F3A4} WebRTCService: Error parsing data:", error);
-  }
-}
 function updateParticipantsList() {
   if (!room) return;
   const participants = [
@@ -22812,7 +23287,10 @@ function updateParticipantsList() {
 async function sendData(data, reliable = true) {
   if (!room) throw new Error("Not connected to room");
   try {
-    await room.localParticipant.publishData(new TextEncoder().encode(JSON.stringify(data)), {
+    console.log("\u{1F4E1} LiveKit data sending:", data);
+    const encoder = new TextEncoder();
+    const encodedData = encoder.encode(data);
+    await room.localParticipant.publishData(encodedData, {
       reliable
     });
   } catch (error) {
@@ -22843,14 +23321,30 @@ function getParticipants() {
 }
 async function sendUserCommand(command) {
   if (!room) return;
-  const userCommand = {
-    type: "user_command",
-    data: {
-      command,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }
-  };
-  await sendData(userCommand);
+  console.log(`\u{1F4AC} Sending user command: "${command}"`);
+  await sendData(command);
+}
+async function sendRuntimeData() {
+  if (!room) {
+    console.error("\u274C Cannot send runtime data without a room connection");
+    return;
+  }
+  try {
+    const domStructure = captureFullDOMStructure();
+    const screenName = getCurrentScreenName();
+    const response = {
+      type: "runtime_data_response",
+      data: {
+        components: domStructure.components,
+        current_screen: screenName
+      }
+    };
+    console.log("\u{1F4E6} Sending runtime data response");
+    await sendData(JSON.stringify(response));
+    console.log("\u{1F4E6} Runtime data sent successfully");
+  } catch (error) {
+    console.error("\u274C Failed to send runtime data:", error);
+  }
 }
 async function sendStaticData(componentData, appId = "default") {
   try {
@@ -22881,10 +23375,6 @@ async function disconnectFromRoom() {
     await room.disconnect();
     room = null;
   }
-  if (eventSource) {
-    eventSource.close();
-    eventSource = null;
-  }
   if (reconnectTimeout) {
     clearTimeout(reconnectTimeout);
     reconnectTimeout = null;
@@ -22898,15 +23388,16 @@ async function disconnectFromRoom() {
 function getRoom() {
   return room;
 }
-var room, eventSource, reconnectTimeout, serverUrl, callbacks, audioContainerRef, livekitUrl, token, roomName;
+var room, reconnectTimeout, serverUrl, callbacks, audioContainerRef, livekitUrl, token, roomName;
 var init_webrtc_service = __esm({
   "src/utils/webrtc-service.ts"() {
     "use strict";
     init_livekit_client_esm();
     init_globals();
     init_constants();
+    init_element_service();
+    init_navigation();
     room = null;
-    eventSource = null;
     reconnectTimeout = null;
     serverUrl = WEBRTC_BACKEND_SERVER_URL || "https://bdd4c945f073.ngrok-free.app";
     callbacks = {};
@@ -23258,19 +23749,11 @@ __export(index_exports, {
   VoiceIntensityVisualizer: () => VoiceIntensityVisualizer,
   captureFullDOMStructure: () => captureFullDOMStructure,
   configureWebRTCServer: () => configureWebRTCServer,
-  connectSSE: () => connectSSE,
-  disconnectSSE: () => disconnectSSE,
   executeAction: () => executeAction,
   getFullDOMStructure: () => getFullDOMStructure,
-  getSSEConnectionState: () => getSSEConnectionState,
-  getSSEConnectionStatus: () => getSSEConnectionStatus,
   getWebRTCServerConfig: () => getWebRTCServerConfig,
   initWebRTC: () => initWebRTC,
   initWebRTCWithDeployedBackend: () => initWebRTCWithDeployedBackend,
-  sendDashboardData: () => sendDashboardData,
-  sendElementData: () => sendElementData,
-  sendRuntimeData: () => sendRuntimeData,
-  setSSECallbacks: () => setSSECallbacks,
   useCuekit: () => useCuekit,
   useQubeContext: () => useQubeContext,
   useWebRTC: () => useWebRTC
@@ -23296,204 +23779,9 @@ function InitCuekit(config) {
   setWebRTCConfig(webRTCConfig);
 }
 
-// src/core/intent-store.ts
-var store = {
-  screenMetadata: {},
-  allElementsData: []
-};
-var GlobalStore = {
-  // 🔹 Screen Metadata Methods
-  setMetadata(screen, metadata) {
-    store.screenMetadata[screen] = metadata;
-  },
-  getMetadata(screen) {
-    return store.screenMetadata[screen];
-  },
-  clearMetadata(screen) {
-    delete store.screenMetadata[screen];
-  },
-  // 🔹 Generic Store Access Methods
-  setData(key, value) {
-    store[key] = value;
-  },
-  getData(key) {
-    return store[key];
-  },
-  clearData(key) {
-    delete store[key];
-  },
-  // 🔹 Element Data Management
-  setElement(elementData) {
-    const index2 = store.allElementsData.findIndex((e3) => e3.elementId === elementData.elementId);
-    if (index2 >= 0) {
-      console.log("Updating existing element");
-      store.allElementsData[index2] = elementData;
-    } else {
-      console.log("Adding new element");
-      store.allElementsData.push(elementData);
-    }
-  },
-  getElementById(elementId) {
-    const match = store.allElementsData.find((e3) => e3.elementId === elementId);
-    if (!match) {
-      console.warn(`[GlobalStore] No element found for ID: ${elementId}`);
-      console.log("All elements in store:", store.allElementsData);
-    }
-    return match;
-  },
-  deleteElementById(id) {
-    store.allElementsData = store.allElementsData.filter((e3) => e3.elementId !== id);
-  },
-  clearAllElements() {
-    store.allElementsData = [];
-  }
-};
-
-// src/core/navigation.ts
-var navigation;
-var navigationHandler = null;
-function setNavigationHandler(handler) {
-  navigationHandler = handler;
-}
-function navigate(path2, params) {
-  const safeParams = params || {};
-  const absolutePath = path2.startsWith("/") ? path2 : `/${path2}`;
-  if (navigationHandler) {
-    try {
-      navigationHandler(absolutePath, safeParams);
-    } catch (error) {
-      console.error("[CueKit] navigation handler failed, falling back to default:", error);
-    }
-    return;
-  }
-  let fullPath = absolutePath;
-  if (safeParams) {
-    const searchParams = new URLSearchParams(safeParams).toString();
-    if (searchParams) {
-      fullPath += `?${searchParams}`;
-    }
-  }
-  if (navigation) {
-    navigation.push(fullPath);
-  } else {
-    if (typeof window !== "undefined") {
-      window.location.href = fullPath;
-    }
-  }
-}
-var getCurrentPath = () => {
-  if (typeof window === "undefined") return "";
-  return window.location.pathname;
-};
-var getSearchParams = () => {
-  if (typeof window === "undefined") return new URLSearchParams();
-  return new URLSearchParams(window.location.search);
-};
-var safeNavigate = (name2, params = {}) => {
-  if (name2) {
-    navigate(name2, params);
-  } else {
-    console.warn("[CueKit] route name not provided");
-  }
-};
-function getCurrentScreenName() {
-  try {
-    const path2 = getCurrentPath();
-    return path2 || "UnknownScreen";
-  } catch (e3) {
-    return "UnknownScreen";
-  }
-}
-function getCurrentRouteParams() {
-  try {
-    const params = {};
-    const searchParams = getSearchParams();
-    if (searchParams instanceof URLSearchParams) {
-      searchParams.forEach((value, key) => {
-        params[key] = value;
-      });
-    } else {
-      return searchParams;
-    }
-    return params;
-  } catch (e3) {
-    return {};
-  }
-}
-function onStateChange() {
-  const routeName = getCurrentScreenName();
-  const params = getCurrentRouteParams();
-  if (params && params.metadata) {
-    try {
-      const metadata = JSON.parse(params.metadata);
-      GlobalStore.setMetadata(routeName, metadata);
-    } catch (error) {
-      console.error("Failed to parse metadata from URL:", error);
-    }
-  }
-}
-var handleNavigationAndClick = (routeName, elementHash) => {
-  safeNavigate(routeName);
-  if (typeof MutationObserver === "undefined" || typeof document === "undefined") return;
-  const observer = new MutationObserver((mutationsList, observer2) => {
-    setTimeout(() => {
-      const allElements = document.querySelectorAll("*");
-      let elementToClick = null;
-      for (const element3 of allElements) {
-        if (element3 instanceof HTMLElement) {
-          const tagName = element3.tagName.toLowerCase();
-          const text7 = (element3.textContent || "").trim().substring(0, 50);
-          let sibling = element3.previousElementSibling;
-          let position3 = 1;
-          while (sibling) {
-            if (sibling.tagName === element3.tagName) {
-              position3++;
-            }
-            sibling = sibling.previousElementSibling;
-          }
-          const path2 = getElementPath(element3);
-          const idString = `${tagName}[${position3}]_(${text7})_${path2}`;
-          let hash = 0;
-          for (let i2 = 0; i2 < idString.length; i2++) {
-            const char = idString.charCodeAt(i2);
-            hash = (hash << 5) - hash + char;
-            hash |= 0;
-          }
-          const elementHashValue = hash.toString(36);
-          if (elementHashValue === elementHash) {
-            elementToClick = element3;
-            break;
-          }
-        }
-      }
-      if (elementToClick) {
-        elementToClick.click();
-        observer2.disconnect();
-      }
-    }, 100);
-  });
-  observer.observe(document.body, { childList: true, subtree: true });
-};
-function getElementPath(element3) {
-  if (element3.id) {
-    return `id(${element3.id})`;
-  }
-  const path2 = [];
-  let current = element3;
-  while (current && current !== document.body) {
-    let index2 = 1;
-    let sibling = current.previousElementSibling;
-    while (sibling) {
-      if (sibling.tagName === current.tagName) {
-        index2++;
-      }
-      sibling = sibling.previousElementSibling;
-    }
-    path2.unshift(`${current.tagName.toLowerCase()}[${index2}]`);
-    current = current.parentElement;
-  }
-  return path2.join("/");
-}
+// src/providers/cuekit-provider.tsx
+init_navigation();
+init_intent_store();
 
 // src/utils/webrtc-config.ts
 init_constants();
@@ -23725,7 +24013,7 @@ init_livekit_client_esm();
 init_webrtc_service();
 init_globals();
 var useWebRTC = (options) => {
-  const [isConnected4, setIsConnected] = (0, import_react2.useState)(false);
+  const [isConnected2, setIsConnected] = (0, import_react2.useState)(false);
   const [isConnecting, setIsConnecting] = (0, import_react2.useState)(false);
   const [connectionState, setConnectionState] = (0, import_react2.useState)(null);
   const [participants, setParticipants] = (0, import_react2.useState)([]);
@@ -23789,7 +24077,7 @@ var useWebRTC = (options) => {
     return getParticipants().map((p) => p.identity);
   }, [participants]);
   return {
-    isConnected: isConnected4,
+    isConnected: isConnected2,
     isConnecting,
     connectionState,
     room: room2,
@@ -23806,469 +24094,9 @@ var useWebRTC = (options) => {
   };
 };
 
-// src/utils/sse-service.ts
-init_constants();
-
-// src/utils/jsx-encoder.ts
-function generateStableDOMId(element3) {
-  const tagName = element3.tagName.toLowerCase();
-  const text7 = (element3.textContent || "").trim().substring(0, 50);
-  let sibling = element3.previousElementSibling;
-  let position3 = 1;
-  while (sibling) {
-    if (sibling.tagName === element3.tagName) {
-      position3++;
-    }
-    sibling = sibling.previousElementSibling;
-  }
-  const path2 = getElementPath2(element3);
-  const idString = `${tagName}[${position3}]_(${text7})_${path2}`;
-  let hash = 0;
-  for (let i2 = 0; i2 < idString.length; i2++) {
-    const char = idString.charCodeAt(i2);
-    hash = (hash << 5) - hash + char;
-    hash |= 0;
-  }
-  return hash.toString(36);
-}
-function getElementPath2(element3) {
-  if (element3.id) {
-    return `id(${element3.id})`;
-  }
-  if (element3.tagName.toLowerCase() === "body") {
-    return "/body";
-  }
-  let ix = 0;
-  const siblings = element3.parentNode?.children || new HTMLCollection();
-  for (let i2 = 0; i2 < siblings.length; i2++) {
-    const sibling = siblings[i2];
-    if (sibling === element3) {
-      return `${getElementPath2(element3.parentNode)}/${element3.tagName}[${ix + 1}]`;
-    }
-    if (sibling.nodeType === 1 && sibling.tagName === element3.tagName) {
-      ix++;
-    }
-  }
-  return "not_found";
-}
-
-// src/utils/patch-react.ts
-function getImmediateText(element3) {
-  let text7 = "";
-  if (element3.childNodes) {
-    for (const node2 of Array.from(element3.childNodes)) {
-      if (node2.nodeType === 3) {
-        text7 += node2.textContent || "";
-      }
-    }
-  }
-  return text7.trim();
-}
-function captureFullDOMStructure() {
-  console.log("\u{1F333} Capturing full DOM structure...");
-  const components = [];
-  const interactiveElements = document.querySelectorAll(
-    'a, button, input, textarea, select, [role="button"], [onclick]'
-  );
-  interactiveElements.forEach((element3) => {
-    if (element3 instanceof HTMLElement && !element3.closest("[data-cuekit-ignore]")) {
-      const nodeData = buildFlatDOMNode(element3);
-      if (nodeData) {
-        components.push(nodeData);
-      }
-    }
-  });
-  const result = { components };
-  console.log("\u{1F333} Full DOM structure captured:", result);
-  return result;
-}
-function buildFlatDOMNode(element3) {
-  if (element3.tagName.toLowerCase() === "script" || element3.hasAttribute("data-cuekit-ignore") || element3.style.display === "none" || element3.style.visibility === "hidden") {
-    return null;
-  }
-  const hash = generateStableDOMId(element3);
-  const text7 = getImmediateText(element3).substring(0, 100);
-  const isClickable = isElementClickable(element3);
-  const componentType = element3.tagName.toLowerCase();
-  return {
-    hash,
-    text: text7,
-    isClickable,
-    componentType,
-    children: []
-    // No children in a flat structure
-  };
-}
-function isElementClickable(element3) {
-  const interactiveSelectors = [
-    "button",
-    "a",
-    "input",
-    "select",
-    "textarea",
-    '[role="button"]',
-    '[role="link"]',
-    '[role="tab"]',
-    "[data-onclick-id]",
-    "[data-on-press-id]",
-    "[onclick]",
-    "[onmousedown]",
-    "[onmouseup]",
-    "[ontouchstart]",
-    "[ontouchend]",
-    "[onkeydown]",
-    "[onkeyup]",
-    "[onkeypress]"
-  ];
-  for (const selector of interactiveSelectors) {
-    if (element3.matches(selector)) {
-      return true;
-    }
-  }
-  const hasClickEvents = element3.onclick !== null || element3.getAttribute("onclick") !== null;
-  const hasInteractiveEvents = element3.ontouchstart !== null || element3.getAttribute("ontouchstart") !== null || element3.ontouchend !== null || element3.getAttribute("ontouchend") !== null || element3.onkeydown !== null || element3.getAttribute("onkeydown") !== null || element3.onkeyup !== null || element3.getAttribute("onkeyup") !== null || element3.onkeypress !== null || element3.getAttribute("onkeypress") !== null;
-  const hasPointerCursor = element3.style.cursor === "pointer" || getComputedStyle(element3).cursor === "pointer";
-  const hasTabIndex = element3.hasAttribute("tabindex") && parseInt(element3.getAttribute("tabindex") || "0") >= 0;
-  const hasInteractiveDataAttrs = element3.hasAttribute("data-clickable") || element3.hasAttribute("data-interactive") || element3.hasAttribute("data-action") || element3.hasAttribute("data-handler");
-  const hasInteractiveAria = element3.hasAttribute("aria-pressed") || element3.hasAttribute("aria-expanded") || element3.hasAttribute("aria-selected") || element3.hasAttribute("aria-checked");
-  return hasClickEvents || hasInteractiveEvents || hasPointerCursor || hasTabIndex || hasInteractiveDataAttrs || hasInteractiveAria;
-}
-
-// src/utils/sse-service.ts
-init_globals();
-var eventSource2 = null;
-var isConnected3 = false;
-var serverUrl2 = WEBRTC_BACKEND_SERVER_URL || "https://bdd4c945f073.ngrok-free.app";
-var callbacks2 = {};
-var sessionId = null;
-function setSSECallbacks(newCallbacks) {
-  callbacks2 = newCallbacks;
-}
-async function connectSSE(newSessionId) {
-  if (eventSource2) {
-    eventSource2.close();
-  }
-  if (typeof EventSource === "undefined") {
-    console.warn("\u{1F527} EventSource not available, SSE functionality disabled");
-    callbacks2.onError?.("EventSource not available");
-    return;
-  }
-  try {
-    const url = `${serverUrl2}/navigation/stream?session_id=${newSessionId}`;
-    eventSource2 = new EventSource(url);
-    sessionId = newSessionId;
-    eventSource2.onopen = () => {
-      console.log("\u{1F517} SSE connection opened");
-      isConnected3 = true;
-      callbacks2.onConnectionChange?.(true);
-    };
-    eventSource2.onmessage = (event) => {
-      console.log("\u{1F4E1} SSE MESSAGE RECEIVED:", event.data);
-      try {
-        const data = JSON.parse(event.data);
-        console.log("\u{1F4E1} SSE MESSAGE PARSED:", data);
-        handleSSEMessage(data);
-      } catch (error) {
-        console.error("\u274C Failed to parse SSE message:", error);
-      }
-    };
-    eventSource2.onerror = (error) => {
-      console.error("\u274C SSE connection error:", error);
-      isConnected3 = false;
-      callbacks2.onConnectionChange?.(false);
-      callbacks2.onError?.("SSE connection failed");
-    };
-  } catch (error) {
-    console.error("\u274C Failed to create SSE connection:", error);
-    callbacks2.onError?.("Failed to create SSE connection");
-  }
-}
-function handleSSEMessage(data) {
-  console.log("\u{1F50D} Processing SSE message type:", data.type);
-  console.log("\u{1F50D} Full SSE data:", data);
-  console.log("\u{1F50D} SSE data.data:", data.data);
-  const actionEvent = data;
-  console.log("\u{1F50D} Created action event:", actionEvent);
-  callbacks2.onActionEvent?.(actionEvent);
-  switch (actionEvent.type) {
-    case "static_data_ready":
-      console.log("\u{1F4E6} Handling static_data_ready event");
-      callbacks2.onStaticDataUpdate?.(actionEvent.data);
-      break;
-    case "ai_intent":
-      console.log("\u{1F3AF} Handling ai_intent event");
-      callbacks2.onIntentUpdate?.(actionEvent.data);
-      break;
-    case "request_runtime_data":
-      console.log("\u{1F4E6} Handling request_runtime_data event");
-      sendRuntimeData();
-      break;
-    case "user_speech_chunk":
-      console.log("\u{1F464} Handling user_speech_chunk event");
-      const userSpeechEntry = {
-        speaker: "user",
-        text: actionEvent.data?.text_chunk,
-        is_final: actionEvent.data?.is_final
-      };
-      callbacks2.onConversationUpdate?.(userSpeechEntry);
-      break;
-    case "ai_speech_chunk":
-      console.log("\u{1F916} Handling ai_speech_chunk event");
-      callbacks2.onConversationUpdate?.({
-        speaker: "ai",
-        text: actionEvent.data?.text_chunk,
-        is_final: actionEvent.data?.is_final
-      });
-      break;
-    case "ai_interrupted":
-      console.log("\u{1F507} Handling ai_interrupted event");
-      break;
-    case "tool_log":
-      console.log("\u{1F527} Handling tool_log event");
-      callbacks2.onToolStatusUpdate?.(actionEvent.data);
-      break;
-    case "connection":
-      console.log("\u{1F517} Handling connection event");
-      break;
-    case "keepalive":
-      console.log("\u{1F493} Handling keepalive event");
-      break;
-    default:
-      console.log("\u{1F50D} Unknown SSE message type:", data.type);
-  }
-}
-async function sendRuntimeData() {
-  if (!sessionId) {
-    console.error("\u274C Cannot send runtime data without a session ID");
-    return;
-  }
-  try {
-    const domStructure = captureFullDOMStructure();
-    const screenName = getCurrentScreenName();
-    const response = await fetch(`${serverUrl2}/api/runtime/data/${sessionId}`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${_apiKey}`
-      },
-      body: JSON.stringify({
-        session_id: sessionId,
-        components: domStructure.components,
-        screen: screenName
-      })
-    });
-    if (!response.ok) {
-      const errorData = await response.json();
-      throw new Error(errorData.detail || "Failed to send runtime data");
-    }
-    console.log("\u{1F4E6} Runtime data sent successfully");
-  } catch (error) {
-    console.error("\u274C Failed to send runtime data:", error);
-    callbacks2.onError?.("Failed to send runtime data");
-  }
-}
-async function sendDashboardData(dashboardData) {
-  try {
-    console.log("\u{1F4E4} SSEService: Sending dashboard data...");
-    const response = await fetch(`${serverUrl2}/ai/data`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        type: "dashboard_data",
-        data: dashboardData
-      })
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-    console.log("\u2705 SSEService: Dashboard data sent successfully");
-  } catch (error) {
-    console.error("\u274C SSEService: Failed to send dashboard data:", error);
-  }
-}
-async function sendElementData(appId = "default") {
-  try {
-    console.log("\u{1F4E4} SSEService: Sending element data...");
-    const domStructure = captureFullDOMStructure();
-    const currentPage = getCurrentScreenName();
-    const elementData = {
-      app_id: appId,
-      current_page: currentPage,
-      dom_structure: domStructure,
-      timestamp: Date.now()
-    };
-    const response = await fetch(`${serverUrl2}/ai/data`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(elementData)
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-    console.log("\u2705 SSEService: Element data sent successfully");
-    return elementData;
-  } catch (error) {
-    console.error("\u274C SSEService: Failed to send element data:", error);
-    throw error;
-  }
-}
-function disconnectSSE() {
-  console.log("\u{1F50C} SSEService: Disconnecting SSE...");
-  if (eventSource2) {
-    eventSource2.close();
-    eventSource2 = null;
-  }
-  isConnected3 = false;
-  callbacks2.onConnectionChange?.(false);
-}
-function getSSEConnectionStatus() {
-  return isConnected3 && eventSource2?.readyState === EventSource.OPEN;
-}
-function getSSEConnectionState() {
-  if (isConnected3 && eventSource2?.readyState === EventSource.OPEN) return "connected";
-  if (eventSource2?.readyState === EventSource.CONNECTING) return "connecting";
-  return "disconnected";
-}
-
-// src/utils/element-service.ts
-function executeAction(action) {
-  console.log("\u{1F3AF} Executing element action:", action);
-  const { action_type, target_element, target } = action;
-  switch (action_type) {
-    case "click":
-      return clickElement(target_element);
-    case "navigate":
-      return navigateToElement(target_element || target);
-    case "input":
-    case "focus":
-      return focusElement(target_element);
-    case "toggle":
-      return toggleElement(target_element);
-    default:
-      console.warn(`\u26A0\uFE0F Unknown action type: ${action_type}`);
-      return false;
-  }
-}
-function getFullDOMStructure() {
-  console.log("\u{1F333} ElementService: Getting full DOM structure...");
-  return captureFullDOMStructure();
-}
-function clickElement(elementId) {
-  if (!elementId) {
-    console.warn("\u26A0\uFE0F No element ID provided for click action");
-    return false;
-  }
-  const domStructure = getFullDOMStructure();
-  const elementToClick = findElementById(domStructure, elementId);
-  if (elementToClick) {
-    console.log(`\u{1F3AF} Clicking element: ${elementId}`);
-    const domElement = findDOMElementById(elementId);
-    if (domElement) {
-      domElement.click();
-      return true;
-    }
-  } else {
-    console.warn(`\u26A0\uFE0F Element not found: ${elementId}`);
-  }
-  return false;
-}
-function navigateToElement(target) {
-  if (!target) {
-    console.warn("\u26A0\uFE0F No target provided for navigation action");
-    return false;
-  }
-  console.log(`\u{1F9ED} Navigating to: ${target}`);
-  if (target.includes("/") || target.startsWith("http")) {
-    safeNavigate(target, {});
-  } else {
-    handleNavigationAndClick(target, target);
-  }
-  return true;
-}
-function focusElement(elementId) {
-  if (!elementId) {
-    console.warn("\u26A0\uFE0F No element ID provided for focus action");
-    return false;
-  }
-  const domElement = findDOMElementById(elementId);
-  if (domElement instanceof HTMLInputElement || domElement instanceof HTMLTextAreaElement || domElement instanceof HTMLSelectElement) {
-    console.log(`\u{1F4DD} Focusing element: ${elementId}`);
-    domElement.focus();
-    return true;
-  } else {
-    console.warn(`\u26A0\uFE0F Focusable element not found: ${elementId}`);
-    return false;
-  }
-}
-function toggleElement(elementId) {
-  if (!elementId) {
-    console.warn("\u26A0\uFE0F No element ID provided for toggle action");
-    return false;
-  }
-  const domElement = findDOMElementById(elementId);
-  if (domElement instanceof HTMLElement) {
-    console.log(`\u{1F504} Toggling element: ${elementId}`);
-    if (domElement instanceof HTMLInputElement) {
-      if (domElement.type === "checkbox") {
-        domElement.checked = !domElement.checked;
-      } else if (domElement.type === "radio") {
-        domElement.checked = true;
-      }
-      domElement.dispatchEvent(new Event("change", { bubbles: true }));
-    } else {
-      domElement.click();
-    }
-    return true;
-  } else {
-    console.warn(`\u26A0\uFE0F Toggleable element not found: ${elementId}`);
-    return false;
-  }
-}
-function findElementById(domStructure, elementId) {
-  const searchInComponents = (components) => {
-    for (const component of components) {
-      if (component.hash === elementId) {
-        return component;
-      }
-      if (component.children.length > 0) {
-        const found = searchInComponents(component.children);
-        if (found) return found;
-      }
-    }
-    return null;
-  };
-  return searchInComponents(domStructure.components);
-}
-function findDOMElementById(elementId) {
-  const allElements = document.querySelectorAll("*");
-  for (const element3 of allElements) {
-    if (element3 instanceof HTMLElement) {
-      const hash = generateHash(element3);
-      if (hash === elementId) {
-        return element3;
-      }
-    }
-  }
-  return null;
-}
-function generateHash(element3) {
-  const tagName = element3.tagName.toLowerCase();
-  const text7 = (element3.textContent || "").trim().substring(0, 50);
-  const idString = `${tagName}_${text7}_${element3.tagName}`;
-  let hash = 0;
-  for (let i2 = 0; i2 < idString.length; i2++) {
-    const char = idString.charCodeAt(i2);
-    hash = (hash << 5) - hash + char;
-    hash |= 0;
-  }
-  return hash.toString(36);
-}
-
 // src/hooks/use-cuekit.ts
+init_webrtc_service();
+init_element_service();
 var useCuekit = (options) => {
   const [messages, setMessages] = (0, import_react3.useState)([]);
   const currentUserMessageRef = (0, import_react3.useRef)(null);
@@ -24319,89 +24147,85 @@ var useCuekit = (options) => {
   }, []);
   const [micState, setMicState] = (0, import_react3.useState)("idle");
   const [status, setStatus] = (0, import_react3.useState)("");
-  const [isSseConnected, setIsSseConnected] = (0, import_react3.useState)(false);
-  const [lastActionEvent, setLastActionEvent] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
-    setSSECallbacks({
-      onActionEvent: (event) => {
-        setLastActionEvent(event);
-        switch (event.type) {
-          case "user_speech_chunk":
-          case "ai_speech_chunk": {
-            const role = event.type === "user_speech_chunk" ? "user" : "ai";
-            if (role === "user" && currentAIMessageRef.current) {
-              const finalMessageId = currentAIMessageRef.current.id;
-              setMessages(
-                (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
-              );
-              currentAIMessageRef.current = null;
-            }
-            if (role === "ai" && currentUserMessageRef.current) {
-              const finalMessageId = currentUserMessageRef.current.id;
-              setMessages(
-                (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
-              );
-              currentUserMessageRef.current = null;
-            }
-            const entry = {
-              speaker: role,
-              text: event.data.text_chunk,
-              is_final: event.data.is_final,
-              timestamp: new Date(event.timestamp || Date.now()).toISOString()
-            };
-            handleMessageChunk(entry.text, entry.speaker, entry.is_final);
-            if (entry.is_final) {
-              if (entry.speaker === "user") {
-                setMicState("thinking");
-              } else if (entry.speaker === "ai") {
-                setTimeout(() => setMicState("listening"), 1e3);
-              }
-            }
-            break;
-          }
-          case "ai_intent": {
-            const intent = event.data;
-            if (intent.actionType === "click" && intent.actionMetadata.elementId) {
-              executeAction({
-                action_type: "click",
-                target_element: intent.actionMetadata.elementId
-              });
-            } else if (intent.actionType === "navigate" && intent.actionMetadata.routeName) {
-              executeAction({
-                action_type: "navigate",
-                target_element: intent.actionMetadata.routeName
-              });
-            }
-            break;
-          }
-          case "ai_interrupted": {
-            handleAIInterruption();
-            break;
-          }
-          case "keepalive": {
-            if (currentUserMessageRef.current) {
-              const finalMessageId = currentUserMessageRef.current.id;
-              setMessages(
-                (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
-              );
-              currentUserMessageRef.current = null;
-            }
-            if (currentAIMessageRef.current) {
-              const finalMessageId = currentAIMessageRef.current.id;
-              setMessages(
-                (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
-              );
-              currentAIMessageRef.current = null;
-            }
-            break;
+  const handleNavigationCommand = (event) => {
+    console.log(`\u{1F9E0} Processing event in useCuekit: ${event.type}`, event);
+    switch (event.type) {
+      case "user_speech_chunk":
+      case "ai_speech_chunk": {
+        const role = event.type === "user_speech_chunk" ? "user" : "ai";
+        if (role === "user" && currentAIMessageRef.current) {
+          const finalMessageId = currentAIMessageRef.current.id;
+          setMessages(
+            (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
+          );
+          currentAIMessageRef.current = null;
+        }
+        if (role === "ai" && currentUserMessageRef.current) {
+          const finalMessageId = currentUserMessageRef.current.id;
+          setMessages(
+            (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
+          );
+          currentUserMessageRef.current = null;
+        }
+        const entry = {
+          speaker: role,
+          text: event.data.text_chunk,
+          is_final: event.data.is_final,
+          timestamp: new Date(event.timestamp || Date.now()).toISOString()
+        };
+        handleMessageChunk(entry.text, entry.speaker, entry.is_final);
+        if (entry.is_final) {
+          if (entry.speaker === "user") {
+            setMicState("thinking");
+          } else if (entry.speaker === "ai") {
+            setTimeout(() => setMicState("listening"), 1e3);
           }
         }
-      },
-      onConnectionChange: (isConnected4) => {
-        setIsSseConnected(isConnected4);
+        break;
       }
-    });
-  }, [handleMessageChunk, handleAIInterruption]);
+      case "ai_intent": {
+        const intent = event.data;
+        if (intent.actionType === "click" && intent.actionMetadata.elementId) {
+          executeAction({
+            action_type: "click",
+            target_element: intent.actionMetadata.elementId
+          });
+        } else if (intent.actionType === "navigate" && intent.actionMetadata.routeName) {
+          executeAction({
+            action_type: "navigate",
+            target_element: intent.actionMetadata.routeName
+          });
+        }
+        break;
+      }
+      case "request_runtime_data": {
+        console.log("\u{1F9E0} Requesting runtime data");
+        sendRuntimeData();
+        break;
+      }
+      case "ai_interrupted": {
+        handleAIInterruption();
+        break;
+      }
+      case "keepalive": {
+        if (currentUserMessageRef.current) {
+          const finalMessageId = currentUserMessageRef.current.id;
+          setMessages(
+            (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
+          );
+          currentUserMessageRef.current = null;
+        }
+        if (currentAIMessageRef.current) {
+          const finalMessageId = currentAIMessageRef.current.id;
+          setMessages(
+            (prev) => prev.map((m) => m.id === finalMessageId ? { ...m, isFinal: true } : m)
+          );
+          currentAIMessageRef.current = null;
+        }
+        break;
+      }
+    }
+  };
   const handleConnectionStateChange = (state) => {
     switch (state) {
       case "connecting":
@@ -24425,32 +24249,22 @@ var useCuekit = (options) => {
   };
   const webrtc = useWebRTC({
     ...options,
-    onConnectionStateChange: handleConnectionStateChange
+    onConnectionStateChange: handleConnectionStateChange,
+    onNavigationCommand: handleNavigationCommand
   });
   const connect = (0, import_react3.useCallback)(
     async (identity, apiKey, appId) => {
-      const authData = await webrtc.connect(identity, apiKey, appId);
-      if (authData?.session_id) {
-        connectSSE(authData.session_id);
-      }
+      await webrtc.connect(identity, apiKey, appId);
     },
     [webrtc]
   );
   const disconnect = (0, import_react3.useCallback)(async () => {
     await webrtc.disconnect();
-    disconnectSSE();
     clearMessages();
     setMicState("idle");
   }, [webrtc, clearMessages]);
-  (0, import_react3.useEffect)(() => {
-    if (lastActionEvent?.type === "ai_interrupted") {
-      handleAIInterruption();
-    }
-  }, [lastActionEvent, handleAIInterruption]);
   return {
     ...webrtc,
-    isSseConnected,
-    lastActionEvent,
     messages,
     micState,
     setMicState,
@@ -37216,7 +37030,7 @@ var ChatPopup = ({
   onSendText,
   onEndCall,
   messages,
-  isConnected: isConnected4,
+  isConnected: isConnected2,
   micState,
   error,
   currentTheme = "dark",
@@ -37803,7 +37617,7 @@ var ChatPopup = ({
             }
           }
         ),
-        isConnected4 && onEndCall && /* @__PURE__ */ import_react9.default.createElement(
+        isConnected2 && onEndCall && /* @__PURE__ */ import_react9.default.createElement(
           "button",
           {
             type: "submit",
@@ -40002,13 +39816,12 @@ var MicButton = ({
   const aiSpeechTimeoutRef = (0, import_react15.useRef)(null);
   const activeAITracksRef = (0, import_react15.useRef)(/* @__PURE__ */ new Set());
   const {
-    isConnected: isConnected4,
+    isConnected: isConnected2,
     isConnecting,
     error: voiceError,
     connect: voiceConnect,
     disconnect: voiceDisconnect,
     sendUserCommand: sendUserCommand2,
-    lastActionEvent,
     messages: messageManagerMessages,
     micState,
     setMicState,
@@ -40088,8 +39901,8 @@ var MicButton = ({
       console.log("\u{1F3A4} MicButton: Current active AI tracks:", Array.from(activeAITracksRef.current));
       console.log("\u{1F3A4} MicButton: Current status:", status);
       console.log("\u{1F3A4} MicButton: Current mic state:", micState);
-      console.log("\u{1F3A4} MicButton: Is listening:", isConnected4);
-      console.log("\u{1F3A4} MicButton: Is connected:", isConnected4);
+      console.log("\u{1F3A4} MicButton: Is listening:", isConnected2);
+      console.log("\u{1F3A4} MicButton: Is connected:", isConnected2);
       if (isSpeaking && trackId) {
         console.log("\u{1F3A4} MicButton: ===== AI SPEECH START =====");
         console.log("\u{1F3A4} MicButton: Adding track to active set:", trackId);
@@ -40144,7 +39957,7 @@ var MicButton = ({
       console.log("\u{1F3A4} MicButton: - Status:", status);
       console.log("\u{1F3A4} MicButton: ================================");
     },
-    [status, micState, isConnected4]
+    [status, micState, isConnected2]
   );
   (0, import_react15.useEffect)(() => {
     if (audioContainerRef2.current) {
@@ -40157,10 +39970,9 @@ var MicButton = ({
       }
     };
   }, [handleAISpeech]);
-  const isListening = isConnected4;
-  const transcript = (lastActionEvent?.type === "user_speech_chunk" || lastActionEvent?.type === "ai_speech_chunk") && lastActionEvent?.data?.text_chunk ? lastActionEvent.data.text_chunk : "";
-  const getUserFriendlyStatus = (micState2, isConnected5) => {
-    if (!isConnected5) {
+  const isListening = isConnected2;
+  const getUserFriendlyStatus = (micState2, isConnected3) => {
+    if (!isConnected3) {
       return "Connecting...";
     }
     if (status && !status.includes("error") && !status.includes("failed") && !status.includes("Connection error") && !status.includes("Unable to")) {
@@ -40170,28 +39982,28 @@ var MicButton = ({
     if (micState2 === "thinking") return "Thinking...";
     if (micState2 === "replying") return "Responding...";
     if (micState2 === "idle") {
-      if (isConnected5) return "Listening...";
+      if (isConnected3) return "Listening...";
       return "Connecting...";
     }
-    return isConnected5 ? "Ready" : "Connecting...";
+    return isConnected3 ? "Ready" : "Connecting...";
   };
   (0, import_react15.useEffect)(() => {
-    if (isConnected4) {
+    if (isConnected2) {
       console.log("\u{1F3A4} MicButton: WebRTC and SSE connections established - ready for commands");
     } else {
       console.log("\u{1F3A4} MicButton: WebRTC not yet connected - ignoring speech");
     }
-  }, [isConnected4]);
+  }, [isConnected2]);
   (0, import_react15.useEffect)(() => {
     console.log("\u{1F3A4} MicButton: Auto-open check:", {
-      isConnected: isConnected4,
+      isConnected: isConnected2,
       chatIsOpen: isChatOpen
     });
-    if (isConnected4 && !isChatOpen) {
+    if (isConnected2 && !isChatOpen) {
       console.log("\u{1F3A4} MicButton: Auto-opening chat popup");
       openChat();
     }
-  }, [isConnected4, isChatOpen, openChat]);
+  }, [isConnected2, isChatOpen, openChat]);
   (0, import_react15.useEffect)(() => {
     if (messageManagerMessages.length > 0 && !isChatOpen) {
       console.log("\u{1F3A4} MicButton: Auto-opening chat popup due to messages");
@@ -40199,7 +40011,7 @@ var MicButton = ({
     }
   }, [messageManagerMessages.length, isChatOpen, openChat]);
   const handleMicClick = (0, import_react15.useCallback)(() => {
-    const shouldStop = micState === "listening" && isConnected4;
+    const shouldStop = micState === "listening" && isConnected2;
     if (shouldStop) {
       console.log("\u{1F3A4} MicButton: User wants to stop - closing everything");
       voiceDisconnect().then(() => {
@@ -40224,7 +40036,7 @@ var MicButton = ({
     }
   }, [
     micState,
-    isConnected4,
+    isConnected2,
     voiceDisconnect,
     voiceConnect,
     apiKey,
@@ -40232,19 +40044,6 @@ var MicButton = ({
     openChat,
     showBorderGlow
   ]);
-  (0, import_react15.useEffect)(() => {
-    if (!isConnected4) {
-      return;
-    }
-    if (transcript && transcript.trim() && !aiSpeakingRef.current) {
-      console.log("\u{1F3A4} MicButton: Processing new transcript:", transcript);
-      sendUserCommand2(transcript).then(() => {
-        console.log("\u{1F3A4} MicButton: User command sent successfully");
-      }).catch((error) => {
-        console.error("\u{1F3A4} MicButton: Failed to send user command:", error);
-      });
-    }
-  }, [transcript, isConnected4, sendUserCommand2]);
   const handleSendText = async (textToSend) => {
     console.log("\u{1F3A4} MicButton: handleSendText called with:", textToSend);
     setMicState("thinking");
@@ -40252,7 +40051,7 @@ var MicButton = ({
     if (!isChatOpen) {
       openChat();
     }
-    if (isConnected4) {
+    if (isConnected2) {
       console.log("\u{1F3A4} MicButton: Sending via WebRTC");
       try {
         await sendUserCommand2(textToSend);
@@ -40449,13 +40248,13 @@ var MicButton = ({
         text: msg.text,
         sender: msg.role === "ai" ? "assistant" : "user"
       })),
-      isConnected: isConnected4 ?? false,
+      isConnected: isConnected2 ?? false,
       micState,
       participants,
       error: voiceError,
       currentTheme,
       onThemeToggle: setCurrentTheme,
-      status: getUserFriendlyStatus(micState, isConnected4 ?? false),
+      status: getUserFriendlyStatus(micState, isConnected2 ?? false),
       anchor: { position: screenPosition, bottom: bottomSpace, size: buttonSize }
     }
   ), isChatOpen && isChatMinimized && /* @__PURE__ */ import_react15.default.createElement(
@@ -40482,3 +40281,7 @@ var MicButton = ({
     /* @__PURE__ */ import_react15.default.createElement("span", { style: { fontSize: 12, fontWeight: 600, color: "hsl(var(--voice-text))" } }, "Open chat")
   ), /* @__PURE__ */ import_react15.default.createElement("div", { ref: audioContainerRef2, style: { display: "none" } }), showBorderGlow && showBodyGlow && /* @__PURE__ */ import_react15.default.createElement(border_glow_default, { isActive: true }));
 };
+
+// src/index.ts
+init_element_service();
+init_element_service();