@skippr/live-agent-sdk 0.43.0 → 0.45.0

package/dist/esm/lib-exports.js

@@ -8,15 +8,123 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { useCallback as useCallback8, useMemo as useMemo5, useRef as useRef11, useState as useState12 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo5, useRef as useRef13, useState as useState15 } from "react";
 
 // src/context/LiveAgentContext.tsx
 import { createContext } from "react";
 var LiveAgentContext = createContext(null);
 
-// src/hooks/useAuth.ts
+// src/hooks/useAdoptionGoals.ts
 import { useCallback, useEffect, useState } from "react";
+
+// src/lib/navigation.ts
+var listeners = new Set;
+var patched = false;
+var lastHref = "";
+function emit() {
+  if (window.location.href === lastHref)
+    return;
+  lastHref = window.location.href;
+  for (const listener of listeners)
+    listener();
+}
+function ensurePatched() {
+  if (patched)
+    return;
+  patched = true;
+  lastHref = window.location.href;
+  const originalPushState = history.pushState.bind(history);
+  const originalReplaceState = history.replaceState.bind(history);
+  history.pushState = (...args) => {
+    originalPushState(...args);
+    emit();
+  };
+  history.replaceState = (...args) => {
+    originalReplaceState(...args);
+    emit();
+  };
+  window.addEventListener("popstate", emit);
+  window.addEventListener("hashchange", emit);
+}
+function subscribeToLocationChange(listener) {
+  ensurePatched();
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+// src/hooks/useAdoptionGoals.ts
 var API_URL = "https://specialist.skippr.ai/api";
+var MATCH_DEBOUNCE_MS = 400;
+function useAdoptionGoals({
+  enabled,
+  bearerToken,
+  authedFetch
+}) {
+  const [goals, setGoals] = useState([]);
+  const match = useCallback(async () => {
+    try {
+      const resp = await authedFetch(`${API_URL}/v1/adoption/goals/match`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ url: window.location.origin + window.location.pathname })
+      });
+      if (!resp.ok) {
+        setGoals([]);
+        return;
+      }
+      const data = await resp.json();
+      setGoals(Array.isArray(data?.goals) ? data.goals : []);
+    } catch (e) {
+      console.warn("[Skippr] adoption match failed", e);
+      setGoals([]);
+    }
+  }, [authedFetch]);
+  useEffect(() => {
+    if (!enabled || !bearerToken) {
+      setGoals([]);
+      return;
+    }
+    match();
+    let lastPath = window.location.pathname;
+    let timer;
+    const unsubscribe = subscribeToLocationChange(() => {
+      if (window.location.pathname === lastPath)
+        return;
+      lastPath = window.location.pathname;
+      if (timer)
+        clearTimeout(timer);
+      timer = setTimeout(() => {
+        match();
+      }, MATCH_DEBOUNCE_MS);
+    });
+    return () => {
+      if (timer)
+        clearTimeout(timer);
+      unsubscribe();
+    };
+  }, [enabled, bearerToken, match]);
+  const postStatus = useCallback((goalId, status) => {
+    authedFetch(`${API_URL}/v1/adoption/goals/${goalId}/status`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ status })
+    }).catch((e) => console.warn("[Skippr] adoption status update failed", e));
+  }, [authedFetch]);
+  const dismissGoal = useCallback((goalId) => {
+    setGoals((prev) => prev.filter((goal) => goal.goalId !== goalId));
+    postStatus(goalId, "dismissed" /* Dismissed */);
+  }, [postStatus]);
+  const attendGoal = useCallback((goalId) => {
+    postStatus(goalId, "attended" /* Attended */);
+  }, [postStatus]);
+  return { goals, dismissGoal, attendGoal };
+}
+
+// src/hooks/useAuth.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+var API_URL2 = "https://specialist.skippr.ai/api";
 function storageKey(appKey) {
   return `skippr_auth_${appKey}`;
 }
