@skippr/live-agent-sdk 0.77.0 → 0.78.0

package/dist/esm/lib-exports.js

@@ -8,7 +8,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo7, useRef as useRef18, useState as useState19 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo7, useRef as useRef21, useState as useState20 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -68,6 +68,8 @@ var PAGE_ACTIONS_TOPIC = "skippr.page-actions";
 var TEXT_MODE_TOPIC = "skippr.text-mode";
 var ACTION_CONTROL_TOPIC = "skippr.action-control";
 var SESSION_HOLD_TOPIC = "skippr.session-hold";
+var TAP_TO_TALK_TOPIC = "skippr.tap-to-talk";
+var IDLE_AUTO_PAUSE_MS = 3 * 60 * 1000;
 var PLAN_ATTR = "skippr.action-plan";
 var NAME_MAX_CHARS = 80;
 
@@ -194,8 +196,85 @@ function useSessionHoldContext() {
   return useContext2(SessionHoldContext);
 }
 
+// src/context/TapToTalkContext.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+
+// src/hooks/useTapToTalk.ts
+import { useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback2, useState as useState3 } from "react";
+var textEncoder2 = new TextEncoder;
+function useTapToTalk() {
+  const { localParticipant } = useLocalParticipant2();
+  const [isCapturingSpeech, setIsCapturingSpeech] = useState3(false);
+  const publish = useCallback2(async (type) => {
+    await localParticipant.publishData(textEncoder2.encode(JSON.stringify({ type })), {
+      reliable: true,
+      topic: TAP_TO_TALK_TOPIC
+    });
+  }, [localParticipant]);
+  const startRecording = useCallback2(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(true);
+      await publish("start");
+      setIsCapturingSpeech(true);
+    } catch (error) {
+      console.error("Failed to start tap-to-talk turn:", error);
+    }
+  }, [localParticipant, publish]);
+  const commitRecording = useCallback2(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(false);
+      await publish("commit");
+      setIsCapturingSpeech(false);
+    } catch (error) {
+      console.error("Failed to commit tap-to-talk turn:", error);
+    }
+  }, [localParticipant, publish]);
+  const toggle = useCallback2(() => {
+    if (isCapturingSpeech) {
+      commitRecording();
+    } else {
+      startRecording();
+    }
+  }, [isCapturingSpeech, startRecording, commitRecording]);
+  return { isCapturingSpeech, toggle };
+}
+
+// src/context/TapToTalkContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TapToTalkContext = createContext3({
+  isCapturingSpeech: false,
+  toggle: () => {}
+});
+function TapToTalkProvider({ children }) {
+  const tapToTalk = useTapToTalk();
+  return /* @__PURE__ */ jsx2(TapToTalkContext.Provider, {
+    value: tapToTalk,
+    children
+  });
+}
+function useTapToTalkContext() {
+  return useContext3(TapToTalkContext);
+}
+
+// src/context/TranscriptionsContext.tsx
+import { useTranscriptions } from "@livekit/components-react/hooks";
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TranscriptionsContext = createContext4([]);
+function TranscriptionsProvider({ children }) {
+  const transcriptions = useTranscriptions();
+  return /* @__PURE__ */ jsx3(TranscriptionsContext.Provider, {
+    value: transcriptions,
+    children
+  });
+}
+function useSharedTranscriptions() {
+  return useContext4(TranscriptionsContext);
+}
+
 // src/hooks/useAdoptionGoals.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useState as useState4 } from "react";
 
 // src/lib/hashMatch.ts
 function globToRegExp(pattern) {
@@ -263,9 +342,9 @@ function useAdoptionGoals({
   bearerToken,
   authedFetch
 }) {
-  const [candidates, setCandidates] = useState3([]);
-  const [hash, setHash] = useState3(window.location.hash);
-  const match = useCallback2(async () => {
+  const [candidates, setCandidates] = useState4([]);
+  const [hash, setHash] = useState4(window.location.hash);
+  const match = useCallback3(async () => {
     try {
       const resp = await authedFetch(`${API_URL}/v1/adoption/goals/match`, {
         method: "POST",
@@ -315,21 +394,21 @@ function useAdoptionGoals({
       return hashSpecific;
     return candidates.filter((goal) => goal.hashPattern === null);
   }, [candidates, hash]);
-  const postStatus = useCallback2((goalId, status) => {
+  const postStatus = useCallback3((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 = useCallback2((goalId) => {
+  const attendGoal = useCallback3((goalId) => {
     postStatus(goalId, "attended" /* Attended */);
   }, [postStatus]);
   return { goals, attendGoal };
 }
 
 // src/hooks/useAuth.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useState as useState5 } from "react";
 var API_URL2 = "https://specialist.skippr.ai/api";
 function storageKey(appKey) {
   return `skippr_auth_${appKey}`;
@@ -356,10 +435,10 @@ function clearStoredToken(appKey) {
   }
 }
 function useAuth({ appKey }) {
-  const [authToken, setAuthToken] = useState4(null);
-  const [isValidating, setIsValidating] = useState4(false);
-  const [isSubmitting, setIsSubmitting] = useState4(false);
-  const [error, setError] = useState4("");
+  const [authToken, setAuthToken] = useState5(null);
+  const [isValidating, setIsValidating] = useState5(false);
+  const [isSubmitting, setIsSubmitting] = useState5(false);
+  const [error, setError] = useState5("");
   const isAuthenticated = authToken !== null;
   useEffect4(() => {
     if (!appKey)
@@ -395,7 +474,7 @@ function useAuth({ appKey }) {
     window.addEventListener("skippr:logout", handleLogout);
     return () => window.removeEventListener("skippr:logout", handleLogout);
   }, []);
-  const requestOtp = useCallback3(async (email) => {
+  const requestOtp = useCallback4(async (email) => {
     if (!appKey)
       return false;
     setIsSubmitting(true);
@@ -422,7 +501,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const verifyOtp = useCallback3(async (email, code) => {
+  const verifyOtp = useCallback4(async (email, code) => {
     if (!appKey)
       return;
     setIsSubmitting(true);
@@ -451,7 +530,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const logout = useCallback3(async () => {
+  const logout = useCallback4(async () => {
     const token = authToken;
     if (appKey)
       clearStoredToken(appKey);
@@ -601,7 +680,7 @@ function useAutoStart({
 }
 
 // src/hooks/useAvailableModules.ts
-import { useCallback as useCallback4, useEffect as useEffect6, useState as useState5 } from "react";
+import { useCallback as useCallback5, 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({
@@ -610,12 +689,12 @@ function useAvailableModules({
   authedFetch,
   agentId
 }) {
-  const [modules, setModules] = useState5([]);
-  const [defaultSelection, setDefaultSelection] = useState5(EMPTY_DEFAULT);
-  const [isLoading, setIsLoading] = useState5(false);
-  const [hasResolved, setHasResolved] = useState5(false);
-  const [error, setError] = useState5(null);
-  const fetchModules = useCallback4(async () => {
+  const [modules, setModules] = useState6([]);
+  const [defaultSelection, setDefaultSelection] = useState6(EMPTY_DEFAULT);
+  const [isLoading, setIsLoading] = useState6(false);
+  const [hasResolved, setHasResolved] = useState6(false);
+  const [error, setError] = useState6(null);
+  const fetchModules = useCallback5(async () => {
     setIsLoading(true);
     setHasResolved(false);
     setError(null);
@@ -652,13 +731,13 @@ function useAvailableModules({
 }
 
 // src/hooks/usePlanUpdates.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect7, useState as useState6 } from "react";
+import { useEffect as useEffect7, useState as useState7 } from "react";
 function useAgentState(attributeKey, parse, initial) {
-  const [value, setValue] = useState6(initial);
+  const [value, setValue] = useState7(initial);
   const remoteParticipants = useRemoteParticipants();
   useEffect7(() => {
     const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
@@ -706,12 +785,12 @@ function parsePlan(json) {
   return null;
 }
 function usePlanUpdates() {
-  const parse = useCallback5(parsePlan, []);
+  const parse = useCallback6(parsePlan, []);
   return useAgentState(PLAN_ATTR, parse, null);
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef2, useState as useState7 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef2, useState as useState8 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -763,27 +842,27 @@ function useSession({
   onStartError,
   onDisconnect
 }) {
-  const [connection, setConnection] = useState7(null);
-  const [shouldConnect, setShouldConnect] = useState7(false);
-  const [isStarting, setIsStarting] = useState7(false);
-  const [isDisconnecting, setIsDisconnecting] = useState7(false);
-  const [error, setError] = useState7("");
-  const [errorCode, setErrorCode] = useState7(null);
-  const [sessionId, setSessionId] = useState7(null);
-  const [bearerToken, setBearerToken] = useState7(authToken ?? null);
-  const [pendingScreenStream, setPendingScreenStream] = useState7(null);
-  const [isPaused, setIsPaused] = useState7(false);
-  const [isPausing, setIsPausing] = useState7(false);
-  const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState7(null);
-  const [historyMessages, setHistoryMessages] = useState7([]);
-  const [authFailed, setAuthFailed] = useState7(false);
+  const [connection, setConnection] = useState8(null);
+  const [shouldConnect, setShouldConnect] = useState8(false);
+  const [isStarting, setIsStarting] = useState8(false);
+  const [isDisconnecting, setIsDisconnecting] = useState8(false);
+  const [error, setError] = useState8("");
+  const [errorCode, setErrorCode] = useState8(null);
+  const [sessionId, setSessionId] = useState8(null);
+  const [bearerToken, setBearerToken] = useState8(authToken ?? null);
+  const [pendingScreenStream, setPendingScreenStream] = useState8(null);
+  const [isPaused, setIsPaused] = useState8(false);
+  const [isPausing, setIsPausing] = useState8(false);
+  const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState8(null);
+  const [historyMessages, setHistoryMessages] = useState8([]);
+  const [authFailed, setAuthFailed] = useState8(false);
   const tokenRef = useRef2(authToken ? { token: authToken, expiresAt: null } : null);
   const getUserTokenRef = useRef2(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
   const failedBearerRef = useRef2(null);
   const inFlightExchangeRef = useRef2(null);
-  const canExchange = useCallback6(() => !!appKey && !!getUserTokenRef.current, [appKey]);
-  const reExchange = useCallback6(async () => {
+  const canExchange = useCallback7(() => !!appKey && !!getUserTokenRef.current, [appKey]);
+  const reExchange = useCallback7(async () => {
     if (inFlightExchangeRef.current)
       return inFlightExchangeRef.current;
     const provider = getUserTokenRef.current;
@@ -803,7 +882,7 @@ function useSession({
       inFlightExchangeRef.current = null;
     }
   }, [appKey]);
-  const getValidBearer = useCallback6(async () => {
+  const getValidBearer = useCallback7(async () => {
     const current = tokenRef.current;
     if (current) {
       if (current.expiresAt === null)
@@ -815,7 +894,7 @@ function useSession({
       return reExchange();
     return current?.token ?? null;
   }, [canExchange, reExchange]);
-  const authedFetch = useCallback6(async (input, init = {}) => {
+  const authedFetch = useCallback7(async (input, init = {}) => {
     const isSecretMode = canExchange();
     const onTerminalAuthFailure = () => {
       if (isSecretMode)
@@ -894,7 +973,7 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback6(async ({
+  const startSession = useCallback7(async ({
     agentId,
     agentControls,
     existingSessionId,
@@ -925,6 +1004,8 @@ function useSession({
       enabledControls.highlight = true;
     if (agentControls?.actions === true)
       enabledControls.actions = true;
+    if (agentControls?.tapToTalk === true)
+      enabledControls.tapToTalk = true;
     const requestAgentControls = Object.keys(enabledControls).length > 0 ? enabledControls : undefined;
     try {
       let resolvedSessionId = existingSessionId;
@@ -986,7 +1067,7 @@ function useSession({
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
-  const pauseSession = useCallback6(async () => {
+  const pauseSession = useCallback7(async () => {
     if (!sessionId || !bearerToken)
       return;
     setIsPausing(true);
@@ -1012,7 +1093,7 @@ function useSession({
     setIsPaused(true);
     setIsPausing(false);
   }, [sessionId, bearerToken, authedFetch, pendingScreenStream]);
-  const disconnect = useCallback6(async () => {
+  const disconnect = useCallback7(async () => {
     setIsDisconnecting(true);
     try {
       if (sessionId && bearerToken) {
@@ -1057,7 +1138,7 @@ function useSession({
 }
 
 // src/hooks/useSessionHistory.ts
-import { useEffect as useEffect9, useState as useState8 } from "react";
+import { useEffect as useEffect9, useState as useState9 } from "react";
 var API_URL5 = "https://specialist.skippr.ai/api";
 var EMPTY = { messages: [], phases: [] };
 function useSessionHistory({
@@ -1065,8 +1146,8 @@ function useSessionHistory({
   enabled,
   authedFetch
 }) {
-  const [history2, setHistory] = useState8(EMPTY);
-  const [loadedAgentId, setLoadedAgentId] = useState8(null);
+  const [history2, setHistory] = useState9(EMPTY);
+  const [loadedAgentId, setLoadedAgentId] = useState9(null);
   const activeAgentId = enabled && agentId ? agentId : null;
   const isLoading = activeAgentId !== null && activeAgentId !== loadedAgentId;
   useEffect9(() => {
@@ -1182,9 +1263,9 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/context.js
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, createElement } from "react";
-var LucideContext = createContext3({});
-var useLucideContext = () => useContext3(LucideContext);
+import { createContext as createContext5, useContext as useContext5, useMemo as useMemo3, createElement } from "react";
+var LucideContext = createContext5({});
+var useLucideContext = () => useContext5(LucideContext);
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
@@ -1408,7 +1489,7 @@ var __iconNode23 = [
 ];
 var X = createLucideIcon("x", __iconNode23);
 // src/components/AgentCursor.tsx
-import { useContext as useContext4, useEffect as useEffect10, useLayoutEffect, useRef as useRef3, useState as useState9 } from "react";
+import { useContext as useContext6, useEffect as useEffect10, useLayoutEffect, useRef as useRef3, useState as useState10 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1545,7 +1626,7 @@ function traceRing(path, durationMs, onFrame, onDone) {
 }
 
 // src/components/AgentCursor.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var Z_INDEX = 2147483646;
 var BRAND_TEAL = "#2bc0ae";
 var GLIDE_EASE = "cubic-bezier(0.45, 0, 0.25, 1)";
@@ -1590,12 +1671,12 @@ function AgentCursor({
   target,
   animated = false
 }) {
-  const ctx = useContext4(LiveAgentContext);
-  const [cursor, setCursor] = useState9(null);
-  const [glideMs, setGlideMs] = useState9(0);
-  const [phase, setPhase] = useState9("idle");
-  const [ringBox, setRingBox] = useState9(null);
-  const [clickPulse, setClickPulse] = useState9(0);
+  const ctx = useContext6(LiveAgentContext);
+  const [cursor, setCursor] = useState10(null);
+  const [glideMs, setGlideMs] = useState10(0);
+  const [phase, setPhase] = useState10("idle");
+  const [ringBox, setRingBox] = useState10(null);
+  const [clickPulse, setClickPulse] = useState10(0);
   const cursorElRef = useRef3(null);
   const pathRef = useRef3(null);
   const prevCursorRef = useRef3(null);
@@ -1767,10 +1848,10 @@ function AgentCursor({
     "data-skippr-private": "true",
     "aria-hidden": "true",
     children: [
-      drawing && ringBox && /* @__PURE__ */ jsx2("svg", {
+      drawing && ringBox && /* @__PURE__ */ jsx4("svg", {
         "aria-hidden": "true",
         style: { ...ringBoxStyle(ringBox, Z_INDEX), overflow: "visible" },
-        children: /* @__PURE__ */ jsx2("path", {
+        children: /* @__PURE__ */ jsx4("path", {
           ref: pathRef,
           d: ringPathD(ringBox),
           fill: "none",
@@ -1784,20 +1865,20 @@ function AgentCursor({
         style: ringBoxStyle(ringBox, Z_INDEX),
         className: "skippr:relative",
         children: [
-          /* @__PURE__ */ jsx2("div", {
+          /* @__PURE__ */ jsx4("div", {
             className: "skippr:absolute skippr:inset-0 skippr:rounded-[1rem] skippr:border-2 skippr:border-[#2bc0ae] skippr:animate-skippr-annotation-pulse"
           }),
-          /* @__PURE__ */ jsx2("div", {
+          /* @__PURE__ */ jsx4("div", {
             role: "status",
             className: "skippr:absolute skippr:-bottom-9 skippr:left-1/2 skippr:-translate-x-1/2 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-[#2bc0ae] skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.12)]",
-            children: /* @__PURE__ */ jsx2("span", {
+            children: /* @__PURE__ */ jsx4("span", {
               className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
               children: target.label
             })
           })
         ]
       }),
-      target.kind === "gesture" && /* @__PURE__ */ jsx2("div", {
+      target.kind === "gesture" && /* @__PURE__ */ jsx4("div", {
         role: "status",
         className: "skippr:fixed skippr:-translate-x-1/2 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-[#2bc0ae] skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.12)]",
         style: {
@@ -1807,12 +1888,12 @@ function AgentCursor({
           pointerEvents: "none",
           transition: `left ${glideMs}ms ${GLIDE_EASE}, top ${glideMs}ms ${GLIDE_EASE}`
         },
-        children: /* @__PURE__ */ jsx2("span", {
+        children: /* @__PURE__ */ jsx4("span", {
           className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
           children: target.label
         })
       }),
-      /* @__PURE__ */ jsx2("div", {
+      /* @__PURE__ */ jsx4("div", {
         ref: cursorElRef,
         style: {
           position: "fixed",
@@ -1822,12 +1903,12 @@ function AgentCursor({
           zIndex: Z_INDEX,
           transition: `left ${glideMs}ms ${GLIDE_EASE}, top ${glideMs}ms ${GLIDE_EASE}`
         },
-        children: /* @__PURE__ */ jsx2(MousePointer2, {
+        children: /* @__PURE__ */ jsx4(MousePointer2, {
           className: `skippr:h-5 skippr:w-5 skippr:text-[#2bc0ae] skippr:drop-shadow-[0_2px_5px_rgba(0,0,0,0.4)] ${clickPulse > 0 ? "skippr:animate-skippr-press" : "skippr:animate-skippr-cursor-pop"}`,
           fill: "currentColor"
         }, clickPulse)
       }),
-      clickPulse > 0 && rippleCenter && /* @__PURE__ */ jsx2("span", {
+      clickPulse > 0 && rippleCenter && /* @__PURE__ */ jsx4("span", {
         className: "skippr:fixed skippr:h-7 skippr:w-7 skippr:rounded-full skippr:bg-[#2bc0ae]/50 skippr:animate-skippr-click-ping",
         style: {
           left: `${rippleCenter.x}px`,
@@ -1841,11 +1922,11 @@ function AgentCursor({
 }
 
 // src/components/AutoStartMedia.tsx
-import { useConnectionState, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
+import { useConnectionState, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
 import { useEffect as useEffect11, useRef as useRef4 } from "react";
-function AutoStartMedia({ pendingScreenStream }) {
-  const { localParticipant } = useLocalParticipant2();
+function AutoStartMedia({ pendingScreenStream, tapToTalk = false }) {
+  const { localParticipant } = useLocalParticipant3();
   const connectionState = useConnectionState();
   const didStartRef = useRef4(false);
   useEffect11(() => {
@@ -1854,7 +1935,9 @@ function AutoStartMedia({ pendingScreenStream }) {
     if (connectionState !== ConnectionState.Connected)
       return;
     didStartRef.current = true;
-    localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
+    if (!tapToTalk) {
+      localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
+    }
     if (pendingScreenStream) {
       const videoTrack = pendingScreenStream.getVideoTracks()[0];
       if (videoTrack) {
@@ -1866,12 +1949,12 @@ function AutoStartMedia({ pendingScreenStream }) {
         });
       }
     }
-  }, [connectionState, localParticipant, pendingScreenStream]);
+  }, [connectionState, localParticipant, pendingScreenStream, tapToTalk]);
   return null;
 }
 
 // src/components/DomCapture.tsx
-import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
+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 useRef5 } from "react";
 
@@ -2488,7 +2571,7 @@ function subscribeActionsBusy(cb) {
 
 // src/capture/domEvents.ts
 var MUTATION_DEBOUNCE_MS = 250;
-var textEncoder2 = new TextEncoder;
+var textEncoder3 = new TextEncoder;
 function isInsideWidget(target) {
   if (!(target instanceof Node))
     return false;
@@ -2514,7 +2597,7 @@ function installDomEventListeners(localParticipant, options = {}) {
   const { onTriggerEvent } = options;
   function publishDomEvent(event) {
     try {
-      localParticipant.publishData(textEncoder2.encode(JSON.stringify(event)), {
+      localParticipant.publishData(textEncoder3.encode(JSON.stringify(event)), {
         reliable: true,
         topic: DOM_EVENTS_TOPIC
       }).catch(() => {
@@ -2680,7 +2763,7 @@ var CAPTURE_BITRATE = 4000000;
 var DOM_SNAPSHOT_GZIP_THRESHOLD_BYTES = 14000;
 var MAX_CANVAS_DPR = 1.5;
 var CONSECUTIVE_FAILURES_BEFORE_REPORT = 3;
-var textEncoder3 = new TextEncoder;
+var textEncoder4 = new TextEncoder;
 function shouldIncludeInSnapshot(element) {
   if (!(element instanceof Element))
     return true;
@@ -2755,7 +2838,7 @@ async function buildDomSnapshotFrame() {
     title: document.title,
     capturedAt: new Date().toISOString()
   });
-  const snapshotBytes = textEncoder3.encode(snapshotJson);
+  const snapshotBytes = textEncoder4.encode(snapshotJson);
   const { bytes, compressionFlag } = await gzipIfBeneficial(snapshotBytes);
   const frame = new Uint8Array(bytes.byteLength + 1);
   frame[0] = compressionFlag;
@@ -2764,7 +2847,7 @@ async function buildDomSnapshotFrame() {
 }
 function reportCaptureError(localParticipant) {
   try {
-    localParticipant.publishData(textEncoder3.encode(JSON.stringify({ type: "capture_error" })), {
+    localParticipant.publishData(textEncoder4.encode(JSON.stringify({ type: "capture_error" })), {
       reliable: true,
       topic: DOM_SNAPSHOT_TOPIC
     }).catch(() => {
@@ -2778,8 +2861,8 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
   } catch {}
   videoTrack.stop();
 }
-function DomCapture() {
-  const { localParticipant } = useLocalParticipant3();
+function DomCapture({ tapToTalk = false }) {
+  const { localParticipant } = useLocalParticipant4();
   const connectionState = useConnectionState2();
   const didStartRef = useRef5(false);
   useEffect12(() => {
@@ -2803,7 +2886,9 @@ function DomCapture() {
     let snapshotInFlight = false;
     let a11yPublishInFlight = false;
     let consecutiveCaptureFailures = 0;
-    localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
+    if (!tapToTalk) {
+      localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
+    }
     localParticipant.publishTrack(videoTrack, {
       source: Track2.Source.ScreenShare,
       videoEncoding: {
@@ -2886,14 +2971,14 @@ function DomCapture() {
       for (const track of canvasStream.getTracks())
         track.stop();
     };
-  }, [connectionState, localParticipant]);
+  }, [connectionState, localParticipant, tapToTalk]);
   return null;
 }
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef6 } from "react";
-var HIGHLIGHT_AUTO_CLEAR_MS = 1e4;
+import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef6 } from "react";
+var HIGHLIGHT_AUTO_CLEAR_MS = 25000;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
   try {
@@ -2917,14 +3002,14 @@ function parseHighlightMessage(payload) {
 function HighlightOverlay() {
   const targetRef = useRef6(null);
   const autoClearRef = useRef6(null);
-  const clear = useCallback7(() => {
+  const clear = useCallback8(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     autoClearRef.current = null;
     targetRef.current = null;
     clearCursorTarget("guide");
   }, []);
-  const onHighlightMessage = useCallback7((msg) => {
+  const onHighlightMessage = useCallback8((msg) => {
     const parsed = parseHighlightMessage(msg.payload);
     if (!parsed)
       return;
@@ -2963,7 +3048,7 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext5, useEffect as useEffect15, useRef as useRef8, useState as useState10 } from "react";
+import { useContext as useContext7, useEffect as useEffect15, useRef as useRef8, useState as useState11 } from "react";
 
 // src/hooks/useLauncherDrag.ts
 import { useEffect as useEffect14, useRef as useRef7 } from "react";
@@ -3126,7 +3211,7 @@ function cn(...inputs) {
 }
 
 // src/components/AdoptionBubble.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function AdoptionBubble({
   goal,
   onAttend,
@@ -3134,7 +3219,7 @@ function AdoptionBubble({
   exitDelayMs = 0,
   hidden = false
 }) {
-  return /* @__PURE__ */ jsx3("div", {
+  return /* @__PURE__ */ jsx5("div", {
     style: {
       animationDelay: `${appearDelayMs}ms`,
       transitionDelay: hidden ? `${exitDelayMs}ms` : "0ms"
@@ -3145,18 +3230,18 @@ function AdoptionBubble({
       onClick: () => onAttend(goal),
       className: cn("skippr:flex skippr:max-w-72 skippr:items-center skippr:gap-2", "skippr:rounded-[14px] skippr:bg-amber-50 skippr:py-1.5 skippr:pr-3 skippr:pl-1.5", "skippr:text-left skippr:shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "skippr:transition-colors skippr:cursor-pointer skippr:hover:bg-amber-100", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-bubble/60"),
       children: [
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx5("span", {
           className: cn("skippr:flex skippr:h-6 skippr:w-6 skippr:shrink-0 skippr:items-center skippr:justify-center", "skippr:text-amber-700"),
-          children: /* @__PURE__ */ jsx3(Lightbulb, {
+          children: /* @__PURE__ */ jsx5(Lightbulb, {
             className: "skippr:h-3.5 skippr:w-3.5",
             fill: "currentColor"
           })
         }),
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx5("span", {
           className: "skippr:min-w-0 skippr:truncate skippr:text-[13px] skippr:font-semibold skippr:text-amber-950",
           children: goal.displayMessage
         }),
-        /* @__PURE__ */ jsx3(ArrowRight, {
+        /* @__PURE__ */ jsx5(ArrowRight, {
           className: "skippr:h-3.5 skippr:w-3.5 skippr:shrink-0 skippr:text-amber-700"
         })
       ]
@@ -3165,7 +3250,7 @@ function AdoptionBubble({
 }
 
 // src/components/ModulePill.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var RING_RADIUS = 8;
 var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
 function ModulePill({ module, onSelect }) {
@@ -3183,7 +3268,7 @@ function ModulePill({ module, onSelect }) {
         className: "skippr:size-4 skippr:shrink-0 skippr:-rotate-90",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx4("circle", {
+          /* @__PURE__ */ jsx6("circle", {
             cx: "10",
             cy: "10",
             r: RING_RADIUS,
@@ -3191,7 +3276,7 @@ function ModulePill({ module, onSelect }) {
             strokeWidth: "2.5",
             className: "skippr:stroke-black/15"
           }),
-          /* @__PURE__ */ jsx4("circle", {
+          /* @__PURE__ */ jsx6("circle", {
             cx: "10",
             cy: "10",
             r: RING_RADIUS,
@@ -3204,7 +3289,7 @@ function ModulePill({ module, onSelect }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsx4("span", {
+      /* @__PURE__ */ jsx6("span", {
         className: "skippr:min-w-0 skippr:flex-1 skippr:truncate skippr:text-left",
         children: module.name
       }),
@@ -3221,7 +3306,7 @@ function ModulePill({ module, onSelect }) {
 }
 
 // src/components/MinimizedBubble.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var GOALS_AUTO_HIDE_MS = 1e4;
 var GOAL_FADE_OUT_MS = 300;
 var GOAL_APPEAR_STAGGER_MS = 150;
@@ -3229,17 +3314,17 @@ var GOAL_EXIT_STAGGER_MS = 250;
 var MAX_GOAL_BUBBLES = 3;
 var MAX_MODULE_PILLS = 3;
 function SkipprMark({ onStart }) {
-  return /* @__PURE__ */ jsx5("button", {
+  return /* @__PURE__ */ jsx7("button", {
     type: "button",
     onClick: onStart,
     "aria-label": "Ask Me Anything",
     className: "skippr:flex skippr:h-[36px] skippr:w-[36px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:bg-transparent skippr:p-0",
-    children: /* @__PURE__ */ jsx5("svg", {
+    children: /* @__PURE__ */ jsx7("svg", {
       viewBox: "0 0 15.4044 18.4853",
       className: "skippr:h-[18.5px] skippr:w-[15.4px]",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx5("path", {
+      children: /* @__PURE__ */ jsx7("path", {
         d: "M2.25789 0.295419C1.33925 -0.413932 0 0.234459 0 1.38715V17.0972C0 18.4106 1.67407 18.987 2.49664 17.9562L6.40435 13.061C6.54853 12.8805 6.73209 12.7348 6.94126 12.6347C7.15043 12.5345 7.37978 12.4826 7.6121 12.4828H14.0025C15.3343 12.4828 15.9134 10.8128 14.8614 10.0037L2.25789 0.295419Z",
         className: "skippr:fill-brand"
       })
@@ -3251,7 +3336,7 @@ function ChatButton({
   position,
   onClick
 }) {
-  return /* @__PURE__ */ jsx5("button", {
+  return /* @__PURE__ */ jsx7("button", {
     type: "button",
     onClick,
     "aria-label": "Open chat",
@@ -3263,9 +3348,9 @@ function ChatButton({
       transform: revealed ? "scale(1)" : "scale(0.55)",
       cursor: revealed ? "pointer" : "default"
     },
-    children: /* @__PURE__ */ jsx5("span", {
+    children: /* @__PURE__ */ jsx7("span", {
       className: "skippr:flex skippr:h-[36px] skippr:w-[36px] skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-white",
-      children: /* @__PURE__ */ jsx5("svg", {
+      children: /* @__PURE__ */ jsx7("svg", {
         width: "18",
         height: "18",
         viewBox: "0 0 24 24",
@@ -3275,7 +3360,7 @@ function ChatButton({
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx5("path", {
+        children: /* @__PURE__ */ jsx7("path", {
           d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
         })
       })
@@ -3292,12 +3377,12 @@ function IdleLauncher({
     className: cn("skippr:flex skippr:h-[48px] skippr:items-center", "skippr:bg-launcher skippr:p-1.5 skippr:shadow-[-6px_8px_30px_rgba(15,18,26,0.32)]", "skippr:[animation:skippr-orb-in_320ms_cubic-bezier(0.34,1.3,0.64,1)]", "skippr:transition-transform skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", position === "right" ? "skippr:rounded-l-[18px] skippr:origin-right" : "skippr:rounded-r-[18px] skippr:origin-left", position === "right" ? isHovered ? "skippr:translate-x-3" : "skippr:translate-x-7" : isHovered ? "skippr:-translate-x-3" : "skippr:-translate-x-7"),
     style: { gap: isHovered ? 8 : 0 },
     children: [
-      /* @__PURE__ */ jsx5(ChatButton, {
+      /* @__PURE__ */ jsx7(ChatButton, {
         revealed: isHovered,
         position,
         onClick: onChat
       }),
-      /* @__PURE__ */ jsx5(SkipprMark, {
+      /* @__PURE__ */ jsx7(SkipprMark, {
         onStart
       })
     ]
@@ -3321,7 +3406,7 @@ function WelcomeBubble({
     "aria-label": "Dismiss",
     children: [
       message,
-      /* @__PURE__ */ jsx5("span", {
+      /* @__PURE__ */ jsx7("span", {
         className: cn("skippr:absolute skippr:size-2.5", "skippr:border-l skippr:border-t skippr:border-border skippr:bg-card", popsDown ? "skippr:bottom-full skippr:rotate-45 skippr:-mb-[5px]" : "skippr:top-full skippr:rotate-[225deg] skippr:-mt-[5px]", position === "right" ? "skippr:right-5" : "skippr:left-5")
       })
     ]
@@ -3332,7 +3417,7 @@ function MinimizedBubble({
   welcomeDismissed,
   onDismissWelcome
 }) {
-  const ctx = useContext5(LiveAgentContext);
+  const ctx = useContext7(LiveAgentContext);
   if (!ctx) {
     throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
   }
@@ -3354,9 +3439,9 @@ function MinimizedBubble({
     setSidebarTab,
     commitLauncherDrop
   } = ctx;
-  const [goalsAutoHidden, setGoalsAutoHidden] = useState10(false);
-  const [isLauncherHovered, setIsLauncherHovered] = useState10(false);
-  const [visitHref, setVisitHref] = useState10(() => window.location.href);
+  const [goalsAutoHidden, setGoalsAutoHidden] = useState11(false);
+  const [isLauncherHovered, setIsLauncherHovered] = useState11(false);
+  const [visitHref, setVisitHref] = useState11(() => window.location.href);
   const revealedHrefRef = useRef8(null);
   const hoverContainerRef = useRef8(null);
   useEffect15(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
@@ -3396,7 +3481,7 @@ function MinimizedBubble({
   }, [goalsEligible, visitHref]);
   const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
   const goalsHidden = goalsAutoHidden && !isLauncherHovered;
-  const [goalsUnmounted, setGoalsUnmounted] = useState10(false);
+  const [goalsUnmounted, setGoalsUnmounted] = useState11(false);
   useEffect15(() => {
     if (!goalsHidden) {
       setGoalsUnmounted(false);
@@ -3431,7 +3516,7 @@ function MinimizedBubble({
       (modulePills.length > 0 || visibleGoals.length > 0) && /* @__PURE__ */ jsxs4("div", {
         className: cn("skippr:absolute skippr:gap-2", popsDown ? "skippr:top-full skippr:mt-3 skippr:flex skippr:flex-col-reverse" : "skippr:bottom-full skippr:mb-3 skippr:flex skippr:flex-col", position === "right" ? "skippr:right-0 skippr:items-end" : "skippr:left-0 skippr:items-start"),
         children: [
-          visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx5(AdoptionBubble, {
+          visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx7(AdoptionBubble, {
             goal,
             onAttend: (attended) => {
               if (!wasDraggedRef.current)
@@ -3441,7 +3526,7 @@ function MinimizedBubble({
             exitDelayMs: (visibleGoals.length - 1 - index2) * GOAL_EXIT_STAGGER_MS,
             hidden: goalsHidden
           }, goal.goalId)),
-          modulePills.map((module) => /* @__PURE__ */ jsx5(ModulePill, {
+          modulePills.map((module) => /* @__PURE__ */ jsx7(ModulePill, {
             module,
             onSelect: (id) => {
               if (!wasDraggedRef.current)
@@ -3450,7 +3535,7 @@ function MinimizedBubble({
           }, module.id))
         ]
       }),
-      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx5(WelcomeBubble, {
+      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx7(WelcomeBubble, {
         message: welcomeMessage,
         position,
         popsDown,
@@ -3460,7 +3545,7 @@ function MinimizedBubble({
             onDismissWelcome();
         }
       }),
-      /* @__PURE__ */ jsx5(IdleLauncher, {
+      /* @__PURE__ */ jsx7(IdleLauncher, {
         position,
         isHovered: isLauncherHovered,
         onStart: launchDefaultSession,
@@ -3472,7 +3557,7 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef9 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef9 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
 var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var textDecoder2 = new TextDecoder;
@@ -3694,7 +3779,7 @@ function PageActionHandler() {
   const drainingRef = useRef9(false);
   const settleTimerRef = useRef9(null);
   const endStepRef = useRef9(null);
-  const runStep = useCallback8((action) => {
+  const runStep = useCallback9((action) => {
     return new Promise((resolve) => {
       if (action.type === "scroll_page") {
         let scrolled = false;
@@ -3763,7 +3848,7 @@ function PageActionHandler() {
       });
     });
   }, []);
-  const drain = useCallback8(async () => {
+  const drain = useCallback9(async () => {
     if (drainingRef.current)
       return;
     drainingRef.current = true;
@@ -3794,7 +3879,7 @@ function PageActionHandler() {
       }
     }
   }, [runStep]);
-  const onMessage = useCallback8((msg) => {
+  const onMessage = useCallback9((msg) => {
     const action = parsePageAction(msg.payload);
     if (!action)
       return;
@@ -3829,25 +3914,25 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useContext as useContext6, useEffect as useEffect19 } from "react";
+import { useContext as useContext8, useEffect as useEffect20 } from "react";
 
 // src/hooks/useActionControl.ts
-import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback9, useEffect as useEffect17, useState as useState11 } from "react";
-var textEncoder4 = new TextEncoder;
+import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback10, useEffect as useEffect17, useState as useState12 } from "react";
+var textEncoder5 = new TextEncoder;
 function useActionControl() {
-  const { localParticipant } = useLocalParticipant4();
+  const { localParticipant } = useLocalParticipant5();
   const plan = usePlanUpdates();
-  const [busy, setBusy] = useState11(isActionsBusy);
-  const [actionsPaused2, setPaused] = useState11(false);
+  const [busy, setBusy] = useState12(isActionsBusy);
+  const [actionsPaused2, setPaused] = useState12(false);
   useEffect17(() => subscribeActionsBusy(setBusy), []);
   const actionsActive = busy || plan?.state === "executing";
-  const togglePaused = useCallback9(async () => {
+  const togglePaused = useCallback10(async () => {
     const next = !actionsPaused2;
     setPaused(next);
     setActionsPaused(next);
     try {
-      await localParticipant.publishData(textEncoder4.encode(JSON.stringify({ type: next ? "pause" : "resume" })), { reliable: true, topic: ACTION_CONTROL_TOPIC });
+      await localParticipant.publishData(textEncoder5.encode(JSON.stringify({ type: next ? "pause" : "resume" })), { reliable: true, topic: ACTION_CONTROL_TOPIC });
     } catch (error) {
       console.error("Failed to send action pause/resume:", error);
     }
@@ -3868,12 +3953,12 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect18, useRef as useRef10, useState as useState12 } from "react";
+import { useEffect as useEffect18, useRef as useRef10, 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 = useRef10([]);
-  const [isTalking, setIsTalking] = useState12(false);
+  const [isTalking, setIsTalking] = useState13(false);
   useEffect18(() => {
     if (!mediaStreamTrack) {
       for (const bar of barRefs.current) {
@@ -3924,27 +4009,82 @@ function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowth
   return { barRefs, isTalking };
 }
 
+// src/hooks/useIdleAutoPause.ts
+import { useCallback as useCallback11, useEffect as useEffect19, useRef as useRef11 } from "react";
+function useIdleAutoPause({
+  enabled,
+  active,
+  isHeld,
+  pause
+}) {
+  const timerRef = useRef11(null);
+  const pauseRef = useRef11(pause);
+  pauseRef.current = pause;
+  const clearTimer = useCallback11(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const armTimer = useCallback11(() => {
+    clearTimer();
+    timerRef.current = setTimeout(() => pauseRef.current(), IDLE_AUTO_PAUSE_MS);
+  }, [clearTimer]);
+  const reportActivity = useCallback11(() => {
+    if (enabled && !isHeld)
+      armTimer();
+  }, [enabled, isHeld, armTimer]);
+  useEffect19(() => {
+    if (!enabled || isHeld || active) {
+      clearTimer();
+      return;
+    }
+    armTimer();
+    return clearTimer;
+  }, [enabled, isHeld, active, armTimer, clearTimer]);
+  return { reportActivity };
+}
+
+// src/hooks/useLiveUserTranscript.ts
+import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
+import { useRef as useRef12 } from "react";
+function useLiveUserTranscript(active) {
+  const transcriptions = useSharedTranscriptions();
+  const { localParticipant } = useLocalParticipant6();
+  const localIdentity = localParticipant.identity;
+  const priorStreamIdsRef = useRef12(new Set);
+  const wasActiveRef = useRef12(false);
+  const userStreams = transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity);
+  if (active && !wasActiveRef.current) {
+    priorStreamIdsRef.current = new Set(userStreams.map((s) => s.streamInfo.id));
+  }
+  wasActiveRef.current = active;
+  if (!active)
+    return "";
+  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 useLocalParticipant5 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
 import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback12 } from "react";
 var SCREEN_SHARE_OPTIONS = {
   video: { displaySurface: "browser" },
   resolution: ScreenSharePresets2.h720fps30.resolution,
   contentHint: "detail"
 };
 function useMediaControls() {
-  const { localParticipant } = useLocalParticipant5();
+  const { localParticipant } = useLocalParticipant7();
   const isMuted = !localParticipant.isMicrophoneEnabled;
   const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback10(async () => {
+  const toggleMute = useCallback12(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(isMuted);
     } catch (error) {
       console.error("Failed to toggle microphone:", error);
     }
   }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback10(async () => {
+  const toggleScreenShare = useCallback12(async () => {
     try {
       await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
     } catch (error) {
@@ -3955,13 +4095,13 @@ function useMediaControls() {
 }
 
 // src/hooks/useMicLevel.ts
-import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant8 } from "@livekit/components-react/hooks";
 var MIC_BARS = 5;
 var IDLE_BAR_HEIGHT_PX = 5;
 var MAX_BAR_GROWTH_PX = 17;
 var MIC_NOISE_GATE = 0.15;
 function useMicLevel(enabled) {
-  const { microphoneTrack } = useLocalParticipant6();
+  const { microphoneTrack } = useLocalParticipant8();
   const mediaStreamTrack = microphoneTrack?.track?.mediaStreamTrack;
   return useAudioLevelBars(enabled ? mediaStreamTrack : undefined, {
     barCount: MIC_BARS,
@@ -3994,8 +4134,49 @@ function PausedCountdown({ secondsRemaining }) {
   });
 }
 
+// src/components/TapToTalkMic.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function TapToTalkMic({ isCapturingSpeech, showLabel, onToggle }) {
+  const { barRefs, isTalking } = useMicLevel(isCapturingSpeech);
+  const label = isCapturingSpeech ? "Tap to send" : "Tap to talk";
+  const withLabel = isCapturingSpeech || showLabel;
+  return /* @__PURE__ */ jsxs6("button", {
+    type: "button",
+    onClick: onToggle,
+    "aria-label": "Tap to talk",
+    "aria-pressed": isCapturingSpeech,
+    title: label,
+    className: cn("skippr:flex skippr:h-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-bubble skippr:text-white skippr:cursor-pointer", withLabel ? "skippr:px-3.5" : "skippr:w-[38px]", isCapturingSpeech ? "skippr:animate-skippr-rec-ring skippr:motion-reduce:animate-none" : "skippr:hover:bg-[#3a384b]"),
+    children: [
+      /* @__PURE__ */ jsx8("span", {
+        className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
+        children: isCapturingSpeech ? /* @__PURE__ */ jsx8(Square, {
+          className: "skippr:size-4 skippr:text-brand",
+          fill: "currentColor"
+        }) : /* @__PURE__ */ jsx8(Mic, {
+          className: "skippr:size-5"
+        })
+      }),
+      withLabel && /* @__PURE__ */ jsx8("span", {
+        className: "skippr:whitespace-nowrap skippr:text-[13px] skippr:font-medium",
+        children: label
+      }),
+      isCapturingSpeech && isTalking && /* @__PURE__ */ jsx8("span", {
+        className: "skippr:flex skippr:h-6 skippr:shrink-0 skippr:items-center skippr:gap-[3px]",
+        children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx8("span", {
+          ref: (el) => {
+            barRefs.current[index2] = el;
+          },
+          className: "skippr:w-[3px] skippr:rounded-full skippr:bg-white skippr:transition-[height] skippr:duration-75",
+          style: { height: 5 }
+        }, index2))
+      })
+    ]
+  });
+}
+
 // src/components/SessionControlBar.tsx
-import { jsx as jsx6, jsxs as jsxs6, Fragment } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7, Fragment } from "react/jsx-runtime";
 var STANDBY_BAR_WIDTH = 168;
 var READY_BAR_WIDTH = 238;
 var PAUSED_BAR_WIDTH = 248;
@@ -4028,21 +4209,21 @@ function AgentActivity({
     noiseGate: AGENT_NOISE_GATE
   });
   const label = isActing ? "Working" : AGENT_STATE_LABELS[state] ?? "";
-  return /* @__PURE__ */ jsxs6("span", {
+  return /* @__PURE__ */ jsxs7("span", {
     role: "status",
     className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-bubble",
     "aria-label": isActing ? "Agent is acting" : `Agent is ${state}`,
     children: [
-      /* @__PURE__ */ jsx6("span", {
+      /* @__PURE__ */ jsx9("span", {
         className: "skippr:flex skippr:size-5 skippr:shrink-0 skippr:items-center skippr:justify-center",
-        children: isActing ? /* @__PURE__ */ jsx6(MousePointerClick, {
+        children: isActing ? /* @__PURE__ */ jsx9(MousePointerClick, {
           strokeWidth: 2,
           className: "skippr:size-5 skippr:[animation:skippr-finger-tap_1.1s_ease-in-out_infinite]"
-        }) : /* @__PURE__ */ jsxs6(Fragment, {
+        }) : /* @__PURE__ */ jsxs7(Fragment, {
           children: [
-            state === "speaking" && /* @__PURE__ */ jsx6("span", {
+            state === "speaking" && /* @__PURE__ */ jsx9("span", {
               className: "skippr:flex skippr:h-5 skippr:items-center skippr:gap-[2px]",
-              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx6("span", {
+              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx9("span", {
                 ref: (el) => {
                   barRefs.current[index2] = el;
                 },
@@ -4050,21 +4231,21 @@ function AgentActivity({
                 style: { height: AGENT_BAR_IDLE_HEIGHT_PX }
               }, index2))
             }),
-            state === "thinking" && /* @__PURE__ */ jsxs6("span", {
+            state === "thinking" && /* @__PURE__ */ jsxs7("span", {
               className: "skippr:flex skippr:items-center skippr:gap-[3px]",
               children: [
-                /* @__PURE__ */ jsx6("span", {
+                /* @__PURE__ */ jsx9("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:0ms]"
                 }),
-                /* @__PURE__ */ jsx6("span", {
+                /* @__PURE__ */ jsx9("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:150ms]"
                 }),
-                /* @__PURE__ */ jsx6("span", {
+                /* @__PURE__ */ jsx9("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:300ms]"
                 })
               ]
             }),
-            state === "listening" && /* @__PURE__ */ jsxs6("svg", {
+            state === "listening" && /* @__PURE__ */ jsxs7("svg", {
               viewBox: "0 0 24 24",
               className: "skippr:size-5",
               fill: "none",
@@ -4074,10 +4255,10 @@ function AgentActivity({
               strokeLinejoin: "round",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx6("path", {
+                /* @__PURE__ */ jsx9("path", {
                   d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
                 }),
-                /* @__PURE__ */ jsx6("circle", {
+                /* @__PURE__ */ jsx9("circle", {
                   cx: "12",
                   cy: "12",
                   r: "2.5",
@@ -4090,7 +4271,7 @@ function AgentActivity({
           ]
         })
       }),
-      /* @__PURE__ */ jsx6("span", {
+      /* @__PURE__ */ jsx9("span", {
         className: "skippr:text-[11px] skippr:font-medium skippr:capitalize",
         children: label
       })
@@ -4108,9 +4289,10 @@ function SessionControlBar() {
     setSidebarTab,
     activeModule,
     position,
-    variant
+    variant,
+    agentControls
   } = useLiveAgent();
-  const internalCtx = useContext6(LiveAgentContext);
+  const internalCtx = useContext8(LiveAgentContext);
   if (!internalCtx) {
     throw new Error("SessionControlBar must be used within a <LiveAgent> provider");
   }
@@ -4130,7 +4312,20 @@ function SessionControlBar() {
   const { state, mediaStreamTrack: agentMediaStreamTrack } = useAgentVoiceState();
   const { actionsActive, actionsPaused: actionsPaused2, togglePaused } = useActionControl();
   const { isHeld, countdown, toggle: togglePause } = useSessionHoldContext();
-  useEffect19(() => {
+  const tapToTalk = agentControls?.tapToTalk === true;
+  const agentActive = state === "speaking" || state === "thinking";
+  const { isCapturingSpeech, toggle: toggleTapToTalk } = useTapToTalkContext();
+  const liveUserTranscript = useLiveUserTranscript(isCapturingSpeech);
+  const { reportActivity } = useIdleAutoPause({
+    enabled: tapToTalk,
+    active: agentActive || isCapturingSpeech,
+    isHeld,
+    pause: () => {
+      if (!isHeld)
+        togglePause();
+    }
+  });
+  useEffect20(() => {
     if (isHeld)
       minimizePanel();
   }, [isHeld, minimizePanel]);
@@ -4138,6 +4333,7 @@ function SessionControlBar() {
   const { barRefs, isTalking } = useMicLevel(isReady && !isMuted && !textMode && !isHeld);
   const showScreenShareToggle = captureMode === CAPTURE_MODE.Screenshare;
   const showActionControl = captureMode === CAPTURE_MODE.Auto && actionsActive;
+  const tapToTalkAgentBusy = agentActive || showActionControl && !actionsPaused2;
   const screenShareExtra = showScreenShareToggle ? SCREEN_SHARE_EXTRA_WIDTH : 0;
   const actionControlExtra = showActionControl ? ACTION_CONTROL_EXTRA_WIDTH : 0;
   let barWidth = STANDBY_BAR_WIDTH;
@@ -4164,103 +4360,131 @@ function SessionControlBar() {
       return;
     action();
   };
-  const panelToggleButton = /* @__PURE__ */ jsx6("button", {
+  const panelToggleButton = /* @__PURE__ */ jsx9("button", {
     type: "button",
     onClick: ifNotDragged(togglePanel),
     "aria-label": isPanelOpen ? "Close panel" : agendaModule && !textMode ? "Open agenda" : "Open chat",
     className: cn(SQUARE_BUTTON, "skippr:text-neutral-700", textMode ? "skippr:hover:bg-neutral-100" : "skippr:bg-neutral-100 skippr:hover:bg-neutral-200"),
-    children: /* @__PURE__ */ jsx6(MessageSquare, {
+    children: /* @__PURE__ */ jsx9(MessageSquare, {
       className: "skippr:size-5"
     })
   });
-  return /* @__PURE__ */ jsxs6("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     ref: controlBarRef,
     style: { bottom: launcherBottomPx },
     className: cn("skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab", position === "right" ? "skippr:right-3" : "skippr:left-3"),
     children: [
-      /* @__PURE__ */ jsxs6("div", {
-        style: { width: barWidth },
+      isCapturingSpeech && !isPanelOpen && /* @__PURE__ */ jsx9("div", {
+        className: cn("skippr:absolute skippr:bottom-full skippr:z-[10000] skippr:mb-2 skippr:max-w-[280px] skippr:rounded-[14px] skippr:bg-bubble skippr:px-3.5 skippr:py-2 skippr:text-[13px] skippr:text-white skippr:shadow-[0_10px_32px_rgba(0,0,0,0.18)] skippr:[animation:skippr-agent-in_200ms_ease-out]", position === "right" ? "skippr:right-0" : "skippr:left-0"),
+        children: liveUserTranscript ? liveUserTranscript : /* @__PURE__ */ jsx9("span", {
+          className: "skippr:text-white/60",
+          children: "Listening…"
+        })
+      }),
+      /* @__PURE__ */ jsxs7("div", {
+        style: { width: isReady && tapToTalk ? "auto" : barWidth },
         className: cn("skippr:group skippr:relative skippr:flex skippr:h-[54px] skippr:items-center skippr:justify-center skippr:gap-2", "skippr:rounded-[20px] skippr:bg-white skippr:p-2", "skippr:shadow-[0_10px_32px_rgba(0,0,0,0.18)] skippr:ring-1 skippr:ring-black/5", "skippr:transition-[width,margin] skippr:duration-300 skippr:ease-out", "skippr:[animation:skippr-toolset-pop_440ms_cubic-bezier(0.22,1,0.36,1)]", isReady && (position === "right" ? "skippr:mr-7" : "skippr:ml-7")),
         children: [
-          !isReady && /* @__PURE__ */ jsxs6("span", {
+          !isReady && /* @__PURE__ */ jsxs7("span", {
             className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:justify-center skippr:gap-2 skippr:text-[13px] skippr:font-medium skippr:text-bubble skippr:[animation:skippr-stage-fade_240ms_ease-out]",
             children: [
-              /* @__PURE__ */ jsxs6("span", {
+              /* @__PURE__ */ jsxs7("span", {
                 className: "skippr:flex skippr:items-center skippr:gap-[3px]",
                 children: [
-                  /* @__PURE__ */ jsx6("span", {
+                  /* @__PURE__ */ jsx9("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:0ms]"
                   }),
-                  /* @__PURE__ */ jsx6("span", {
+                  /* @__PURE__ */ jsx9("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:150ms]"
                   }),
-                  /* @__PURE__ */ jsx6("span", {
+                  /* @__PURE__ */ jsx9("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:300ms]"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx6("span", {
+              /* @__PURE__ */ jsx9("span", {
                 children: "Standing by…"
               })
             ]
           }),
-          isReady && /* @__PURE__ */ jsxs6("div", {
+          isReady && /* @__PURE__ */ jsxs7("div", {
             className: cn("skippr:flex skippr:items-center skippr:gap-2 skippr:[animation:skippr-stage-fade_240ms_ease-out]", isHeld && "skippr:w-full skippr:justify-start"),
             children: [
-              /* @__PURE__ */ jsx6("button", {
+              /* @__PURE__ */ jsx9("button", {
                 type: "button",
                 onClick: ifNotDragged(togglePause),
                 "aria-label": isHeld ? "Resume" : "Pause",
                 title: isHeld ? "Resume" : "Pause",
                 className: cn(SQUARE_BUTTON, isHeld ? "skippr:bg-bubble skippr:text-white skippr:hover:bg-[#3a384b]" : "skippr:bg-neutral-100 skippr:text-neutral-700 skippr:hover:bg-neutral-200"),
-                children: isHeld ? /* @__PURE__ */ jsx6(Play, {
+                children: isHeld ? /* @__PURE__ */ jsx9(Play, {
                   className: "skippr:size-5",
                   fill: "currentColor"
-                }) : /* @__PURE__ */ jsx6(Pause, {
+                }) : /* @__PURE__ */ jsx9(Pause, {
                   className: "skippr:size-5",
                   fill: "currentColor"
                 })
               }),
-              isHeld ? /* @__PURE__ */ jsxs6(Fragment, {
+              isHeld ? /* @__PURE__ */ jsxs7(Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx6(PausedCountdown, {
+                  /* @__PURE__ */ jsx9(PausedCountdown, {
                     secondsRemaining: countdown
                   }),
                   panelToggleButton
                 ]
-              }) : /* @__PURE__ */ jsxs6(Fragment, {
+              }) : /* @__PURE__ */ jsxs7(Fragment, {
                 children: [
-                  !textMode && /* @__PURE__ */ jsxs6("div", {
+                  !textMode && tapToTalk && /* @__PURE__ */ jsxs7("div", {
+                    className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:gap-2",
+                    children: [
+                      /* @__PURE__ */ jsx9(TapToTalkMic, {
+                        isCapturingSpeech,
+                        showLabel: !tapToTalkAgentBusy,
+                        onToggle: () => {
+                          toggleTapToTalk();
+                          reportActivity();
+                        }
+                      }),
+                      tapToTalkAgentBusy && /* @__PURE__ */ jsx9("span", {
+                        className: "skippr:flex skippr:items-center skippr:[animation:skippr-agent-in_200ms_ease-out_240ms_both]",
+                        children: /* @__PURE__ */ jsx9(AgentActivity, {
+                          state,
+                          isActing: showActionControl && !actionsPaused2,
+                          mediaStreamTrack: agentMediaStreamTrack
+                        })
+                      })
+                    ]
+                  }),
+                  !textMode && !tapToTalk && /* @__PURE__ */ jsxs7("div", {
                     className: "skippr:relative skippr:h-[38px]",
                     style: { width: MIC_REGION_WIDTH },
                     children: [
-                      !isTalking && /* @__PURE__ */ jsx6("span", {
+                      !isTalking && /* @__PURE__ */ jsx9("span", {
                         className: "skippr:absolute skippr:inset-y-0 skippr:right-0 skippr:flex skippr:items-center skippr:justify-center skippr:[animation:skippr-agent-in_200ms_ease-out_240ms_both]",
                         style: { width: AGENT_ACTIVITY_WIDTH },
-                        children: /* @__PURE__ */ jsx6(AgentActivity, {
+                        children: /* @__PURE__ */ jsx9(AgentActivity, {
                           state,
                           isActing: showActionControl && !actionsPaused2,
                           mediaStreamTrack: agentMediaStreamTrack
                         })
                       }),
-                      /* @__PURE__ */ jsxs6("button", {
+                      /* @__PURE__ */ jsxs7("button", {
                         type: "button",
                         onClick: ifNotDragged(() => void toggleMute()),
                         "aria-label": isMuted ? "Unmute" : "Mute",
                         className: cn("skippr:group skippr:absolute skippr:top-0 skippr:left-0 skippr:z-10 skippr:flex skippr:h-[38px] skippr:items-center skippr:gap-2.5 skippr:overflow-hidden skippr:rounded-[12px] skippr:bg-bubble skippr:text-white skippr:cursor-pointer skippr:transition-[width] skippr:duration-300 skippr:ease-out", isTalking ? "skippr:justify-start skippr:pl-3.5" : "skippr:justify-center"),
                         style: { width: isTalking ? MIC_REGION_WIDTH : MIC_SQUARE_WIDTH },
                         children: [
-                          /* @__PURE__ */ jsx6("span", {
+                          /* @__PURE__ */ jsx9("span", {
                             className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:transition-colors", isMuted ? "skippr:text-red-400 skippr:group-hover:text-red-300" : "skippr:text-white skippr:group-hover:text-white/80"),
-                            children: isMuted ? /* @__PURE__ */ jsx6(MicOff, {
+                            children: isMuted ? /* @__PURE__ */ jsx9(MicOff, {
                               className: "skippr:size-5"
-                            }) : /* @__PURE__ */ jsx6(Mic, {
+                            }) : /* @__PURE__ */ jsx9(Mic, {
                               className: "skippr:size-5"
                             })
                           }),
-                          /* @__PURE__ */ jsx6("span", {
+                          /* @__PURE__ */ jsx9("span", {
                             className: cn("skippr:h-6 skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[3px] skippr:transition-opacity skippr:duration-200", isTalking ? "skippr:flex skippr:opacity-100" : "skippr:hidden"),
-                            children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx6("span", {
+                            children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx9("span", {
                               ref: (el) => {
                                 barRefs.current[index2] = el;
                               },
@@ -4272,28 +4496,28 @@ function SessionControlBar() {
                       })
                     ]
                   }),
-                  showScreenShareToggle && /* @__PURE__ */ jsx6("button", {
+                  showScreenShareToggle && /* @__PURE__ */ jsx9("button", {
                     type: "button",
                     onClick: ifNotDragged(() => void toggleScreenShare()),
                     "aria-label": isScreenSharing ? "Stop sharing screen" : "Share screen",
                     className: cn(SQUARE_BUTTON, isScreenSharing ? "skippr:bg-bubble skippr:text-white skippr:hover:bg-[#3a384b]" : "skippr:bg-neutral-100 skippr:text-neutral-700 skippr:hover:bg-neutral-200"),
-                    children: isScreenSharing ? /* @__PURE__ */ jsx6(MonitorOff, {
+                    children: isScreenSharing ? /* @__PURE__ */ jsx9(MonitorOff, {
                       className: "skippr:size-5"
-                    }) : /* @__PURE__ */ jsx6(Monitor, {
+                    }) : /* @__PURE__ */ jsx9(Monitor, {
                       className: "skippr:size-5"
                     })
                   }),
                   panelToggleButton,
-                  showActionControl && /* @__PURE__ */ jsx6("button", {
+                  showActionControl && /* @__PURE__ */ jsx9("button", {
                     type: "button",
                     onClick: ifNotDragged(() => void togglePaused()),
                     "aria-label": actionsPaused2 ? "Resume actions" : "Stop actions",
                     title: actionsPaused2 ? "Resume" : "Stop",
                     className: cn(SQUARE_BUTTON, actionsPaused2 ? "skippr:bg-green-100 skippr:text-green-700 skippr:hover:bg-green-200" : "skippr:bg-red-100 skippr:text-red-600 skippr:hover:bg-red-200"),
-                    children: actionsPaused2 ? /* @__PURE__ */ jsx6(Play, {
+                    children: actionsPaused2 ? /* @__PURE__ */ jsx9(Play, {
                       className: "skippr:size-5",
                       fill: "currentColor"
-                    }) : /* @__PURE__ */ jsx6(Square, {
+                    }) : /* @__PURE__ */ jsx9(Square, {
                       className: "skippr:size-5",
                       fill: "currentColor"
                     })
@@ -4304,27 +4528,27 @@ function SessionControlBar() {
           }, textMode ? "ready-text" : "ready")
         ]
       }),
-      isReady && !isDragging && /* @__PURE__ */ jsx6("button", {
+      isReady && !isDragging && /* @__PURE__ */ jsx9("button", {
         type: "button",
         onClick: ifNotDragged(() => void pauseSession()),
         disabled: isPausing,
         "aria-label": "End session",
         "aria-busy": isPausing,
         className: cn("skippr:absolute skippr:top-1/2 skippr:z-20 skippr:flex skippr:h-[54px] skippr:w-[50px] skippr:-mt-[27px] skippr:items-center", position === "right" ? "skippr:-right-8 skippr:justify-start skippr:pl-2.5" : "skippr:-left-8 skippr:justify-end skippr:pr-2.5", "skippr:rounded-[16px] skippr:bg-red-500 skippr:text-white", "skippr:shadow-[0_4px_14px_rgba(239,68,68,0.45)]", "skippr:transition-colors skippr:duration-150", "skippr:[animation:skippr-toolset-pop_280ms_cubic-bezier(0.22,1,0.36,1)]", isPausing ? "skippr:cursor-default" : "skippr:cursor-pointer skippr:hover:bg-red-600"),
-        children: /* @__PURE__ */ jsxs6("span", {
+        children: /* @__PURE__ */ jsxs7("span", {
           className: "skippr:relative skippr:flex skippr:size-5 skippr:items-center skippr:justify-center",
           children: [
-            /* @__PURE__ */ jsx6(X, {
+            /* @__PURE__ */ jsx9(X, {
               className: cn("skippr:size-4 skippr:transition-opacity skippr:duration-200", isPausing && "skippr:opacity-40"),
               strokeWidth: 2.5
             }),
-            isPausing && /* @__PURE__ */ jsxs6("svg", {
+            isPausing && /* @__PURE__ */ jsxs7("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
               "aria-hidden": "true",
               className: "skippr:absolute skippr:inset-0 skippr:size-full skippr:animate-spin skippr:motion-reduce:hidden",
               children: [
-                /* @__PURE__ */ jsx6("circle", {
+                /* @__PURE__ */ jsx9("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4332,7 +4556,7 @@ function SessionControlBar() {
                   strokeOpacity: "0.2",
                   strokeWidth: "1.5"
                 }),
-                /* @__PURE__ */ jsx6("circle", {
+                /* @__PURE__ */ jsx9("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4351,9 +4575,9 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState13 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef13, useState as useState14 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx7, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx10, Fragment as Fragment2 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
 var PROPERTY_RULE = /@property\s+[^{]+\{[^}]*\}/g;
 function hoistTailwindProperties(css) {
@@ -4368,10 +4592,10 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef11(null);
-  const [shadowRoot, setShadowRoot] = useState13(null);
+  const hostRef = useRef13(null);
+  const [shadowRoot, setShadowRoot] = useState14(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-8{width:calc(var(--skippr-spacing)*8)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-green-100{background-color:var(--skippr-color-green-100)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/15{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/15{background-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-green-700{color:var(--skippr-color-green-700)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-white\\/30{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-green-200:hover{background-color:var(--skippr-color-green-200)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/10:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--skippr-color-white)10%,transparent)}}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-brand:focus-visible{--tw-ring-color:#2bc0ae}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\: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-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\\:-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-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-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-green-100{background-color:var(--skippr-color-green-100)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/15{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/15{background-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-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-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-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-green-700{color:var(--skippr-color-green-700)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.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_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-white\\/30{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-green-200:hover{background-color:var(--skippr-color-green-200)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/10:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--skippr-color-white)10%,transparent)}}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-brand:focus-visible{--tw-ring-color:#2bc0ae}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\: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-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}}`;
   useLayoutEffect2(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -4386,23 +4610,23 @@ function ShadowHost({ children }) {
     setShadowRoot(root);
   }, [css]);
   if (!css)
-    return /* @__PURE__ */ jsx7(Fragment2, {
+    return /* @__PURE__ */ jsx10(Fragment2, {
       children
     });
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx10("div", {
     ref: hostRef,
     children: shadowRoot && createPortal(children, shadowRoot)
   });
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext11, useEffect as useEffect26 } from "react";
+import { useContext as useContext13, useEffect as useEffect27 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext7, useMemo as useMemo6 } from "react";
+import { useContext as useContext9, useMemo as useMemo6 } from "react";
 
 // src/hooks/useChatMessages.ts
-import { useChat, useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
+import { useChat, useLocalParticipant as useLocalParticipant9 } from "@livekit/components-react/hooks";
 import { useMemo as useMemo4 } from "react";
 
 // src/lib/filterSystemMessages.ts
@@ -4414,7 +4638,7 @@ function filterSystemMessages(messages) {
 // src/hooks/useChatMessages.ts
 function useChatMessages() {
   const { chatMessages: rawMessages, send, isSending } = useChat();
-  const { localParticipant } = useLocalParticipant7();
+  const { localParticipant } = useLocalParticipant9();
   const localIdentity = localParticipant.identity;
   const chatMessages = useMemo4(() => {
     const sortedMessages = rawMessages.map((msg) => ({
@@ -4430,19 +4654,33 @@ function useChatMessages() {
 }
 
 // src/hooks/useStreamingTranscript.ts
-import { useLocalParticipant as useLocalParticipant8, useTranscriptions } from "@livekit/components-react/hooks";
-import { useMemo as useMemo5 } from "react";
+import { useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
+import { useMemo as useMemo5, useRef as useRef14 } from "react";
 function useStreamingTranscript() {
-  const transcriptions = useTranscriptions();
-  const { localParticipant } = useLocalParticipant8();
+  const transcriptions = useSharedTranscriptions();
+  const { localParticipant } = useLocalParticipant10();
+  const { isCapturingSpeech } = useTapToTalkContext();
   const localIdentity = localParticipant.identity;
-  const transcriptMessages = useMemo5(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
+  const priorUserStreamIdsRef = useRef14(new Set);
+  const wasCapturingSpeechRef = useRef14(false);
+  if (isCapturingSpeech && !wasCapturingSpeechRef.current) {
+    priorUserStreamIdsRef.current = new Set(transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity).map((stream) => stream.streamInfo.id));
+  }
+  wasCapturingSpeechRef.current = isCapturingSpeech;
+  const transcriptMessages = useMemo5(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).filter((stream) => {
+    if (!isCapturingSpeech)
+      return true;
+    const isUser = stream.participantInfo.identity === localIdentity;
+    if (!isUser)
+      return true;
+    return priorUserStreamIdsRef.current.has(stream.streamInfo.id);
+  }).map((stream) => ({
     id: stream.streamInfo.id,
     role: stream.participantInfo.identity === localIdentity ? "user" : "assistant",
     content: stream.text,
     source: "voice-transcript",
     timestamp: stream.streamInfo.timestamp
-  }))), [transcriptions, localIdentity]);
+  }))), [transcriptions, localIdentity, isCapturingSpeech]);
   return { transcriptMessages };
 }
 
@@ -4467,7 +4705,7 @@ function useCombinedMessages() {
   const { transcriptMessages } = useStreamingTranscript();
   const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
   const { state: agentState } = useAgentVoiceState();
-  const historyMessages = useContext7(LiveAgentContext)?.historyMessages ?? [];
+  const historyMessages = useContext9(LiveAgentContext)?.historyMessages ?? [];
   const liveMessages = useMemo6(() => {
     if (chatMessages.length === 0)
       return transcriptMessages;
@@ -4485,7 +4723,7 @@ function useCombinedMessages() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback11, useContext as useContext8, useEffect as useEffect20 } from "react";
+import { useCallback as useCallback13, useContext as useContext10, useEffect as useEffect21 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -4496,10 +4734,10 @@ function parsePhases(json) {
   return null;
 }
 function usePhaseUpdates() {
-  const parse = useCallback11(parsePhases, []);
+  const parse = useCallback13(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
-  const ctx = useContext8(LiveAgentContext);
-  useEffect20(() => {
+  const ctx = useContext10(LiveAgentContext);
+  useEffect21(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -4508,7 +4746,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect21, useRef as useRef12, useState as useState14 } from "react";
+import { useEffect as useEffect22, useRef as useRef15, useState as useState15 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -4524,9 +4762,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef12(null);
-  const [remaining, setRemaining] = useState14(null);
-  useEffect21(() => {
+  const endTimeRef = useRef15(null);
+  const [remaining, setRemaining] = useState15(null);
+  useEffect22(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -4543,13 +4781,13 @@ function useSessionRemaining() {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext10, useRef as useRef14 } from "react";
+import { useContext as useContext12, useRef as useRef17 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect22, useState as useState15 } from "react";
+import { useEffect as useEffect23, useState as useState16 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState15(0);
-  useEffect22(() => {
+  const [elapsed, setElapsed] = useState16(0);
+  useEffect23(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -4565,25 +4803,25 @@ function useElapsedSeconds(isRunning) {
 }
 
 // src/hooks/useTextMode.ts
-import { useLocalParticipant as useLocalParticipant9 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback12, useContext as useContext9, useRef as useRef13 } from "react";
-var textEncoder5 = new TextEncoder;
+import { useLocalParticipant as useLocalParticipant11 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback14, useContext as useContext11, useRef as useRef16 } from "react";
+var textEncoder6 = new TextEncoder;
 function useTextMode() {
-  const ctx = useContext9(LiveAgentContext);
+  const ctx = useContext11(LiveAgentContext);
   if (!ctx) {
     throw new Error("useTextMode must be used within a <LiveAgent> provider");
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
-  const { localParticipant } = useLocalParticipant9();
-  const confirmedTextModeRef = useRef13(false);
-  const toggleTextMode = useCallback12(async () => {
+  const { localParticipant } = useLocalParticipant11();
+  const confirmedTextModeRef = useRef16(false);
+  const toggleTextMode = useCallback14(async () => {
     const next = !textMode;
     setTextModeState(next);
     if (next && sidebarTab === "agenda") {
       setSidebarTab("chat");
     }
     try {
-      await localParticipant.publishData(textEncoder5.encode(JSON.stringify({ textMode: next })), {
+      await localParticipant.publishData(textEncoder6.encode(JSON.stringify({ textMode: next })), {
         reliable: true,
         topic: TEXT_MODE_TOPIC
       });
@@ -4598,9 +4836,9 @@ function useTextMode() {
 }
 
 // src/components/ChatHeader.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function ChatHeader() {
-  const ctx = useContext10(LiveAgentContext);
+  const ctx = useContext12(LiveAgentContext);
   if (!ctx) {
     throw new Error("ChatHeader must be used within a <LiveAgent> provider");
   }
@@ -4616,37 +4854,37 @@ function ChatHeader() {
     setIsDragging
   } = ctx;
   const elapsed = useElapsedSeconds(isConnected);
-  const headerRef = useRef14(null);
+  const headerRef = useRef17(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
-  return /* @__PURE__ */ jsxs7("header", {
+  return /* @__PURE__ */ jsxs8("header", {
     ref: headerRef,
     className: cn("skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-between skippr:border-b skippr:border-border skippr:bg-primary skippr:px-4 skippr:py-3", followsPanel && "skippr:cursor-grab skippr:touch-none skippr:select-none"),
     children: [
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "skippr:flex skippr:items-center skippr:gap-3",
         children: [
-          isConnected && /* @__PURE__ */ jsx8(HeaderModeToggle, {}),
-          isConnected && /* @__PURE__ */ jsxs7("div", {
+          isConnected && /* @__PURE__ */ jsx11(HeaderModeToggle, {}),
+          isConnected && /* @__PURE__ */ jsxs8("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__ */ jsxs7("span", {
+              /* @__PURE__ */ jsxs8("span", {
                 className: "skippr:relative skippr:flex skippr:size-1.5",
                 children: [
-                  /* @__PURE__ */ jsx8("span", {
+                  /* @__PURE__ */ jsx11("span", {
                     className: "skippr:absolute skippr:inline-flex skippr:h-full skippr:w-full skippr:animate-ping skippr:rounded-full skippr:bg-red-400 skippr:opacity-75"
                   }),
-                  /* @__PURE__ */ jsx8("span", {
+                  /* @__PURE__ */ jsx11("span", {
                     className: "skippr:relative skippr:inline-flex skippr:size-1.5 skippr:rounded-full skippr:bg-red-400"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx8("span", {
+              /* @__PURE__ */ jsx11("span", {
                 className: "skippr:text-[10px] skippr:font-medium skippr:text-primary-foreground",
                 children: "REC"
               }),
-              /* @__PURE__ */ jsx8("span", {
+              /* @__PURE__ */ jsx11("span", {
                 className: "skippr:text-[10px] skippr:font-mono skippr:text-primary-foreground",
                 children: formatTime(elapsed)
               })
@@ -4654,7 +4892,7 @@ function ChatHeader() {
           })
         ]
       }),
-      minimizable && /* @__PURE__ */ jsx8("button", {
+      minimizable && /* @__PURE__ */ jsx11("button", {
         type: "button",
         onClick: () => {
           if (!wasDraggedRef.current)
@@ -4663,7 +4901,7 @@ function ChatHeader() {
         "aria-label": "Close",
         title: "Close",
         className: "skippr:flex skippr:h-8 skippr:w-8 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-lg skippr:text-primary-foreground/70 skippr:transition-colors skippr:hover:bg-white/10 skippr:hover:text-primary-foreground skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-brand",
-        children: /* @__PURE__ */ jsx8(X, {
+        children: /* @__PURE__ */ jsx11(X, {
           className: "skippr:h-4 skippr:w-4"
         })
       })
@@ -4673,12 +4911,12 @@ function ChatHeader() {
 function HeaderModeToggle() {
   const { textMode, toggleTextMode } = useTextMode();
   const { isHeld } = useSessionHoldContext();
-  return /* @__PURE__ */ jsxs7("fieldset", {
+  return /* @__PURE__ */ jsxs8("fieldset", {
     "aria-label": "Response mode",
     disabled: isHeld,
     className: "skippr:flex skippr:items-center skippr:gap-0.5 skippr:rounded-lg skippr:bg-white/15 skippr:p-0.5 skippr:text-xs skippr:font-medium skippr:ring-1 skippr:ring-white/30 skippr:disabled:opacity-50",
     children: [
-      /* @__PURE__ */ jsx8("button", {
+      /* @__PURE__ */ jsx11("button", {
         type: "button",
         "aria-pressed": !textMode,
         disabled: isHeld,
@@ -4689,7 +4927,7 @@ function HeaderModeToggle() {
         className: cn("skippr:rounded-md skippr:px-2.5 skippr:py-1 skippr:transition-colors skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-brand skippr:disabled:cursor-not-allowed", isHeld ? "skippr:cursor-not-allowed" : "skippr:cursor-pointer", textMode ? "skippr:font-semibold skippr:text-primary-foreground" : "skippr:bg-white skippr:text-primary skippr:shadow-sm"),
         children: "Voice"
       }),
-      /* @__PURE__ */ jsx8("button", {
+      /* @__PURE__ */ jsx11("button", {
         type: "button",
         "aria-pressed": textMode,
         disabled: isHeld,
@@ -4705,26 +4943,26 @@ function HeaderModeToggle() {
 }
 
 // src/components/LoadingDots.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function LoadingDots({ label }) {
-  return /* @__PURE__ */ jsxs8("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "skippr:flex skippr:items-center skippr:gap-2 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "skippr:flex skippr:gap-1",
         children: [
-          /* @__PURE__ */ jsx9("span", {
+          /* @__PURE__ */ jsx12("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:0ms]"
           }),
-          /* @__PURE__ */ jsx9("span", {
+          /* @__PURE__ */ jsx12("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:150ms]"
           }),
-          /* @__PURE__ */ jsx9("span", {
+          /* @__PURE__ */ jsx12("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:300ms]"
           })
         ]
       }),
-      /* @__PURE__ */ jsx9("p", {
+      /* @__PURE__ */ jsx12("p", {
         className: "skippr:text-xs skippr:text-muted-foreground",
         children: label
       })
@@ -4733,11 +4971,11 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef15, useState as useState16 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect24, useRef as useRef18, useState as useState17 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var variantClasses = {
   default: "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90",
   destructive: "skippr:bg-destructive skippr:text-white skippr:hover:bg-destructive/90",
@@ -4756,7 +4994,7 @@ var sizeClasses = {
   "icon-lg": "skippr:size-10"
 };
 var Button = forwardRef3(({ className, variant = "default", size = "default", ...props }, ref) => {
-  return /* @__PURE__ */ jsx10("button", {
+  return /* @__PURE__ */ jsx13("button", {
     className: cn("skippr:inline-flex skippr:items-center skippr:justify-center skippr:gap-2 skippr:whitespace-nowrap skippr:rounded-md skippr:text-sm skippr:font-medium skippr:ring-offset-background skippr:transition-all skippr:cursor-pointer skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2 skippr:disabled:pointer-events-none skippr:disabled:opacity-50 skippr:shrink-0 skippr:[&_svg]:pointer-events-none skippr:[&_svg:not([class*='size-'])]:size-4 skippr:[&_svg]:shrink-0", variantClasses[variant], sizeClasses[size], className),
     ref,
     ...props
@@ -4765,28 +5003,28 @@ var Button = forwardRef3(({ className, variant = "default", size = "default", ..
 Button.displayName = "Button";
 
 // src/components/LoginFlow.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var OTP_LENGTH = 6;
 var DIGIT_KEYS = ["d0", "d1", "d2", "d3", "d4", "d5"];
 function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
-  const [step, setStep] = useState16("email");
-  const [email, setEmail] = useState16("");
-  const handleRequestOtp = useCallback13(async (emailValue) => {
+  const [step, setStep] = useState17("email");
+  const [email, setEmail] = useState17("");
+  const handleRequestOtp = useCallback15(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback13(async (code) => {
+  const handleVerifyOtp = useCallback15(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback13(() => {
+  const handleBack = useCallback15(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback13(async () => {
+  const handleResend = useCallback15(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
-    return /* @__PURE__ */ jsx11(OtpStep, {
+    return /* @__PURE__ */ jsx14(OtpStep, {
       email,
       onSubmit: handleVerifyOtp,
       onResend: handleResend,
@@ -4795,7 +5033,7 @@ function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
       isSubmitting
     });
   }
-  return /* @__PURE__ */ jsx11(EmailStep, {
+  return /* @__PURE__ */ jsx14(EmailStep, {
     email,
     onEmailChange: setEmail,
     onSubmit: handleRequestOtp,
@@ -4809,30 +5047,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
     if (email.trim())
       onSubmit(email.trim());
   }
-  return /* @__PURE__ */ jsxs9("div", {
+  return /* @__PURE__ */ jsxs10("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx11(Mail, {
+          /* @__PURE__ */ jsx14(Mail, {
             className: "skippr:mx-auto skippr:mb-2 skippr:size-6 skippr:text-primary"
           }),
-          /* @__PURE__ */ jsx11("p", {
+          /* @__PURE__ */ jsx14("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Sign in to continue"
           }),
-          /* @__PURE__ */ jsx11("p", {
+          /* @__PURE__ */ jsx14("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: "Your email will be used to identify you across sessions"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("form", {
+      /* @__PURE__ */ jsxs10("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx11("input", {
+          /* @__PURE__ */ jsx14("input", {
             type: "email",
             placeholder: "you@example.com",
             value: email,
@@ -4841,15 +5079,15 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
             required: true,
             className: "skippr:w-full skippr:rounded-md skippr:border skippr:border-border skippr:bg-background skippr:px-3 skippr:py-2 skippr:text-sm skippr:text-foreground skippr:placeholder-muted-foreground skippr:outline-none focus:skippr:ring-2 focus:skippr:ring-primary/30 focus:skippr:border-primary disabled:skippr:opacity-50"
           }),
-          /* @__PURE__ */ jsx11(Button, {
+          /* @__PURE__ */ jsx14(Button, {
             type: "submit",
             disabled: isSubmitting || !email.trim(),
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx11(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx14(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Continue"
           }),
-          error && /* @__PURE__ */ jsx11("p", {
+          error && /* @__PURE__ */ jsx14("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           })
@@ -4859,30 +5097,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState16(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState16(0);
-  const inputRefs = useRef15([]);
-  const submittedRef = useRef15(false);
-  useEffect23(() => {
+  const [digits, setDigits] = useState17(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState17(0);
+  const inputRefs = useRef18([]);
+  const submittedRef = useRef18(false);
+  useEffect24(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect23(() => {
+  useEffect24(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback13((code) => {
+  const submitCode = useCallback15((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback13((index2, value) => {
+  const handleDigitChange = useCallback15((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -4896,12 +5134,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback13((index2, e) => {
+  const handleKeyDown = useCallback15((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback13((e) => {
+  const handlePaste = useCallback15((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -4929,22 +5167,22 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
     submittedRef.current = false;
     inputRefs.current[0]?.focus();
   }
-  return /* @__PURE__ */ jsxs9("div", {
+  return /* @__PURE__ */ jsxs10("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx11("p", {
+          /* @__PURE__ */ jsx14("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Enter verification code"
           }),
-          /* @__PURE__ */ jsxs9("p", {
+          /* @__PURE__ */ jsxs10("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: [
               "We sent a 6-digit code to",
               " ",
-              /* @__PURE__ */ jsx11("span", {
+              /* @__PURE__ */ jsx14("span", {
                 className: "skippr:font-medium skippr:text-foreground",
                 children: email
               })
@@ -4952,13 +5190,13 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("form", {
+      /* @__PURE__ */ jsxs10("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx11("div", {
+          /* @__PURE__ */ jsx14("div", {
             className: "skippr:flex skippr:justify-center skippr:gap-1.5",
-            children: digits.map((digit, index2) => /* @__PURE__ */ jsx11("input", {
+            children: digits.map((digit, index2) => /* @__PURE__ */ jsx14("input", {
               ref: (el) => {
                 inputRefs.current[index2] = el;
               },
@@ -4973,29 +5211,29 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
               className: "skippr:h-10 skippr:w-10 skippr:rounded-md skippr:border skippr:border-border skippr:bg-background skippr:text-center skippr:text-sm skippr:font-semibold skippr:text-foreground skippr:outline-none focus:skippr:ring-2 focus:skippr:ring-primary/30 focus:skippr:border-primary disabled:skippr:opacity-50"
             }, DIGIT_KEYS[index2]))
           }),
-          error && /* @__PURE__ */ jsx11("p", {
+          error && /* @__PURE__ */ jsx14("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           }),
-          /* @__PURE__ */ jsx11(Button, {
+          /* @__PURE__ */ jsx14(Button, {
             type: "submit",
             disabled: isSubmitting || digits.join("").length !== OTP_LENGTH,
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx11(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx14(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Verify"
           }),
-          /* @__PURE__ */ jsxs9("div", {
+          /* @__PURE__ */ jsxs10("div", {
             className: "skippr:flex skippr:items-center skippr:justify-between skippr:text-xs",
             children: [
-              /* @__PURE__ */ jsx11("button", {
+              /* @__PURE__ */ jsx14("button", {
                 type: "button",
                 onClick: onBack,
                 disabled: isSubmitting,
                 className: "skippr:text-muted-foreground hover:skippr:text-foreground skippr:transition-colors disabled:skippr:opacity-50",
                 children: "Change email"
               }),
-              /* @__PURE__ */ jsx11("button", {
+              /* @__PURE__ */ jsx14("button", {
                 type: "button",
                 onClick: handleResend,
                 disabled: isSubmitting || resendCooldown > 0,
@@ -5011,17 +5249,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState18 } from "react";
+import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect3, useRef as useRef20, useState as useState19 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect24, useRef as useRef16, useState as useState17 } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect25, useRef as useRef19, useState as useState18 } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState17("");
-  const textareaRef = useRef16(null);
+  const [inputText, setInputText] = useState18("");
+  const textareaRef = useRef19(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect24(() => {
+  useEffect25(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -5052,13 +5290,13 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx12("form", {
+  return /* @__PURE__ */ jsx15("form", {
     onSubmit: handleSubmit,
     className: "skippr:border-t skippr:border-border skippr:p-3",
-    children: /* @__PURE__ */ jsxs10("div", {
+    children: /* @__PURE__ */ jsxs11("div", {
       className: "skippr:flex skippr:items-center skippr:gap-2 skippr:rounded-xl skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:px-3 skippr:py-2",
       children: [
-        /* @__PURE__ */ jsx12("textarea", {
+        /* @__PURE__ */ jsx15("textarea", {
           ref: textareaRef,
           rows: 1,
           value: inputText,
@@ -5068,12 +5306,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
           className: "skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:bg-transparent skippr:text-sm skippr:leading-5 skippr:text-foreground skippr:placeholder:text-muted-foreground skippr:outline-none",
           style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
         }),
-        /* @__PURE__ */ jsx12("button", {
+        /* @__PURE__ */ jsx15("button", {
           type: "submit",
           disabled: !canSend,
           "aria-label": "Send message",
           className: cn("skippr:flex skippr:size-8 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:transition-colors", canSend ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-muted-foreground/20 skippr:text-muted-foreground/60"),
-          children: /* @__PURE__ */ jsx12(Send, {
+          children: /* @__PURE__ */ jsx15(Send, {
             className: "skippr:size-3.5"
           })
         })
@@ -5083,7 +5321,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -5093,16 +5331,16 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsx13("div", {
+  return /* @__PURE__ */ jsx16("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
-    children: /* @__PURE__ */ jsxs11("div", {
+    children: /* @__PURE__ */ jsxs12("div", {
       className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
       children: [
-        /* @__PURE__ */ jsx13("div", {
+        /* @__PURE__ */ jsx16("div", {
           className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
           children: message.content
         }),
-        message.timestamp && /* @__PURE__ */ jsx13("span", {
+        message.timestamp && /* @__PURE__ */ jsx16("span", {
           className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
           children: formatTimestamp(message.timestamp)
         })
@@ -5112,70 +5350,70 @@ function ChatMessage({ message }) {
 }
 
 // src/components/PlanCard.tsx
-import { useEffect as useEffect25 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect26 } from "react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var APPROVE_MESSAGE = "Yes, go ahead.";
 var CANCEL_MESSAGE = "No, cancel that.";
 var COMPLETED_CARD_VISIBLE_MS = 2500;
 function StepIcon({ status }) {
   if (status === "done") {
-    return /* @__PURE__ */ jsx14(CircleCheck, {
+    return /* @__PURE__ */ jsx17(CircleCheck, {
       className: "skippr:size-4 skippr:text-chart-3"
     });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx14(CircleX, {
+    return /* @__PURE__ */ jsx17(CircleX, {
       className: "skippr:size-4 skippr:text-destructive"
     });
   }
   if (status === "active") {
-    return /* @__PURE__ */ jsx14(Circle, {
+    return /* @__PURE__ */ jsx17(Circle, {
       className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
     });
   }
-  return /* @__PURE__ */ jsx14(Circle, {
+  return /* @__PURE__ */ jsx17(Circle, {
     className: "skippr:size-4 skippr:text-muted-foreground/30"
   });
 }
 function PlanCard({ plan, sendChatMessage, onDismiss }) {
   const awaitingApproval = plan.state === "proposed";
-  useEffect25(() => {
+  useEffect26(() => {
     if (plan.state !== "completed")
       return;
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsx14("p", {
+      /* @__PURE__ */ jsx17("p", {
         className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
         children: "Plan"
       }),
-      /* @__PURE__ */ jsx14("div", {
+      /* @__PURE__ */ jsx17("div", {
         className: "skippr:space-y-2",
-        children: plan.steps.map((step) => /* @__PURE__ */ jsxs12("div", {
+        children: plan.steps.map((step) => /* @__PURE__ */ jsxs13("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
-            /* @__PURE__ */ jsx14(StepIcon, {
+            /* @__PURE__ */ jsx17(StepIcon, {
               status: step.status
             }),
-            /* @__PURE__ */ jsx14("p", {
+            /* @__PURE__ */ jsx17("p", {
               className: cn("skippr:text-sm skippr:leading-snug", step.status === "done" && "skippr:text-muted-foreground skippr:line-through", step.status === "active" && "skippr:font-medium skippr:text-foreground", step.status === "pending" && "skippr:text-muted-foreground", step.status === "failed" && "skippr:text-destructive"),
               children: step.label
             })
           ]
         }, step.index))
       }),
-      awaitingApproval && /* @__PURE__ */ jsxs12("div", {
+      awaitingApproval && /* @__PURE__ */ jsxs13("div", {
         className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Button, {
+          /* @__PURE__ */ jsx17(Button, {
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(APPROVE_MESSAGE),
             children: "Approve"
           }),
-          /* @__PURE__ */ jsx14(Button, {
+          /* @__PURE__ */ jsx17(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(CANCEL_MESSAGE),
@@ -5188,26 +5426,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsx15("div", {
+  return /* @__PURE__ */ jsx18("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsxs13("div", {
+    children: /* @__PURE__ */ jsxs14("div", {
       className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
       children: [
-        /* @__PURE__ */ jsx15("span", {
+        /* @__PURE__ */ jsx18("span", {
           children: "Agent is analyzing your screen"
         }),
-        /* @__PURE__ */ jsxs13("span", {
+        /* @__PURE__ */ jsxs14("span", {
           className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
           children: [
-            /* @__PURE__ */ jsx15("span", {
+            /* @__PURE__ */ jsx18("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
             }),
-            /* @__PURE__ */ jsx15("span", {
+            /* @__PURE__ */ jsx18("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
             }),
-            /* @__PURE__ */ jsx15("span", {
+            /* @__PURE__ */ jsx18("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
             })
           ]
@@ -5218,7 +5456,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
 function isPlanVisible(plan) {
   return !!plan && plan.steps.length > 0 && plan.state !== "abandoned";
@@ -5232,17 +5470,17 @@ function MessageList({
   autoFocus = false,
   readOnly = false
 }) {
-  const containerRef = useRef17(null);
-  const isPinnedToBottom = useRef17(true);
-  const lastSeenMessageId = useRef17(undefined);
-  const [showJumpToLatest, setShowJumpToLatest] = useState18(false);
+  const containerRef = useRef20(null);
+  const isPinnedToBottom = useRef20(true);
+  const lastSeenMessageId = useRef20(undefined);
+  const [showJumpToLatest, setShowJumpToLatest] = useState19(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  const [dismissedPlanId, setDismissedPlanId] = useState18(null);
-  const dismissPlan = useCallback14(() => {
+  const [dismissedPlanId, setDismissedPlanId] = useState19(null);
+  const dismissPlan = useCallback16(() => {
     if (plan)
       setDismissedPlanId(plan.planId);
   }, [plan]);
-  const handleScroll = useCallback14(() => {
+  const handleScroll = useCallback16(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -5251,7 +5489,7 @@ function MessageList({
     isPinnedToBottom.current = pinned;
     setShowJumpToLatest(!pinned);
   }, []);
-  const jumpToLatest = useCallback14(() => {
+  const jumpToLatest = useCallback16(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -5274,49 +5512,49 @@ function MessageList({
     container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs14("div", {
+  return /* @__PURE__ */ jsxs15("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
         children: [
-          /* @__PURE__ */ jsxs14("div", {
+          /* @__PURE__ */ jsxs15("div", {
             ref: containerRef,
             onScroll: handleScroll,
             className: "skippr:min-h-0 skippr:flex-1 skippr:space-y-4 skippr:overflow-y-auto skippr:p-4 skippr:[overflow-anchor:none]",
             children: [
-              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx16("p", {
+              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx19("p", {
                 className: "skippr:px-2 skippr:py-6 skippr:text-center skippr:text-sm skippr:text-muted-foreground",
                 children: "No messages in this conversation yet."
-              }) : /* @__PURE__ */ jsx16(LoadingDots, {
+              }) : /* @__PURE__ */ jsx19(LoadingDots, {
                 label: "Waiting for conversation to begin..."
               })),
-              messages.map((message) => /* @__PURE__ */ jsx16(ChatMessage, {
+              messages.map((message) => /* @__PURE__ */ jsx19(ChatMessage, {
                 message
               }, message.id)),
-              showTyping && /* @__PURE__ */ jsx16(TypingIndicator, {})
+              showTyping && /* @__PURE__ */ jsx19(TypingIndicator, {})
             ]
           }),
-          showJumpToLatest && /* @__PURE__ */ jsx16("button", {
+          showJumpToLatest && /* @__PURE__ */ jsx19("button", {
             type: "button",
             onClick: jumpToLatest,
             "aria-label": "Jump to latest message",
             className: "skippr:-translate-x-1/2 skippr:absolute skippr:bottom-3 skippr:left-1/2 skippr:flex skippr:min-h-11 skippr:min-w-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:border skippr:border-border skippr:bg-background skippr:p-1.5 skippr:text-foreground skippr:shadow-md skippr:transition-colors skippr:hover:bg-muted",
-            children: /* @__PURE__ */ jsx16(ChevronDown, {
+            children: /* @__PURE__ */ jsx19(ChevronDown, {
               className: "skippr:size-4"
             })
           })
         ]
       }),
-      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx16("div", {
+      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx19("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
-        children: /* @__PURE__ */ jsx16(PlanCard, {
+        children: /* @__PURE__ */ jsx19(PlanCard, {
           plan,
           sendChatMessage,
           onDismiss: dismissPlan
         }, plan.planId)
       }),
-      !readOnly && sendChatMessage && /* @__PURE__ */ jsx16(ChatInput, {
+      !readOnly && sendChatMessage && /* @__PURE__ */ jsx19(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -5326,49 +5564,49 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx17("div", {
+    return /* @__PURE__ */ jsx20("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx17(LoadingDots, {
+      children: /* @__PURE__ */ jsx20(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx17("div", {
+  return /* @__PURE__ */ jsx20("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx17("div", {
+    children: /* @__PURE__ */ jsx20("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs15("div", {
+        return /* @__PURE__ */ jsxs16("div", {
           className: cn("skippr:flex skippr:items-start skippr:gap-2.5 skippr:rounded-lg skippr:p-2 skippr:transition-colors", isActive && "skippr:bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx20("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx17(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx20(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx17(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx20(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx17(Circle, {
+              }) : /* @__PURE__ */ jsx20(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
-            /* @__PURE__ */ jsxs15("div", {
+            /* @__PURE__ */ jsxs16("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx17("p", {
+                /* @__PURE__ */ jsx20("p", {
                   className: cn("skippr:text-sm", isCompleted && "skippr:text-muted-foreground skippr:line-through", isActive && "skippr:font-medium skippr:text-foreground", phase.status === "pending" && "skippr:text-muted-foreground"),
                   children: phase.name
                 }),
-                phase.highlights.length > 0 && /* @__PURE__ */ jsx17("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx20("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs15("li", {
+                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs16("li", {
                     className: cn("skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-[11px] skippr:leading-tight", isCompleted ? "skippr:text-muted-foreground/40 skippr:line-through" : "skippr:text-muted-foreground/70"),
                     children: [
-                      /* @__PURE__ */ jsx17("span", {
+                      /* @__PURE__ */ jsx20("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -5385,12 +5623,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var SESSION_WARNING_THRESHOLD_SECS = 60;
 function SessionWarningBanner({ remaining }) {
   if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
     return null;
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx21("div", {
     "data-testid": "session-warning-banner",
     className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
     children: "Session ending soon"
@@ -5398,7 +5636,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
 var PANEL_GAP_PX = 12;
 var PANEL_VIEWPORT_MARGIN_PX = 24;
 var PANEL_MAX_HEIGHT_PX = 460;
@@ -5429,7 +5667,7 @@ function Sidebar({
     agentMode,
     displayModules
   } = useLiveAgent();
-  const internalCtx = useContext11(LiveAgentContext);
+  const internalCtx = useContext13(LiveAgentContext);
   const defaultAgentId = internalCtx?.defaultAgentId ?? null;
   const startDefaultSession = internalCtx?.startDefaultSession ?? (() => {});
   const talkDisabled = !(internalCtx?.hasResolvedModules ?? false);
@@ -5458,7 +5696,7 @@ function Sidebar({
       height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
     };
   }
-  useEffect26(() => {
+  useEffect27(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -5472,13 +5710,13 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     ref: internalCtx?.panelRef,
     className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:border skippr:border-border skippr:rounded-2xl skippr:shadow-[0_8px_30px_rgba(0,0,0,0.16),0_4px_12px_rgba(0,0,0,0.08)]", isFloating && (position === "right" ? "skippr:right-6" : "skippr:left-6"), isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? position === "right" ? "skippr:origin-top-right" : "skippr:origin-top-left" : position === "right" ? "skippr:origin-bottom-right" : "skippr:origin-bottom-left"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
     style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx19(ChatHeader, {}),
-      authFailed ? /* @__PURE__ */ jsx19(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx19(AuthenticatedContent, {
+      !hideHeader && /* @__PURE__ */ jsx22(ChatHeader, {}),
+      authFailed ? /* @__PURE__ */ jsx22(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx22(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
@@ -5494,12 +5732,12 @@ function Sidebar({
         onTalk: startDefaultSession,
         talkLabel: startSessionLabel,
         talkDisabled
-      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx19("div", {
+      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx22("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx19(LoadingDots, {
+        children: /* @__PURE__ */ jsx22(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx19(LoginFlow, {
+      }) : /* @__PURE__ */ jsx22(LoginFlow, {
         requestOtp,
         verifyOtp,
         error: authError,
@@ -5531,61 +5769,61 @@ function AuthenticatedContent({
   if (isStarting && !isConnected) {
     transitionLabel = "Reconnecting...";
   }
-  return /* @__PURE__ */ jsxs16(Fragment3, {
+  return /* @__PURE__ */ jsxs17(Fragment3, {
     children: [
-      isConnected && /* @__PURE__ */ jsx19(ConnectedBanner, {}),
-      showAgenda && /* @__PURE__ */ jsxs16("div", {
+      isConnected && /* @__PURE__ */ jsx22(ConnectedBanner, {}),
+      showAgenda && /* @__PURE__ */ jsxs17("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-1",
         children: [
-          /* @__PURE__ */ jsxs16("button", {
+          /* @__PURE__ */ jsxs17("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("chat"),
             children: [
-              /* @__PURE__ */ jsx19(MessageCircle, {
+              /* @__PURE__ */ jsx22(MessageCircle, {
                 className: "skippr:size-3.5"
               }),
               "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx19("span", {
+              activeTab === "chat" && /* @__PURE__ */ jsx22("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           }),
-          /* @__PURE__ */ jsxs16("button", {
+          /* @__PURE__ */ jsxs17("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "agenda" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("agenda"),
             children: [
-              /* @__PURE__ */ jsx19(Calendar, {
+              /* @__PURE__ */ jsx22(Calendar, {
                 className: "skippr:size-3.5"
               }),
               "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx19("span", {
+              activeTab === "agenda" && /* @__PURE__ */ jsx22("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx19("div", {
+      /* @__PURE__ */ jsx22("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx19("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx22("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx19(LoadingDots, {
+          children: /* @__PURE__ */ jsx22(LoadingDots, {
             label: "Ending session..."
           })
-        }) : inSession ? /* @__PURE__ */ jsxs16(Fragment3, {
+        }) : inSession ? /* @__PURE__ */ jsxs17(Fragment3, {
           children: [
-            transitionLabel && /* @__PURE__ */ jsx19("div", {
+            transitionLabel && /* @__PURE__ */ jsx22("div", {
               className: "skippr:shrink-0 skippr:border-b skippr:border-border skippr:bg-muted/50 skippr:px-3 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:text-muted-foreground",
               children: transitionLabel
             }),
-            /* @__PURE__ */ jsx19(ConnectedBody, {
+            /* @__PURE__ */ jsx22(ConnectedBody, {
               activeTab: effectiveTab,
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx19(IdleHistory, {
+        }) : /* @__PURE__ */ jsx22(IdleHistory, {
           activeTab: effectiveTab,
           history: idleHistory,
           onTalk,
@@ -5594,22 +5832,22 @@ function AuthenticatedContent({
           error
         })
       }),
-      !hideControls && /* @__PURE__ */ jsx19("div", {
+      !hideControls && /* @__PURE__ */ jsx22("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
-        children: /* @__PURE__ */ jsxs16("div", {
+        children: /* @__PURE__ */ jsxs17("div", {
           className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-1 skippr:px-4 skippr:pt-1.5 skippr:pb-2 skippr:text-[10px] skippr:text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsxs16("svg", {
+            /* @__PURE__ */ jsxs17("svg", {
               viewBox: "21 21 109 109",
               className: "skippr:size-3",
               fill: "none",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx19("path", {
+                /* @__PURE__ */ jsx22("path", {
                   d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
                   fill: "currentColor"
                 }),
-                /* @__PURE__ */ jsx19("path", {
+                /* @__PURE__ */ jsx22("path", {
                   d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
                   className: "skippr:fill-brand"
                 })
@@ -5623,17 +5861,17 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
     children: [
-      /* @__PURE__ */ jsx19(CircleAlert, {
+      /* @__PURE__ */ jsx22(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx19("p", {
+      /* @__PURE__ */ jsx22("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx19("p", {
+      /* @__PURE__ */ jsx22("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -5642,7 +5880,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx19(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx22(SessionWarningBanner, {
     remaining
   });
 }
@@ -5655,43 +5893,43 @@ function IdleHistory({
   error
 }) {
   if (history2.isLoading) {
-    return /* @__PURE__ */ jsx19("div", {
+    return /* @__PURE__ */ jsx22("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx19(LoadingDots, {
+      children: /* @__PURE__ */ jsx22(LoadingDots, {
         label: "Loading conversation..."
       })
     });
   }
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
     children: [
-      activeTab === "agenda" ? /* @__PURE__ */ jsx19("div", {
+      activeTab === "agenda" ? /* @__PURE__ */ jsx22("div", {
         className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
-        children: /* @__PURE__ */ jsx19(SessionAgenda, {
+        children: /* @__PURE__ */ jsx22(SessionAgenda, {
           phases: history2.phases,
           hasStarted: history2.phases.length > 0
         })
-      }) : /* @__PURE__ */ jsx19(MessageList, {
+      }) : /* @__PURE__ */ jsx22(MessageList, {
         messages: history2.messages,
         isStreaming: false,
         readOnly: true
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs17("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
         children: [
-          /* @__PURE__ */ jsxs16("button", {
+          /* @__PURE__ */ jsxs17("button", {
             type: "button",
             onClick: onTalk,
             disabled: talkDisabled,
             className: "skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-xl skippr:bg-primary skippr:px-4 skippr:py-3 skippr:font-semibold skippr:text-[13px] skippr:text-primary-foreground skippr:transition-colors skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx19(Mic, {
+              /* @__PURE__ */ jsx22(Mic, {
                 className: "skippr:size-4"
               }),
               talkLabel
             ]
           }),
-          error && /* @__PURE__ */ jsx19("p", {
+          error && /* @__PURE__ */ jsx22("p", {
             className: "skippr:mt-2 skippr:text-center skippr:text-xs skippr:text-destructive",
             children: error
           })
@@ -5710,17 +5948,17 @@ function ConnectedBody({
   const { agentControls, isPaused } = useLiveAgent();
   const { isHeld } = useSessionHoldContext();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx19("div", {
+    return /* @__PURE__ */ jsx22("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx19(SessionAgenda, {
+      children: /* @__PURE__ */ jsx22(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx19("div", {
+  return /* @__PURE__ */ jsx22("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx19(MessageList, {
+    children: /* @__PURE__ */ jsx22(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
@@ -5733,12 +5971,12 @@ function ConnectedBody({
 }
 
 // src/components/SidebarTrigger.tsx
-import { useContext as useContext12 } from "react";
+import { useContext as useContext14 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsxs17("svg", {
+  return /* @__PURE__ */ jsxs18("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -5748,20 +5986,20 @@ function Logo({ className }) {
     "aria-label": "Skippr",
     className,
     children: [
-      /* @__PURE__ */ jsx20("rect", {
+      /* @__PURE__ */ jsx23("rect", {
         width: "200",
         height: "200",
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs17("g", {
+      /* @__PURE__ */ jsxs18("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
-          /* @__PURE__ */ jsx20("path", {
+          /* @__PURE__ */ jsx23("path", {
             d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
             fill: "white"
           }),
-          /* @__PURE__ */ jsx20("path", {
+          /* @__PURE__ */ jsx23("path", {
             d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
             className: "skippr:fill-brand"
           })
@@ -5772,7 +6010,7 @@ function Logo({ className }) {
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function SidebarTrigger() {
   const {
     isPanelOpen,
@@ -5785,29 +6023,29 @@ function SidebarTrigger() {
     isStarting,
     isPausing
   } = useLiveAgent();
-  const internalCtx = useContext12(LiveAgentContext);
+  const internalCtx = useContext14(LiveAgentContext);
   const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
   const popsDown = internalCtx?.popsDown ?? false;
   if (isMinimized || isConnected || isStarting || isPausing)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx21("button", {
+  return /* @__PURE__ */ jsx24("button", {
     type: "button",
     onClick: handleClick,
     title: isPanelOpen ? "Close chat" : "Open chat",
     "aria-label": isPanelOpen ? "Close chat" : "Open chat",
     style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
     className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    children: isPanelOpen ? /* @__PURE__ */ jsx21(ChevronDown, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx24(ChevronDown, {
       className: "skippr:size-5"
-    }) : /* @__PURE__ */ jsx21(Logo, {
+    }) : /* @__PURE__ */ jsx24(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function readSavedLauncherBottom() {
   try {
     const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
@@ -5817,7 +6055,7 @@ function readSavedLauncherBottom() {
   }
 }
 function AgentCursorMount({ animated }) {
-  return /* @__PURE__ */ jsx22(AgentCursor, {
+  return /* @__PURE__ */ jsx25(AgentCursor, {
     target: useAgentCursor(),
     animated
   });
@@ -5825,8 +6063,8 @@ function AgentCursorMount({ animated }) {
 function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef18(null);
-  useEffect27(() => {
+  const surfacedPlanIdRef = useRef21(null);
+  useEffect28(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
     surfacedPlanIdRef.current = plan.planId;
@@ -5866,18 +6104,18 @@ function LiveAgent(props) {
   const auth = useAuth({ appKey });
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
-  const [activeModule, setActiveModule] = useState19(null);
-  const minimizeOnSessionStart = useCallback15(() => {
+  const [activeModule, setActiveModule] = useState20(null);
+  const minimizeOnSessionStart = useCallback17(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback15(() => {
+  const expandOnSessionStartError = useCallback17(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback15(() => {
+  const minimizeOnSessionDisconnect = useCallback17(() => {
     setActiveModule(null);
     if (minimizable) {
       setIsMinimized(true);
@@ -5912,30 +6150,30 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef18(false);
+  const teardownInFlightRef = useRef21(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback15(() => {
+  const handleRoomDisconnected = useCallback17(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
   const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
-  const [isPanelOpen, setIsPanelOpen] = useState19(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState19(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState19("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState19([]);
-  const [textMode, setTextMode] = useState19(false);
-  const [panelExpanded, setPanelExpanded] = useState19(false);
-  const togglePanelExpanded = useCallback15(() => setPanelExpanded((prev) => !prev), []);
-  const panelRef = useRef18(null);
-  const controlBarRef = useRef18(null);
-  const [isDragging, setIsDragging] = useState19(false);
-  const setTextModeState = useCallback15((enabled) => {
+  const [isPanelOpen, setIsPanelOpen] = useState20(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState20(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState20("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState20([]);
+  const [textMode, setTextMode] = useState20(false);
+  const [panelExpanded, setPanelExpanded] = useState20(false);
+  const togglePanelExpanded = useCallback17(() => setPanelExpanded((prev) => !prev), []);
+  const panelRef = useRef21(null);
+  const controlBarRef = useRef21(null);
+  const [isDragging, setIsDragging] = useState20(false);
+  const setTextModeState = useCallback17((enabled) => {
     setTextMode(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -5963,7 +6201,7 @@ function LiveAgent(props) {
   const agentMode = operatingModule?.mode ?? null;
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
   const resumableSession = useMemo7(() => getResumableSession(operatingModule), [operatingModule]);
-  const resumeSession = useCallback15(async () => {
+  const resumeSession = useCallback17(async () => {
     if (!resumableSession)
       return;
     await startSession({
@@ -5972,7 +6210,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback15((moduleId, opts) => {
+  const selectModule = useCallback17((moduleId, opts) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -5984,7 +6222,7 @@ function LiveAgent(props) {
       autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession]);
-  const startAdoptionSession = useCallback15((goal) => {
+  const startAdoptionSession = useCallback17((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
@@ -5995,9 +6233,9 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState19(false);
-  const dismissWelcome = useCallback15(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState19(() => {
+  const [welcomeDismissed, setWelcomeDismissed] = useState20(false);
+  const dismissWelcome = useCallback17(() => setWelcomeDismissed(true), []);
+  const [currentPosition, setCurrentPosition] = useState20(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -6005,18 +6243,18 @@ function LiveAgent(props) {
     } catch {}
     return position;
   });
-  const setPositionWithPersist = useCallback15((pos) => {
+  const setPositionWithPersist = useCallback17((pos) => {
     setCurrentPosition(pos);
     try {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
   const savedLauncherBottom = readSavedLauncherBottom();
-  const hasDraggedRef = useRef18(savedLauncherBottom !== null);
-  const verticalAlignRef = useRef18(verticalAlign);
-  const [launcherBottomPx, setLauncherBottomPxState] = useState19(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
-  const [popsDown, setPopsDown] = useState19(() => launcherPopsDown(launcherBottomPx));
-  const setLauncherBottomPx = useCallback15((px) => {
+  const hasDraggedRef = useRef21(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef21(verticalAlign);
+  const [launcherBottomPx, setLauncherBottomPxState] = useState20(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
+  const [popsDown, setPopsDown] = useState20(() => launcherPopsDown(launcherBottomPx));
+  const setLauncherBottomPx = useCallback17((px) => {
     hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
@@ -6024,13 +6262,13 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef18(launcherBottomPx);
+  const launcherBottomPxRef = useRef21(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
-  const commitLauncherDrop = useCallback15(({ side, bottomPx }) => {
+  const commitLauncherDrop = useCallback17(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  useEffect27(() => {
+  useEffect28(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -6040,26 +6278,26 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncToViewport);
     return () => window.removeEventListener("resize", syncToViewport);
   }, []);
-  const openPanel = useCallback15(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback15(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback15(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback15(() => {
+  const openPanel = useCallback17(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback17(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback17(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback17(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback15(() => {
+  const minimizePanel = useCallback17(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const pauseSessionAndMinimize = useCallback15(async () => {
+  const pauseSessionAndMinimize = useCallback17(async () => {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
   const defaultAgentId = hostAgentId ?? defaultSelection.agentId;
-  const startDefaultSession = useCallback15(() => {
+  const startDefaultSession = useCallback17(() => {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
@@ -6222,45 +6460,52 @@ function LiveAgent(props) {
     adoptionGoals,
     startAdoptionSession
   ]);
-  return /* @__PURE__ */ jsx22(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx25(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs18(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs19(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && !textMode && /* @__PURE__ */ jsx22(RoomAudioRenderer, {}),
-        connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx22(AutoStartMedia, {
-          pendingScreenStream
+        connection && !textMode && /* @__PURE__ */ jsx25(RoomAudioRenderer, {}),
+        connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx25(AutoStartMedia, {
+          pendingScreenStream,
+          tapToTalk: agentControls?.tapToTalk === true
         }),
-        connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx22(DomCapture, {}),
-        /* @__PURE__ */ jsxs18(ShadowHost, {
+        connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx25(DomCapture, {
+          tapToTalk: agentControls?.tapToTalk === true
+        }),
+        /* @__PURE__ */ jsxs19(ShadowHost, {
           children: [
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx22(HighlightOverlay, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx22(PageActionHandler, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx22(PlanPanelOpener, {}),
-            connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx22(AgentCursorMount, {
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx25(HighlightOverlay, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx25(PageActionHandler, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx25(PlanPanelOpener, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx25(AgentCursorMount, {
               animated: shouldAnimateCursor
             }),
-            /* @__PURE__ */ jsx22(SessionHoldProvider, {
-              children: /* @__PURE__ */ jsxs18("div", {
-                id: WIDGET_ROOT_ID,
-                children: [
-                  isMinimized && !showControlBar && /* @__PURE__ */ jsx22(MinimizedBubble, {
-                    welcomeMessage,
-                    welcomeDismissed,
-                    onDismissWelcome: dismissWelcome
-                  }),
-                  showControlBar && !hideControls && /* @__PURE__ */ jsx22(SessionControlBar, {}),
-                  /* @__PURE__ */ jsx22(SidebarTrigger, {}),
-                  /* @__PURE__ */ jsx22(Sidebar, {
-                    hideControls,
-                    hideHeader,
-                    startSessionLabel
+            /* @__PURE__ */ jsx25(SessionHoldProvider, {
+              children: /* @__PURE__ */ jsx25(TapToTalkProvider, {
+                children: /* @__PURE__ */ jsx25(TranscriptionsProvider, {
+                  children: /* @__PURE__ */ jsxs19("div", {
+                    id: WIDGET_ROOT_ID,
+                    children: [
+                      isMinimized && !showControlBar && /* @__PURE__ */ jsx25(MinimizedBubble, {
+                        welcomeMessage,
+                        welcomeDismissed,
+                        onDismissWelcome: dismissWelcome
+                      }),
+                      showControlBar && !hideControls && /* @__PURE__ */ jsx25(SessionControlBar, {}),
+                      /* @__PURE__ */ jsx25(SidebarTrigger, {}),
+                      /* @__PURE__ */ jsx25(Sidebar, {
+                        hideControls,
+                        hideHeader,
+                        startSessionLabel
+                      })
+                    ]
                   })
-                ]
+                })
               })
             })
           ]
@@ -6271,9 +6516,9 @@ function LiveAgent(props) {
   });
 }
 // src/hooks/useIsLocalSpeaking.ts
-import { useIsSpeaking, useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
+import { useIsSpeaking, useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
 function useIsLocalSpeaking() {
-  const { localParticipant } = useLocalParticipant10();
+  const { localParticipant } = useLocalParticipant12();
   return useIsSpeaking(localParticipant);
 }
 export {