@skippr/live-agent-sdk 0.82.0 → 0.83.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 useCallback18, useEffect as useEffect29, useMemo as useMemo7, useRef as useRef23, useState as useState21 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo7, useRef as useRef25, useState as useState21 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -118,42 +118,177 @@ function useLiveAgent() {
 }
 
 // src/hooks/useSessionHold.ts
+import { useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
+import { Track } from "livekit-client";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+
+// src/capture/pausedScreenTrack.ts
+var FALLBACK_WIDTH = 1280;
+var FALLBACK_HEIGHT = 720;
+var DIM_OVERLAY = "rgba(15, 15, 20, 0.55)";
+var AMBER = "#F5B300";
+var LABEL = "Paused";
+var PAUSED_FRAME_FPS = 30;
+var LAST_FRAME_READY_TIMEOUT_MS = 500;
+function drawPausedOverlay(canvas, ctx) {
+  const { width, height } = canvas;
+  ctx.fillStyle = DIM_OVERLAY;
+  ctx.fillRect(0, 0, width, height);
+  const fontSize = Math.round(height * 0.07);
+  ctx.font = `600 ${fontSize}px system-ui, sans-serif`;
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillStyle = AMBER;
+  ctx.fillText(LABEL, width / 2, height / 2);
+}
+async function drawLiveScreenFrameInto(ctx, sourceTrack, width, height) {
+  const video = document.createElement("video");
+  video.muted = true;
+  video.srcObject = new MediaStream([sourceTrack]);
+  try {
+    await video.play();
+    await waitForDecodedFrame(video);
+    ctx.drawImage(video, 0, 0, width, height);
+    return true;
+  } catch {
+    return false;
+  } finally {
+    video.srcObject = null;
+  }
+}
+async function waitForDecodedFrame(video) {
+  if (video.readyState >= video.HAVE_CURRENT_DATA)
+    return;
+  await new Promise((resolve) => {
+    const timeout = setTimeout(resolve, LAST_FRAME_READY_TIMEOUT_MS);
+    video.addEventListener("loadeddata", () => {
+      clearTimeout(timeout);
+      resolve();
+    }, { once: true });
+  });
+}
+async function createPausedScreenTrack(sourceTrack) {
+  const settings = sourceTrack.getSettings();
+  const width = settings.width ?? FALLBACK_WIDTH;
+  const height = settings.height ?? FALLBACK_HEIGHT;
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx)
+    return null;
+  const captureStream = canvas.captureStream;
+  if (typeof captureStream !== "function")
+    return null;
+  const capturedLiveFrame = await drawLiveScreenFrameInto(ctx, sourceTrack, width, height);
+  if (!capturedLiveFrame) {
+    ctx.fillStyle = "#0f0f14";
+    ctx.fillRect(0, 0, width, height);
+  }
+  drawPausedOverlay(canvas, ctx);
+  const track = captureStream.call(canvas, PAUSED_FRAME_FPS).getVideoTracks()[0] ?? null;
+  if (!track)
+    return null;
+  track.contentHint = "text";
+  return track;
+}
+
+// src/hooks/useMediaControls.ts
 import { useLocalParticipant } from "@livekit/components-react/hooks";