@@ -42,12 +150,12 @@ function clearStoredToken(appKey) {
   }
 }
 function useAuth({ appKey }) {
-  const [authToken, setAuthToken] = useState(null);
-  const [isValidating, setIsValidating] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [error, setError] = useState("");
+  const [authToken, setAuthToken] = useState2(null);
+  const [isValidating, setIsValidating] = useState2(false);
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [error, setError] = useState2("");
   const isAuthenticated = authToken !== null;
-  useEffect(() => {
+  useEffect2(() => {
     if (!appKey)
       return;
     const stored = getStoredToken(appKey);
@@ -56,7 +164,7 @@ function useAuth({ appKey }) {
     async function validateStoredToken() {
       setIsValidating(true);
       try {
-        const res = await fetch(`${API_URL}/v1/auth/validate-token`, {
+        const res = await fetch(`${API_URL2}/v1/auth/validate-token`, {
           credentials: "omit",
           headers: { Authorization: `Bearer ${stored}` }
         });
@@ -73,7 +181,7 @@ function useAuth({ appKey }) {
     }
     validateStoredToken();
   }, [appKey]);
-  useEffect(() => {
+  useEffect2(() => {
     function handleLogout() {
       setAuthToken(null);
       setError("");
@@ -81,13 +189,13 @@ function useAuth({ appKey }) {
     window.addEventListener("skippr:logout", handleLogout);
     return () => window.removeEventListener("skippr:logout", handleLogout);
   }, []);
-  const requestOtp = useCallback(async (email) => {
+  const requestOtp = useCallback2(async (email) => {
     if (!appKey)
       return false;
     setIsSubmitting(true);
     setError("");
     try {
-      const resp = await fetch(`${API_URL}/v1/auth/request-otp`, {
+      const resp = await fetch(`${API_URL2}/v1/auth/request-otp`, {
         method: "POST",
         credentials: "omit",
         headers: {
@@ -108,13 +216,13 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const verifyOtp = useCallback(async (email, code) => {
+  const verifyOtp = useCallback2(async (email, code) => {
     if (!appKey)
       return;
     setIsSubmitting(true);
     setError("");
     try {
-      const resp = await fetch(`${API_URL}/v1/auth/verify-otp`, {
+      const resp = await fetch(`${API_URL2}/v1/auth/verify-otp`, {
         method: "POST",
         credentials: "omit",
         headers: {
@@ -137,7 +245,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const logout = useCallback(async () => {
+  const logout = useCallback2(async () => {
     const token = authToken;
     if (appKey)
       clearStoredToken(appKey);
@@ -146,7 +254,7 @@ function useAuth({ appKey }) {
     if (!token)
       return;
     try {
-      await fetch(`${API_URL}/v1/auth/logout`, {
+      await fetch(`${API_URL2}/v1/auth/logout`, {
         method: "POST",
         credentials: "omit",
         headers: { Authorization: `Bearer ${token}` }
@@ -168,21 +276,21 @@ function useAuth({ appKey }) {
 }
 
 // src/hooks/useAvailableModules.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
-var API_URL2 = "https://specialist.skippr.ai/api";
+import { useCallback as useCallback3, useEffect as useEffect3, useState as useState3 } from "react";
+var API_URL3 = "https://specialist.skippr.ai/api";
 function useAvailableModules({
   enabled,
   bearerToken,
   authedFetch
 }) {
-  const [modules, setModules] = useState2([]);
-  const [isLoading, setIsLoading] = useState2(false);
-  const [error, setError] = useState2(null);
-  const fetchModules = useCallback2(async () => {
+  const [modules, setModules] = useState3([]);
+  const [isLoading, setIsLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const fetchModules = useCallback3(async () => {
     setIsLoading(true);
     setError(null);
     try {
-      const resp = await authedFetch(`${API_URL2}/v1/modules/available`);
+      const resp = await authedFetch(`${API_URL3}/v1/modules/available`);
       if (!resp.ok) {
         const body = await resp.json().catch(() => null);
         throw new Error(body?.detail || `Failed to load modules: ${resp.status}`);
@@ -195,7 +303,7 @@ function useAvailableModules({
       setIsLoading(false);
     }
   }, [authedFetch]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled || !bearerToken)
       return;
     fetchModules();
@@ -209,11 +317,11 @@ function useAvailableModules({
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useRef, useState as useState3 } from "react";
-var API_URL3 = "https://specialist.skippr.ai/api";
+import { useCallback as useCallback4, useEffect as useEffect4, useRef, useState as useState4 } from "react";
+var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
-    const resp = await authedFetch(`${API_URL3}/v1/sessions/${sessionId}/messages`);
+    const resp = await authedFetch(`${API_URL4}/v1/sessions/${sessionId}/messages`);
     if (!resp.ok)
       return [];
     const { messages } = await resp.json();
@@ -243,7 +351,7 @@ function stopStream(stream) {
     track.stop();
 }
 async function exchangeForBearerToken(appKey, userToken) {
-  const resp = await fetch(`${API_URL3}/v1/auth/token-exchange`, {
+  const resp = await fetch(`${API_URL4}/v1/auth/token-exchange`, {
     method: "POST",
     credentials: "omit",
     headers: {
@@ -267,26 +375,26 @@ function useSession({
   onStartError,
   onDisconnect
 }) {
-  const [connection, setConnection] = useState3(null);
-  const [shouldConnect, setShouldConnect] = useState3(false);
-  const [isStarting, setIsStarting] = useState3(false);
-  const [isDisconnecting, setIsDisconnecting] = useState3(false);
-  const [error, setError] = useState3("");
-  const [errorCode, setErrorCode] = useState3(null);
-  const [sessionId, setSessionId] = useState3(null);
-  const [bearerToken, setBearerToken] = useState3(authToken ?? null);
-  const [pendingScreenStream, setPendingScreenStream] = useState3(null);
-  const [isPaused, setIsPaused] = useState3(false);
-  const [isPausing, setIsPausing] = useState3(false);
-  const [historyMessages, setHistoryMessages] = useState3([]);
-  const [authFailed, setAuthFailed] = useState3(false);
+  const [connection, setConnection] = useState4(null);
+  const [shouldConnect, setShouldConnect] = useState4(false);
+  const [isStarting, setIsStarting] = useState4(false);
+  const [isDisconnecting, setIsDisconnecting] = useState4(false);
+  const [error, setError] = useState4("");
+  const [errorCode, setErrorCode] = useState4(null);
+  const [sessionId, setSessionId] = useState4(null);
+  const [bearerToken, setBearerToken] = useState4(authToken ?? null);
+  const [pendingScreenStream, setPendingScreenStream] = useState4(null);
+  const [isPaused, setIsPaused] = useState4(false);
+  const [isPausing, setIsPausing] = useState4(false);
+  const [historyMessages, setHistoryMessages] = useState4([]);
+  const [authFailed, setAuthFailed] = useState4(false);
   const tokenRef = useRef(authToken ? { token: authToken, expiresAt: null } : null);
   const getUserTokenRef = useRef(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
   const failedBearerRef = useRef(null);
   const inFlightExchangeRef = useRef(null);
-  const canExchange = useCallback3(() => !!appKey && !!getUserTokenRef.current, [appKey]);
-  const reExchange = useCallback3(async () => {
+  const canExchange = useCallback4(() => !!appKey && !!getUserTokenRef.current, [appKey]);
+  const reExchange = useCallback4(async () => {
     if (inFlightExchangeRef.current)
       return inFlightExchangeRef.current;
     const provider = getUserTokenRef.current;
@@ -306,7 +414,7 @@ function useSession({
       inFlightExchangeRef.current = null;
     }
   }, [appKey]);
-  const getValidBearer = useCallback3(async () => {
+  const getValidBearer = useCallback4(async () => {
     const current = tokenRef.current;
     if (current) {
       if (current.expiresAt === null)
@@ -318,7 +426,7 @@ function useSession({
       return reExchange();
     return current?.token ?? null;
   }, [canExchange, reExchange]);
-  const authedFetch = useCallback3(async (input, init = {}) => {
+  const authedFetch = useCallback4(async (input, init = {}) => {
     const isSecretMode = canExchange();
     const onTerminalAuthFailure = () => {
       if (isSecretMode)
@@ -360,7 +468,7 @@ function useSession({
       setAuthFailed(false);
     return resp;
   }, [canExchange, getValidBearer, reExchange]);
-  useEffect3(() => {
+  useEffect4(() => {
     let stale = false;
     if (authToken) {
       tokenRef.current = { token: authToken, expiresAt: null };
@@ -381,12 +489,12 @@ function useSession({
   }, [authToken, canExchange, reExchange]);
   const pauseOnUnloadRef = useRef(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
-  useEffect3(() => {
+  useEffect4(() => {
     const onPageHide = () => {
       const pending = pauseOnUnloadRef.current;
       if (!pending)
         return;
-      fetch(`${API_URL3}/v1/sessions/${pending.sessionId}/pause`, {
+      fetch(`${API_URL4}/v1/sessions/${pending.sessionId}/pause`, {
         method: "POST",
         credentials: "omit",
         keepalive: true,
@@ -396,7 +504,7 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback3(async ({ agentId, agentControls, existingSessionId }) => {
+  const startSession = useCallback4(async ({ agentId, agentControls, existingSessionId, adoptionGoalId }) => {
     if (!bearerToken) {
       setError("No auth token available");
       return;
@@ -413,11 +521,16 @@ function useSession({
     if (captureMode === "screenshare") {
       screenStream = await requestScreenShare();
     }
-    const requestAgentControls = agentControls?.highlight === true ? { highlight: true } : undefined;
+    const enabledControls = {};
+    if (agentControls?.highlight === true)
+      enabledControls.highlight = true;
+    if (agentControls?.actions === true)
+      enabledControls.actions = true;
+    const requestAgentControls = Object.keys(enabledControls).length > 0 ? enabledControls : undefined;
     try {
       let resolvedSessionId = existingSessionId;
       if (!resolvedSessionId) {
-        const createResp = await authedFetch(`${API_URL3}/v1/sessions`, {
+        const createResp = await authedFetch(`${API_URL4}/v1/sessions`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -434,10 +547,14 @@ function useSession({
         const { session: session2 } = await createResp.json();
         resolvedSessionId = session2.id;
       }
-      const startResp = await authedFetch(`${API_URL3}/v1/sessions/${resolvedSessionId}/start`, {
+      const startResp = await authedFetch(`${API_URL4}/v1/sessions/${resolvedSessionId}/start`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ captureMode, agentControls: requestAgentControls })
+        body: JSON.stringify({
+          captureMode,
+          agentControls: requestAgentControls,
+          adoptionGoalId
+        })
       });
       if (!startResp.ok) {
         const body = await startResp.json().catch(() => null);
@@ -463,12 +580,12 @@ function useSession({
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
-  const pauseSession = useCallback3(async () => {
+  const pauseSession = useCallback4(async () => {
     if (!sessionId || !bearerToken)
       return;
     setIsPausing(true);
     try {
-      const resp = await authedFetch(`${API_URL3}/v1/sessions/${sessionId}/pause`, {
+      const resp = await authedFetch(`${API_URL4}/v1/sessions/${sessionId}/pause`, {
         method: "POST"
       });
       if (!resp.ok) {
@@ -489,12 +606,12 @@ function useSession({
     setIsPaused(true);
     setIsPausing(false);
   }, [sessionId, bearerToken, authedFetch, pendingScreenStream]);
-  const disconnect = useCallback3(async () => {
+  const disconnect = useCallback4(async () => {
     setIsDisconnecting(true);
     try {
       if (sessionId && bearerToken) {
         try {
-          await authedFetch(`${API_URL3}/v1/sessions/${sessionId}/pause`, {
+          await authedFetch(`${API_URL4}/v1/sessions/${sessionId}/pause`, {
             method: "POST"
           });
         } catch {}
@@ -532,6 +649,13 @@ function useSession({
   };
 }
 
+// src/lib/agentMode.ts
+var AGENT_MODE = {
+  Standard: "standard",
+  AlwaysOn: "always_on"
+};
+var AGENT_MODES = Object.values(AGENT_MODE);
+
 // src/lib/constants.ts
 var SIDEBAR_WIDTH = 360;
 var WIDGET_ROOT_ID = "skippr-sdk-root";
@@ -540,15 +664,9 @@ var PRIVATE_ATTR = "data-skippr-private";
 var DOM_SNAPSHOT_TOPIC = "skippr.dom-snapshot";
 var DOM_EVENTS_TOPIC = "skippr.dom-events";
 var HIGHLIGHT_TOPIC = "skippr.highlight";
+var PAGE_ACTIONS_TOPIC = "skippr.page-actions";
 var NAME_MAX_CHARS = 80;
 
-// src/lib/agentMode.ts
-var AGENT_MODE = {
-  Standard: "standard",
-  AlwaysOn: "always_on"
-};
-var AGENT_MODES = Object.values(AGENT_MODE);
-
 // src/lib/sessionStatus.ts
 var SESSION_STATUS = {
   pending: "pending",
@@ -597,12 +715,12 @@ function getModuleSessionState(currentSession, mode) {
 // src/components/AutoStartMedia.tsx
 import { useConnectionState, useLocalParticipant } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect4, useRef as useRef2 } from "react";
+import { useEffect as useEffect5, useRef as useRef2 } from "react";
 function AutoStartMedia({ pendingScreenStream }) {
   const { localParticipant } = useLocalParticipant();
   const connectionState = useConnectionState();
   const didStartRef = useRef2(false);
-  useEffect4(() => {
+  useEffect5(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState.Connected)
@@ -627,7 +745,7 @@ function AutoStartMedia({ pendingScreenStream }) {
 // src/components/DomCapture.tsx
 import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
 import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -868,6 +986,25 @@ function shouldMaskValue(input) {
     return true;
   return false;
 }
+function isDisabled(element) {
+  if ("disabled" in element && element.disabled === true) {
+    return true;
+  }
+  return element.getAttribute("aria-disabled") === "true";
+}
+function isActionBlocked(element) {
+  if (isDisabled(element))
+    return true;
+  if (element.tagName === "IFRAME" && isSensitiveIframe(element))
+    return true;
+  const ownerFrame = element.ownerDocument?.defaultView?.frameElement;
+  if (ownerFrame && isSensitiveIframe(ownerFrame))
+    return true;
+  if ((element.tagName === "INPUT" || element.tagName === "TEXTAREA") && shouldMaskValue(element)) {
+    return true;
+  }
+  return false;
+}
 function escapeAttributeValue(value) {
   return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"").replace(/[\r\n]+/g, " ");
 }
@@ -1084,6 +1221,20 @@ function buildAccessibilityTree() {
   };
 }
 
+// src/capture/agentActionSignal.ts
+var isDispatchingAgentAction = false;
+function runAgentAction(dispatch) {
+  isDispatchingAgentAction = true;
+  try {
+    dispatch();
+  } finally {
+    isDispatchingAgentAction = false;
+  }
+}
+function isAgentActionInProgress() {
+  return isDispatchingAgentAction;
+}
+
 // src/capture/domEvents.ts
 var MUTATION_DEBOUNCE_MS = 250;
 var textEncoder = new TextEncoder;
@@ -1128,6 +1279,8 @@ function installDomEventListeners(localParticipant, options = {}) {
   const onClick = (event) => {
     if (isInsideWidget(event.target))
       return;
+    if (isAgentActionInProgress())
+      return;
     if (!(event.target instanceof Element))
       return;
     const matchedRef = findNearestRef(event.target);
@@ -1144,6 +1297,8 @@ function installDomEventListeners(localParticipant, options = {}) {
   const onSubmit = (event) => {
     if (isInsideWidget(event.target))
       return;
+    if (isAgentActionInProgress())
+      return;
     if (!(event.target instanceof HTMLFormElement))
       return;
     const submittedForm = event.target;
@@ -1375,7 +1530,7 @@ function DomCapture() {
   const { localParticipant } = useLocalParticipant2();
   const connectionState = useConnectionState2();
   const didStartRef = useRef3(false);
-  useEffect5(() => {
+  useEffect6(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState2.Connected)
@@ -1801,31 +1956,16 @@ var __iconNode26 = [
   ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
 ];
 var UserPlus = createLucideIcon("user-plus", __iconNode26);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode27 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode27);
 // src/components/HighlightOverlay.tsx
-import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef4, useState as useState4 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Z_INDEX = 2147483646;
-var HIGHLIGHT_PADDING = 6;
-var textDecoder = new TextDecoder;
-function parseHighlightMessage(payload) {
-  try {
-    const json = JSON.parse(textDecoder.decode(payload));
-    if (!json || typeof json !== "object")
-      return null;
-    if (json.type === "show" && typeof json.ref === "string") {
-      return {
-        type: "show",
-        ref: json.ref,
-        message: typeof json.message === "string" ? json.message : undefined
-      };
-    }
-    if (json.type === "clear")
-      return { type: "clear" };
-    return null;
-  } catch {
-    return null;
-  }
-}
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef4, useState as useState5 } from "react";
+
+// src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
   try {
     return iframe.contentDocument;
@@ -1894,6 +2034,31 @@ function getRectInTopViewport(el) {
   }
   return rect;
 }
+
+// src/components/HighlightOverlay.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Z_INDEX = 2147483646;
+var HIGHLIGHT_PADDING = 6;
+var textDecoder = new TextDecoder;
+function parseHighlightMessage(payload) {
+  try {
+    const json = JSON.parse(textDecoder.decode(payload));
+    if (!json || typeof json !== "object")
+      return null;
+    if (json.type === "show" && typeof json.ref === "string") {
+      return {
+        type: "show",
+        ref: json.ref,
+        message: typeof json.message === "string" ? json.message : undefined
+      };
+    }
+    if (json.type === "clear")
+      return { type: "clear" };
+    return null;
+  } catch {
+    return null;
+  }
+}
 function findScrollableAncestor(el) {
   const win = el.ownerDocument?.defaultView ?? window;
   let node = el.parentElement;
@@ -1906,14 +2071,14 @@ function findScrollableAncestor(el) {
   return el.ownerDocument?.documentElement ?? document.documentElement;
 }
 function HighlightOverlay() {
-  const [overlayState, setOverlayState] = useState4(null);
+  const [overlayState, setOverlayState] = useState5(null);
   const targetElementRef = useRef4(null);
   const pendingFrameRef = useRef4(null);
-  const clearOverlay = useCallback4(() => {
+  const clearOverlay = useCallback5(() => {
     targetElementRef.current = null;
     setOverlayState(null);
   }, []);
-  const recomputeRect = useCallback4(() => {
+  const recomputeRect = useCallback5(() => {
     pendingFrameRef.current = null;
     const target = targetElementRef.current;
     if (!target)
@@ -1925,12 +2090,12 @@ function HighlightOverlay() {
     const rect2 = getRectInTopViewport(target);
     setOverlayState((prev) => prev ? { ...prev, rect: rect2 } : prev);
   }, [clearOverlay]);
-  const scheduleRecompute = useCallback4(() => {
+  const scheduleRecompute = useCallback5(() => {
     if (pendingFrameRef.current !== null)
       return;
     pendingFrameRef.current = window.requestAnimationFrame(recomputeRect);
   }, [recomputeRect]);
-  const onHighlightMessage = useCallback4((msg) => {
+  const onHighlightMessage = useCallback5((msg) => {
     const parsed = parseHighlightMessage(msg.payload);
     if (!parsed)
       return;
@@ -1951,7 +2116,7 @@ function HighlightOverlay() {
     });
   }, [clearOverlay]);
   useDataChannel(HIGHLIGHT_TOPIC, onHighlightMessage);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!overlayState)
       return;
     const target = targetElementRef.current;
@@ -2033,7 +2198,7 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useEffect as useEffect7 } from "react";
+import { useContext as useContext3, useEffect as useEffect8 } from "react";
 
 // src/hooks/useLiveAgent.ts
 import { useContext as useContext2 } from "react";
@@ -2050,6 +2215,9 @@ function useLiveAgent() {
     historyMessages,
     phasesSnapshot,
     setPhasesSnapshot,
+    adoptionGoals,
+    dismissAdoptionGoal,
+    startAdoptionSession,
     ...publicValue
   } = ctx;
   return publicValue;
@@ -2058,7 +2226,7 @@ function useLiveAgent() {
 // src/hooks/useMediaControls.ts
 import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
 import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 var SCREEN_SHARE_OPTIONS = {
   video: { displaySurface: "browser" },
   resolution: ScreenSharePresets2.h720fps30.resolution,
@@ -2068,14 +2236,14 @@ function useMediaControls() {
   const { localParticipant } = useLocalParticipant3();
   const isMuted = !localParticipant.isMicrophoneEnabled;
   const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback5(async () => {
+  const toggleMute = useCallback6(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(isMuted);
     } catch (error) {
       console.error("Failed to toggle microphone:", error);
     }
   }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback5(async () => {
+  const toggleScreenShare = useCallback6(async () => {
     try {
       await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
     } catch (error) {
@@ -2092,6 +2260,31 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/components/AdoptionBubble.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AdoptionBubble({ goal, onAttend, onDismiss }) {
+  return /* @__PURE__ */ jsxs2("div", {
+    className: cn("skippr:flex skippr:max-w-72 skippr:items-center skippr:gap-1.5", "skippr:rounded-full skippr:bg-bubble/95 skippr:backdrop-blur-sm", "skippr:py-1.5 skippr:pr-1.5 skippr:pl-3.5", "skippr:text-xs skippr:font-medium skippr:text-white", "skippr:shadow-[0_8px_24px_rgba(45,43,61,0.35)]", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]"),
+    children: [
+      /* @__PURE__ */ jsx2("button", {
+        type: "button",
+        onClick: () => onAttend(goal),
+        className: "skippr:min-w-0 skippr:flex-1 skippr:cursor-pointer skippr:truncate skippr:rounded-full skippr:text-left skippr:transition-opacity skippr:hover:opacity-90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-inset skippr:focus-visible:ring-white/70",
+        children: goal.displayMessage
+      }),
+      /* @__PURE__ */ jsx2("button", {
+        type: "button",
+        onClick: () => onDismiss(goal.goalId),
+        "aria-label": "Dismiss suggestion",
+        className: cn("skippr:flex skippr:size-5 skippr:shrink-0 skippr:items-center skippr:justify-center", "skippr:rounded-full skippr:text-white/70 skippr:cursor-pointer", "skippr:transition-colors skippr:hover:bg-white/15 skippr:hover:text-white", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-white/70"),
+        children: /* @__PURE__ */ jsx2(X, {
+          className: "skippr:size-3.5"
+        })
+      })
+    ]
+  });
+}
+
 // src/hooks/useAgentVoiceState.ts
 import { useVoiceAssistant } from "@livekit/components-react/hooks";
 function useAgentVoiceState() {
@@ -2104,7 +2297,7 @@ function useAgentVoiceState() {
 }
 
 // src/components/LauncherStatusPill.tsx
-import { jsx as jsx2, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 function pillStatusFromAgent(state, canSeePage) {
   if (state === "speaking")
     return "talking";
@@ -2141,58 +2334,58 @@ function LauncherStatusPill() {
       setSidebarTab("chat");
     expandPanel();
   };
-  return /* @__PURE__ */ jsx2("button", {
+  return /* @__PURE__ */ jsx3("button", {
     type: "button",
     onClick: handleClick,
     className: cn("skippr:fixed skippr:bottom-20 skippr:z-[9999]", "skippr:flex skippr:items-center skippr:gap-2", "skippr:rounded-full skippr:bg-bubble/95 skippr:backdrop-blur-sm", "skippr:px-3 skippr:py-1.5", "skippr:text-xs skippr:font-medium skippr:text-white", "skippr:shadow-[0_8px_24px_rgba(45,43,61,0.35)]", "skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-bubble", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]", position === "right" ? "skippr:right-6" : "skippr:left-6"),
     "aria-label": ariaLabel,
-    children: /* @__PURE__ */ jsxs2("span", {
+    children: /* @__PURE__ */ jsxs3("span", {
       className: "skippr:flex skippr:items-center skippr:gap-2 skippr:animate-[skippr-pill-content_0.22s_ease-out]",
       children: [
-        status === "standing-by" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "standing-by" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3("span", {
               children: "Standing by"
             }),
-            /* @__PURE__ */ jsx2(ThinkingDots, {})
+            /* @__PURE__ */ jsx3(ThinkingDots, {})
           ]
         }),
-        status === "observing" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "observing" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2(ObservingIcon, {}),
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3(ObservingIcon, {}),
+            /* @__PURE__ */ jsx3("span", {
               children: "Skippr is observing"
             })
           ]
         }),
-        status === "connected" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "connected" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2(ConnectedDot, {}),
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3(ConnectedDot, {}),
+            /* @__PURE__ */ jsx3("span", {
               children: "Skippr is connected"
             })
           ]
         }),
-        status === "talking" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "talking" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2(SpeakingBars, {}),
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3(SpeakingBars, {}),
+            /* @__PURE__ */ jsx3("span", {
               children: "Skippr is talking"
             })
           ]
         }),
-        status === "thinking" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "thinking" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2(ThinkingDots, {}),
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3(ThinkingDots, {}),
+            /* @__PURE__ */ jsx3("span", {
               children: "Skippr is thinking"
             })
           ]
         }),
-        status === "paused" && /* @__PURE__ */ jsxs2(Fragment, {
+        status === "paused" && /* @__PURE__ */ jsxs3(Fragment, {
           children: [
-            /* @__PURE__ */ jsx2(PausedDot, {}),
-            /* @__PURE__ */ jsx2("span", {
+            /* @__PURE__ */ jsx3(PausedDot, {}),
+            /* @__PURE__ */ jsx3("span", {
               children: "Session paused"
             })
           ]
@@ -2202,25 +2395,25 @@ function LauncherStatusPill() {
   });
 }
 function ConnectedDot() {
-  return /* @__PURE__ */ jsxs2("span", {
+  return /* @__PURE__ */ jsxs3("span", {
     className: "skippr:relative skippr:flex skippr:size-2",
     children: [
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:absolute skippr:inline-flex skippr:size-full skippr:animate-ping skippr:rounded-full skippr:bg-emerald-400 skippr:opacity-75"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:relative skippr:inline-flex skippr:size-2 skippr:rounded-full skippr:bg-emerald-400"
       })
     ]
   });
 }
 function PausedDot() {
-  return /* @__PURE__ */ jsx2("span", {
+  return /* @__PURE__ */ jsx3("span", {
     className: "skippr:inline-flex skippr:size-2 skippr:rounded-full skippr:bg-amber-400"
   });
 }
 function ObservingIcon() {
-  return /* @__PURE__ */ jsxs2("svg", {
+  return /* @__PURE__ */ jsxs3("svg", {
     viewBox: "0 0 24 24",
     className: "skippr:size-3.5",
     fill: "none",
@@ -2230,10 +2423,10 @@ function ObservingIcon() {
     strokeLinejoin: "round",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsx2("path", {
+      /* @__PURE__ */ jsx3("path", {
         d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
       }),
-      /* @__PURE__ */ jsx2("circle", {
+      /* @__PURE__ */ jsx3("circle", {
         cx: "12",
         cy: "12",
         r: "3",
@@ -2245,38 +2438,38 @@ function ObservingIcon() {
   });
 }
 function SpeakingBars() {
-  return /* @__PURE__ */ jsxs2("span", {
+  return /* @__PURE__ */ jsxs3("span", {
     className: "skippr:flex skippr:items-center skippr:gap-[2px] skippr:h-3.5",
     children: [
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_infinite] skippr:h-1.5"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.15s_infinite] skippr:h-3"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.3s_infinite] skippr:h-2"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.45s_infinite] skippr:h-3.5"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.6s_infinite] skippr:h-1"
       })
     ]
   });
 }
 function ThinkingDots() {
-  return /* @__PURE__ */ jsxs2("span", {
+  return /* @__PURE__ */ jsxs3("span", {
     className: "skippr:flex skippr:items-center skippr:gap-[3px]",
     children: [
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:0ms]"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:150ms]"
       }),
-      /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:300ms]"
       })
     ]
@@ -2284,9 +2477,9 @@ function ThinkingDots() {
 }
 
 // src/components/Logo.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsxs3("svg", {
+  return /* @__PURE__ */ jsxs4("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -2296,20 +2489,20 @@ function Logo({ className }) {
     "aria-label": "Skippr",
     className,
     children: [
-      /* @__PURE__ */ jsx3("rect", {
+      /* @__PURE__ */ jsx4("rect", {
         width: "200",
         height: "200",
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs3("g", {
+      /* @__PURE__ */ jsxs4("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
-          /* @__PURE__ */ jsx3("path", {
+          /* @__PURE__ */ jsx4("path", {
             d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
             fill: "white"
           }),
-          /* @__PURE__ */ jsx3("path", {
+          /* @__PURE__ */ jsx4("path", {
             d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
             fill: "#2BC0AE"
           })
@@ -2320,7 +2513,7 @@ function Logo({ className }) {
 }
 
 // src/components/MinimizedBubble.tsx
-import { jsx as jsx4, jsxs as jsxs4, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
 var CONTROL_BUTTON = "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center skippr:rounded-[14px] skippr:cursor-pointer skippr:transition-all skippr:hover:-translate-y-0.5 skippr:active:translate-y-0";
 var CONTROL_SHADOW = "skippr:shadow-[0_4px_16px_rgba(0,0,0,0.15),0_2px_4px_rgba(0,0,0,0.1)]";
 function ConnectedLauncher() {
@@ -2341,61 +2534,61 @@ function ConnectedLauncher() {
     setSidebarTab("chat");
     expandPanel();
   };
-  return /* @__PURE__ */ jsxs4(Fragment2, {
+  return /* @__PURE__ */ jsxs5(Fragment2, {
     children: [
-      !showPaused && /* @__PURE__ */ jsxs4(Fragment2, {
+      !showPaused && /* @__PURE__ */ jsxs5(Fragment2, {
         children: [
-          /* @__PURE__ */ jsx4("button", {
+          /* @__PURE__ */ jsx5("button", {
             type: "button",
             onClick: toggleMute,
             "aria-label": isMuted ? "Unmute" : "Mute",
             className: cn(CONTROL_BUTTON, CONTROL_SHADOW, isMuted ? "skippr:bg-destructive/10 skippr:text-destructive skippr:hover:bg-destructive/20" : "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted"),
-            children: isMuted ? /* @__PURE__ */ jsx4(MicOff, {
+            children: isMuted ? /* @__PURE__ */ jsx5(MicOff, {
               className: "skippr:size-5"
-            }) : /* @__PURE__ */ jsx4(Mic, {
+            }) : /* @__PURE__ */ jsx5(Mic, {
               className: "skippr:size-5"
             })
           }),
-          showScreenShareToggle && /* @__PURE__ */ jsx4("button", {
+          showScreenShareToggle && /* @__PURE__ */ jsx5("button", {
             type: "button",
             onClick: toggleScreenShare,
             "aria-label": isScreenSharing ? "Stop sharing screen" : "Share screen",
             className: cn(CONTROL_BUTTON, CONTROL_SHADOW, isScreenSharing ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted"),
-            children: isScreenSharing ? /* @__PURE__ */ jsx4(MonitorOff, {
+            children: isScreenSharing ? /* @__PURE__ */ jsx5(MonitorOff, {
               className: "skippr:size-5"
-            }) : /* @__PURE__ */ jsx4(Monitor, {
+            }) : /* @__PURE__ */ jsx5(Monitor, {
               className: "skippr:size-5"
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsx4("button", {
+      /* @__PURE__ */ jsx5("button", {
         type: "button",
         onClick: () => isPaused ? resumeSession() : pauseSession(),
         disabled: isPausing,
         "aria-label": showPaused ? "Resume session" : "Pause session",
         className: cn(CONTROL_BUTTON, CONTROL_SHADOW, "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted skippr:disabled:opacity-60"),
-        children: showPaused ? /* @__PURE__ */ jsx4(Play, {
+        children: showPaused ? /* @__PURE__ */ jsx5(Play, {
           className: "skippr:size-5"
-        }) : /* @__PURE__ */ jsx4(Pause, {
+        }) : /* @__PURE__ */ jsx5(Pause, {
           className: "skippr:size-5"
         })
       }),
-      /* @__PURE__ */ jsx4("button", {
+      /* @__PURE__ */ jsx5("button", {
         type: "button",
         onClick: () => disconnect(),
         "aria-label": "End session",
         className: cn(CONTROL_BUTTON, "skippr:bg-destructive skippr:text-destructive-foreground skippr:hover:bg-destructive/90", "skippr:shadow-[0_4px_16px_rgba(217,79,79,0.45),0_2px_4px_rgba(0,0,0,0.1)]"),
-        children: /* @__PURE__ */ jsx4(PhoneOff, {
+        children: /* @__PURE__ */ jsx5(PhoneOff, {
           className: "skippr:size-5"
         })
       }),
-      !showPaused && /* @__PURE__ */ jsx4("button", {
+      !showPaused && /* @__PURE__ */ jsx5("button", {
         type: "button",
         onClick: openChat,
         "aria-label": "Open chat",
         className: cn(CONTROL_BUTTON, "skippr:bg-bubble skippr:text-white skippr:overflow-hidden", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)]", "skippr:hover:shadow-[0_6px_24px_rgba(45,43,61,0.55),0_4px_8px_rgba(0,0,0,0.1)]"),
-        children: /* @__PURE__ */ jsx4(MessageSquare, {
+        children: /* @__PURE__ */ jsx5(MessageSquare, {
           className: "skippr:size-5"
         })
       })
@@ -2404,12 +2597,12 @@ function ConnectedLauncher() {
 }
 function IdleLauncher() {
   const { expandPanel } = useLiveAgent();
-  return /* @__PURE__ */ jsx4("button", {
+  return /* @__PURE__ */ jsx5("button", {
     type: "button",
     onClick: expandPanel,
     "aria-label": "Skippr assistant",
     className: cn("skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:rounded-[10px] skippr:overflow-hidden skippr:cursor-pointer", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)]", "skippr:transition-all skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0"),
-    children: /* @__PURE__ */ jsx4(Logo, {
+    children: /* @__PURE__ */ jsx5(Logo, {
       className: "skippr:size-12"
     })
   });
@@ -2419,18 +2612,18 @@ function WelcomeBubble({
   position,
   onDismiss
 }) {
-  useEffect7(() => {
+  useEffect8(() => {
     const timer = setTimeout(onDismiss, 5000);
     return () => clearTimeout(timer);
   }, [onDismiss]);
-  return /* @__PURE__ */ jsxs4("button", {
+  return /* @__PURE__ */ jsxs5("button", {
     type: "button",
     className: cn("skippr:absolute skippr:bottom-full skippr:mb-3", "skippr:max-w-64 skippr:rounded-xl skippr:bg-card skippr:shadow-lg", "skippr:border skippr:border-border skippr:px-4 skippr:py-3", "skippr:text-sm skippr:text-foreground skippr:leading-relaxed skippr:text-left", "skippr:animate-[skippr-fade-in_0.3s_ease-out]", "skippr:cursor-pointer", position === "right" ? "skippr:right-0" : "skippr:left-0"),
     onClick: onDismiss,
     "aria-label": "Dismiss",
     children: [
       message,
-      /* @__PURE__ */ jsx4("span", {
+      /* @__PURE__ */ jsx5("span", {
         className: cn("skippr:absolute skippr:top-full skippr:size-2.5", "skippr:border-l skippr:border-t skippr:border-border skippr:bg-card", "skippr:rotate-[225deg]", position === "right" ? "skippr:right-5" : "skippr:left-5", "skippr:-mt-[5px]")
       })
     ]
@@ -2441,30 +2634,381 @@ function MinimizedBubble({
   welcomeDismissed,
   onDismissWelcome
 }) {
-  const { isConnected, isStarting, isPaused, isPausing, position } = useLiveAgent();
+  const ctx = useContext3(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
+  }
+  const {
+    isConnected,
+    isStarting,
+    isPaused,
+    isPausing,
+    position,
+    adoptionGoals,
+    dismissAdoptionGoal,
+    startAdoptionSession
+  } = ctx;
   const inSession = isConnected || isPaused || isPausing;
-  return /* @__PURE__ */ jsxs4(Fragment2, {
+  return /* @__PURE__ */ jsxs5(Fragment2, {
     children: [
-      /* @__PURE__ */ jsx4(LauncherStatusPill, {}),
-      /* @__PURE__ */ jsxs4("div", {
+      /* @__PURE__ */ jsx5(LauncherStatusPill, {}),
+      /* @__PURE__ */ jsxs5("div", {
         className: cn("skippr:fixed skippr:bottom-6 skippr:z-[9999]", "skippr:flex skippr:items-center skippr:gap-2", position === "right" ? "skippr:right-6" : "skippr:left-6"),
         children: [
-          welcomeMessage && !isConnected && !isStarting && !welcomeDismissed && /* @__PURE__ */ jsx4(WelcomeBubble, {
+          !inSession && !isStarting && adoptionGoals.length > 0 && /* @__PURE__ */ jsx5("div", {
+            className: cn("skippr:absolute skippr:bottom-full skippr:mb-3 skippr:flex skippr:flex-col skippr:gap-2", position === "right" ? "skippr:right-0 skippr:items-end" : "skippr:left-0 skippr:items-start"),
+            children: adoptionGoals.map((goal) => /* @__PURE__ */ jsx5(AdoptionBubble, {
+              goal,
+              onAttend: startAdoptionSession,
+              onDismiss: dismissAdoptionGoal
+            }, goal.goalId))
+          }),
+          welcomeMessage && !isConnected && !isStarting && !welcomeDismissed && adoptionGoals.length === 0 && /* @__PURE__ */ jsx5(WelcomeBubble, {
             message: welcomeMessage,
             position,
             onDismiss: onDismissWelcome
           }),
-          inSession ? /* @__PURE__ */ jsx4(ConnectedLauncher, {}) : /* @__PURE__ */ jsx4(IdleLauncher, {})
+          inSession ? /* @__PURE__ */ jsx5(ConnectedLauncher, {}) : /* @__PURE__ */ jsx5(IdleLauncher, {})
         ]
       })
     ]
   });
 }
 
+// src/components/PageActionHandler.tsx
+import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef6, useState as useState7 } from "react";
+
+// src/components/AgentActivityIndicator.tsx
+import { useEffect as useEffect9, useRef as useRef5, useState as useState6 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var Z_INDEX2 = 2147483646;
+function centerOf(element) {
+  const rect = getRectInTopViewport(element);
+  return { left: rect.left + rect.width / 2, top: rect.top + rect.height / 2 };
+}
+function AgentActivityIndicator({ target }) {
+  const [position, setPosition] = useState6(null);
+  const frameRef = useRef5(null);
+  useEffect9(() => {
+    if (!target || !target.element.isConnected) {
+      setPosition(null);
+      return;
+    }
+    const update = () => {
+      frameRef.current = null;
+      if (!target.element.isConnected)
+        return;
+      setPosition(centerOf(target.element));
+    };
+    update();
+    const schedule = () => {
+      if (frameRef.current !== null)
+        return;
+      frameRef.current = window.requestAnimationFrame(update);
+    };
+    window.addEventListener("scroll", schedule, { capture: true, passive: true });
+    window.addEventListener("resize", schedule, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", schedule, { capture: true });
+      window.removeEventListener("resize", schedule);
+      if (frameRef.current !== null) {
+        window.cancelAnimationFrame(frameRef.current);
+        frameRef.current = null;
+      }
+    };
+  }, [target]);
+  if (!target || !position)
+    return null;
+  const containerStyle = {
+    position: "fixed",
+    left: `${position.left}px`,
+    top: `${position.top}px`,
+    pointerEvents: "none",
+    zIndex: Z_INDEX2,
+    transition: "left 0.45s cubic-bezier(0.22, 1, 0.36, 1), top 0.45s cubic-bezier(0.22, 1, 0.36, 1)"
+  };
+  return /* @__PURE__ */ jsx6("div", {
+    "data-skippr-private": "true",
+    style: containerStyle,
+    children: /* @__PURE__ */ jsxs6("div", {
+      className: "skippr:relative",
+      children: [
+        /* @__PURE__ */ jsx6(MousePointer2, {
+          "aria-hidden": "true",
+          className: "skippr:h-5 skippr:w-5 skippr:text-cyan-500 skippr:drop-shadow-[0_1px_3px_rgba(0,0,0,0.35)] skippr:animate-skippr-press",
+          fill: "currentColor"
+        }),
+        /* @__PURE__ */ jsx6("div", {
+          role: "status",
+          className: "skippr:absolute skippr:left-5 skippr:top-4 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-cyan-500 skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.18)]",
+          children: /* @__PURE__ */ jsx6("span", {
+            className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
+            children: target.label
+          })
+        })
+      ]
+    })
+  });
+}
+
+// src/components/PageActionHandler.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var INDICATOR_LINGER_MS = 1400;
+var CURSOR_LEAD_BEFORE_ACTION_MS = 350;
+var SETTLE_MS = 250;
+var textDecoder2 = new TextDecoder;
+function parsePageAction(payload) {
+  try {
+    const json = JSON.parse(textDecoder2.decode(payload));
+    if (!json || typeof json !== "object")
+      return null;
+    switch (json.type) {
+      case "click":
+        return typeof json.ref === "string" ? { type: "click", ref: json.ref } : null;
+      case "fill":
+        return typeof json.ref === "string" && typeof json.value === "string" ? { type: "fill", ref: json.ref, value: json.value } : null;
+      case "select":
+        return typeof json.ref === "string" && typeof json.value === "string" ? { type: "select", ref: json.ref, value: json.value } : null;
+      case "scroll":
+        return typeof json.ref === "string" ? { type: "scroll", ref: json.ref } : null;
+      case "navigate":
+        return typeof json.url === "string" ? { type: "navigate", url: json.url } : null;
+      default:
+        return null;
+    }
+  } catch {
+    return null;
+  }
+}
+function isSameOriginHttpUrl(url) {
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol !== "http:" && parsed.protocol !== "https:")
+      return false;
+    return parsed.origin === window.location.origin;
+  } catch {
+    return false;
+  }
+}
+function isVisible2(element) {
+  const rect = element.getBoundingClientRect();
+  if (rect.width === 0 && rect.height === 0)
+    return false;
+  const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+  if (!style)
+    return true;
+  return style.visibility !== "hidden" && style.display !== "none";
+}
+function setReactCompatibleValue(element, value) {
+  const prototype = element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+  const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+  if (setter) {
+    setter.call(element, value);
+  } else {
+    element.value = value;
+  }
+  element.dispatchEvent(new Event("input", { bubbles: true }));
+  element.dispatchEvent(new Event("change", { bubbles: true }));
+}
+function performFill(element, value) {
+  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+    element.focus();
+    setReactCompatibleValue(element, value);
+  }
+}
+function performSelect(element, value) {
+  if (element instanceof HTMLSelectElement) {
+    const match = Array.from(element.options).find((option) => option.value === value || option.label === value || option.text === value);
+    if (match) {
+      element.value = match.value;
+      element.dispatchEvent(new Event("change", { bubbles: true }));
+    }
+    return;
+  }
+  if (element instanceof HTMLInputElement && (element.type === "checkbox" || element.type === "radio")) {
+    const shouldCheck = value !== "false" && value !== "";
+    if (element.checked !== shouldCheck)
+      element.click();
+  }
+}
+var INTERACTIVE_SELECTOR = 'button, a[href], [role="button"], [role="link"], input, select, [onclick]';
+function resolveClickTarget(element) {
+  if (element.matches(INTERACTIVE_SELECTOR))
+    return element;
+  const ancestor = element.closest(INTERACTIVE_SELECTOR);
+  if (ancestor)
+    return ancestor;
+  const descendants = element.querySelectorAll(INTERACTIVE_SELECTOR);
+  const onlyDescendant = descendants.length === 1 ? descendants[0] : null;
+  return onlyDescendant ?? element;
+}
+function performClick(element) {
+  const rect = element.getBoundingClientRect();
+  const clientX = rect.left + rect.width / 2;
+  const clientY = rect.top + rect.height / 2;
+  const base = { bubbles: true, cancelable: true, composed: true, clientX, clientY, button: 0 };
+  if (typeof element.focus === "function") {
+    try {
+      element.focus({ preventScroll: true });
+    } catch {}
+  }
+  try {
+    element.dispatchEvent(new PointerEvent("pointerdown", { ...base, pointerId: 1, isPrimary: true }));
+    element.dispatchEvent(new MouseEvent("mousedown", base));
+    element.dispatchEvent(new PointerEvent("pointerup", { ...base, pointerId: 1, isPrimary: true }));
+    element.dispatchEvent(new MouseEvent("mouseup", base));
+  } catch {}
+  element.click();
+}
+function performAction(action, element) {
+  switch (action.type) {
+    case "click": {
+      const target = resolveClickTarget(element);
+      target.scrollIntoView({ behavior: "smooth", block: "center" });
+      performClick(target);
+      return;
+    }
+    case "fill":
+      element.scrollIntoView({ behavior: "smooth", block: "center" });
+      performFill(element, action.value);
+      return;
+    case "select":
+      element.scrollIntoView({ behavior: "smooth", block: "center" });
+      performSelect(element, action.value);
+      return;
+    case "scroll":
+      element.scrollIntoView({ behavior: "smooth", block: "center" });
+      return;
+  }
+}
+function labelFor(action) {
+  switch (action.type) {
+    case "click":
+      return "Clicking…";
+    case "fill":
+      return "Typing…";
+    case "select":
+      return "Selecting…";
+    case "scroll":
+      return "Scrolling…";
+    case "navigate":
+      return "Navigating…";
+  }
+}
+function PageActionHandler() {
+  const [activity, setActivity] = useState7(null);
+  const mountedRef = useRef6(true);
+  const queueRef = useRef6([]);
+  const drainingRef = useRef6(false);
+  const timersRef = useRef6(new Set);
+  const wakesRef = useRef6(new Set);
+  const indicatorTimerRef = useRef6(null);
+  const sleep = useCallback7((ms) => {
+    return new Promise((resolve) => {
+      const wake = () => {
+        wakesRef.current.delete(wake);
+        resolve();
+      };
+      wakesRef.current.add(wake);
+      const timer = setTimeout(() => {
+        timersRef.current.delete(timer);
+        wake();
+      }, ms);
+      timersRef.current.add(timer);
+    });
+  }, []);
+  const showActivity = useCallback7((target) => {
+    if (indicatorTimerRef.current) {
+      clearTimeout(indicatorTimerRef.current);
+      indicatorTimerRef.current = null;
+    }
+    setActivity(target);
+    if (target) {
+      const timer = setTimeout(() => {
+        indicatorTimerRef.current = null;
+        if (mountedRef.current)
+          setActivity(null);
+      }, INDICATOR_LINGER_MS);
+      indicatorTimerRef.current = timer;
+    }
+  }, []);
+  const processOne = useCallback7(async (action) => {
+    if (action.type === "navigate") {
+      queueRef.current.length = 0;
+      if (!isSameOriginHttpUrl(action.url))
+        return;
+      showActivity({ element: document.body, label: labelFor(action) });
+      await sleep(CURSOR_LEAD_BEFORE_ACTION_MS);
+      if (!mountedRef.current)
+        return;
+      window.location.assign(action.url);
+      return;
+    }
+    const element = findElementByRef(action.ref);
+    if (!element || !element.isConnected || !isVisible2(element))
+      return;
+    if (isActionBlocked(element))
+      return;
+    if (action.type === "click" && isActionBlocked(resolveClickTarget(element)))
+      return;
+    showActivity({ element, label: labelFor(action) });
+    await sleep(CURSOR_LEAD_BEFORE_ACTION_MS);
+    if (!mountedRef.current || !element.isConnected)
+      return;
+    runAgentAction(() => performAction(action, element));
+    await sleep(SETTLE_MS);
+  }, [showActivity, sleep]);
+  const drain = useCallback7(async () => {
+    if (drainingRef.current)
+      return;
+    drainingRef.current = true;
+    try {
+      while (mountedRef.current && queueRef.current.length > 0) {
+        const action = queueRef.current.shift();
+        if (!action)
+          break;
+        await processOne(action);
+      }
+    } finally {
+      drainingRef.current = false;
+    }
+  }, [processOne]);
+  const onMessage = useCallback7((msg) => {
+    const action = parsePageAction(msg.payload);
+    if (!action)
+      return;
+    queueRef.current.push(action);
+    drain();
+  }, [drain]);
+  useEffect10(() => {
+    mountedRef.current = true;
+    drainingRef.current = false;
+    return () => {
+      mountedRef.current = false;
+      for (const timer of timersRef.current)
+        clearTimeout(timer);
+      timersRef.current.clear();
+      if (indicatorTimerRef.current) {
+        clearTimeout(indicatorTimerRef.current);
+        indicatorTimerRef.current = null;
+      }
+      for (const wake of wakesRef.current)
+        wake();
+      wakesRef.current.clear();
+      queueRef.current.length = 0;
+    };
+  }, []);
+  useDataChannel2(PAGE_ACTIONS_TOPIC, onMessage);
+  return /* @__PURE__ */ jsx7(AgentActivityIndicator, {
+    target: activity
+  });
+}
+
 // src/components/ShadowHost.tsx
-import { useLayoutEffect, useRef as useRef5, useState as useState5 } from "react";
+import { useLayoutEffect, useRef as useRef7, useState as useState8 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx5, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx8, Fragment as Fragment3 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
 var PROPERTY_RULE = /@property\s+[^{]+\{[^}]*\}/g;
 function hoistTailwindProperties(css) {
@@ -2479,10 +3023,10 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef5(null);
-  const [shadowRoot, setShadowRoot] = useState5(null);
+  const hostRef = useRef7(null);
+  const [shadowRoot, setShadowRoot] = useState8(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-cyan-400:oklch(78.9% .154 211.53);--skippr-color-cyan-900:oklch(39.8% .07 227.392);--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-tracking-wide:.025em;--skippr-tracking-wider:.05em;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-full{top:100%}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-2{bottom:calc(var(--skippr-spacing)*-2)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-0{bottom:calc(var(--skippr-spacing)*0)}.skippr\\:bottom-6{bottom:calc(var(--skippr-spacing)*6)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[88px\\]{bottom:88px}.skippr\\:bottom-full{bottom:100%}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:col-span-2{grid-column:span 2/span 2}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:flex{display:flex}.skippr\\:grid{display:grid}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-11{width:calc(var(--skippr-spacing)*11);height:calc(var(--skippr-spacing)*11)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-\\[min\\(460px\\,calc\\(100vh-200px\\)\\)\\]{height:min(460px,100vh - 200px)}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3{width:calc(var(--skippr-spacing)*3)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-9{width:calc(var(--skippr-spacing)*9)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:resize-none{resize:none}.skippr\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.skippr\\:flex-col{flex-direction:column}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-cyan-400{border-color:var(--skippr-color-cyan-400)}.skippr\\:border-destructive\\/20{border-color:oklab(61.4357% .15892 .0698893/.2)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/15{background-color:oklab(29.9244% .0107414 -.0305411/.15)}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-cyan-400{background-color:var(--skippr-color-cyan-400)}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-destructive\\/10{background-color:oklab(61.4357% .15892 .0698893/.1)}.skippr\\:bg-destructive\\/15{background-color:oklab(61.4357% .15892 .0698893/.15)}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/15{background-color:oklab(100% 0 5.96046e-8/.15)}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.skippr\\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.skippr\\:from-background{--tw-gradient-from:oklch(100% 0 0);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-6{padding:calc(var(--skippr-spacing)*6)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:pt-3{padding-top:calc(var(--skippr-spacing)*3)}.skippr\\:pb-5{padding-bottom:calc(var(--skippr-spacing)*5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-wide{--tw-tracking:var(--skippr-tracking-wide);letter-spacing:var(--skippr-tracking-wide)}.skippr\\:tracking-wider{--tw-tracking:var(--skippr-tracking-wider);letter-spacing:var(--skippr-tracking-wider)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-cyan-900{color:var(--skippr-color-cyan-900)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-destructive-foreground{color:oklch(100% 0 0)}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000026),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(217\\,79\\,79\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#d94f4f73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/20:hover{background-color:oklab(61.4357% .15892 .0698893/.2)}.skippr\\:hover\\:bg-destructive\\/25:hover{background-color:oklab(61.4357% .15892 .0698893/.25)}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-muted\\/50:hover{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:hover\\:bg-muted\\/80:hover{background-color:oklab(97% -.000282743 .000959196/.8)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\:shadow-\\[0_6px_24px_rgba\\(45\\,43\\,61\\,0\\.55\\)\\,0_4px_8px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:hover{--tw-shadow:0 6px 24px var(--tw-shadow-color,#2d2b3d8c),0 4px 8px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #22d3ee73}50%{box-shadow:0 0 0 10px #22d3ee00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-cyan-400:oklch(78.9% .154 211.53);--skippr-color-cyan-500:oklch(71.5% .143 215.221);--skippr-color-cyan-900:oklch(39.8% .07 227.392);--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-tracking-wide:.025em;--skippr-tracking-wider:.05em;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-4{top:calc(var(--skippr-spacing)*4)}.skippr\\:top-full{top:100%}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-2{bottom:calc(var(--skippr-spacing)*-2)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-0{bottom:calc(var(--skippr-spacing)*0)}.skippr\\:bottom-6{bottom:calc(var(--skippr-spacing)*6)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[88px\\]{bottom:88px}.skippr\\:bottom-full{bottom:100%}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:col-span-2{grid-column:span 2/span 2}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:flex{display:flex}.skippr\\:grid{display:grid}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-11{width:calc(var(--skippr-spacing)*11);height:calc(var(--skippr-spacing)*11)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-\\[min\\(460px\\,calc\\(100vh-200px\\)\\)\\]{height:min(460px,100vh - 200px)}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3{width:calc(var(--skippr-spacing)*3)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-9{width:calc(var(--skippr-spacing)*9)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:resize-none{resize:none}.skippr\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.skippr\\:flex-col{flex-direction:column}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-cyan-400{border-color:var(--skippr-color-cyan-400)}.skippr\\:border-destructive\\/20{border-color:oklab(61.4357% .15892 .0698893/.2)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/15{background-color:oklab(29.9244% .0107414 -.0305411/.15)}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-cyan-400{background-color:var(--skippr-color-cyan-400)}.skippr\\:bg-cyan-500{background-color:var(--skippr-color-cyan-500)}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-destructive\\/10{background-color:oklab(61.4357% .15892 .0698893/.1)}.skippr\\:bg-destructive\\/15{background-color:oklab(61.4357% .15892 .0698893/.15)}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/15{background-color:oklab(100% 0 5.96046e-8/.15)}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.skippr\\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.skippr\\:from-background{--tw-gradient-from:oklch(100% 0 0);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-6{padding:calc(var(--skippr-spacing)*6)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:pt-3{padding-top:calc(var(--skippr-spacing)*3)}.skippr\\:pr-1\\.5{padding-right:calc(var(--skippr-spacing)*1.5)}.skippr\\:pb-5{padding-bottom:calc(var(--skippr-spacing)*5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-wide{--tw-tracking:var(--skippr-tracking-wide);letter-spacing:var(--skippr-tracking-wide)}.skippr\\:tracking-wider{--tw-tracking:var(--skippr-tracking-wider);letter-spacing:var(--skippr-tracking-wider)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-cyan-500{color:var(--skippr-color-cyan-500)}.skippr\\:text-cyan-900{color:var(--skippr-color-cyan-900)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-destructive-foreground{color:oklch(100% 0 0)}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/70{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/70{color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000026),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(217\\,79\\,79\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#d94f4f73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]{--tw-drop-shadow-size:drop-shadow(0 1px 3px var(--tw-drop-shadow-color,#00000059));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/20:hover{background-color:oklab(61.4357% .15892 .0698893/.2)}.skippr\\:hover\\:bg-destructive\\/25:hover{background-color:oklab(61.4357% .15892 .0698893/.25)}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-muted\\/50:hover{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:hover\\:bg-muted\\/80:hover{background-color:oklab(97% -.000282743 .000959196/.8)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/15:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/15:hover{background-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\:text-white:hover{color:var(--skippr-color-white)}.skippr\\:hover\\:opacity-90:hover{opacity:.9}.skippr\\:hover\\:shadow-\\[0_6px_24px_rgba\\(45\\,43\\,61\\,0\\.55\\)\\,0_4px_8px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:hover{--tw-shadow:0 6px 24px var(--tw-shadow-color,#2d2b3d8c),0 4px 8px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #22d3ee73}50%{box-shadow:0 0 0 10px #22d3ee00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   useLayoutEffect(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -2497,20 +3041,20 @@ function ShadowHost({ children }) {
     setShadowRoot(root);
   }, [css]);
   if (!css)
-    return /* @__PURE__ */ jsx5(Fragment3, {
+    return /* @__PURE__ */ jsx8(Fragment3, {
       children
     });
-  return /* @__PURE__ */ jsx5("div", {
+  return /* @__PURE__ */ jsx8("div", {
     ref: hostRef,
     children: shadowRoot && createPortal(children, shadowRoot)
   });
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext5, useEffect as useEffect16 } from "react";
+import { useContext as useContext6, useEffect as useEffect19 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext3, useMemo as useMemo4 } from "react";
+import { useContext as useContext4, useMemo as useMemo4 } from "react";
 
 // src/hooks/useChatMessages.ts
 import { useChat, useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
@@ -2578,7 +3122,7 @@ function useCombinedMessages() {
   const { transcriptMessages } = useStreamingTranscript();
   const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
   const { state: agentState } = useAgentVoiceState();
-  const historyMessages = useContext3(LiveAgentContext)?.historyMessages ?? [];
+  const historyMessages = useContext4(LiveAgentContext)?.historyMessages ?? [];
   const liveMessages = useMemo4(() => {
     if (chatMessages.length === 0)
       return transcriptMessages;
@@ -2596,15 +3140,15 @@ function useCombinedMessages() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback6, useContext as useContext4, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback8, useContext as useContext5, useEffect as useEffect12 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect11, useState as useState9 } from "react";
 function useAgentState(attributeKey, parse, initial) {
-  const [value, setValue] = useState6(initial);
+  const [value, setValue] = useState9(initial);
   const remoteParticipants = useRemoteParticipants();
-  useEffect8(() => {
+  useEffect11(() => {
     const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
     if (agentParticipant) {
       const attr = agentParticipant.attributes?.[attributeKey];
@@ -2650,10 +3194,10 @@ function parsePhases(json) {
   return null;
 }
 function usePhaseUpdates() {
-  const parse = useCallback6(parsePhases, []);
+  const parse = useCallback8(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
-  const ctx = useContext4(LiveAgentContext);
-  useEffect9(() => {
+  const ctx = useContext5(LiveAgentContext);
+  useEffect12(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -2662,7 +3206,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect10, useRef as useRef6, useState as useState7 } from "react";
+import { useEffect as useEffect13, useRef as useRef8, useState as useState10 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -2678,9 +3222,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef6(null);
-  const [remaining, setRemaining] = useState7(null);
-  useEffect10(() => {
+  const endTimeRef = useRef8(null);
+  const [remaining, setRemaining] = useState10(null);
+  useEffect13(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -2697,10 +3241,10 @@ function useSessionRemaining() {
 }
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect11, useState as useState8 } from "react";
+import { useEffect as useEffect14, useState as useState11 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState8(0);
-  useEffect11(() => {
+  const [elapsed, setElapsed] = useState11(0);
+  useEffect14(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -2716,50 +3260,50 @@ function useElapsedSeconds(isRunning) {
 }
 
 // src/components/ChatHeader.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ChatHeader() {
   const { isConnected, minimizePanel, minimizable } = useLiveAgent();
   const elapsed = useElapsedSeconds(isConnected);
-  return /* @__PURE__ */ jsxs5("header", {
+  return /* @__PURE__ */ jsxs7("header", {
     className: "skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-between skippr:border-b skippr:border-border skippr:bg-primary skippr:px-4 skippr:py-3",
     children: [
-      /* @__PURE__ */ jsx6("p", {
+      /* @__PURE__ */ jsx9("p", {
         className: "skippr:text-sm skippr:font-semibold skippr:text-primary-foreground",
         children: "Skippr"
       }),
-      /* @__PURE__ */ jsxs5("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2",
         children: [
-          isConnected && /* @__PURE__ */ jsxs5("div", {
+          isConnected && /* @__PURE__ */ jsxs7("div", {
             className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-primary-foreground/20 skippr:px-2.5 skippr:py-1",
             children: [
-              /* @__PURE__ */ jsxs5("span", {
+              /* @__PURE__ */ jsxs7("span", {
                 className: "skippr:relative skippr:flex skippr:size-1.5",
                 children: [
-                  /* @__PURE__ */ jsx6("span", {
+                  /* @__PURE__ */ jsx9("span", {
                     className: "skippr:absolute skippr:inline-flex skippr:h-full skippr:w-full skippr:animate-ping skippr:rounded-full skippr:bg-red-400 skippr:opacity-75"
                   }),
-                  /* @__PURE__ */ jsx6("span", {
+                  /* @__PURE__ */ jsx9("span", {
                     className: "skippr:relative skippr:inline-flex skippr:size-1.5 skippr:rounded-full skippr:bg-red-400"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx6("span", {
+              /* @__PURE__ */ jsx9("span", {
                 className: "skippr:text-[10px] skippr:font-medium skippr:text-primary-foreground",
                 children: "REC"
               }),
-              /* @__PURE__ */ jsx6("span", {
+              /* @__PURE__ */ jsx9("span", {
                 className: "skippr:text-[10px] skippr:font-mono skippr:text-primary-foreground",
                 children: formatTime(elapsed)
               })
             ]
           }),
-          minimizable && /* @__PURE__ */ jsx6("button", {
+          minimizable && /* @__PURE__ */ jsx9("button", {
             type: "button",
             onClick: minimizePanel,
             "aria-label": "Minimize",
             className: "skippr:flex skippr:size-6 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-md skippr:text-primary-foreground/70 skippr:transition-colors skippr:hover:bg-primary-foreground/10 skippr:hover:text-primary-foreground",
-            children: /* @__PURE__ */ jsx6(Minimize2, {
+            children: /* @__PURE__ */ jsx9(Minimize2, {
               className: "skippr:size-3.5"
             })
           })
@@ -2770,26 +3314,26 @@ function ChatHeader() {
 }
 
 // src/components/LoadingDots.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function LoadingDots({ label }) {
-  return /* @__PURE__ */ jsxs6("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     className: "skippr:flex skippr:items-center skippr:gap-2 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs6("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "skippr:flex skippr:gap-1",
         children: [
-          /* @__PURE__ */ jsx7("span", {
+          /* @__PURE__ */ jsx10("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:0ms]"
           }),
-          /* @__PURE__ */ jsx7("span", {
+          /* @__PURE__ */ jsx10("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:150ms]"
           }),
-          /* @__PURE__ */ jsx7("span", {
+          /* @__PURE__ */ jsx10("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:300ms]"
           })
         ]
       }),
-      /* @__PURE__ */ jsx7("p", {
+      /* @__PURE__ */ jsx10("p", {
         className: "skippr:text-xs skippr:text-muted-foreground",
         children: label
       })
@@ -2798,11 +3342,11 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback7, useEffect as useEffect12, useRef as useRef7, useState as useState9 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef9, useState as useState12 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var variantClasses = {
   default: "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90",
   destructive: "skippr:bg-destructive skippr:text-white skippr:hover:bg-destructive/90",
@@ -2821,7 +3365,7 @@ var sizeClasses = {
   "icon-lg": "skippr:size-10"
 };
 var Button = forwardRef3(({ className, variant = "default", size = "default", ...props }, ref) => {
-  return /* @__PURE__ */ jsx8("button", {
+  return /* @__PURE__ */ jsx11("button", {
     className: cn("skippr:inline-flex skippr:items-center skippr:justify-center skippr:gap-2 skippr:whitespace-nowrap skippr:rounded-md skippr:text-sm skippr:font-medium skippr:ring-offset-background skippr:transition-all skippr:cursor-pointer skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2 skippr:disabled:pointer-events-none skippr:disabled:opacity-50 skippr:shrink-0 skippr:[&_svg]:pointer-events-none skippr:[&_svg:not([class*='size-'])]:size-4 skippr:[&_svg]:shrink-0", variantClasses[variant], sizeClasses[size], className),
     ref,
     ...props
@@ -2830,28 +3374,28 @@ var Button = forwardRef3(({ className, variant = "default", size = "default", ..
 Button.displayName = "Button";
 
 // src/components/LoginFlow.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var OTP_LENGTH = 6;
 var DIGIT_KEYS = ["d0", "d1", "d2", "d3", "d4", "d5"];
 function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
-  const [step, setStep] = useState9("email");
-  const [email, setEmail] = useState9("");
-  const handleRequestOtp = useCallback7(async (emailValue) => {
+  const [step, setStep] = useState12("email");
+  const [email, setEmail] = useState12("");
+  const handleRequestOtp = useCallback9(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback7(async (code) => {
+  const handleVerifyOtp = useCallback9(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback7(() => {
+  const handleBack = useCallback9(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback7(async () => {
+  const handleResend = useCallback9(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
-    return /* @__PURE__ */ jsx9(OtpStep, {
+    return /* @__PURE__ */ jsx12(OtpStep, {
       email,
       onSubmit: handleVerifyOtp,
       onResend: handleResend,
@@ -2860,7 +3404,7 @@ function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
       isSubmitting
     });
   }
-  return /* @__PURE__ */ jsx9(EmailStep, {
+  return /* @__PURE__ */ jsx12(EmailStep, {
     email,
     onEmailChange: setEmail,
     onSubmit: handleRequestOtp,
@@ -2874,30 +3418,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
     if (email.trim())
       onSubmit(email.trim());
   }
-  return /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx9(Mail, {
+          /* @__PURE__ */ jsx12(Mail, {
             className: "skippr:mx-auto skippr:mb-2 skippr:size-6 skippr:text-primary"
           }),
-          /* @__PURE__ */ jsx9("p", {
+          /* @__PURE__ */ jsx12("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Sign in to continue"
           }),
-          /* @__PURE__ */ jsx9("p", {
+          /* @__PURE__ */ jsx12("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: "Your email will be used to identify you across sessions"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("form", {
+      /* @__PURE__ */ jsxs9("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx9("input", {
+          /* @__PURE__ */ jsx12("input", {
             type: "email",
             placeholder: "you@example.com",
             value: email,
@@ -2906,15 +3450,15 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
             required: true,
             className: "skippr:w-full skippr:rounded-md skippr:border skippr:border-border skippr:bg-background skippr:px-3 skippr:py-2 skippr:text-sm skippr:text-foreground skippr:placeholder-muted-foreground skippr:outline-none focus:skippr:ring-2 focus:skippr:ring-primary/30 focus:skippr:border-primary disabled:skippr:opacity-50"
           }),
-          /* @__PURE__ */ jsx9(Button, {
+          /* @__PURE__ */ jsx12(Button, {
             type: "submit",
             disabled: isSubmitting || !email.trim(),
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx9(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx12(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Continue"
           }),
-          error && /* @__PURE__ */ jsx9("p", {
+          error && /* @__PURE__ */ jsx12("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           })
@@ -2924,30 +3468,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState9(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState9(0);
-  const inputRefs = useRef7([]);
-  const submittedRef = useRef7(false);
-  useEffect12(() => {
+  const [digits, setDigits] = useState12(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState12(0);
+  const inputRefs = useRef9([]);
+  const submittedRef = useRef9(false);
+  useEffect15(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect12(() => {
+  useEffect15(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect12(() => {
+  useEffect15(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback7((code) => {
+  const submitCode = useCallback9((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback7((index2, value) => {
+  const handleDigitChange = useCallback9((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -2961,12 +3505,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback7((index2, e) => {
+  const handleKeyDown = useCallback9((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback7((e) => {
+  const handlePaste = useCallback9((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -2994,22 +3538,22 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
     submittedRef.current = false;
     inputRefs.current[0]?.focus();
   }
-  return /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx9("p", {
+          /* @__PURE__ */ jsx12("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Enter verification code"
           }),
-          /* @__PURE__ */ jsxs7("p", {
+          /* @__PURE__ */ jsxs9("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: [
               "We sent a 6-digit code to",
               " ",
-              /* @__PURE__ */ jsx9("span", {
+              /* @__PURE__ */ jsx12("span", {
                 className: "skippr:font-medium skippr:text-foreground",
                 children: email
               })
@@ -3017,13 +3561,13 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("form", {
+      /* @__PURE__ */ jsxs9("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx9("div", {
+          /* @__PURE__ */ jsx12("div", {
             className: "skippr:flex skippr:justify-center skippr:gap-1.5",
-            children: digits.map((digit, index2) => /* @__PURE__ */ jsx9("input", {
+            children: digits.map((digit, index2) => /* @__PURE__ */ jsx12("input", {
               ref: (el) => {
                 inputRefs.current[index2] = el;
               },
@@ -3038,29 +3582,29 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
               className: "skippr:h-10 skippr:w-10 skippr:rounded-md skippr:border skippr:border-border skippr:bg-background skippr:text-center skippr:text-sm skippr:font-semibold skippr:text-foreground skippr:outline-none focus:skippr:ring-2 focus:skippr:ring-primary/30 focus:skippr:border-primary disabled:skippr:opacity-50"
             }, DIGIT_KEYS[index2]))
           }),
-          error && /* @__PURE__ */ jsx9("p", {
+          error && /* @__PURE__ */ jsx12("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           }),
-          /* @__PURE__ */ jsx9(Button, {
+          /* @__PURE__ */ jsx12(Button, {
             type: "submit",
             disabled: isSubmitting || digits.join("").length !== OTP_LENGTH,
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx9(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx12(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Verify"
           }),
-          /* @__PURE__ */ jsxs7("div", {
+          /* @__PURE__ */ jsxs9("div", {
             className: "skippr:flex skippr:items-center skippr:justify-between skippr:text-xs",
             children: [
-              /* @__PURE__ */ jsx9("button", {
+              /* @__PURE__ */ jsx12("button", {
                 type: "button",
                 onClick: onBack,
                 disabled: isSubmitting,
                 className: "skippr:text-muted-foreground hover:skippr:text-foreground skippr:transition-colors disabled:skippr:opacity-50",
                 children: "Change email"
               }),
-              /* @__PURE__ */ jsx9("button", {
+              /* @__PURE__ */ jsx12("button", {
                 type: "button",
                 onClick: handleResend,
                 disabled: isSubmitting || resendCooldown > 0,
@@ -3076,7 +3620,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MeetingControls.tsx
-import { jsx as jsx10, jsxs as jsxs8, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10, Fragment as Fragment4 } from "react/jsx-runtime";
 var CONTROL_BUTTON2 = "skippr:flex skippr:size-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-colors skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60";
 var MUTED_BUTTON = "skippr:bg-muted skippr:text-foreground skippr:hover:bg-muted/80";
 function MeetingControls({
@@ -3089,68 +3633,68 @@ function MeetingControls({
 }) {
   const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
   const showPaused = isPaused || isPausing;
-  return /* @__PURE__ */ jsxs8("div", {
+  return /* @__PURE__ */ jsxs10("div", {
     className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:bg-background skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-3",
         children: [
-          !showPaused && /* @__PURE__ */ jsxs8(Fragment4, {
+          !showPaused && /* @__PURE__ */ jsxs10(Fragment4, {
             children: [
-              /* @__PURE__ */ jsx10("button", {
+              /* @__PURE__ */ jsx13("button", {
                 type: "button",
                 onClick: toggleMute,
                 "aria-label": isMuted ? "Unmute" : "Mute",
                 className: cn(CONTROL_BUTTON2, isMuted ? "skippr:bg-destructive/15 skippr:text-destructive skippr:hover:bg-destructive/25" : MUTED_BUTTON),
-                children: isMuted ? /* @__PURE__ */ jsx10(MicOff, {
+                children: isMuted ? /* @__PURE__ */ jsx13(MicOff, {
                   className: "skippr:size-5"
-                }) : /* @__PURE__ */ jsx10(Mic, {
+                }) : /* @__PURE__ */ jsx13(Mic, {
                   className: "skippr:size-5"
                 })
               }),
-              showScreenShareToggle && /* @__PURE__ */ jsx10("button", {
+              showScreenShareToggle && /* @__PURE__ */ jsx13("button", {
                 type: "button",
                 onClick: toggleScreenShare,
                 "aria-label": isScreenSharing ? "Stop sharing screen" : "Share screen",
                 className: cn(CONTROL_BUTTON2, isScreenSharing ? "skippr:bg-bubble skippr:text-white skippr:hover:brightness-110" : MUTED_BUTTON),
-                children: isScreenSharing ? /* @__PURE__ */ jsx10(MonitorOff, {
+                children: isScreenSharing ? /* @__PURE__ */ jsx13(MonitorOff, {
                   className: "skippr:size-5"
-                }) : /* @__PURE__ */ jsx10(Monitor, {
+                }) : /* @__PURE__ */ jsx13(Monitor, {
                   className: "skippr:size-5"
                 })
               })
             ]
           }),
-          showPaused ? onResume && /* @__PURE__ */ jsx10("button", {
+          showPaused ? onResume && /* @__PURE__ */ jsx13("button", {
             type: "button",
             onClick: onResume,
             disabled: isPausing,
             "aria-label": "Resume session",
             className: cn(CONTROL_BUTTON2, MUTED_BUTTON),
-            children: /* @__PURE__ */ jsx10(Play, {
+            children: /* @__PURE__ */ jsx13(Play, {
               className: "skippr:size-5"
             })
-          }) : onPause && /* @__PURE__ */ jsx10("button", {
+          }) : onPause && /* @__PURE__ */ jsx13("button", {
             type: "button",
             onClick: onPause,
             "aria-label": "Pause session",
             className: cn(CONTROL_BUTTON2, MUTED_BUTTON),
-            children: /* @__PURE__ */ jsx10(Pause, {
+            children: /* @__PURE__ */ jsx13(Pause, {
               className: "skippr:size-5"
             })
           }),
-          /* @__PURE__ */ jsx10("button", {
+          /* @__PURE__ */ jsx13("button", {
             type: "button",
             onClick: onHangUp,
             "aria-label": "End session",
             className: cn(CONTROL_BUTTON2, "skippr:bg-destructive skippr:text-destructive-foreground skippr:hover:bg-destructive/90"),
-            children: /* @__PURE__ */ jsx10(PhoneOff, {
+            children: /* @__PURE__ */ jsx13(PhoneOff, {
               className: "skippr:size-5"
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsx10("p", {
+      /* @__PURE__ */ jsx13("p", {
         className: "skippr:mt-3 skippr:text-center skippr:text-[10px] skippr:text-muted-foreground",
         children: "Powered by Skippr"
       })
@@ -3159,17 +3703,17 @@ function MeetingControls({
 }
 
 // src/components/MessageList.tsx
-import { useEffect as useEffect14, useRef as useRef9 } from "react";
+import { useEffect as useEffect17, useRef as useRef11 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect13, useRef as useRef8, useState as useState10 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useRef as useRef10, useState as useState13 } from "react";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState10("");
-  const textareaRef = useRef8(null);
+  const [inputText, setInputText] = useState13("");
+  const textareaRef = useRef10(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect13(() => {
+  useEffect16(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -3200,13 +3744,13 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx11("form", {
+  return /* @__PURE__ */ jsx14("form", {
     onSubmit: handleSubmit,
     className: "skippr:border-t skippr:border-border skippr:p-3",
-    children: /* @__PURE__ */ jsxs9("div", {
+    children: /* @__PURE__ */ jsxs11("div", {
       className: "skippr:flex skippr:items-center skippr:gap-2 skippr:rounded-xl skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:px-3 skippr:py-2",
       children: [
-        /* @__PURE__ */ jsx11("textarea", {
+        /* @__PURE__ */ jsx14("textarea", {
           ref: textareaRef,
           rows: 1,
           value: inputText,
@@ -3216,12 +3760,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
           className: "skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:bg-transparent skippr:text-sm skippr:leading-5 skippr:text-foreground skippr:placeholder:text-muted-foreground skippr:outline-none",
           style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
         }),
-        /* @__PURE__ */ jsx11("button", {
+        /* @__PURE__ */ jsx14("button", {
           type: "submit",
           disabled: !canSend,
           "aria-label": "Send message",
           className: cn("skippr:flex skippr:size-8 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:transition-colors", canSend ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-muted-foreground/20 skippr:text-muted-foreground/60"),
-          children: /* @__PURE__ */ jsx11(Send, {
+          children: /* @__PURE__ */ jsx14(Send, {
             className: "skippr:size-3.5"
           })
         })
@@ -3231,7 +3775,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -3241,23 +3785,23 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsxs10("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
     children: [
-      isAgent && /* @__PURE__ */ jsx12("div", {
+      isAgent && /* @__PURE__ */ jsx15("div", {
         className: "skippr:mt-0.5 skippr:flex skippr:size-7 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-md skippr:bg-primary",
-        children: /* @__PURE__ */ jsx12(Sparkles, {
+        children: /* @__PURE__ */ jsx15(Sparkles, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
         })
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
         children: [
-          /* @__PURE__ */ jsx12("div", {
+          /* @__PURE__ */ jsx15("div", {
             className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
             children: message.content
           }),
-          message.timestamp && /* @__PURE__ */ jsx12("span", {
+          message.timestamp && /* @__PURE__ */ jsx15("span", {
             className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
             children: formatTimestamp(message.timestamp)
           })
@@ -3268,33 +3812,33 @@ function ChatMessage({ message }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsxs11("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
     children: [
-      /* @__PURE__ */ jsx13("div", {
+      /* @__PURE__ */ jsx16("div", {
         className: "skippr:mt-0.5 skippr:flex skippr:size-7 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-md skippr:bg-primary",
-        children: /* @__PURE__ */ jsx13(Sparkles, {
+        children: /* @__PURE__ */ jsx16(Sparkles, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
         })
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
         children: [
-          /* @__PURE__ */ jsx13("span", {
+          /* @__PURE__ */ jsx16("span", {
             children: "Agent is analyzing your screen"
           }),
-          /* @__PURE__ */ jsxs11("span", {
+          /* @__PURE__ */ jsxs13("span", {
             className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
             children: [
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx16("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
               }),
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx16("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
               }),
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx16("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
               })
             ]
@@ -3306,7 +3850,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function MessageList({
   messages,
   isStreaming,
@@ -3314,31 +3858,31 @@ function MessageList({
   isSendingChat,
   autoFocus = false
 }) {
-  const scrollRef = useRef9(null);
+  const scrollRef = useRef11(null);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  useEffect14(() => {
+  useEffect17(() => {
     scrollRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "skippr:min-h-0 skippr:flex-1 skippr:space-y-4 skippr:overflow-y-auto skippr:p-4",
         children: [
-          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx14(LoadingDots, {
+          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx17(LoadingDots, {
             label: "Waiting for conversation to begin..."
           }),
-          messages.map((message) => /* @__PURE__ */ jsx14(ChatMessage, {
+          messages.map((message) => /* @__PURE__ */ jsx17(ChatMessage, {
             message
           }, message.id)),
-          showTyping && /* @__PURE__ */ jsx14(TypingIndicator, {}),
-          /* @__PURE__ */ jsx14("div", {
+          showTyping && /* @__PURE__ */ jsx17(TypingIndicator, {}),
+          /* @__PURE__ */ jsx17("div", {
             ref: scrollRef
           })
         ]
       }),
-      /* @__PURE__ */ jsx14(ChatInput, {
+      /* @__PURE__ */ jsx17(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -3348,8 +3892,8 @@ function MessageList({
 }
 
 // src/components/ModuleSelector.tsx
-import { useEffect as useEffect15, useRef as useRef10, useState as useState11 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useRef as useRef12, useState as useState14 } from "react";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var AGENT_TYPE_ICONS = {
   onboarding: UserPlus,
   demo: Rocket,
@@ -3371,10 +3915,10 @@ function ModuleSelector() {
     error
   } = useLiveAgent();
   const isBusy = isStarting || isDisconnecting;
-  const scrollRef = useRef10(null);
-  const [showScrollHint, setShowScrollHint] = useState11(false);
-  const [isScrolled, setIsScrolled] = useState11(false);
-  useEffect15(() => {
+  const scrollRef = useRef12(null);
+  const [showScrollHint, setShowScrollHint] = useState14(false);
+  const [isScrolled, setIsScrolled] = useState14(false);
+  useEffect18(() => {
     const el = scrollRef.current;
     if (!el)
       return;
@@ -3396,26 +3940,26 @@ function ModuleSelector() {
     };
   }, []);
   if (isLoadingModules && availableModules.length === 0) {
-    return /* @__PURE__ */ jsx15("div", {
+    return /* @__PURE__ */ jsx18("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:p-6",
-      children: /* @__PURE__ */ jsx15(LoadingDots, {
+      children: /* @__PURE__ */ jsx18(LoadingDots, {
         label: "Loading modules..."
       })
     });
   }
   if (modulesError) {
-    return /* @__PURE__ */ jsxs13("div", {
+    return /* @__PURE__ */ jsxs15("div", {
       className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:gap-3 skippr:p-6 skippr:text-center",
       children: [
-        /* @__PURE__ */ jsx15("p", {
+        /* @__PURE__ */ jsx18("p", {
           className: "skippr:text-sm skippr:text-foreground",
           children: "Couldn't load modules."
         }),
-        /* @__PURE__ */ jsx15("p", {
+        /* @__PURE__ */ jsx18("p", {
           className: "skippr:text-xs skippr:text-muted-foreground",
           children: modulesError
         }),
-        /* @__PURE__ */ jsx15("button", {
+        /* @__PURE__ */ jsx18("button", {
           type: "button",
           onClick: () => void refetchModules(),
           className: "skippr:cursor-pointer skippr:rounded-lg skippr:bg-foreground skippr:px-3 skippr:py-1.5 skippr:text-xs skippr:font-medium skippr:text-background",
@@ -3425,34 +3969,34 @@ function ModuleSelector() {
     });
   }
   if (availableModules.length === 0) {
-    return /* @__PURE__ */ jsx15("div", {
+    return /* @__PURE__ */ jsx18("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:p-6 skippr:text-center",
-      children: /* @__PURE__ */ jsx15("p", {
+      children: /* @__PURE__ */ jsx18("p", {
         className: "skippr:text-sm skippr:text-muted-foreground",
         children: "No experts available."
       })
     });
   }
-  return /* @__PURE__ */ jsxs13("div", {
+  return /* @__PURE__ */ jsxs15("div", {
     className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs15("div", {
         ref: scrollRef,
         className: "skippr-no-scrollbar skippr:flex-1 skippr:overflow-y-auto",
         children: [
-          /* @__PURE__ */ jsx15("h3", {
+          /* @__PURE__ */ jsx18("h3", {
             className: `skippr:sticky skippr:top-0 skippr:z-10 skippr:bg-background skippr:px-4 skippr:py-3 skippr:text-xs skippr:font-medium skippr:uppercase skippr:tracking-wider skippr:text-muted-foreground skippr:transition-shadow ${isScrolled ? "skippr:border-b skippr:border-border" : ""}`,
             children: "Choose an agent"
           }),
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs15("div", {
             className: "skippr:px-4 skippr:pt-3 skippr:pb-5",
             children: [
-              error && /* @__PURE__ */ jsx15("div", {
+              error && /* @__PURE__ */ jsx18("div", {
                 role: "alert",
                 className: "skippr:mb-3 skippr:rounded-lg skippr:border skippr:border-destructive/20 skippr:bg-destructive/10 skippr:px-3 skippr:py-2 skippr:text-xs skippr:text-destructive",
                 children: error
               }),
-              /* @__PURE__ */ jsx15("div", {
+              /* @__PURE__ */ jsx18("div", {
                 className: "skippr:grid skippr:grid-cols-2 skippr:gap-2.5",
                 children: availableModules.map((module, index2) => {
                   const isFeatured = index2 === 0;
@@ -3464,50 +4008,50 @@ function ModuleSelector() {
                   const layout = isWide ? "skippr:items-center skippr:p-3.5 skippr:pb-5" : "skippr:flex-col skippr:items-start skippr:p-3.5";
                   const variant = isFeatured ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:hover:bg-muted/50";
                   const span = isWide ? "skippr:col-span-2" : "";
-                  return /* @__PURE__ */ jsxs13("button", {
+                  return /* @__PURE__ */ jsxs15("button", {
                     type: "button",
                     disabled: isBusy || isTerminal,
                     onClick: () => selectModule(module.id),
                     className: `${base} ${layout} ${variant} ${span}`,
                     children: [
-                      /* @__PURE__ */ jsx15("div", {
+                      /* @__PURE__ */ jsx18("div", {
                         className: isFeatured ? "skippr:flex skippr:h-9 skippr:w-9 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:bg-primary-foreground/15" : "skippr:flex skippr:h-9 skippr:w-9 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:bg-muted",
-                        children: /* @__PURE__ */ jsx15(Icon2, {
+                        children: /* @__PURE__ */ jsx18(Icon2, {
                           className: isFeatured ? "skippr:h-4 skippr:w-4" : "skippr:h-4 skippr:w-4 skippr:text-muted-foreground"
                         })
                       }),
-                      /* @__PURE__ */ jsxs13("div", {
+                      /* @__PURE__ */ jsxs15("div", {
                         className: "skippr:min-w-0 skippr:w-full skippr:space-y-0.5",
                         children: [
-                          /* @__PURE__ */ jsxs13("div", {
+                          /* @__PURE__ */ jsxs15("div", {
                             className: "skippr:flex skippr:items-center skippr:gap-1.5",
                             children: [
-                              /* @__PURE__ */ jsx15("p", {
+                              /* @__PURE__ */ jsx18("p", {
                                 className: "skippr:line-clamp-1 skippr:text-sm skippr:font-semibold",
                                 children: module.name
                               }),
-                              sessionState === "resume" && /* @__PURE__ */ jsxs13("span", {
+                              sessionState === "resume" && /* @__PURE__ */ jsxs15("span", {
                                 className: `skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide ${isFeatured ? "skippr:bg-primary-foreground/20 skippr:text-primary-foreground" : "skippr:bg-bubble/15 skippr:text-bubble"}`,
                                 children: [
-                                  /* @__PURE__ */ jsx15(Play, {
+                                  /* @__PURE__ */ jsx18(Play, {
                                     className: "skippr:size-2.5"
                                   }),
                                   "Resume"
                                 ]
                               }),
-                              sessionState === "completed" && /* @__PURE__ */ jsxs13("span", {
+                              sessionState === "completed" && /* @__PURE__ */ jsxs15("span", {
                                 className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
                                 children: [
-                                  /* @__PURE__ */ jsx15(CircleCheck, {
+                                  /* @__PURE__ */ jsx18(CircleCheck, {
                                     className: "skippr:size-2.5"
                                   }),
                                   "Completed"
                                 ]
                               }),
-                              sessionState === "expired" && /* @__PURE__ */ jsxs13("span", {
+                              sessionState === "expired" && /* @__PURE__ */ jsxs15("span", {
                                 className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
                                 children: [
-                                  /* @__PURE__ */ jsx15(Clock, {
+                                  /* @__PURE__ */ jsx18(Clock, {
                                     className: "skippr:size-2.5"
                                   }),
                                   "Expired"
@@ -3515,7 +4059,7 @@ function ModuleSelector() {
                               })
                             ]
                           }),
-                          module.description && /* @__PURE__ */ jsx15("p", {
+                          module.description && /* @__PURE__ */ jsx18("p", {
                             className: isFeatured ? "skippr:line-clamp-2 skippr:text-[11px] skippr:leading-snug skippr:text-primary-foreground/70" : "skippr:line-clamp-2 skippr:text-[11px] skippr:leading-snug skippr:text-muted-foreground",
                             children: module.description
                           })
@@ -3529,7 +4073,7 @@ function ModuleSelector() {
           })
         ]
       }),
-      showScrollHint && /* @__PURE__ */ jsx15("div", {
+      showScrollHint && /* @__PURE__ */ jsx18("div", {
         className: "skippr:pointer-events-none skippr:absolute skippr:bottom-0 skippr:left-0 skippr:right-0 skippr:h-12 skippr:bg-gradient-to-t skippr:from-background skippr:to-transparent"
       })
     ]
@@ -3537,49 +4081,49 @@ function ModuleSelector() {
 }
 
 // src/components/SessionAgenda.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx16("div", {
+    return /* @__PURE__ */ jsx19("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx16(LoadingDots, {
+      children: /* @__PURE__ */ jsx19(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx19("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx16("div", {
+    children: /* @__PURE__ */ jsx19("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs14("div", {
+        return /* @__PURE__ */ jsxs16("div", {
           className: cn("skippr:flex skippr:items-start skippr:gap-2.5 skippr:rounded-lg skippr:p-2 skippr:transition-colors", isActive && "skippr:bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx16("div", {
+            /* @__PURE__ */ jsx19("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx16(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx19(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx16(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx19(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx16(Circle, {
+              }) : /* @__PURE__ */ jsx19(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
-            /* @__PURE__ */ jsxs14("div", {
+            /* @__PURE__ */ jsxs16("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx16("p", {
+                /* @__PURE__ */ jsx19("p", {
                   className: cn("skippr:text-sm", isCompleted && "skippr:text-muted-foreground skippr:line-through", isActive && "skippr:font-medium skippr:text-foreground", phase.status === "pending" && "skippr:text-muted-foreground"),
                   children: phase.name
                 }),
-                phase.highlights.length > 0 && /* @__PURE__ */ jsx16("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx19("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs14("li", {
+                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs16("li", {
                     className: cn("skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-[11px] skippr:leading-tight", isCompleted ? "skippr:text-muted-foreground/40 skippr:line-through" : "skippr:text-muted-foreground/70"),
                     children: [
-                      /* @__PURE__ */ jsx16("span", {
+                      /* @__PURE__ */ jsx19("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -3596,12 +4140,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var SESSION_WARNING_THRESHOLD_SECS = 60;
 function SessionWarningBanner({ remaining }) {
   if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
     return null;
-  return /* @__PURE__ */ jsx17("div", {
+  return /* @__PURE__ */ jsx20("div", {
     "data-testid": "session-warning-banner",
     className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
     children: "Session ending soon"
@@ -3609,7 +4153,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/StartSessionPrompt.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var PROMPT_BUTTON = "skippr:cursor-pointer skippr:rounded-xl skippr:bg-primary skippr:px-8 skippr:py-3 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60";
 function StartSessionPrompt({
   onStartSession,
@@ -3621,16 +4165,16 @@ function StartSessionPrompt({
   canResume = false,
   onResume
 }) {
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:gap-3 skippr:px-4",
     children: [
-      canResume && onResume ? /* @__PURE__ */ jsx18("button", {
+      canResume && onResume ? /* @__PURE__ */ jsx21("button", {
         type: "button",
         onClick: onResume,
         disabled: isStarting,
         className: PROMPT_BUTTON,
         children: isStarting ? "Resuming..." : "Resume session"
-      }) : /* @__PURE__ */ jsx18("button", {
+      }) : /* @__PURE__ */ jsx21("button", {
         type: "button",
         onClick: () => {
           if (!agentId)
@@ -3641,7 +4185,7 @@ function StartSessionPrompt({
         className: PROMPT_BUTTON,
         children: isStarting ? "Starting..." : label
       }),
-      error && /* @__PURE__ */ jsx18("p", {
+      error && /* @__PURE__ */ jsx21("p", {
         className: "skippr:text-xs skippr:text-destructive",
         children: error
       })
@@ -3650,7 +4194,7 @@ function StartSessionPrompt({
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18, Fragment as Fragment5 } from "react/jsx-runtime";
 function Sidebar({
   hideControls = false,
   hideHeader = false,
@@ -3686,13 +4230,13 @@ function Sidebar({
     agentMode,
     agentControls
   } = useLiveAgent();
-  const internalCtx = useContext5(LiveAgentContext);
+  const internalCtx = useContext6(LiveAgentContext);
   const usesHostAuth = internalCtx?.usesHostAuth ?? false;
   const authFailed = internalCtx?.authFailed ?? false;
   const showAgenda = agentMode !== AGENT_MODE.AlwaysOn;
   const isFloating = variant === "floating";
   const isSidebar = variant === "sidebar";
-  useEffect16(() => {
+  useEffect19(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -3706,12 +4250,12 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs18("div", {
     className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:border skippr:border-border skippr:bottom-[88px] skippr:h-[min(460px,calc(100vh-200px))] skippr:rounded-2xl skippr:shadow-[0_8px_30px_rgba(0,0,0,0.16),0_4px_12px_rgba(0,0,0,0.08)]", isFloating && (position === "right" ? "skippr:right-6" : "skippr:left-6"), isFloating && "skippr:transition-[opacity,transform] skippr:duration-300 skippr:ease-in-out", isFloating && (position === "right" ? "skippr:origin-bottom-right" : "skippr:origin-bottom-left"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
     style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx19(ChatHeader, {}),
-      authFailed ? /* @__PURE__ */ jsx19(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx19(AuthenticatedContent, {
+      !hideHeader && /* @__PURE__ */ jsx22(ChatHeader, {}),
+      authFailed ? /* @__PURE__ */ jsx22(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx22(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
@@ -3733,12 +4277,12 @@ function Sidebar({
         agentId,
         agentControls,
         showAgenda
-      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx19("div", {
+      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx22("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx19(LoadingDots, {
+        children: /* @__PURE__ */ jsx22(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx19(LoginFlow, {
+      }) : /* @__PURE__ */ jsx22(LoginFlow, {
         requestOtp,
         verifyOtp,
         error: authError,
@@ -3782,63 +4326,63 @@ function AuthenticatedContent({
   } else if (isPaused) {
     transitionLabel = "Paused";
   }
-  return /* @__PURE__ */ jsxs16(Fragment5, {
+  return /* @__PURE__ */ jsxs18(Fragment5, {
     children: [
-      isConnected && /* @__PURE__ */ jsx19(ConnectedBanner, {}),
-      showTabBar && /* @__PURE__ */ jsxs16("div", {
+      isConnected && /* @__PURE__ */ jsx22(ConnectedBanner, {}),
+      showTabBar && /* @__PURE__ */ jsxs18("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-2",
         children: [
-          /* @__PURE__ */ jsxs16("button", {
+          /* @__PURE__ */ jsxs18("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-2 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("chat"),
             children: [
-              /* @__PURE__ */ jsx19(MessageCircle, {
+              /* @__PURE__ */ jsx22(MessageCircle, {
                 className: "skippr:size-3.5"
               }),
               "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx19("span", {
+              activeTab === "chat" && /* @__PURE__ */ jsx22("span", {
                 className: "skippr:absolute skippr:-bottom-2 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           }),
-          showAgenda && /* @__PURE__ */ jsxs16("button", {
+          showAgenda && /* @__PURE__ */ jsxs18("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-2 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "agenda" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("agenda"),
             children: [
-              /* @__PURE__ */ jsx19(Calendar, {
+              /* @__PURE__ */ jsx22(Calendar, {
                 className: "skippr:size-3.5"
               }),
               "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx19("span", {
+              activeTab === "agenda" && /* @__PURE__ */ jsx22("span", {
                 className: "skippr:absolute skippr:-bottom-2 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx19("div", {
+      /* @__PURE__ */ jsx22("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx19("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx22("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx19(LoadingDots, {
+          children: /* @__PURE__ */ jsx22(LoadingDots, {
             label: "Ending session..."
           })
-        }) : showSelectorAsPrompt ? /* @__PURE__ */ jsx19(ModuleSelector, {}) : inSession ? /* @__PURE__ */ jsxs16(Fragment5, {
+        }) : showSelectorAsPrompt ? /* @__PURE__ */ jsx22(ModuleSelector, {}) : inSession ? /* @__PURE__ */ jsxs18(Fragment5, {
           children: [
-            transitionLabel && /* @__PURE__ */ jsx19("div", {
+            transitionLabel && /* @__PURE__ */ jsx22("div", {
               className: "skippr:shrink-0 skippr:border-b skippr:border-border skippr:bg-muted/50 skippr:px-3 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:text-muted-foreground",
               children: transitionLabel
             }),
-            /* @__PURE__ */ jsx19(ConnectedBody, {
+            /* @__PURE__ */ jsx22(ConnectedBody, {
               activeTab: effectiveTab,
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx19("div", {
+        }) : /* @__PURE__ */ jsx22("div", {
           className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-          children: /* @__PURE__ */ jsx19(StartSessionPrompt, {
+          children: /* @__PURE__ */ jsx22(StartSessionPrompt, {
             onStartSession,
             agentId,
             agentControls,
@@ -3850,7 +4394,7 @@ function AuthenticatedContent({
           })
         }, `${activeTab}-empty`)
       }),
-      (isConnected || isPaused) && !isDisconnecting && !hideControls && /* @__PURE__ */ jsx19(MeetingControls, {
+      (isConnected || isPaused) && !isDisconnecting && !hideControls && /* @__PURE__ */ jsx22(MeetingControls, {
         onHangUp: onDisconnect,
         onPause,
         onResume,
@@ -3862,17 +4406,17 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs18("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
     children: [
-      /* @__PURE__ */ jsx19(CircleAlert, {
+      /* @__PURE__ */ jsx22(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx19("p", {
+      /* @__PURE__ */ jsx22("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx19("p", {
+      /* @__PURE__ */ jsx22("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -3881,7 +4425,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx19(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx22(SessionWarningBanner, {
     remaining
   });
 }
@@ -3892,17 +4436,17 @@ function ConnectedBody({
   const { allMessages, agentState, sendChatMessage, isSendingChat } = useCombinedMessages();
   const { phases } = usePhaseUpdates();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx19("div", {
+    return /* @__PURE__ */ jsx22("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx19(SessionAgenda, {
+      children: /* @__PURE__ */ jsx22(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx19("div", {
+  return /* @__PURE__ */ jsx22("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx19(MessageList, {
+    children: /* @__PURE__ */ jsx22(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
@@ -3913,28 +4457,28 @@ function ConnectedBody({
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function SidebarTrigger() {
   const { isPanelOpen, togglePanel, minimizePanel, minimizable, position, isMinimized } = useLiveAgent();
   if (isMinimized)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx20("button", {
+  return /* @__PURE__ */ jsx23("button", {
     type: "button",
     onClick: handleClick,
     title: isPanelOpen ? "Close chat" : "Open chat",
     "aria-label": isPanelOpen ? "Close chat" : "Open chat",
     className: cn("skippr:fixed skippr:bottom-6 skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    children: isPanelOpen ? /* @__PURE__ */ jsx20(ChevronDown, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx23(ChevronDown, {
       className: "skippr:size-5"
-    }) : /* @__PURE__ */ jsx20(Logo, {
+    }) : /* @__PURE__ */ jsx23(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function LiveAgent(props) {
   const {
     agentId: hostAgentId,
@@ -3966,24 +4510,24 @@ function LiveAgent(props) {
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
   const hasModuleSelector = !hostAgentId;
-  const [activeModule, setActiveModule] = useState12(null);
+  const [activeModule, setActiveModule] = useState15(null);
   const agentId = hasModuleSelector ? activeModule?.id ?? null : hostAgentId;
   const agentControls = hasModuleSelector ? activeModule?.controls : hostAgentControls;
-  const minimizeOnSessionStart = useCallback8(() => {
+  const minimizeOnSessionStart = useCallback10(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback8(() => {
+  const expandOnSessionStartError = useCallback10(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback8(() => {
+  const minimizeOnSessionDisconnect = useCallback10(() => {
     if (hasModuleSelector) {
       setActiveModule(null);
     }
-    if (minimizable && !hasModuleSelector) {
+    if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
@@ -4015,24 +4559,35 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef11(false);
+  const teardownInFlightRef = useRef13(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback8(() => {
+  const handleRoomDisconnected = useCallback10(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
-  const [isPanelOpen, setIsPanelOpen] = useState12(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState12(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState12("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState12([]);
+  const inSession = connection !== null || isStarting || isPaused || isPausing || isDisconnecting;
+  const [isPanelOpen, setIsPanelOpen] = useState15(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState15(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState15("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState15([]);
   const {
     modules: availableModules,
     isLoading: isLoadingModules,
     error: modulesError,
     refetch: refetchModules
   } = useAvailableModules({
-    enabled: hasModuleSelector && isPanelOpen,
+    enabled: !inSession,
+    bearerToken,
+    authedFetch
+  });
+  const hasAlwaysOnModule = availableModules.some((m) => m.mode === AGENT_MODE.AlwaysOn);
+  const {
+    goals: adoptionGoals,
+    dismissGoal: dismissAdoptionGoal,
+    attendGoal
+  } = useAdoptionGoals({
+    enabled: !inSession && hasAlwaysOnModule,
     bearerToken,
     authedFetch
   });
@@ -4045,7 +4600,7 @@ function LiveAgent(props) {
   }, [activeModule, hostAgentId, availableModules]);
   const agentMode = activeModuleForAgent?.mode ?? null;
   const resumableSession = useMemo5(() => getResumableSession(activeModuleForAgent), [activeModuleForAgent]);
-  const resumeSession = useCallback8(async () => {
+  const resumeSession = useCallback10(async () => {
     if (!resumableSession)
       return;
     await startSession({
@@ -4054,7 +4609,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback8((moduleId) => {
+  const selectModule = useCallback10((moduleId) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -4065,9 +4620,20 @@ function LiveAgent(props) {
       existingSessionId: getResumableSessionId(found.currentSession, found.mode)
     });
   }, [availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState12(false);
-  const dismissWelcome = useCallback8(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState12(() => {
+  const startAdoptionSession = useCallback10((goal) => {
+    attendGoal(goal.goalId);
+    const found = availableModules.find((m) => m.id === goal.agentId);
+    if (found)
+      setActiveModule(found);
+    startSession({
+      agentId: goal.agentId,
+      agentControls: found?.controls,
+      adoptionGoalId: goal.goalId
+    });
+  }, [attendGoal, availableModules, startSession]);
+  const [welcomeDismissed, setWelcomeDismissed] = useState15(false);
+  const dismissWelcome = useCallback10(() => setWelcomeDismissed(true), []);
+  const [currentPosition, setCurrentPosition] = useState15(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -4075,20 +4641,20 @@ function LiveAgent(props) {
     } catch {}
     return position;
   });
-  const setPositionWithPersist = useCallback8((pos) => {
+  const setPositionWithPersist = useCallback10((pos) => {
     setCurrentPosition(pos);
     try {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
-  const openPanel = useCallback8(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback8(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback8(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback8(() => {
+  const openPanel = useCallback10(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback10(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback10(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback10(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback8(() => {
+  const minimizePanel = useCallback10(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
@@ -4147,7 +4713,10 @@ function LiveAgent(props) {
     isLoadingModules,
     modulesError,
     refetchModules,
-    selectModule
+    selectModule,
+    adoptionGoals,
+    dismissAdoptionGoal,
+    startAdoptionSession
   }), [
     connection,
     shouldConnect,
@@ -4197,35 +4766,39 @@ function LiveAgent(props) {
     isLoadingModules,
     modulesError,
     refetchModules,
-    selectModule
+    selectModule,
+    adoptionGoals,
+    dismissAdoptionGoal,
+    startAdoptionSession
   ]);
-  return /* @__PURE__ */ jsx21(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx24(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs17(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs19(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && /* @__PURE__ */ jsx21(RoomAudioRenderer, {}),
-        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx21(AutoStartMedia, {
+        connection && /* @__PURE__ */ jsx24(RoomAudioRenderer, {}),
+        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx24(AutoStartMedia, {
           pendingScreenStream
         }),
-        connection && captureMode === "auto" && /* @__PURE__ */ jsx21(DomCapture, {}),
-        /* @__PURE__ */ jsxs17(ShadowHost, {
+        connection && captureMode === "auto" && /* @__PURE__ */ jsx24(DomCapture, {}),
+        /* @__PURE__ */ jsxs19(ShadowHost, {
           children: [
-            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx21(HighlightOverlay, {}),
-            /* @__PURE__ */ jsxs17("div", {
+            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx24(HighlightOverlay, {}),
+            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx24(PageActionHandler, {}),
+            /* @__PURE__ */ jsxs19("div", {
               id: WIDGET_ROOT_ID,
               children: [
-                isMinimized && /* @__PURE__ */ jsx21(MinimizedBubble, {
+                isMinimized && /* @__PURE__ */ jsx24(MinimizedBubble, {
                   welcomeMessage,
                   welcomeDismissed,
                   onDismissWelcome: dismissWelcome
                 }),
-                /* @__PURE__ */ jsx21(SidebarTrigger, {}),
-                /* @__PURE__ */ jsx21(Sidebar, {
+                /* @__PURE__ */ jsx24(SidebarTrigger, {}),
+                /* @__PURE__ */ jsx24(Sidebar, {
                   hideControls,
                   hideHeader,
                   startSessionLabel