@skippr/live-agent-sdk 0.75.0 → 0.77.0

package/dist/esm/lib-exports.js

@@ -8,7 +8,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { useCallback as useCallback15, useEffect as useEffect26, useMemo as useMemo6, useRef as useRef17, useState as useState19 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo7, useRef as useRef18, useState as useState19 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -481,8 +481,127 @@ function useAuth({ appKey }) {
   };
 }
 
+// src/hooks/useAutoStart.ts
+import { useEffect as useEffect5, useMemo as useMemo2, useRef } from "react";
+
+// 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",
+  active: "active",
+  paused: "paused",
+  completed: "completed",
+  expired: "expired"
+};
+var SESSION_STATUSES = Object.values(SESSION_STATUS);
+
+// src/lib/session.ts
+function mapApiMessages(messages) {
+  return messages.filter((message) => message.role !== "system").map((message) => ({
+    id: message.id,
+    role: message.role === "user" ? "user" : "assistant",
+    content: message.content,
+    source: "chat",
+    timestamp: new Date(message.createdAt).getTime()
+  }));
+}
+function getResumableSessionId(currentSession, mode) {
+  if (!currentSession)
+    return;
+  const { id, status } = currentSession;
+  if (status === SESSION_STATUS.paused || status === SESSION_STATUS.active)
+    return id;
+  if (mode === AGENT_MODE.AlwaysOn && (status === SESSION_STATUS.expired || status === SESSION_STATUS.completed))
+    return id;
+  return;
+}
+function canResumeSession(currentSession, mode) {
+  return getResumableSessionId(currentSession, mode) !== undefined;
+}
+function getResumableSession(module) {
+  if (!module)
+    return null;
+  const id = getResumableSessionId(module.currentSession, module.mode);
+  return id ? { id, agentId: module.id } : null;
+}
+function getModuleSessionState(currentSession, mode) {
+  if (!currentSession)
+    return null;
+  if (canResumeSession(currentSession, mode))
+    return "resume";
+  if (mode === AGENT_MODE.Standard) {
+    const { status } = currentSession;
+    if (status === SESSION_STATUS.completed)
+      return "completed";
+    if (status === SESSION_STATUS.expired)
+      return "expired";
+  }
+  return null;
+}
+
+// src/hooks/useAutoStart.ts
+async function isMicGranted() {
+  try {
+    if (!navigator.permissions?.query)
+      return false;
+    const status = await navigator.permissions.query({ name: "microphone" });
+    return status.state === "granted";
+  } catch {
+    return false;
+  }
+}
+function useAutoStart({
+  availableModules,
+  isSessionLive,
+  bearerToken,
+  selectModule
+}) {
+  const hasAutoStartedRef = useRef(false);
+  const autoStartModule = useMemo2(() => availableModules.find((m) => {
+    if (!m.uiPreferences?.autoStart)
+      return false;
+    const state = getModuleSessionState(m.currentSession, m.mode);
+    return state !== "completed" && state !== "expired";
+  }) ?? null, [availableModules]);
+  useEffect5(() => {
+    if (!autoStartModule || hasAutoStartedRef.current)
+      return;
+    if (isSessionLive || !bearerToken)
+      return;
+    let cancelled = false;
+    const stopWaitingForGesture = () => {
+      document.removeEventListener("pointerdown", onFirstGesture, true);
+      document.removeEventListener("keydown", onFirstGesture, true);
+    };
+    const startOnce = () => {
+      if (cancelled || hasAutoStartedRef.current)
+        return;
+      hasAutoStartedRef.current = true;
+      stopWaitingForGesture();
+      selectModule(autoStartModule.id, { autoStarted: true });
+    };
+    const onFirstGesture = () => startOnce();
+    document.addEventListener("pointerdown", onFirstGesture, true);
+    document.addEventListener("keydown", onFirstGesture, true);
+    isMicGranted().then((granted) => {
+      if (granted)
+        startOnce();
+    });
+    return () => {
+      cancelled = true;
+      stopWaitingForGesture();
+    };
+  }, [autoStartModule, isSessionLive, bearerToken, selectModule]);
+}
+
 // src/hooks/useAvailableModules.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState5 } from "react";
 var EMPTY_DEFAULT = { agentId: null, sessionId: null };
 var API_URL3 = "https://specialist.skippr.ai/api";
 function useAvailableModules({
@@ -517,7 +636,7 @@ function useAvailableModules({
       setHasResolved(true);
     }
   }, [authedFetch, agentId]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!enabled || !bearerToken)
       return;
     fetchModules();
@@ -537,11 +656,11 @@ import { useCallback as useCallback5 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect7, useState as useState6 } from "react";
 function useAgentState(attributeKey, parse, initial) {
   const [value, setValue] = useState6(initial);
   const remoteParticipants = useRemoteParticipants();
-  useEffect6(() => {
+  useEffect7(() => {
     const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
     if (agentParticipant) {
       const attr = agentParticipant.attributes?.[attributeKey];
@@ -592,70 +711,7 @@ function usePlanUpdates() {
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback6, useEffect as useEffect7, useRef, useState as useState7 } from "react";
-
-// 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",
-  active: "active",
-  paused: "paused",
-  completed: "completed",
-  expired: "expired"
-};
-var SESSION_STATUSES = Object.values(SESSION_STATUS);
-
-// src/lib/session.ts
-function mapApiMessages(messages) {
-  return messages.filter((message) => message.role !== "system").map((message) => ({
-    id: message.id,
-    role: message.role === "user" ? "user" : "assistant",
-    content: message.content,
-    source: "chat",
-    timestamp: new Date(message.createdAt).getTime()
-  }));
-}
-function getResumableSessionId(currentSession, mode) {
-  if (!currentSession)
-    return;
-  const { id, status } = currentSession;
-  if (status === SESSION_STATUS.paused || status === SESSION_STATUS.active)
-    return id;
-  if (mode === AGENT_MODE.AlwaysOn && (status === SESSION_STATUS.expired || status === SESSION_STATUS.completed))
-    return id;
-  return;
-}
-function canResumeSession(currentSession, mode) {
-  return getResumableSessionId(currentSession, mode) !== undefined;
-}
-function getResumableSession(module) {
-  if (!module)
-    return null;
-  const id = getResumableSessionId(module.currentSession, module.mode);
-  return id ? { id, agentId: module.id } : null;
-}
-function getModuleSessionState(currentSession, mode) {
-  if (!currentSession)
-    return null;
-  if (canResumeSession(currentSession, mode))
-    return "resume";
-  if (mode === AGENT_MODE.Standard) {
-    const { status } = currentSession;
-    if (status === SESSION_STATUS.completed)
-      return "completed";
-    if (status === SESSION_STATUS.expired)
-      return "expired";
-  }
-  return null;
-}
-
-// src/hooks/useSession.ts
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef2, useState as useState7 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -721,11 +777,11 @@ function useSession({
   const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState7(null);
   const [historyMessages, setHistoryMessages] = useState7([]);
   const [authFailed, setAuthFailed] = useState7(false);
-  const tokenRef = useRef(authToken ? { token: authToken, expiresAt: null } : null);
-  const getUserTokenRef = useRef(getUserToken);
+  const tokenRef = useRef2(authToken ? { token: authToken, expiresAt: null } : null);
+  const getUserTokenRef = useRef2(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
-  const failedBearerRef = useRef(null);
-  const inFlightExchangeRef = useRef(null);
+  const failedBearerRef = useRef2(null);
+  const inFlightExchangeRef = useRef2(null);
   const canExchange = useCallback6(() => !!appKey && !!getUserTokenRef.current, [appKey]);
   const reExchange = useCallback6(async () => {
     if (inFlightExchangeRef.current)
@@ -801,7 +857,7 @@ function useSession({
       setAuthFailed(false);
     return resp;
   }, [canExchange, getValidBearer, reExchange]);
-  useEffect7(() => {
+  useEffect8(() => {
     let stale = false;
     if (authToken) {
       tokenRef.current = { token: authToken, expiresAt: null };
@@ -820,9 +876,10 @@ function useSession({
       stale = true;
     };
   }, [authToken, canExchange, reExchange]);
-  const pauseOnUnloadRef = useRef(null);
+  const isStartingRef = useRef2(false);
+  const pauseOnUnloadRef = useRef2(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
-  useEffect7(() => {
+  useEffect8(() => {
     const onPageHide = () => {
       const pending = pauseOnUnloadRef.current;
       if (!pending)
@@ -837,7 +894,15 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback6(async ({ agentId, agentControls, existingSessionId, adoptionGoalId }) => {
+  const startSession = useCallback6(async ({
+    agentId,
+    agentControls,
+    existingSessionId,
+    adoptionGoalId,
+    autoStarted
+  }) => {
+    if (isStartingRef.current)
+      return;
     if (!bearerToken) {
       setError("No auth token available");
       return;
@@ -846,6 +911,7 @@ function useSession({
       setError("No agent selected");
       return;
     }
+    isStartingRef.current = true;
     setIsStarting(true);
     setError("");
     setErrorCode(null);
@@ -886,7 +952,8 @@ function useSession({
         body: JSON.stringify({
           captureMode,
           agentControls: requestAgentControls,
-          adoptionGoalId
+          adoptionGoalId,
+          autoStarted
         })
       });
       if (!startResp.ok) {
@@ -915,6 +982,7 @@ function useSession({
       setError(e instanceof Error ? e.message : "Failed to start session");
       onStartError?.();
     } finally {
+      isStartingRef.current = false;
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
@@ -989,7 +1057,7 @@ function useSession({
 }
 
 // src/hooks/useSessionHistory.ts
-import { useEffect as useEffect8, useState as useState8 } from "react";
+import { useEffect as useEffect9, useState as useState8 } from "react";
 var API_URL5 = "https://specialist.skippr.ai/api";
 var EMPTY = { messages: [], phases: [] };
 function useSessionHistory({
@@ -1001,7 +1069,7 @@ function useSessionHistory({
   const [loadedAgentId, setLoadedAgentId] = useState8(null);
   const activeAgentId = enabled && agentId ? agentId : null;
   const isLoading = activeAgentId !== null && activeAgentId !== loadedAgentId;
-  useEffect8(() => {
+  useEffect9(() => {
     if (!enabled || !agentId) {
       setHistory(EMPTY);
       setLoadedAgentId(null);
@@ -1114,7 +1182,7 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/context.js
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2, createElement } from "react";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, createElement } from "react";
 var LucideContext = createContext3({});
 var useLucideContext = () => useContext3(LucideContext);
 
@@ -1340,7 +1408,7 @@ var __iconNode23 = [
 ];
 var X = createLucideIcon("x", __iconNode23);
 // src/components/AgentCursor.tsx
-import { useContext as useContext4, useEffect as useEffect9, useLayoutEffect, useRef as useRef2, useState as useState9 } from "react";
+import { useContext as useContext4, useEffect as useEffect10, useLayoutEffect, useRef as useRef3, useState as useState9 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1528,13 +1596,13 @@ function AgentCursor({
   const [phase, setPhase] = useState9("idle");
   const [ringBox, setRingBox] = useState9(null);
   const [clickPulse, setClickPulse] = useState9(0);
-  const cursorElRef = useRef2(null);
-  const pathRef = useRef2(null);
-  const prevCursorRef = useRef2(null);
-  const traceRef = useRef2(null);
-  const timersRef = useRef2(new Set);
-  const trackFrameRef = useRef2(null);
-  const glideFrameRef = useRef2(null);
+  const cursorElRef = useRef3(null);
+  const pathRef = useRef3(null);
+  const prevCursorRef = useRef3(null);
+  const traceRef = useRef3(null);
+  const timersRef = useRef3(new Set);
+  const trackFrameRef = useRef3(null);
+  const glideFrameRef = useRef3(null);
   const clearTimers = () => {
     for (const t of timersRef.current)
       clearTimeout(t);
@@ -1650,7 +1718,7 @@ function AgentCursor({
     });
     return cancelAnimation;
   }, [target, animated]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!target || target.kind === "gesture" || phase === "idle")
       return;
     const track = () => {
@@ -1682,7 +1750,7 @@ function AgentCursor({
       }
     };
   }, [target, phase]);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       traceRef.current?.cancel();
       for (const t of timersRef.current)
@@ -1775,12 +1843,12 @@ function AgentCursor({
 // src/components/AutoStartMedia.tsx
 import { useConnectionState, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect10, useRef as useRef3 } from "react";
+import { useEffect as useEffect11, useRef as useRef4 } from "react";
 function AutoStartMedia({ pendingScreenStream }) {
   const { localParticipant } = useLocalParticipant2();
   const connectionState = useConnectionState();
-  const didStartRef = useRef3(false);
-  useEffect10(() => {
+  const didStartRef = useRef4(false);
+  useEffect11(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState.Connected)
@@ -1805,7 +1873,7 @@ function AutoStartMedia({ pendingScreenStream }) {
 // src/components/DomCapture.tsx
 import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
 import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect11, useRef as useRef4 } from "react";
+import { useEffect as useEffect12, useRef as useRef5 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -2713,8 +2781,8 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
 function DomCapture() {
   const { localParticipant } = useLocalParticipant3();
   const connectionState = useConnectionState2();
-  const didStartRef = useRef4(false);
-  useEffect11(() => {
+  const didStartRef = useRef5(false);
+  useEffect12(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState2.Connected)
@@ -2824,7 +2892,7 @@ function DomCapture() {
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback7, useEffect as useEffect12, useRef as useRef5 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef6 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 1e4;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -2847,8 +2915,8 @@ function parseHighlightMessage(payload) {
   }
 }
 function HighlightOverlay() {
-  const targetRef = useRef5(null);
-  const autoClearRef = useRef5(null);
+  const targetRef = useRef6(null);
+  const autoClearRef = useRef6(null);
   const clear = useCallback7(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
@@ -2880,7 +2948,7 @@ function HighlightOverlay() {
     autoClearRef.current = setTimeout(clear, HIGHLIGHT_AUTO_CLEAR_MS);
   }, [clear]);
   useDataChannel(HIGHLIGHT_TOPIC, onHighlightMessage);
-  useEffect12(() => {
+  useEffect13(() => {
     const onClick = (event) => {
       const target = targetRef.current;
       const node = event.target;
@@ -2890,26 +2958,26 @@ function HighlightOverlay() {
     document.addEventListener("click", onClick, { capture: true });
     return () => document.removeEventListener("click", onClick, { capture: true });
   }, [clear]);
-  useEffect12(() => clear, [clear]);
+  useEffect13(() => clear, [clear]);
   return null;
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext5, useEffect as useEffect14, useRef as useRef7, useState as useState10 } from "react";
+import { useContext as useContext5, useEffect as useEffect15, useRef as useRef8, useState as useState10 } from "react";
 
 // src/hooks/useLauncherDrag.ts
-import { useEffect as useEffect13, useRef as useRef6 } from "react";
+import { useEffect as useEffect14, useRef as useRef7 } from "react";
 import { flushSync } from "react-dom";
 var DRAG_THRESHOLD_PX = 5;
 function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging) {
-  const wasDraggedRef = useRef6(false);
-  const onDropRef = useRef6(onDrop);
+  const wasDraggedRef = useRef7(false);
+  const onDropRef = useRef7(onDrop);
   onDropRef.current = onDrop;
-  const followTargetsRef = useRef6(followRefs);
+  const followTargetsRef = useRef7(followRefs);
   followTargetsRef.current = followRefs;
-  const reportDraggingRef = useRef6(reportDragging);
+  const reportDraggingRef = useRef7(reportDragging);
   reportDraggingRef.current = reportDragging;
-  useEffect13(() => {
+  useEffect14(() => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -3242,7 +3310,7 @@ function WelcomeBubble({
   onDismiss,
   onClick
 }) {
-  useEffect14(() => {
+  useEffect15(() => {
     const timer = setTimeout(onDismiss, 5000);
     return () => clearTimeout(timer);
   }, [onDismiss]);
@@ -3289,10 +3357,10 @@ function MinimizedBubble({
   const [goalsAutoHidden, setGoalsAutoHidden] = useState10(false);
   const [isLauncherHovered, setIsLauncherHovered] = useState10(false);
   const [visitHref, setVisitHref] = useState10(() => window.location.href);
-  const revealedHrefRef = useRef7(null);
-  const hoverContainerRef = useRef7(null);
-  useEffect14(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
-  useEffect14(() => {
+  const revealedHrefRef = useRef8(null);
+  const hoverContainerRef = useRef8(null);
+  useEffect15(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
+  useEffect15(() => {
     const el = hoverContainerRef.current;
     if (!el)
       return;
@@ -3314,7 +3382,7 @@ function MinimizedBubble({
   const onboardingModule = pillCandidates.find((module) => module.type === "onboarding");
   const modulePills = onboardingModule ? [onboardingModule] : pillCandidates.slice(0, MAX_MODULE_PILLS).reverse();
   const goalsEligible = adoptionGoals.length > 0 && !onboardingModule && hasResolvedModules;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!goalsEligible)
       return;
     if (revealedHrefRef.current === visitHref) {
@@ -3329,7 +3397,7 @@ function MinimizedBubble({
   const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
   const goalsHidden = goalsAutoHidden && !isLauncherHovered;
   const [goalsUnmounted, setGoalsUnmounted] = useState10(false);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!goalsHidden) {
       setGoalsUnmounted(false);
       return;
@@ -3404,7 +3472,7 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef9 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
 var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var textDecoder2 = new TextDecoder;
@@ -3621,11 +3689,11 @@ function labelFor(action) {
   }
 }
 function PageActionHandler() {
-  const mountedRef = useRef8(true);
-  const queueRef = useRef8([]);
-  const drainingRef = useRef8(false);
-  const settleTimerRef = useRef8(null);
-  const endStepRef = useRef8(null);
+  const mountedRef = useRef9(true);
+  const queueRef = useRef9([]);
+  const drainingRef = useRef9(false);
+  const settleTimerRef = useRef9(null);
+  const endStepRef = useRef9(null);
   const runStep = useCallback8((action) => {
     return new Promise((resolve) => {
       if (action.type === "scroll_page") {
@@ -3733,7 +3801,7 @@ function PageActionHandler() {
     queueRef.current.push(action);
     drain();
   }, [drain]);
-  useEffect15(() => {
+  useEffect16(() => {
     mountedRef.current = true;
     drainingRef.current = false;
     return () => {
@@ -3745,7 +3813,7 @@ function PageActionHandler() {
       setActionsBusy(false);
     };
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     return onActionsPausedChange((paused) => {
       if (paused) {
         clearCursorTarget("act");
@@ -3761,18 +3829,18 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useContext as useContext6, useEffect as useEffect18 } from "react";
+import { useContext as useContext6, useEffect as useEffect19 } from "react";
 
 // src/hooks/useActionControl.ts
 import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback9, useEffect as useEffect16, useState as useState11 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect17, useState as useState11 } from "react";
 var textEncoder4 = new TextEncoder;
 function useActionControl() {
   const { localParticipant } = useLocalParticipant4();
   const plan = usePlanUpdates();
   const [busy, setBusy] = useState11(isActionsBusy);
   const [actionsPaused2, setPaused] = useState11(false);
-  useEffect16(() => subscribeActionsBusy(setBusy), []);
+  useEffect17(() => subscribeActionsBusy(setBusy), []);
   const actionsActive = busy || plan?.state === "executing";
   const togglePaused = useCallback9(async () => {
     const next = !actionsPaused2;
@@ -3800,13 +3868,13 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect17, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect18, useRef as useRef10, useState as useState12 } from "react";
 var TALKING_LEVEL_THRESHOLD = 0.2;
 var TALKING_HOLD_MS = 400;
 function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowthPx, noiseGate }) {
-  const barRefs = useRef9([]);
+  const barRefs = useRef10([]);
   const [isTalking, setIsTalking] = useState12(false);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!mediaStreamTrack) {
       for (const bar of barRefs.current) {
         if (bar)
@@ -4062,7 +4130,7 @@ function SessionControlBar() {
   const { state, mediaStreamTrack: agentMediaStreamTrack } = useAgentVoiceState();
   const { actionsActive, actionsPaused: actionsPaused2, togglePaused } = useActionControl();
   const { isHeld, countdown, toggle: togglePause } = useSessionHoldContext();
-  useEffect18(() => {
+  useEffect19(() => {
     if (isHeld)
       minimizePanel();
   }, [isHeld, minimizePanel]);
@@ -4283,7 +4351,7 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState13 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState13 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx7, Fragment as Fragment2 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
@@ -4300,7 +4368,7 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef10(null);
+  const hostRef = useRef11(null);
   const [shadowRoot, setShadowRoot] = useState13(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-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--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-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--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\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.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-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.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-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.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-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.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\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.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{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.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-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.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-7{height:calc(var(--skippr-spacing)*7)}.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-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-8{width:calc(var(--skippr-spacing)*8)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[50px\\]{width:50px}.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\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.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\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);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-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.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-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.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-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.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\\:justify-start{justify-content:flex-start}.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-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*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-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.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\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.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-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.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-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.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-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-green-100{background-color:var(--skippr-color-green-100)}.skippr\\:bg-launcher{background-color:#2d2d3f}.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-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.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-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/15{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/15{background-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.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\\: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\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.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-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.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\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-green-700{color:var(--skippr-color-green-700)}.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-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.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-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.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\\:capitalize{text-transform:capitalize}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.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-40{opacity:.4}.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-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);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_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);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_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px 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_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-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px 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-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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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-2{--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\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-white\\/30{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--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-\\[height\\]{transition-property:height;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\\,transform\\,height\\]{transition-property:opacity,transform,height;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\\,margin\\]{transition-property:width,margin;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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select: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\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.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\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.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-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-green-200:hover{background-color:var(--skippr-color-green-200)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/10:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--skippr-color-white)10%,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\\: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-brand:focus-visible{--tw-ring-color:#2bc0ae}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.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}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}}.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-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.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 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@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-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}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)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}}`;
@@ -4328,14 +4396,14 @@ function ShadowHost({ children }) {
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext11, useEffect as useEffect25 } from "react";
+import { useContext as useContext11, useEffect as useEffect26 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext7, useMemo as useMemo5 } from "react";
+import { useContext as useContext7, useMemo as useMemo6 } from "react";
 
 // src/hooks/useChatMessages.ts
 import { useChat, useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 
 // src/lib/filterSystemMessages.ts
 var SYSTEM_MESSAGE_PATTERN = /^\[\w+\]$/;
@@ -4348,7 +4416,7 @@ function useChatMessages() {
   const { chatMessages: rawMessages, send, isSending } = useChat();
   const { localParticipant } = useLocalParticipant7();
   const localIdentity = localParticipant.identity;
-  const chatMessages = useMemo3(() => {
+  const chatMessages = useMemo4(() => {
     const sortedMessages = rawMessages.map((msg) => ({
       id: msg.id,
       role: msg.from?.identity === localIdentity ? "user" : "assistant",
@@ -4363,12 +4431,12 @@ function useChatMessages() {
 
 // src/hooks/useStreamingTranscript.ts
 import { useLocalParticipant as useLocalParticipant8, useTranscriptions } from "@livekit/components-react/hooks";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useTranscriptions();
   const { localParticipant } = useLocalParticipant8();
   const localIdentity = localParticipant.identity;
-  const transcriptMessages = useMemo4(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
+  const transcriptMessages = useMemo5(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
     id: stream.streamInfo.id,
     role: stream.participantInfo.identity === localIdentity ? "user" : "assistant",
     content: stream.text,
@@ -4400,14 +4468,14 @@ function useCombinedMessages() {
   const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
   const { state: agentState } = useAgentVoiceState();
   const historyMessages = useContext7(LiveAgentContext)?.historyMessages ?? [];
-  const liveMessages = useMemo5(() => {
+  const liveMessages = useMemo6(() => {
     if (chatMessages.length === 0)
       return transcriptMessages;
     if (transcriptMessages.length === 0)
       return chatMessages;
     return mergeChatsIntoTranscripts(transcriptMessages, chatMessages);
   }, [transcriptMessages, chatMessages]);
-  const allMessages = useMemo5(() => {
+  const allMessages = useMemo6(() => {
     if (historyMessages.length === 0)
       return liveMessages;
     const seenIds = new Set(liveMessages.map((message) => message.id));
@@ -4417,7 +4485,7 @@ function useCombinedMessages() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback11, useContext as useContext8, useEffect as useEffect19 } from "react";
+import { useCallback as useCallback11, useContext as useContext8, useEffect as useEffect20 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -4431,7 +4499,7 @@ function usePhaseUpdates() {
   const parse = useCallback11(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
   const ctx = useContext8(LiveAgentContext);
-  useEffect19(() => {
+  useEffect20(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -4440,7 +4508,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect20, useRef as useRef11, useState as useState14 } from "react";
+import { useEffect as useEffect21, useRef as useRef12, useState as useState14 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -4456,9 +4524,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef11(null);
+  const endTimeRef = useRef12(null);
   const [remaining, setRemaining] = useState14(null);
-  useEffect20(() => {
+  useEffect21(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -4475,13 +4543,13 @@ function useSessionRemaining() {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext10, useRef as useRef13 } from "react";
+import { useContext as useContext10, useRef as useRef14 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect21, useState as useState15 } from "react";
+import { useEffect as useEffect22, useState as useState15 } from "react";
 function useElapsedSeconds(isRunning) {
   const [elapsed, setElapsed] = useState15(0);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -4498,7 +4566,7 @@ function useElapsedSeconds(isRunning) {
 
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant9 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback12, useContext as useContext9, useRef as useRef12 } from "react";
+import { useCallback as useCallback12, useContext as useContext9, useRef as useRef13 } from "react";
 var textEncoder5 = new TextEncoder;
 function useTextMode() {
   const ctx = useContext9(LiveAgentContext);
@@ -4507,7 +4575,7 @@ function useTextMode() {
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
   const { localParticipant } = useLocalParticipant9();
-  const confirmedTextModeRef = useRef12(false);
+  const confirmedTextModeRef = useRef13(false);
   const toggleTextMode = useCallback12(async () => {
     const next = !textMode;
     setTextModeState(next);
@@ -4548,7 +4616,7 @@ function ChatHeader() {
     setIsDragging
   } = ctx;
   const elapsed = useElapsedSeconds(isConnected);
-  const headerRef = useRef13(null);
+  const headerRef = useRef14(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
@@ -4665,7 +4733,7 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback13, useEffect as useEffect22, useRef as useRef14, useState as useState16 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef15, useState as useState16 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -4793,16 +4861,16 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
   const [digits, setDigits] = useState16(Array(OTP_LENGTH).fill(""));
   const [resendCooldown, setResendCooldown] = useState16(0);
-  const inputRefs = useRef14([]);
-  const submittedRef = useRef14(false);
-  useEffect22(() => {
+  const inputRefs = useRef15([]);
+  const submittedRef = useRef15(false);
+  useEffect23(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
@@ -4943,17 +5011,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState18 } from "react";
+import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState18 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect23, useRef as useRef15, useState as useState17 } from "react";
+import { useEffect as useEffect24, useRef as useRef16, useState as useState17 } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   const [inputText, setInputText] = useState17("");
-  const textareaRef = useRef15(null);
+  const textareaRef = useRef16(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect23(() => {
+  useEffect24(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -5044,7 +5112,7 @@ function ChatMessage({ message }) {
 }
 
 // src/components/PlanCard.tsx
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var APPROVE_MESSAGE = "Yes, go ahead.";
 var CANCEL_MESSAGE = "No, cancel that.";
@@ -5071,7 +5139,7 @@ function StepIcon({ status }) {
 }
 function PlanCard({ plan, sendChatMessage, onDismiss }) {
   const awaitingApproval = plan.state === "proposed";
-  useEffect24(() => {
+  useEffect25(() => {
     if (plan.state !== "completed")
       return;
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
@@ -5164,9 +5232,9 @@ function MessageList({
   autoFocus = false,
   readOnly = false
 }) {
-  const containerRef = useRef16(null);
-  const isPinnedToBottom = useRef16(true);
-  const lastSeenMessageId = useRef16(undefined);
+  const containerRef = useRef17(null);
+  const isPinnedToBottom = useRef17(true);
+  const lastSeenMessageId = useRef17(undefined);
   const [showJumpToLatest, setShowJumpToLatest] = useState18(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
   const [dismissedPlanId, setDismissedPlanId] = useState18(null);
@@ -5390,7 +5458,7 @@ function Sidebar({
       height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
     };
   }
-  useEffect25(() => {
+  useEffect26(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -5757,8 +5825,8 @@ function AgentCursorMount({ animated }) {
 function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef17(null);
-  useEffect26(() => {
+  const surfacedPlanIdRef = useRef18(null);
+  useEffect27(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
     surfacedPlanIdRef.current = plan.planId;
@@ -5844,7 +5912,7 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef17(false);
+  const teardownInFlightRef = useRef18(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
   const handleRoomDisconnected = useCallback15(() => {
     if (teardownInFlightRef.current)
@@ -5859,15 +5927,15 @@ function LiveAgent(props) {
   const [textMode, setTextMode] = useState19(false);
   const [panelExpanded, setPanelExpanded] = useState19(false);
   const togglePanelExpanded = useCallback15(() => setPanelExpanded((prev) => !prev), []);
-  const panelRef = useRef17(null);
-  const controlBarRef = useRef17(null);
+  const panelRef = useRef18(null);
+  const controlBarRef = useRef18(null);
   const [isDragging, setIsDragging] = useState19(false);
   const setTextModeState = useCallback15((enabled) => {
     setTextMode(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect26(() => {
+  useEffect27(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -5894,7 +5962,7 @@ function LiveAgent(props) {
   const agentControls = operatingModule?.controls ?? hostAgentControls;
   const agentMode = operatingModule?.mode ?? null;
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
-  const resumableSession = useMemo6(() => getResumableSession(operatingModule), [operatingModule]);
+  const resumableSession = useMemo7(() => getResumableSession(operatingModule), [operatingModule]);
   const resumeSession = useCallback15(async () => {
     if (!resumableSession)
       return;
@@ -5904,7 +5972,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback15((moduleId) => {
+  const selectModule = useCallback15((moduleId, opts) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -5912,7 +5980,8 @@ function LiveAgent(props) {
     startSession({
       agentId: found.id,
       agentControls: found.controls,
-      existingSessionId: getResumableSessionId(found.currentSession, found.mode)
+      existingSessionId: getResumableSessionId(found.currentSession, found.mode),
+      autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession]);
   const startAdoptionSession = useCallback15((goal) => {
@@ -5943,8 +6012,8 @@ function LiveAgent(props) {
     } catch {}
   }, []);
   const savedLauncherBottom = readSavedLauncherBottom();
-  const hasDraggedRef = useRef17(savedLauncherBottom !== null);
-  const verticalAlignRef = useRef17(verticalAlign);
+  const hasDraggedRef = useRef18(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef18(verticalAlign);
   const [launcherBottomPx, setLauncherBottomPxState] = useState19(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
   const [popsDown, setPopsDown] = useState19(() => launcherPopsDown(launcherBottomPx));
   const setLauncherBottomPx = useCallback15((px) => {
@@ -5955,13 +6024,13 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef17(launcherBottomPx);
+  const launcherBottomPxRef = useRef18(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
   const commitLauncherDrop = useCallback15(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  useEffect26(() => {
+  useEffect27(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -5994,12 +6063,14 @@ function LiveAgent(props) {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
+    setActiveModule(target);
     startSession({
       agentId: target.id,
       agentControls: target.controls,
       existingSessionId: defaultSelection.sessionId ?? undefined
     });
   }, [defaultAgentId, availableModules, defaultSelection.sessionId, startSession]);
+  useAutoStart({ availableModules, isSessionLive, bearerToken, selectModule });
   const idleHistoryEnabled = !isSessionLive && !isPaused && isPanelOpen && isAuthenticated;
   const {
     messages: idleHistoryMessages,
@@ -6010,12 +6081,12 @@ function LiveAgent(props) {
     enabled: idleHistoryEnabled,
     authedFetch
   });
-  const idleHistory = useMemo6(() => ({
+  const idleHistory = useMemo7(() => ({
     messages: idleHistoryMessages,
     phases: idleHistoryPhases,
     isLoading: isLoadingHistory
   }), [idleHistoryMessages, idleHistoryPhases, isLoadingHistory]);
-  const ctx = useMemo6(() => ({
+  const ctx = useMemo7(() => ({
     connection,
     shouldConnect,
     isConnected,