-import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+import { ScreenSharePresets } from "livekit-client";
+import { useCallback } from "react";
+var SCREEN_SHARE_OPTIONS = {
+  video: { displaySurface: "browser" },
+  resolution: ScreenSharePresets.h720fps30.resolution,
+  contentHint: "detail"
+};
+function useMediaControls() {
+  const { localParticipant } = useLocalParticipant();
+  const isMuted = !localParticipant.isMicrophoneEnabled;
+  const isScreenSharing = localParticipant.isScreenShareEnabled;
+  const toggleMute = useCallback(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(isMuted);
+    } catch (error) {
+      console.error("Failed to toggle microphone:", error);
+    }
+  }, [localParticipant, isMuted]);
+  const toggleScreenShare = useCallback(async () => {
+    try {
+      await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
+    } catch (error) {
+      console.error("Failed to toggle screen share:", error);
+    }
+  }, [localParticipant, isScreenSharing]);
+  return { isMuted, toggleMute, isScreenSharing, toggleScreenShare };
+}
+
+// src/hooks/useSessionHold.ts
 var textEncoder = new TextEncoder;
 var FALLBACK_PAUSE_TIMEOUT_SECONDS = 120;
 function useSessionHold({
   pauseSession,
-  pauseTimeoutSeconds
+  pauseTimeoutSeconds,
+  captureMode
 }) {
-  const { localParticipant } = useLocalParticipant();
+  const { localParticipant } = useLocalParticipant2();
   const timeoutSeconds = pauseTimeoutSeconds ?? FALLBACK_PAUSE_TIMEOUT_SECONDS;
   const [isHeld, setIsHeld] = useState2(false);
   const [countdown, setCountdown] = useState2(timeoutSeconds);
-  const publish = useCallback(async (type) => {
+  const screenWasSharedBeforeHoldRef = useRef(false);
+  const holdTransitionInFlightRef = useRef(false);
+  const publish = useCallback2(async (type) => {
     await localParticipant.publishData(textEncoder.encode(JSON.stringify({ type })), {
       reliable: true,
       topic: SESSION_HOLD_TOPIC
     });
   }, [localParticipant]);
-  const hold = useCallback(async () => {
+  const screenShareTrack = useCallback2(() => {
+    return localParticipant.getTrackPublication(Track.Source.ScreenShare)?.videoTrack;
+  }, [localParticipant]);
+  const pauseScreenShareForHold = useCallback2(async () => {
+    if (captureMode !== CAPTURE_MODE.Screenshare)
+      return;
+    screenWasSharedBeforeHoldRef.current = localParticipant.isScreenShareEnabled;
+    const track = screenShareTrack();
+    const liveScreenTrack = track?.mediaStreamTrack;
+    if (!track || !liveScreenTrack)
+      return;
+    const pausedFrame = await createPausedScreenTrack(liveScreenTrack);
+    if (pausedFrame)
+      await track.replaceTrack(pausedFrame);
+    liveScreenTrack.stop();
+  }, [captureMode, localParticipant, screenShareTrack]);
+  const resumeScreenShareOnResume = useCallback2(async () => {
+    if (captureMode !== CAPTURE_MODE.Screenshare || !screenWasSharedBeforeHoldRef.current)
+      return;
+    await localParticipant.setScreenShareEnabled(false);
+    await localParticipant.setScreenShareEnabled(true, SCREEN_SHARE_OPTIONS);
+  }, [captureMode, localParticipant]);
+  const micTrack = useCallback2(() => {
+    return localParticipant.getTrackPublication(Track.Source.Microphone)?.audioTrack;
+  }, [localParticipant]);
+  const hold = useCallback2(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(false);
+      micTrack()?.mediaStreamTrack?.stop();
+      await pauseScreenShareForHold();
       await publish("pause");
       setIsHeld(true);
     } catch (error) {
       console.error("Failed to hold session:", error);
     }
-  }, [localParticipant, publish]);
-  const release = useCallback(async () => {
+  }, [localParticipant, publish, pauseScreenShareForHold, micTrack]);
+  const release = useCallback2(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(true);
+      await resumeScreenShareOnResume();
       await publish("resume");
       setIsHeld(false);
     } catch (error) {
       console.error("Failed to release session:", error);
     }
-  }, [localParticipant, publish]);
+  }, [localParticipant, publish, resumeScreenShareOnResume]);
   useEffect2(() => {
     if (!isHeld) {
       setCountdown(timeoutSeconds);
@@ -170,12 +305,14 @@ function useSessionHold({
       pauseSession();
     }
   }, [isHeld, countdown, pauseSession]);
-  const toggle = useCallback(() => {
-    if (isHeld) {
-      release();
-    } else {
-      hold();
-    }
+  const toggle = useCallback2(() => {
+    if (holdTransitionInFlightRef.current)
+      return;
+    holdTransitionInFlightRef.current = true;
+    const transition = isHeld ? release : hold;
+    transition().finally(() => {
+      holdTransitionInFlightRef.current = false;
+    });
   }, [isHeld, hold, release]);
   return { isHeld, countdown, toggle };
 }
@@ -195,7 +332,8 @@ function SessionHoldProvider({ children }) {
   }
   const hold = useSessionHold({
     pauseSession,
-    pauseTimeoutSeconds: internalCtx.pauseTimeoutSeconds
+    pauseTimeoutSeconds: internalCtx.pauseTimeoutSeconds,
+    captureMode: internalCtx.captureMode
   });
   return /* @__PURE__ */ jsx(SessionHoldContext.Provider, {
     value: hold,
@@ -226,20 +364,20 @@ function useSharedTranscriptions() {
 import { createContext as createContext4, useContext as useContext4 } from "react";
 
 // src/hooks/useVoiceTurn.ts
-import { useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback2, useRef, useState as useState3 } from "react";
+import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback3, useRef as useRef2, useState as useState3 } from "react";
 var textEncoder2 = new TextEncoder;
 function useVoiceTurn() {
-  const { localParticipant } = useLocalParticipant2();
+  const { localParticipant } = useLocalParticipant3();
   const [isCapturingSpeech, setIsCapturingSpeech] = useState3(false);
-  const capturingRef = useRef(false);
-  const publish = useCallback2(async (type) => {
+  const capturingRef = useRef2(false);
+  const publish = useCallback3(async (type) => {
     await localParticipant.publishData(textEncoder2.encode(JSON.stringify({ type })), {
       reliable: true,
       topic: MIC_MODE_TURN_TOPIC
     });
   }, [localParticipant]);
-  const startRecording = useCallback2(async () => {
+  const startRecording = useCallback3(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(true);
       await publish("start");
@@ -247,7 +385,7 @@ function useVoiceTurn() {
       console.error("Failed to start voice turn:", error);
     }
   }, [localParticipant, publish]);
-  const commitRecording = useCallback2(async () => {
+  const commitRecording = useCallback3(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(false);
       await publish("commit");
@@ -255,21 +393,21 @@ function useVoiceTurn() {
       console.error("Failed to commit voice turn:", error);
     }
   }, [localParticipant, publish]);
-  const start = useCallback2(() => {
+  const start = useCallback3(() => {
     if (capturingRef.current)
       return;
     capturingRef.current = true;
     setIsCapturingSpeech(true);
     startRecording();
   }, [startRecording]);
-  const commit = useCallback2(() => {
+  const commit = useCallback3(() => {
     if (!capturingRef.current)
       return;
     capturingRef.current = false;
     setIsCapturingSpeech(false);
     commitRecording();
   }, [commitRecording]);
-  const toggle = useCallback2(() => {
+  const toggle = useCallback3(() => {
     if (capturingRef.current)
       commit();
     else
@@ -298,7 +436,7 @@ function useVoiceTurnContext() {
 }
 
 // src/hooks/useAdoptionGoals.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo, useState as useState4 } from "react";
 
 // src/lib/hashMatch.ts
 function globToRegExp(pattern) {
@@ -368,7 +506,7 @@ function useAdoptionGoals({
 }) {
   const [candidates, setCandidates] = useState4([]);
   const [hash, setHash] = useState4(window.location.hash);
-  const match = useCallback3(async () => {
+  const match = useCallback4(async () => {
     try {
       const resp = await authedFetch(`${API_URL}/v1/adoption/goals/match`, {
         method: "POST",
@@ -418,21 +556,21 @@ function useAdoptionGoals({
       return hashSpecific;
     return candidates.filter((goal) => goal.hashPattern === null);
   }, [candidates, hash]);
-  const postStatus = useCallback3((goalId, status) => {
+  const postStatus = useCallback4((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 attendGoal = useCallback3((goalId) => {
+  const attendGoal = useCallback4((goalId) => {
     postStatus(goalId, "attended" /* Attended */);
   }, [postStatus]);
   return { goals, attendGoal };
 }
 
 // src/hooks/useAuth.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useState as useState5 } from "react";
 var API_URL2 = "https://specialist.skippr.ai/api";
 function storageKey(appKey) {
   return `skippr_auth_${appKey}`;
@@ -498,7 +636,7 @@ function useAuth({ appKey }) {
     window.addEventListener("skippr:logout", handleLogout);
     return () => window.removeEventListener("skippr:logout", handleLogout);
   }, []);
-  const requestOtp = useCallback4(async (email) => {
+  const requestOtp = useCallback5(async (email) => {
     if (!appKey)
       return false;
     setIsSubmitting(true);
@@ -525,7 +663,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const verifyOtp = useCallback4(async (email, code) => {
+  const verifyOtp = useCallback5(async (email, code) => {
     if (!appKey)
       return;
     setIsSubmitting(true);
@@ -554,7 +692,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const logout = useCallback4(async () => {
+  const logout = useCallback5(async () => {
     const token = authToken;
     if (appKey)
       clearStoredToken(appKey);
@@ -585,7 +723,7 @@ function useAuth({ appKey }) {
 }
 
 // src/hooks/useAutoStart.ts
-import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef3 } from "react";
 
 // src/lib/agentMode.ts
 var AGENT_MODE = {
@@ -665,7 +803,7 @@ function useAutoStart({
   bearerToken,
   selectModule
 }) {
-  const hasAutoStartedRef = useRef2(false);
+  const hasAutoStartedRef = useRef3(false);
   const autoStartModule = useMemo2(() => availableModules.find((m) => {
     if (!m.uiPreferences?.autoStart)
       return false;
@@ -704,7 +842,7 @@ function useAutoStart({
 }
 
 // src/hooks/useAvailableModules.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useState as useState6 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6, useState as useState6 } from "react";
 var EMPTY_DEFAULT = { agentId: null, sessionId: null };
 var API_URL3 = "https://specialist.skippr.ai/api";
 function useAvailableModules({
@@ -718,7 +856,7 @@ function useAvailableModules({
   const [isLoading, setIsLoading] = useState6(false);
   const [hasResolved, setHasResolved] = useState6(false);
   const [error, setError] = useState6(null);
-  const fetchModules = useCallback5(async () => {
+  const fetchModules = useCallback6(async () => {
     setIsLoading(true);
     setHasResolved(false);
     setError(null);
@@ -755,7 +893,7 @@ function useAvailableModules({
 }
 
 // src/hooks/usePlanUpdates.ts
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react/hooks";
@@ -809,12 +947,12 @@ function parsePlan(json) {
   return null;
 }
 function usePlanUpdates() {
-  const parse = useCallback6(parsePlan, []);
+  const parse = useCallback7(parsePlan, []);
   return useAgentState(PLAN_ATTR, parse, null);
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef3, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef4, useState as useState8 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -880,13 +1018,13 @@ function useSession({
   const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState8(null);
   const [historyMessages, setHistoryMessages] = useState8([]);
   const [authFailed, setAuthFailed] = useState8(false);
-  const tokenRef = useRef3(authToken ? { token: authToken, expiresAt: null } : null);
-  const getUserTokenRef = useRef3(getUserToken);
+  const tokenRef = useRef4(authToken ? { token: authToken, expiresAt: null } : null);
+  const getUserTokenRef = useRef4(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
-  const failedBearerRef = useRef3(null);
-  const inFlightExchangeRef = useRef3(null);
-  const canExchange = useCallback7(() => !!appKey && !!getUserTokenRef.current, [appKey]);
-  const reExchange = useCallback7(async () => {
+  const failedBearerRef = useRef4(null);
+  const inFlightExchangeRef = useRef4(null);
+  const canExchange = useCallback8(() => !!appKey && !!getUserTokenRef.current, [appKey]);
+  const reExchange = useCallback8(async () => {
     if (inFlightExchangeRef.current)
       return inFlightExchangeRef.current;
     const provider = getUserTokenRef.current;
@@ -906,7 +1044,7 @@ function useSession({
       inFlightExchangeRef.current = null;
     }
   }, [appKey]);
-  const getValidBearer = useCallback7(async () => {
+  const getValidBearer = useCallback8(async () => {
     const current = tokenRef.current;
     if (current) {
       if (current.expiresAt === null)
@@ -918,7 +1056,7 @@ function useSession({
       return reExchange();
     return current?.token ?? null;
   }, [canExchange, reExchange]);
-  const authedFetch = useCallback7(async (input, init = {}) => {
+  const authedFetch = useCallback8(async (input, init = {}) => {
     const isSecretMode = canExchange();
     const onTerminalAuthFailure = () => {
       if (isSecretMode)
@@ -979,8 +1117,8 @@ function useSession({
       stale = true;
     };
   }, [authToken, canExchange, reExchange]);
-  const isStartingRef = useRef3(false);
-  const pauseOnUnloadRef = useRef3(null);
+  const isStartingRef = useRef4(false);
+  const pauseOnUnloadRef = useRef4(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
   useEffect8(() => {
     const onPageHide = () => {
@@ -997,7 +1135,7 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback7(async ({
+  const startSession = useCallback8(async ({
     agentId,
     agentControls,
     existingSessionId,
@@ -1092,7 +1230,7 @@ function useSession({
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
-  const pauseSession = useCallback7(async () => {
+  const pauseSession = useCallback8(async () => {
     if (!sessionId || !bearerToken)
       return;
     setIsPausing(true);
@@ -1118,7 +1256,7 @@ function useSession({
     setIsPaused(true);
     setIsPausing(false);
   }, [sessionId, bearerToken, authedFetch, pendingScreenStream]);
-  const disconnect = useCallback7(async () => {
+  const disconnect = useCallback8(async () => {
     setIsDisconnecting(true);
     try {
       if (sessionId && bearerToken) {
@@ -1523,7 +1661,7 @@ var __iconNode24 = [
 ];
 var X = createLucideIcon("x", __iconNode24);
 // src/components/AgentCursor.tsx
-import { useContext as useContext6, useEffect as useEffect10, useLayoutEffect, useRef as useRef4, useState as useState10 } from "react";
+import { useContext as useContext6, useEffect as useEffect10, useLayoutEffect, useRef as useRef5, useState as useState10 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1711,13 +1849,13 @@ function AgentCursor({
   const [phase, setPhase] = useState10("idle");
   const [ringBox, setRingBox] = useState10(null);
   const [clickPulse, setClickPulse] = useState10(0);
-  const cursorElRef = useRef4(null);
-  const pathRef = useRef4(null);
-  const prevCursorRef = useRef4(null);
-  const traceRef = useRef4(null);
-  const timersRef = useRef4(new Set);
-  const trackFrameRef = useRef4(null);
-  const glideFrameRef = useRef4(null);
+  const cursorElRef = useRef5(null);
+  const pathRef = useRef5(null);
+  const prevCursorRef = useRef5(null);
+  const traceRef = useRef5(null);
+  const timersRef = useRef5(new Set);
+  const trackFrameRef = useRef5(null);
+  const glideFrameRef = useRef5(null);
   const clearTimers = () => {
     for (const t of timersRef.current)
       clearTimeout(t);
@@ -1956,16 +2094,16 @@ function AgentCursor({
 }
 
 // src/components/AutoStartMedia.tsx
-import { useConnectionState, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
-import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect11, useRef as useRef5 } from "react";
+import { useConnectionState, useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { ConnectionState, Track as Track2 } from "livekit-client";
+import { useEffect as useEffect11, useRef as useRef6 } from "react";
 function AutoStartMedia({
   pendingScreenStream,
   pushOrTapMicMode = false
 }) {
-  const { localParticipant } = useLocalParticipant3();
+  const { localParticipant } = useLocalParticipant4();
   const connectionState = useConnectionState();
-  const didStartRef = useRef5(false);
+  const didStartRef = useRef6(false);
   useEffect11(() => {
     if (didStartRef.current)
       return;
@@ -1979,7 +2117,7 @@ function AutoStartMedia({
       const videoTrack = pendingScreenStream.getVideoTracks()[0];
       if (videoTrack) {
         videoTrack.contentHint = "detail";
-        localParticipant.publishTrack(videoTrack, { source: Track.Source.ScreenShare }).catch((error) => {
+        localParticipant.publishTrack(videoTrack, { source: Track2.Source.ScreenShare }).catch((error) => {
           console.error("Failed to publish screen share track:", error);
           for (const track of pendingScreenStream.getTracks())
             track.stop();
@@ -1991,9 +2129,9 @@ function AutoStartMedia({
 }
 
 // src/components/DomCapture.tsx
-import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
-import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect12, useRef as useRef6 } from "react";
+import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
+import { ConnectionState as ConnectionState2, ScreenSharePresets as ScreenSharePresets2, Track as Track3 } from "livekit-client";
+import { useEffect as useEffect12, useRef as useRef7 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -2787,7 +2925,7 @@ async function snapToCanvas(element, options = {}) {
 var SNAPSHOT_INTERVAL_MS = 3000;
 var A11Y_PUBLISH_INTERVAL_MS = 2000;
 var FIRST_SNAPSHOT_DELAY_MS = 400;
-var CAPTURE_PRESET = ScreenSharePresets.h1080fps30;
+var CAPTURE_PRESET = ScreenSharePresets2.h1080fps30;
 var CAPTURE_FPS = CAPTURE_PRESET.encoding.maxFramerate ?? 30;
 var CAPTURE_BITRATE = 4000000;
 var DOM_SNAPSHOT_GZIP_THRESHOLD_BYTES = 14000;
@@ -2823,7 +2961,7 @@ function getCanvasCaptureStream(canvas, fps) {
   }
   return captureStreamFn.call(canvas, fps);
 }
-async function paintViewportSnapshot(canvas, ctx) {
+async function paintViewportSnapshot(canvas, ctx, isStillWanted) {
   const dpr = window.devicePixelRatio || 1;
   const snapshotCanvas = await snapToCanvas(document.documentElement, {
     filter: shouldIncludeInSnapshot,
@@ -2832,6 +2970,8 @@ async function paintViewportSnapshot(canvas, ctx) {
     fast: false,
     dpr
   });
+  if (!isStillWanted())
+    return;
   const sourceX = window.scrollX * dpr;
   const sourceY = window.scrollY * dpr;
   const sourceWidth = window.innerWidth * dpr;
@@ -2892,9 +3032,13 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
   videoTrack.stop();
 }
 function DomCapture({ pushOrTapMicMode = false }) {
-  const { localParticipant } = useLocalParticipant4();
+  const { localParticipant } = useLocalParticipant5();
   const connectionState = useConnectionState2();
-  const didStartRef = useRef6(false);
+  const { isHeld } = useSessionHoldContext();
+  const didStartRef = useRef7(false);
+  const pausedRef = useRef7(false);
+  const freezeCaptureRef = useRef7(null);
+  const resumeCaptureRef = useRef7(null);
   useEffect12(() => {
     if (didStartRef.current)
       return;
@@ -2916,11 +3060,11 @@ function DomCapture({ pushOrTapMicMode = false }) {
     let snapshotInFlight = false;
     let a11yPublishInFlight = false;
     let consecutiveCaptureFailures = 0;
-    if (!pushOrTapMicMode) {
+    if (!pushOrTapMicMode && !localParticipant.isMicrophoneEnabled) {
       localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
     }
     localParticipant.publishTrack(videoTrack, {
-      source: Track2.Source.ScreenShare,
+      source: Track3.Source.ScreenShare,
       videoEncoding: {
         maxBitrate: CAPTURE_BITRATE,
         maxFramerate: CAPTURE_FPS
@@ -2932,11 +3076,11 @@ function DomCapture({ pushOrTapMicMode = false }) {
         track.stop();
     });
     const tickSnapshot = async () => {
-      if (cancelled || snapshotInFlight)
+      if (cancelled || snapshotInFlight || pausedRef.current)
         return;
       snapshotInFlight = true;
       try {
-        await paintViewportSnapshot(canvas, ctx);
+        await paintViewportSnapshot(canvas, ctx, () => !cancelled && !pausedRef.current);
         if (cancelled)
           return;
         consecutiveCaptureFailures = 0;
@@ -2952,7 +3096,7 @@ function DomCapture({ pushOrTapMicMode = false }) {
       }
     };
     const tickA11yPublish = async () => {
-      if (cancelled || a11yPublishInFlight)
+      if (cancelled || a11yPublishInFlight || pausedRef.current)
         return;
       a11yPublishInFlight = true;
       try {
@@ -2989,9 +3133,20 @@ function DomCapture({ pushOrTapMicMode = false }) {
     scheduleNextSnapshot(FIRST_SNAPSHOT_DELAY_MS);
     tickA11yPublish();
     const a11yPublishTimer = setInterval(tickA11yPublish, A11Y_PUBLISH_INTERVAL_MS);
+    freezeCaptureRef.current = () => {
+      pausedRef.current = true;
+      drawPausedOverlay(canvas, ctx);
+    };
+    resumeCaptureRef.current = () => {
+      pausedRef.current = false;
+      tickA11yPublish();
+      tickSnapshot();
+    };
     return () => {
       cancelled = true;
       didStartRef.current = false;
+      freezeCaptureRef.current = null;
+      resumeCaptureRef.current = null;
       if (snapshotTimer)
         clearTimeout(snapshotTimer);
       clearInterval(a11yPublishTimer);
@@ -3002,12 +3157,19 @@ function DomCapture({ pushOrTapMicMode = false }) {
         track.stop();
     };
   }, [connectionState, localParticipant, pushOrTapMicMode]);
+  useEffect12(() => {
+    if (isHeld) {
+      freezeCaptureRef.current?.();
+    } else {
+      resumeCaptureRef.current?.();
+    }
+  }, [isHeld]);
   return null;
 }
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef8 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 25000;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -3030,16 +3192,16 @@ function parseHighlightMessage(payload) {
   }
 }
 function HighlightOverlay() {
-  const targetRef = useRef7(null);
-  const autoClearRef = useRef7(null);
-  const clear = useCallback8(() => {
+  const targetRef = useRef8(null);
+  const autoClearRef = useRef8(null);
+  const clear = useCallback9(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     autoClearRef.current = null;
     targetRef.current = null;
     clearCursorTarget("guide");
   }, []);
-  const onHighlightMessage = useCallback8((msg) => {
+  const onHighlightMessage = useCallback9((msg) => {
     const parsed = parseHighlightMessage(msg.payload);
     if (!parsed)
       return;
@@ -3078,19 +3240,19 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext7, useEffect as useEffect15, useRef as useRef9, useState as useState11 } from "react";
+import { useContext as useContext7, useEffect as useEffect15, useRef as useRef10, useState as useState11 } from "react";
 
 // src/hooks/useLauncherDrag.ts
-import { useEffect as useEffect14, useRef as useRef8 } from "react";
+import { useEffect as useEffect14, useRef as useRef9 } from "react";
 import { flushSync } from "react-dom";
 var DRAG_THRESHOLD_PX = 5;
 function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging) {
-  const wasDraggedRef = useRef8(false);
-  const onDropRef = useRef8(onDrop);
+  const wasDraggedRef = useRef9(false);
+  const onDropRef = useRef9(onDrop);
   onDropRef.current = onDrop;
-  const followTargetsRef = useRef8(followRefs);
+  const followTargetsRef = useRef9(followRefs);
   followTargetsRef.current = followRefs;
-  const reportDraggingRef = useRef8(reportDragging);
+  const reportDraggingRef = useRef9(reportDragging);
   reportDraggingRef.current = reportDragging;
   useEffect14(() => {
     const el = containerRef.current;
@@ -3472,8 +3634,8 @@ function MinimizedBubble({
   const [goalsAutoHidden, setGoalsAutoHidden] = useState11(false);
   const [isLauncherHovered, setIsLauncherHovered] = useState11(false);
   const [visitHref, setVisitHref] = useState11(() => window.location.href);
-  const revealedHrefRef = useRef9(null);
-  const hoverContainerRef = useRef9(null);
+  const revealedHrefRef = useRef10(null);
+  const hoverContainerRef = useRef10(null);
   useEffect15(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
   useEffect15(() => {
     const el = hoverContainerRef.current;
@@ -3587,7 +3749,7 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef10 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect16, useRef as useRef11 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
 var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var TRAILING_ACTION_FLUSH_AFTER_STOP_MS = 1000;
@@ -3805,14 +3967,14 @@ function labelFor(action) {
   }
 }
 function PageActionHandler() {
-  const mountedRef = useRef10(true);
-  const queueRef = useRef10([]);
-  const drainingRef = useRef10(false);
-  const settleTimerRef = useRef10(null);
-  const endStepRef = useRef10(null);
-  const actionsStoppedRef = useRef10(false);
-  const ignoreActionsArrivingBeforeRef = useRef10(0);
-  const runStep = useCallback9((action) => {
+  const mountedRef = useRef11(true);
+  const queueRef = useRef11([]);
+  const drainingRef = useRef11(false);
+  const settleTimerRef = useRef11(null);
+  const endStepRef = useRef11(null);
+  const actionsStoppedRef = useRef11(false);
+  const ignoreActionsArrivingBeforeRef = useRef11(0);
+  const runStep = useCallback10((action) => {
     return new Promise((resolve) => {
       if (action.type === "scroll_page") {
         let scrolled = false;
@@ -3881,7 +4043,7 @@ function PageActionHandler() {
       });
     });
   }, []);
-  const drain = useCallback9(async () => {
+  const drain = useCallback10(async () => {
     if (drainingRef.current)
       return;
     drainingRef.current = true;
@@ -3902,7 +4064,7 @@ function PageActionHandler() {
       }
     }
   }, [runStep]);
-  const onMessage = useCallback9((msg) => {
+  const onMessage = useCallback10((msg) => {
     const action = parsePageAction(msg.payload);
     if (!action)
       return;
@@ -3944,16 +4106,16 @@ function PageActionHandler() {
 import { useCallback as useCallback13, useContext as useContext8, useEffect as useEffect21, useState as useState14 } from "react";
 
 // src/hooks/useActionControl.ts
-import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback10, useEffect as useEffect17, useState as useState12 } from "react";
+import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback11, useEffect as useEffect17, useState as useState12 } from "react";
 var textEncoder5 = new TextEncoder;
 function useActionControl() {
-  const { localParticipant } = useLocalParticipant5();
+  const { localParticipant } = useLocalParticipant6();
   const plan = usePlanUpdates();
   const [busy, setBusy] = useState12(isActionsBusy);
   useEffect17(() => subscribeActionsBusy(setBusy), []);
   const actionsActive = busy || plan?.state === "executing";
-  const requestStop = useCallback10(async () => {
+  const requestStop = useCallback11(async () => {
     stopActions();
     try {
       await localParticipant.publishData(textEncoder5.encode(JSON.stringify({ type: "abort" })), {
@@ -3980,11 +4142,11 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect18, useRef as useRef11, useState as useState13 } from "react";
+import { useEffect as useEffect18, useRef as useRef12, useState as useState13 } from "react";
 var TALKING_LEVEL_THRESHOLD = 0.2;
 var TALKING_HOLD_MS = 400;
 function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowthPx, noiseGate }) {
-  const barRefs = useRef11([]);
+  const barRefs = useRef12([]);
   const [isTalking, setIsTalking] = useState13(false);
   useEffect18(() => {
     if (!mediaStreamTrack) {
@@ -4037,27 +4199,27 @@ function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowth
 }
 
 // src/hooks/useIdleAutoPause.ts
-import { useCallback as useCallback11, useEffect as useEffect19, useRef as useRef12 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect19, useRef as useRef13 } from "react";
 function useIdleAutoPause({
   enabled,
   active,
   isHeld,
   pause
 }) {
-  const timerRef = useRef12(null);
-  const pauseRef = useRef12(pause);
+  const timerRef = useRef13(null);
+  const pauseRef = useRef13(pause);
   pauseRef.current = pause;
-  const clearTimer = useCallback11(() => {
+  const clearTimer = useCallback12(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const armTimer = useCallback11(() => {
+  const armTimer = useCallback12(() => {
     clearTimer();
     timerRef.current = setTimeout(() => pauseRef.current(), IDLE_AUTO_PAUSE_MS);
   }, [clearTimer]);
-  const reportActivity = useCallback11(() => {
+  const reportActivity = useCallback12(() => {
     if (enabled && !isHeld)
       armTimer();
   }, [enabled, isHeld, armTimer]);
@@ -4073,7 +4235,7 @@ function useIdleAutoPause({
 }
 
 // src/hooks/useKeyboardPushToTalk.ts
-import { useEffect as useEffect20, useRef as useRef13 } from "react";
+import { useEffect as useEffect20, useRef as useRef14 } from "react";
 function isEditableTarget() {
   const el = document.activeElement;
   if (!el)
@@ -4087,7 +4249,7 @@ function useKeyboardPushToTalk({
   onCommit,
   onKeyUsed
 }) {
-  const handlers = useRef13({ onStart, onCommit, onKeyUsed });
+  const handlers = useRef14({ onStart, onCommit, onKeyUsed });
   handlers.current = { onStart, onCommit, onKeyUsed };
   useEffect20(() => {
     if (!enabled)
@@ -4137,14 +4299,14 @@ function useKeyboardPushToTalk({
 }
 
 // src/hooks/useLiveUserTranscript.ts
-import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
-import { useRef as useRef14 } from "react";
+import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
+import { useRef as useRef15 } from "react";
 function useLiveUserTranscript(active) {
   const transcriptions = useSharedTranscriptions();
-  const { localParticipant } = useLocalParticipant6();
+  const { localParticipant } = useLocalParticipant7();
   const localIdentity = localParticipant.identity;
-  const priorStreamIdsRef = useRef14(new Set);
-  const wasActiveRef = useRef14(false);
+  const priorStreamIdsRef = useRef15(new Set);
+  const wasActiveRef = useRef15(false);
   const userStreams = transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity);
   if (active && !wasActiveRef.current) {
     priorStreamIdsRef.current = new Set(userStreams.map((s) => s.streamInfo.id));
@@ -4155,36 +4317,6 @@ function useLiveUserTranscript(active) {
   return userStreams.filter((stream) => !priorStreamIdsRef.current.has(stream.streamInfo.id)).map((stream) => stream.text.trim()).filter((text) => text.length > 0).join(" ");
 }
 
-// src/hooks/useMediaControls.ts
-import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
-import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback12 } from "react";
-var SCREEN_SHARE_OPTIONS = {
-  video: { displaySurface: "browser" },
-  resolution: ScreenSharePresets2.h720fps30.resolution,
-  contentHint: "detail"
-};
-function useMediaControls() {
-  const { localParticipant } = useLocalParticipant7();
-  const isMuted = !localParticipant.isMicrophoneEnabled;
-  const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback12(async () => {
-    try {
-      await localParticipant.setMicrophoneEnabled(isMuted);
-    } catch (error) {
-      console.error("Failed to toggle microphone:", error);
-    }
-  }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback12(async () => {
-    try {
-      await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
-    } catch (error) {
-      console.error("Failed to toggle screen share:", error);
-    }
-  }, [localParticipant, isScreenSharing]);
-  return { isMuted, toggleMute, isScreenSharing, toggleScreenShare };
-}
-
 // src/hooks/useMicLevel.ts
 import { useLocalParticipant as useLocalParticipant8 } from "@livekit/components-react/hooks";
 var MIC_BARS = 5;
@@ -4795,7 +4927,7 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef15, useState as useState15 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef16, useState as useState15 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx13, Fragment as Fragment2 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
@@ -4812,7 +4944,7 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef15(null);
+  const hostRef = useRef16(null);
   const [shadowRoot, setShadowRoot] = useState15(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-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-2{left:calc(var(--skippr-spacing)*2)}.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\\:z-\\[10000\\]{z-index:10000}.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-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-fit{width:fit-content}.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\\:max-w-\\[280px\\]{max-width:280px}.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\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.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-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.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{border-radius:.25rem}.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-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.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-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.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-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\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,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-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.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-none{--tw-leading:1;line-height:1}.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,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:#2bc0ae}.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-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,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.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_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);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\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px 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-inner{--tw-shadow:inset 0 2px 4px 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\\: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\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.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-100{--tw-duration:.1s;transition-duration:.1s}.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-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,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-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\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation: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-rec-ring{0%{box-shadow:0 0 #2bc0ae8c}70%{box-shadow:0 0 0 11px #2bc0ae00}to{box-shadow:0 0 #2bc0ae00}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 #2bc0ae99,0 0 #2bc0ae59}70%{box-shadow:0 0 0 9px #2bc0ae00,0 0 0 16px #2bc0ae00}to{box-shadow:0 0 #2bc0ae00,0 0 #2bc0ae00}}@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}}`;
@@ -4875,14 +5007,14 @@ function useChatMessages() {
 
 // src/hooks/useStreamingTranscript.ts
 import { useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
-import { useMemo as useMemo5, useRef as useRef16 } from "react";
+import { useMemo as useMemo5, useRef as useRef17 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useSharedTranscriptions();
   const { localParticipant } = useLocalParticipant10();
   const { isCapturingSpeech } = useVoiceTurnContext();
   const localIdentity = localParticipant.identity;
-  const priorUserStreamIdsRef = useRef16(new Set);
-  const wasCapturingSpeechRef = useRef16(false);
+  const priorUserStreamIdsRef = useRef17(new Set);
+  const wasCapturingSpeechRef = useRef17(false);
   if (isCapturingSpeech && !wasCapturingSpeechRef.current) {
     priorUserStreamIdsRef.current = new Set(transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity).map((stream) => stream.streamInfo.id));
   }
@@ -4966,7 +5098,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect23, useRef as useRef17, useState as useState16 } from "react";
+import { useEffect as useEffect23, useRef as useRef18, useState as useState16 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -4982,7 +5114,7 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef17(null);
+  const endTimeRef = useRef18(null);
   const [remaining, setRemaining] = useState16(null);
   useEffect23(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
@@ -5001,30 +5133,38 @@ function useSessionRemaining() {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext12, useRef as useRef19 } from "react";
+import { useContext as useContext12, useRef as useRef21 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect24, useState as useState17 } from "react";
-function useElapsedSeconds(isRunning) {
+import { useEffect as useEffect24, useRef as useRef19, useState as useState17 } from "react";
+function useElapsedSeconds(isRunning, resetSignal) {
   const [elapsed, setElapsed] = useState17(0);
+  const accumulatedSecondsRef = useRef19(0);
   useEffect24(() => {
-    if (!isRunning) {
-      setElapsed(0);
-      return;
-    }
-    const startedAt = Date.now();
+    accumulatedSecondsRef.current = 0;
     setElapsed(0);
-    const id = setInterval(() => {
-      setElapsed(Math.floor((Date.now() - startedAt) / 1000));
-    }, 1000);
-    return () => clearInterval(id);
+  }, [resetSignal]);
+  useEffect24(() => {
+    if (!isRunning)
+      return;
+    const resumedAt = Date.now();
+    const accumulatedSeconds = accumulatedSecondsRef.current;
+    const totalSeconds = () => accumulatedSeconds + Math.floor((Date.now() - resumedAt) / 1000);
+    const tick = () => setElapsed(totalSeconds());
+    tick();
+    const id = setInterval(tick, 1000);
+    return () => {
+      clearInterval(id);
+      accumulatedSecondsRef.current = totalSeconds();
+      setElapsed(accumulatedSecondsRef.current);
+    };
   }, [isRunning]);
   return elapsed;
 }
 
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant11 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback15, useContext as useContext11, useRef as useRef18 } from "react";
+import { useCallback as useCallback15, useContext as useContext11, useRef as useRef20 } from "react";
 var textEncoder6 = new TextEncoder;
 function useTextMode() {
   const ctx = useContext11(LiveAgentContext);
@@ -5033,7 +5173,7 @@ function useTextMode() {
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
   const { localParticipant } = useLocalParticipant11();
-  const confirmedTextModeRef = useRef18(false);
+  const confirmedTextModeRef = useRef20(false);
   const toggleTextMode = useCallback15(async () => {
     const next = !textMode;
     setTextModeState(next);
@@ -5073,8 +5213,9 @@ function ChatHeader() {
     controlBarRef,
     setIsDragging
   } = ctx;
-  const elapsed = useElapsedSeconds(isConnected);
-  const headerRef = useRef19(null);
+  const { isHeld } = useSessionHoldContext();
+  const elapsed = useElapsedSeconds(isConnected && !isHeld, isConnected);
+  const headerRef = useRef21(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
@@ -5086,7 +5227,7 @@ function ChatHeader() {
         className: "skippr:flex skippr:items-center skippr:gap-3",
         children: [
           isConnected && /* @__PURE__ */ jsx14(HeaderModeToggle, {}),
-          isConnected && /* @__PURE__ */ jsxs11("div", {
+          isConnected && !isHeld && /* @__PURE__ */ jsxs11("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__ */ jsxs11("span", {
@@ -5191,7 +5332,7 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback16, useEffect as useEffect25, useRef as useRef20, useState as useState18 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect25, useRef as useRef22, useState as useState18 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -5319,8 +5460,8 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
   const [digits, setDigits] = useState18(Array(OTP_LENGTH).fill(""));
   const [resendCooldown, setResendCooldown] = useState18(0);
-  const inputRefs = useRef20([]);
-  const submittedRef = useRef20(false);
+  const inputRefs = useRef22([]);
+  const submittedRef = useRef22(false);
   useEffect25(() => {
     inputRefs.current[0]?.focus();
   }, []);
@@ -5469,15 +5610,15 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect3, useRef as useRef22, useState as useState20 } from "react";
+import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect3, useRef as useRef24, useState as useState20 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect26, useRef as useRef21, useState as useState19 } from "react";
+import { useEffect as useEffect26, useRef as useRef23, useState as useState19 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   const [inputText, setInputText] = useState19("");
-  const textareaRef = useRef21(null);
+  const textareaRef = useRef23(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
   useEffect26(() => {
     if (autoFocus)
@@ -5690,9 +5831,9 @@ function MessageList({
   autoFocus = false,
   readOnly = false
 }) {
-  const containerRef = useRef22(null);
-  const isPinnedToBottom = useRef22(true);
-  const lastSeenMessageId = useRef22(undefined);
+  const containerRef = useRef24(null);
+  const isPinnedToBottom = useRef24(true);
+  const lastSeenMessageId = useRef24(undefined);
   const [showJumpToLatest, setShowJumpToLatest] = useState20(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
   const [dismissedPlanId, setDismissedPlanId] = useState20(null);
@@ -6283,7 +6424,7 @@ function AgentCursorMount({ animated }) {
 function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef23(null);
+  const surfacedPlanIdRef = useRef25(null);
   useEffect29(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
@@ -6370,7 +6511,7 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef23(false);
+  const teardownInFlightRef = useRef25(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
   const handleRoomDisconnected = useCallback18(() => {
     if (teardownInFlightRef.current)
@@ -6385,8 +6526,8 @@ function LiveAgent(props) {
   const [textMode, setTextMode] = useState21(false);
   const [panelExpanded, setPanelExpanded] = useState21(false);
   const togglePanelExpanded = useCallback18(() => setPanelExpanded((prev) => !prev), []);
-  const panelRef = useRef23(null);
-  const controlBarRef = useRef23(null);
+  const panelRef = useRef25(null);
+  const controlBarRef = useRef25(null);
   const [isDragging, setIsDragging] = useState21(false);
   const setTextModeState = useCallback18((enabled) => {
     setTextMode(enabled);
@@ -6472,8 +6613,8 @@ function LiveAgent(props) {
     } catch {}
   }, []);
   const savedLauncherBottom = readSavedLauncherBottom();
-  const hasDraggedRef = useRef23(savedLauncherBottom !== null);
-  const verticalAlignRef = useRef23(verticalAlign);
+  const hasDraggedRef = useRef25(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef25(verticalAlign);
   const [launcherBottomPx, setLauncherBottomPxState] = useState21(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
   const [popsDown, setPopsDown] = useState21(() => launcherPopsDown(launcherBottomPx));
   const setLauncherBottomPx = useCallback18((px) => {
@@ -6484,7 +6625,7 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef23(launcherBottomPx);
+  const launcherBottomPxRef = useRef25(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
   const commitLauncherDrop = useCallback18(({ side, bottomPx }) => {
     setPositionWithPersist(side);
@@ -6692,47 +6833,49 @@ function LiveAgent(props) {
       onDisconnected: handleRoomDisconnected,
       children: [
         connection && !textMode && /* @__PURE__ */ jsx28(RoomAudioRenderer, {}),
-        connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx28(AutoStartMedia, {
-          pendingScreenStream,
-          pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
-        }),
-        connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx28(DomCapture, {
-          pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
-        }),
-        /* @__PURE__ */ jsxs22(ShadowHost, {
+        /* @__PURE__ */ jsxs22(SessionHoldProvider, {
           children: [
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx28(HighlightOverlay, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PageActionHandler, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PlanPanelOpener, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx28(AgentCursorMount, {
-              animated: shouldAnimateCursor
+            connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx28(AutoStartMedia, {
+              pendingScreenStream,
+              pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
             }),
-            /* @__PURE__ */ jsx28(SessionHoldProvider, {
-              children: /* @__PURE__ */ jsx28(VoiceTurnProvider, {
-                children: /* @__PURE__ */ jsx28(TranscriptionsProvider, {
-                  children: /* @__PURE__ */ jsxs22("div", {
-                    id: WIDGET_ROOT_ID,
-                    children: [
-                      isMinimized && !showControlBar && /* @__PURE__ */ jsx28(MinimizedBubble, {
-                        welcomeMessage,
-                        welcomeDismissed,
-                        onDismissWelcome: dismissWelcome
-                      }),
-                      showControlBar && !hideControls && /* @__PURE__ */ jsx28(SessionControlBar, {}),
-                      /* @__PURE__ */ jsx28(SidebarTrigger, {}),
-                      /* @__PURE__ */ jsx28(Sidebar, {
-                        hideControls,
-                        hideHeader,
-                        startSessionLabel
-                      })
-                    ]
+            connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx28(DomCapture, {
+              pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
+            }),
+            /* @__PURE__ */ jsxs22(ShadowHost, {
+              children: [
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx28(HighlightOverlay, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PageActionHandler, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PlanPanelOpener, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx28(AgentCursorMount, {
+                  animated: shouldAnimateCursor
+                }),
+                /* @__PURE__ */ jsx28(VoiceTurnProvider, {
+                  children: /* @__PURE__ */ jsx28(TranscriptionsProvider, {
+                    children: /* @__PURE__ */ jsxs22("div", {
+                      id: WIDGET_ROOT_ID,
+                      children: [
+                        isMinimized && !showControlBar && /* @__PURE__ */ jsx28(MinimizedBubble, {
+                          welcomeMessage,
+                          welcomeDismissed,
+                          onDismissWelcome: dismissWelcome
+                        }),
+                        showControlBar && !hideControls && /* @__PURE__ */ jsx28(SessionControlBar, {}),
+                        /* @__PURE__ */ jsx28(SidebarTrigger, {}),
+                        /* @__PURE__ */ jsx28(Sidebar, {
+                          hideControls,
+                          hideHeader,
+                          startSessionLabel
+                        })
+                      ]
+                    })
                   })
                 })
-              })
-            })
+              ]
+            }),
+            children
           ]
-        }),
-        children
+        })
       ]
     })
   });
@@ -6743,9 +6886,14 @@ function useIsLocalSpeaking() {
   const { localParticipant } = useLocalParticipant12();
   return useIsSpeaking(localParticipant);
 }
+// src/hooks/useIsSessionHeld.ts
+function useIsSessionHeld() {
+  return useSessionHoldContext().isHeld;
+}
 export {
   useMediaControls,
   useLiveAgent,
+  useIsSessionHeld,
   useIsLocalSpeaking,
   useElapsedSeconds,
   useAgentVoiceState,