@skippr/live-agent-sdk 0.78.0 → 0.80.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 useCallback17, useEffect as useEffect28, useMemo as useMemo7, useRef as useRef21, useState as useState20 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo7, useRef as useRef23, useState as useState21 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -68,7 +68,17 @@ 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 MIC_MODE_TURN_TOPIC = "skippr.mic-mode-turn";
+var MIC_MODE = {
+  Live: "live",
+  PushToTalk: "pushToTalk",
+  TapToTalk: "tapToTalk"
+};
+var DEFAULT_MIC_MODE = MIC_MODE.Live;
+function isRequestResponseMicMode(micMode) {
+  return micMode === MIC_MODE.PushToTalk || micMode === MIC_MODE.TapToTalk;
+}
+var PUSH_TO_TALK_KEY = "Backquote";
 var IDLE_AUTO_PAUSE_MS = 3 * 60 * 1000;
 var PLAN_ATTR = "skippr.action-plan";
 var NAME_MAX_CHARS = 80;
@@ -196,81 +206,95 @@ function useSessionHoldContext() {
   return useContext2(SessionHoldContext);
 }
 
-// src/context/TapToTalkContext.tsx
+// src/context/TranscriptionsContext.tsx
+import { useTranscriptions } from "@livekit/components-react/hooks";
 import { createContext as createContext3, useContext as useContext3 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TranscriptionsContext = createContext3([]);
+function TranscriptionsProvider({ children }) {
+  const transcriptions = useTranscriptions();
+  return /* @__PURE__ */ jsx2(TranscriptionsContext.Provider, {
+    value: transcriptions,
+    children
+  });
+}
+function useSharedTranscriptions() {
+  return useContext3(TranscriptionsContext);
+}
+
+// src/context/VoiceTurnContext.tsx
+import { createContext as createContext4, useContext as useContext4 } from "react";
 
-// src/hooks/useTapToTalk.ts
+// src/hooks/useVoiceTurn.ts
 import { useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useRef, useState as useState3 } from "react";
 var textEncoder2 = new TextEncoder;
-function useTapToTalk() {
+function useVoiceTurn() {
   const { localParticipant } = useLocalParticipant2();
   const [isCapturingSpeech, setIsCapturingSpeech] = useState3(false);
+  const capturingRef = useRef(false);
   const publish = useCallback2(async (type) => {
     await localParticipant.publishData(textEncoder2.encode(JSON.stringify({ type })), {
       reliable: true,
-      topic: TAP_TO_TALK_TOPIC
+      topic: MIC_MODE_TURN_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);
+      console.error("Failed to start voice 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);
+      console.error("Failed to commit voice turn:", error);
     }
   }, [localParticipant, publish]);
+  const start = useCallback2(() => {
+    if (capturingRef.current)
+      return;
+    capturingRef.current = true;
+    setIsCapturingSpeech(true);
+    startRecording();
+  }, [startRecording]);
+  const commit = useCallback2(() => {
+    if (!capturingRef.current)
+      return;
+    capturingRef.current = false;
+    setIsCapturingSpeech(false);
+    commitRecording();
+  }, [commitRecording]);
   const toggle = useCallback2(() => {
-    if (isCapturingSpeech) {
-      commitRecording();
-    } else {
-      startRecording();
-    }
-  }, [isCapturingSpeech, startRecording, commitRecording]);
-  return { isCapturingSpeech, toggle };
+    if (capturingRef.current)
+      commit();
+    else
+      start();
+  }, [start, commit]);
+  return { isCapturingSpeech, toggle, start, commit };
 }
 
-// src/context/TapToTalkContext.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var TapToTalkContext = createContext3({
+// src/context/VoiceTurnContext.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var VoiceTurnContext = createContext4({
   isCapturingSpeech: false,
-  toggle: () => {}
+  toggle: () => {},
+  start: () => {},
+  commit: () => {}
 });
-function TapToTalkProvider({ children }) {
-  const tapToTalk = useTapToTalk();
-  return /* @__PURE__ */ jsx2(TapToTalkContext.Provider, {
-    value: tapToTalk,
+function VoiceTurnProvider({ children }) {
+  const voiceTurn = useVoiceTurn();
+  return /* @__PURE__ */ jsx3(VoiceTurnContext.Provider, {
+    value: voiceTurn,
     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);
+function useVoiceTurnContext() {
+  return useContext4(VoiceTurnContext);
 }
 
 // src/hooks/useAdoptionGoals.ts
@@ -561,7 +585,7 @@ function useAuth({ appKey }) {
 }
 
 // src/hooks/useAutoStart.ts
-import { useEffect as useEffect5, useMemo as useMemo2, useRef } from "react";
+import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // src/lib/agentMode.ts
 var AGENT_MODE = {
@@ -641,7 +665,7 @@ function useAutoStart({
   bearerToken,
   selectModule
 }) {
-  const hasAutoStartedRef = useRef(false);
+  const hasAutoStartedRef = useRef2(false);
   const autoStartModule = useMemo2(() => availableModules.find((m) => {
     if (!m.uiPreferences?.autoStart)
       return false;
@@ -790,7 +814,7 @@ function usePlanUpdates() {
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef2, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef3, useState as useState8 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -856,11 +880,11 @@ function useSession({
   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);
+  const tokenRef = useRef3(authToken ? { token: authToken, expiresAt: null } : null);
+  const getUserTokenRef = useRef3(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
-  const failedBearerRef = useRef2(null);
-  const inFlightExchangeRef = useRef2(null);
+  const failedBearerRef = useRef3(null);
+  const inFlightExchangeRef = useRef3(null);
   const canExchange = useCallback7(() => !!appKey && !!getUserTokenRef.current, [appKey]);
   const reExchange = useCallback7(async () => {
     if (inFlightExchangeRef.current)
@@ -955,8 +979,8 @@ function useSession({
       stale = true;
     };
   }, [authToken, canExchange, reExchange]);
-  const isStartingRef = useRef2(false);
-  const pauseOnUnloadRef = useRef2(null);
+  const isStartingRef = useRef3(false);
+  const pauseOnUnloadRef = useRef3(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
   useEffect8(() => {
     const onPageHide = () => {
@@ -1004,8 +1028,9 @@ function useSession({
       enabledControls.highlight = true;
     if (agentControls?.actions === true)
       enabledControls.actions = true;
-    if (agentControls?.tapToTalk === true)
-      enabledControls.tapToTalk = true;
+    const micMode = agentControls?.micMode;
+    if (isRequestResponseMicMode(micMode))
+      enabledControls.micMode = micMode;
     const requestAgentControls = Object.keys(enabledControls).length > 0 ? enabledControls : undefined;
     try {
       let resolvedSessionId = existingSessionId;
@@ -1465,8 +1490,17 @@ var __iconNode20 = [
   ]
 ];
 var Play = createLucideIcon("play", __iconNode20);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/radio.js
 var __iconNode21 = [
+  ["path", { d: "M16.247 7.761a6 6 0 0 1 0 8.478", key: "1fwjs5" }],
+  ["path", { d: "M19.075 4.933a10 10 0 0 1 0 14.134", key: "ehdyv1" }],
+  ["path", { d: "M4.925 19.067a10 10 0 0 1 0-14.134", key: "1q22gi" }],
+  ["path", { d: "M7.753 16.239a6 6 0 0 1 0-8.478", key: "r2q7qm" }],
+  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
+];
+var Radio = createLucideIcon("radio", __iconNode21);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
+var __iconNode22 = [
   [
     "path",
     {
@@ -1476,20 +1510,20 @@ var __iconNode21 = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-var Send = createLucideIcon("send", __iconNode21);
+var Send = createLucideIcon("send", __iconNode22);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/square.js
-var __iconNode22 = [
+var __iconNode23 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-var Square = createLucideIcon("square", __iconNode22);
+var Square = createLucideIcon("square", __iconNode23);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode23 = [
+var __iconNode24 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode23);
+var X = createLucideIcon("x", __iconNode24);
 // src/components/AgentCursor.tsx
-import { useContext as useContext6, useEffect as useEffect10, useLayoutEffect, useRef as useRef3, useState as useState10 } from "react";
+import { useContext as useContext6, useEffect as useEffect10, useLayoutEffect, useRef as useRef4, useState as useState10 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1677,13 +1711,13 @@ function AgentCursor({
   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);
-  const traceRef = useRef3(null);
-  const timersRef = useRef3(new Set);
-  const trackFrameRef = useRef3(null);
-  const glideFrameRef = useRef3(null);
+  const cursorElRef = useRef4(null);
+  const pathRef = useRef4(null);
+  const prevCursorRef = useRef4(null);
+  const traceRef = useRef4(null);
+  const timersRef = useRef4(new Set);
+  const trackFrameRef = useRef4(null);
+  const glideFrameRef = useRef4(null);
   const clearTimers = () => {
     for (const t of timersRef.current)
       clearTimeout(t);
@@ -1924,18 +1958,21 @@ function AgentCursor({
 // src/components/AutoStartMedia.tsx
 import { useConnectionState, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect11, useRef as useRef4 } from "react";
-function AutoStartMedia({ pendingScreenStream, tapToTalk = false }) {
+import { useEffect as useEffect11, useRef as useRef5 } from "react";
+function AutoStartMedia({
+  pendingScreenStream,
+  pushOrTapMicMode = false
+}) {
   const { localParticipant } = useLocalParticipant3();
   const connectionState = useConnectionState();
-  const didStartRef = useRef4(false);
+  const didStartRef = useRef5(false);
   useEffect11(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState.Connected)
       return;
     didStartRef.current = true;
-    if (!tapToTalk) {
+    if (!pushOrTapMicMode) {
       localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
     }
     if (pendingScreenStream) {
@@ -1949,14 +1986,14 @@ function AutoStartMedia({ pendingScreenStream, tapToTalk = false }) {
         });
       }
     }
-  }, [connectionState, localParticipant, pendingScreenStream, tapToTalk]);
+  }, [connectionState, localParticipant, pendingScreenStream, pushOrTapMicMode]);
   return null;
 }
 
 // src/components/DomCapture.tsx
 import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
 import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect12, useRef as useRef5 } from "react";
+import { useEffect as useEffect12, useRef as useRef6 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -2861,10 +2898,10 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
   } catch {}
   videoTrack.stop();
 }
-function DomCapture({ tapToTalk = false }) {
+function DomCapture({ pushOrTapMicMode = false }) {
   const { localParticipant } = useLocalParticipant4();
   const connectionState = useConnectionState2();
-  const didStartRef = useRef5(false);
+  const didStartRef = useRef6(false);
   useEffect12(() => {
     if (didStartRef.current)
       return;
@@ -2886,7 +2923,7 @@ function DomCapture({ tapToTalk = false }) {
     let snapshotInFlight = false;
     let a11yPublishInFlight = false;
     let consecutiveCaptureFailures = 0;
-    if (!tapToTalk) {
+    if (!pushOrTapMicMode) {
       localParticipant.setMicrophoneEnabled(true).catch((error) => console.error("Failed to enable microphone:", error));
     }
     localParticipant.publishTrack(videoTrack, {
@@ -2971,13 +3008,13 @@ function DomCapture({ tapToTalk = false }) {
       for (const track of canvasStream.getTracks())
         track.stop();
     };
-  }, [connectionState, localParticipant, tapToTalk]);
+  }, [connectionState, localParticipant, pushOrTapMicMode]);
   return null;
 }
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef6 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 25000;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -3000,8 +3037,8 @@ function parseHighlightMessage(payload) {
   }
 }
 function HighlightOverlay() {
-  const targetRef = useRef6(null);
-  const autoClearRef = useRef6(null);
+  const targetRef = useRef7(null);
+  const autoClearRef = useRef7(null);
   const clear = useCallback8(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
@@ -3048,19 +3085,19 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext7, useEffect as useEffect15, useRef as useRef8, useState as useState11 } from "react";
+import { useContext as useContext7, useEffect as useEffect15, useRef as useRef9, useState as useState11 } from "react";
 
 // src/hooks/useLauncherDrag.ts
-import { useEffect as useEffect14, useRef as useRef7 } from "react";
+import { useEffect as useEffect14, useRef as useRef8 } from "react";
 import { flushSync } from "react-dom";
 var DRAG_THRESHOLD_PX = 5;
 function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging) {
-  const wasDraggedRef = useRef7(false);
-  const onDropRef = useRef7(onDrop);
+  const wasDraggedRef = useRef8(false);
+  const onDropRef = useRef8(onDrop);
   onDropRef.current = onDrop;
-  const followTargetsRef = useRef7(followRefs);
+  const followTargetsRef = useRef8(followRefs);
   followTargetsRef.current = followRefs;
-  const reportDraggingRef = useRef7(reportDragging);
+  const reportDraggingRef = useRef8(reportDragging);
   reportDraggingRef.current = reportDragging;
   useEffect14(() => {
     const el = containerRef.current;
@@ -3442,8 +3479,8 @@ function MinimizedBubble({
   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);
+  const revealedHrefRef = useRef9(null);
+  const hoverContainerRef = useRef9(null);
   useEffect15(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
   useEffect15(() => {
     const el = hoverContainerRef.current;
@@ -3557,7 +3594,7 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef9 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef10 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
 var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var textDecoder2 = new TextDecoder;
@@ -3774,11 +3811,11 @@ function labelFor(action) {
   }
 }
 function PageActionHandler() {
-  const mountedRef = useRef9(true);
-  const queueRef = useRef9([]);
-  const drainingRef = useRef9(false);
-  const settleTimerRef = useRef9(null);
-  const endStepRef = useRef9(null);
+  const mountedRef = useRef10(true);
+  const queueRef = useRef10([]);
+  const drainingRef = useRef10(false);
+  const settleTimerRef = useRef10(null);
+  const endStepRef = useRef10(null);
   const runStep = useCallback9((action) => {
     return new Promise((resolve) => {
       if (action.type === "scroll_page") {
@@ -3914,7 +3951,7 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useContext as useContext8, useEffect as useEffect20 } from "react";
+import { useCallback as useCallback13, useContext as useContext8, useEffect as useEffect21, useState as useState14 } from "react";
 
 // src/hooks/useActionControl.ts
 import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
@@ -3953,11 +3990,11 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect18, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect18, useRef as useRef11, 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 barRefs = useRef11([]);
   const [isTalking, setIsTalking] = useState13(false);
   useEffect18(() => {
     if (!mediaStreamTrack) {
@@ -4010,15 +4047,15 @@ function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowth
 }
 
 // src/hooks/useIdleAutoPause.ts
-import { useCallback as useCallback11, useEffect as useEffect19, useRef as useRef11 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect19, useRef as useRef12 } from "react";
 function useIdleAutoPause({
   enabled,
   active,
   isHeld,
   pause
 }) {
-  const timerRef = useRef11(null);
-  const pauseRef = useRef11(pause);
+  const timerRef = useRef12(null);
+  const pauseRef = useRef12(pause);
   pauseRef.current = pause;
   const clearTimer = useCallback11(() => {
     if (timerRef.current) {
@@ -4045,15 +4082,79 @@ function useIdleAutoPause({
   return { reportActivity };
 }
 
+// src/hooks/useKeyboardPushToTalk.ts
+import { useEffect as useEffect20, useRef as useRef13 } from "react";
+function isEditableTarget() {
+  const el = document.activeElement;
+  if (!el)
+    return false;
+  const tag = el.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el.isContentEditable;
+}
+function useKeyboardPushToTalk({
+  enabled,
+  onStart,
+  onCommit,
+  onKeyUsed
+}) {
+  const handlers = useRef13({ onStart, onCommit, onKeyUsed });
+  handlers.current = { onStart, onCommit, onKeyUsed };
+  useEffect20(() => {
+    if (!enabled)
+      return;
+    let keyHeld = false;
+    const release = () => {
+      if (!keyHeld)
+        return;
+      keyHeld = false;
+      handlers.current.onCommit();
+    };
+    const onKeyDown = (event) => {
+      if (event.code !== PUSH_TO_TALK_KEY || event.repeat)
+        return;
+      if (isEditableTarget())
+        return;
+      event.preventDefault();
+      if (keyHeld)
+        return;
+      keyHeld = true;
+      handlers.current.onKeyUsed?.();
+      handlers.current.onStart();
+    };
+    const onKeyUp = (event) => {
+      if (event.code !== PUSH_TO_TALK_KEY)
+        return;
+      event.preventDefault();
+      release();
+    };
+    const onWindowBlur = () => release();
+    const onVisibilityChange = () => {
+      if (document.hidden)
+        release();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    window.addEventListener("blur", onWindowBlur);
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => {
+      release();
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+      window.removeEventListener("blur", onWindowBlur);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+    };
+  }, [enabled]);
+}
+
 // src/hooks/useLiveUserTranscript.ts
 import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
-import { useRef as useRef12 } from "react";
+import { useRef as useRef14 } 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 priorStreamIdsRef = useRef14(new Set);
+  const wasActiveRef = useRef14(false);
   const userStreams = transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity);
   if (active && !wasActiveRef.current) {
     priorStreamIdsRef.current = new Set(userStreams.map((s) => s.streamInfo.id));
@@ -4134,13 +4235,93 @@ function PausedCountdown({ secondsRemaining }) {
   });
 }
 
-// src/components/TapToTalkMic.tsx
+// src/components/PushToTalkHint.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function PushToTalkHint() {
+  return /* @__PURE__ */ jsxs6("div", {
+    className: cn("skippr:absolute skippr:top-full skippr:left-2 skippr:mt-2 skippr:flex skippr:w-fit skippr:items-center skippr:gap-1.5 skippr:whitespace-nowrap skippr:rounded-full skippr:bg-[#f4ecd8] skippr:px-2.5 skippr:py-1 skippr:text-[10px] skippr:font-medium skippr:text-black skippr:shadow-[0_4px_14px_rgba(0,0,0,0.12)] skippr:[animation:skippr-agent-in_200ms_ease-out]"),
+    children: [
+      /* @__PURE__ */ jsx8("span", {
+        children: "Hold the"
+      }),
+      /* @__PURE__ */ jsxs6("kbd", {
+        className: "skippr:flex skippr:items-center skippr:gap-0.5 skippr:rounded skippr:border skippr:border-black/25 skippr:bg-white/70 skippr:px-1.5 skippr:py-0.5 skippr:font-mono skippr:text-[11px] skippr:leading-none skippr:text-black",
+        children: [
+          /* @__PURE__ */ jsx8("span", {
+            children: "~"
+          }),
+          /* @__PURE__ */ jsx8("span", {
+            className: "skippr:text-black/40",
+            children: "/"
+          }),
+          /* @__PURE__ */ jsx8("span", {
+            children: "`"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx8("span", {
+        children: "tilde / backquote key to talk"
+      })
+    ]
+  });
+}
+
+// src/components/PushToTalkMic.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function PushToTalkMic({
+  isCapturingSpeech,
+  showLabel,
+  onStart,
+  onCommit
+}) {
+  const { barRefs, isTalking } = useMicLevel(isCapturingSpeech);
+  const label = isCapturingSpeech ? "Release to send" : "Hold to talk";
+  const withLabel = isCapturingSpeech || showLabel;
+  return /* @__PURE__ */ jsxs7("button", {
+    type: "button",
+    onPointerDown: onStart,
+    onPointerUp: onCommit,
+    onPointerLeave: onCommit,
+    onPointerCancel: onCommit,
+    "aria-label": "Hold to talk",
+    "aria-pressed": isCapturingSpeech,
+    title: label,
+    "data-holding": isCapturingSpeech,
+    className: cn("skippr:relative 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 skippr:touch-none skippr:select-none", withLabel ? "skippr:px-3.5" : "skippr:w-[38px]", isCapturingSpeech ? "skippr:scale-[0.94] skippr:shadow-inner skippr:animate-skippr-ptt-transmit skippr:transition-transform skippr:duration-100 skippr:ease-out skippr:motion-reduce:animate-none skippr:motion-reduce:scale-100" : "skippr:shadow-[0_2px_6px_rgba(0,0,0,0.28)] skippr:ring-1 skippr:ring-white/15 skippr:transition-transform skippr:duration-200 skippr:ease-[cubic-bezier(0.34,1.56,0.64,1)] skippr:hover:bg-[#3a384b]"),
+    children: [
+      /* @__PURE__ */ jsx9("span", {
+        className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
+        children: isCapturingSpeech ? /* @__PURE__ */ jsx9(Radio, {
+          className: "skippr:size-5 skippr:text-brand"
+        }) : /* @__PURE__ */ jsx9(Mic, {
+          className: "skippr:size-5"
+        })
+      }),
+      withLabel && /* @__PURE__ */ jsx9("span", {
+        className: "skippr:whitespace-nowrap skippr:text-[13px] skippr:font-medium",
+        children: label
+      }),
+      isCapturingSpeech && isTalking && /* @__PURE__ */ jsx9("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__ */ jsx9("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/TapToTalkMic.tsx
+import { jsx as jsx10, jsxs as jsxs8 } 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", {
+  return /* @__PURE__ */ jsxs8("button", {
     type: "button",
     onClick: onToggle,
     "aria-label": "Tap to talk",
@@ -4148,22 +4329,22 @@ function TapToTalkMic({ isCapturingSpeech, showLabel, onToggle }) {
     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", {
+      /* @__PURE__ */ jsx10("span", {
         className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
-        children: isCapturingSpeech ? /* @__PURE__ */ jsx8(Square, {
+        children: isCapturingSpeech ? /* @__PURE__ */ jsx10(Square, {
           className: "skippr:size-4 skippr:text-brand",
           fill: "currentColor"
-        }) : /* @__PURE__ */ jsx8(Mic, {
+        }) : /* @__PURE__ */ jsx10(Mic, {
           className: "skippr:size-5"
         })
       }),
-      withLabel && /* @__PURE__ */ jsx8("span", {
+      withLabel && /* @__PURE__ */ jsx10("span", {
         className: "skippr:whitespace-nowrap skippr:text-[13px] skippr:font-medium",
         children: label
       }),
-      isCapturingSpeech && isTalking && /* @__PURE__ */ jsx8("span", {
+      isCapturingSpeech && isTalking && /* @__PURE__ */ jsx10("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", {
+        children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx10("span", {
           ref: (el) => {
             barRefs.current[index2] = el;
           },
@@ -4176,7 +4357,7 @@ function TapToTalkMic({ isCapturingSpeech, showLabel, onToggle }) {
 }
 
 // src/components/SessionControlBar.tsx
-import { jsx as jsx9, jsxs as jsxs7, Fragment } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9, Fragment } from "react/jsx-runtime";
 var STANDBY_BAR_WIDTH = 168;
 var READY_BAR_WIDTH = 238;
 var PAUSED_BAR_WIDTH = 248;
@@ -4209,21 +4390,21 @@ function AgentActivity({
     noiseGate: AGENT_NOISE_GATE
   });
   const label = isActing ? "Working" : AGENT_STATE_LABELS[state] ?? "";
-  return /* @__PURE__ */ jsxs7("span", {
+  return /* @__PURE__ */ jsxs9("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__ */ jsx9("span", {
+      /* @__PURE__ */ jsx11("span", {
         className: "skippr:flex skippr:size-5 skippr:shrink-0 skippr:items-center skippr:justify-center",
-        children: isActing ? /* @__PURE__ */ jsx9(MousePointerClick, {
+        children: isActing ? /* @__PURE__ */ jsx11(MousePointerClick, {
           strokeWidth: 2,
           className: "skippr:size-5 skippr:[animation:skippr-finger-tap_1.1s_ease-in-out_infinite]"
-        }) : /* @__PURE__ */ jsxs7(Fragment, {
+        }) : /* @__PURE__ */ jsxs9(Fragment, {
           children: [
-            state === "speaking" && /* @__PURE__ */ jsx9("span", {
+            state === "speaking" && /* @__PURE__ */ jsx11("span", {
               className: "skippr:flex skippr:h-5 skippr:items-center skippr:gap-[2px]",
-              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx9("span", {
+              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx11("span", {
                 ref: (el) => {
                   barRefs.current[index2] = el;
                 },
@@ -4231,21 +4412,21 @@ function AgentActivity({
                 style: { height: AGENT_BAR_IDLE_HEIGHT_PX }
               }, index2))
             }),
-            state === "thinking" && /* @__PURE__ */ jsxs7("span", {
+            state === "thinking" && /* @__PURE__ */ jsxs9("span", {
               className: "skippr:flex skippr:items-center skippr:gap-[3px]",
               children: [
-                /* @__PURE__ */ jsx9("span", {
+                /* @__PURE__ */ jsx11("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:0ms]"
                 }),
-                /* @__PURE__ */ jsx9("span", {
+                /* @__PURE__ */ jsx11("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:150ms]"
                 }),
-                /* @__PURE__ */ jsx9("span", {
+                /* @__PURE__ */ jsx11("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:300ms]"
                 })
               ]
             }),
-            state === "listening" && /* @__PURE__ */ jsxs7("svg", {
+            state === "listening" && /* @__PURE__ */ jsxs9("svg", {
               viewBox: "0 0 24 24",
               className: "skippr:size-5",
               fill: "none",
@@ -4255,10 +4436,10 @@ function AgentActivity({
               strokeLinejoin: "round",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx9("path", {
+                /* @__PURE__ */ jsx11("path", {
                   d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
                 }),
-                /* @__PURE__ */ jsx9("circle", {
+                /* @__PURE__ */ jsx11("circle", {
                   cx: "12",
                   cy: "12",
                   r: "2.5",
@@ -4271,7 +4452,7 @@ function AgentActivity({
           ]
         })
       }),
-      /* @__PURE__ */ jsx9("span", {
+      /* @__PURE__ */ jsx11("span", {
         className: "skippr:text-[11px] skippr:font-medium skippr:capitalize",
         children: label
       })
@@ -4312,12 +4493,14 @@ function SessionControlBar() {
   const { state, mediaStreamTrack: agentMediaStreamTrack } = useAgentVoiceState();
   const { actionsActive, actionsPaused: actionsPaused2, togglePaused } = useActionControl();
   const { isHeld, countdown, toggle: togglePause } = useSessionHoldContext();
-  const tapToTalk = agentControls?.tapToTalk === true;
+  const micMode = agentControls?.micMode;
+  const pushOrTapMicMode = isRequestResponseMicMode(micMode);
+  const isPushToTalk = micMode === MIC_MODE.PushToTalk;
   const agentActive = state === "speaking" || state === "thinking";
-  const { isCapturingSpeech, toggle: toggleTapToTalk } = useTapToTalkContext();
+  const { isCapturingSpeech, toggle: toggleTapToTalk, start, commit } = useVoiceTurnContext();
   const liveUserTranscript = useLiveUserTranscript(isCapturingSpeech);
   const { reportActivity } = useIdleAutoPause({
-    enabled: tapToTalk,
+    enabled: pushOrTapMicMode,
     active: agentActive || isCapturingSpeech,
     isHeld,
     pause: () => {
@@ -4325,15 +4508,34 @@ function SessionControlBar() {
         togglePause();
     }
   });
-  useEffect20(() => {
+  const [pushToTalkHintSeen, setPushToTalkHintSeen] = useState14(false);
+  const startPushToTalk = useCallback13(() => {
+    start();
+    reportActivity();
+  }, [start, reportActivity]);
+  const commitPushToTalk = useCallback13(() => {
+    commit();
+    reportActivity();
+  }, [commit, reportActivity]);
+  const dismissPushToTalkHint = useCallback13(() => {
+    setPushToTalkHintSeen(true);
+  }, []);
+  useKeyboardPushToTalk({
+    enabled: isPushToTalk,
+    onStart: startPushToTalk,
+    onCommit: commitPushToTalk,
+    onKeyUsed: dismissPushToTalkHint
+  });
+  useEffect21(() => {
     if (isHeld)
       minimizePanel();
   }, [isHeld, minimizePanel]);
   const isReady = state === "listening" || state === "thinking" || state === "speaking";
   const { barRefs, isTalking } = useMicLevel(isReady && !isMuted && !textMode && !isHeld);
+  const showPushToTalkHint = isPushToTalk && isReady && !isHeld && !isCapturingSpeech && !isPanelOpen && !pushToTalkHintSeen;
   const showScreenShareToggle = captureMode === CAPTURE_MODE.Screenshare;
   const showActionControl = captureMode === CAPTURE_MODE.Auto && actionsActive;
-  const tapToTalkAgentBusy = agentActive || showActionControl && !actionsPaused2;
+  const voiceTurnAgentBusy = agentActive || showActionControl && !actionsPaused2;
   const screenShareExtra = showScreenShareToggle ? SCREEN_SHARE_EXTRA_WIDTH : 0;
   const actionControlExtra = showActionControl ? ACTION_CONTROL_EXTRA_WIDTH : 0;
   let barWidth = STANDBY_BAR_WIDTH;
@@ -4360,93 +4562,98 @@ function SessionControlBar() {
       return;
     action();
   };
-  const panelToggleButton = /* @__PURE__ */ jsx9("button", {
+  const panelToggleButton = /* @__PURE__ */ jsx11("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__ */ jsx9(MessageSquare, {
+    children: /* @__PURE__ */ jsx11(MessageSquare, {
       className: "skippr:size-5"
     })
   });
-  return /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsxs9("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: [
-      isCapturingSpeech && !isPanelOpen && /* @__PURE__ */ jsx9("div", {
+      isCapturingSpeech && !isPanelOpen && /* @__PURE__ */ jsx11("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", {
+        children: liveUserTranscript ? liveUserTranscript : /* @__PURE__ */ jsx11("span", {
           className: "skippr:text-white/60",
           children: "Listening…"
         })
       }),
-      /* @__PURE__ */ jsxs7("div", {
-        style: { width: isReady && tapToTalk ? "auto" : barWidth },
+      /* @__PURE__ */ jsxs9("div", {
+        style: { width: isReady && pushOrTapMicMode ? "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__ */ jsxs7("span", {
+          !isReady && /* @__PURE__ */ jsxs9("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__ */ jsxs7("span", {
+              /* @__PURE__ */ jsxs9("span", {
                 className: "skippr:flex skippr:items-center skippr:gap-[3px]",
                 children: [
-                  /* @__PURE__ */ jsx9("span", {
+                  /* @__PURE__ */ jsx11("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:0ms]"
                   }),
-                  /* @__PURE__ */ jsx9("span", {
+                  /* @__PURE__ */ jsx11("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:150ms]"
                   }),
-                  /* @__PURE__ */ jsx9("span", {
+                  /* @__PURE__ */ jsx11("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:300ms]"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx9("span", {
+              /* @__PURE__ */ jsx11("span", {
                 children: "Standing by…"
               })
             ]
           }),
-          isReady && /* @__PURE__ */ jsxs7("div", {
+          isReady && /* @__PURE__ */ jsxs9("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__ */ jsx9("button", {
+              /* @__PURE__ */ jsx11("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__ */ jsx9(Play, {
+                children: isHeld ? /* @__PURE__ */ jsx11(Play, {
                   className: "skippr:size-5",
                   fill: "currentColor"
-                }) : /* @__PURE__ */ jsx9(Pause, {
+                }) : /* @__PURE__ */ jsx11(Pause, {
                   className: "skippr:size-5",
                   fill: "currentColor"
                 })
               }),
-              isHeld ? /* @__PURE__ */ jsxs7(Fragment, {
+              isHeld ? /* @__PURE__ */ jsxs9(Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx9(PausedCountdown, {
+                  /* @__PURE__ */ jsx11(PausedCountdown, {
                     secondsRemaining: countdown
                   }),
                   panelToggleButton
                 ]
-              }) : /* @__PURE__ */ jsxs7(Fragment, {
+              }) : /* @__PURE__ */ jsxs9(Fragment, {
                 children: [
-                  !textMode && tapToTalk && /* @__PURE__ */ jsxs7("div", {
+                  !textMode && pushOrTapMicMode && /* @__PURE__ */ jsxs9("div", {
                     className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:gap-2",
                     children: [
-                      /* @__PURE__ */ jsx9(TapToTalkMic, {
+                      micMode === MIC_MODE.PushToTalk ? /* @__PURE__ */ jsx11(PushToTalkMic, {
+                        isCapturingSpeech,
+                        showLabel: !voiceTurnAgentBusy,
+                        onStart: startPushToTalk,
+                        onCommit: commitPushToTalk
+                      }) : /* @__PURE__ */ jsx11(TapToTalkMic, {
                         isCapturingSpeech,
-                        showLabel: !tapToTalkAgentBusy,
+                        showLabel: !voiceTurnAgentBusy,
                         onToggle: () => {
                           toggleTapToTalk();
                           reportActivity();
                         }
                       }),
-                      tapToTalkAgentBusy && /* @__PURE__ */ jsx9("span", {
+                      voiceTurnAgentBusy && /* @__PURE__ */ jsx11("span", {
                         className: "skippr:flex skippr:items-center skippr:[animation:skippr-agent-in_200ms_ease-out_240ms_both]",
-                        children: /* @__PURE__ */ jsx9(AgentActivity, {
+                        children: /* @__PURE__ */ jsx11(AgentActivity, {
                           state,
                           isActing: showActionControl && !actionsPaused2,
                           mediaStreamTrack: agentMediaStreamTrack
@@ -4454,37 +4661,37 @@ function SessionControlBar() {
                       })
                     ]
                   }),
-                  !textMode && !tapToTalk && /* @__PURE__ */ jsxs7("div", {
+                  !textMode && !pushOrTapMicMode && /* @__PURE__ */ jsxs9("div", {
                     className: "skippr:relative skippr:h-[38px]",
                     style: { width: MIC_REGION_WIDTH },
                     children: [
-                      !isTalking && /* @__PURE__ */ jsx9("span", {
+                      !isTalking && /* @__PURE__ */ jsx11("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__ */ jsx9(AgentActivity, {
+                        children: /* @__PURE__ */ jsx11(AgentActivity, {
                           state,
                           isActing: showActionControl && !actionsPaused2,
                           mediaStreamTrack: agentMediaStreamTrack
                         })
                       }),
-                      /* @__PURE__ */ jsxs7("button", {
+                      /* @__PURE__ */ jsxs9("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__ */ jsx9("span", {
+                          /* @__PURE__ */ jsx11("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__ */ jsx9(MicOff, {
+                            children: isMuted ? /* @__PURE__ */ jsx11(MicOff, {
                               className: "skippr:size-5"
-                            }) : /* @__PURE__ */ jsx9(Mic, {
+                            }) : /* @__PURE__ */ jsx11(Mic, {
                               className: "skippr:size-5"
                             })
                           }),
-                          /* @__PURE__ */ jsx9("span", {
+                          /* @__PURE__ */ jsx11("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__ */ jsx9("span", {
+                            children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx11("span", {
                               ref: (el) => {
                                 barRefs.current[index2] = el;
                               },
@@ -4496,28 +4703,28 @@ function SessionControlBar() {
                       })
                     ]
                   }),
-                  showScreenShareToggle && /* @__PURE__ */ jsx9("button", {
+                  showScreenShareToggle && /* @__PURE__ */ jsx11("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__ */ jsx9(MonitorOff, {
+                    children: isScreenSharing ? /* @__PURE__ */ jsx11(MonitorOff, {
                       className: "skippr:size-5"
-                    }) : /* @__PURE__ */ jsx9(Monitor, {
+                    }) : /* @__PURE__ */ jsx11(Monitor, {
                       className: "skippr:size-5"
                     })
                   }),
                   panelToggleButton,
-                  showActionControl && /* @__PURE__ */ jsx9("button", {
+                  showActionControl && /* @__PURE__ */ jsx11("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__ */ jsx9(Play, {
+                    children: actionsPaused2 ? /* @__PURE__ */ jsx11(Play, {
                       className: "skippr:size-5",
                       fill: "currentColor"
-                    }) : /* @__PURE__ */ jsx9(Square, {
+                    }) : /* @__PURE__ */ jsx11(Square, {
                       className: "skippr:size-5",
                       fill: "currentColor"
                     })
@@ -4528,27 +4735,28 @@ function SessionControlBar() {
           }, textMode ? "ready-text" : "ready")
         ]
       }),
-      isReady && !isDragging && /* @__PURE__ */ jsx9("button", {
+      showPushToTalkHint && /* @__PURE__ */ jsx11(PushToTalkHint, {}),
+      isReady && !isDragging && /* @__PURE__ */ jsx11("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__ */ jsxs7("span", {
+        children: /* @__PURE__ */ jsxs9("span", {
           className: "skippr:relative skippr:flex skippr:size-5 skippr:items-center skippr:justify-center",
           children: [
-            /* @__PURE__ */ jsx9(X, {
+            /* @__PURE__ */ jsx11(X, {
               className: cn("skippr:size-4 skippr:transition-opacity skippr:duration-200", isPausing && "skippr:opacity-40"),
               strokeWidth: 2.5
             }),
-            isPausing && /* @__PURE__ */ jsxs7("svg", {
+            isPausing && /* @__PURE__ */ jsxs9("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__ */ jsx9("circle", {
+                /* @__PURE__ */ jsx11("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4556,7 +4764,7 @@ function SessionControlBar() {
                   strokeOpacity: "0.2",
                   strokeWidth: "1.5"
                 }),
-                /* @__PURE__ */ jsx9("circle", {
+                /* @__PURE__ */ jsx11("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4575,9 +4783,9 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef13, useState as useState14 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef15, useState as useState15 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx10, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx12, Fragment as Fragment2 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
 var PROPERTY_RULE = /@property\s+[^{]+\{[^}]*\}/g;
 function hoistTailwindProperties(css) {
@@ -4592,10 +4800,10 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef13(null);
-  const [shadowRoot, setShadowRoot] = useState14(null);
+  const hostRef = useRef15(null);
+  const [shadowRoot, setShadowRoot] = useState15(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-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}}`;
+@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-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-8{width:calc(var(--skippr-spacing)*8)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-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\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:#2bc0ae}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-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_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-white\\/30{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-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\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 #2bc0ae8c}70%{box-shadow:0 0 0 11px #2bc0ae00}to{box-shadow:0 0 #2bc0ae00}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 #2bc0ae99,0 0 #2bc0ae59}70%{box-shadow:0 0 0 9px #2bc0ae00,0 0 0 16px #2bc0ae00}to{box-shadow:0 0 #2bc0ae00,0 0 #2bc0ae00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   useLayoutEffect2(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -4610,17 +4818,17 @@ function ShadowHost({ children }) {
     setShadowRoot(root);
   }, [css]);
   if (!css)
-    return /* @__PURE__ */ jsx10(Fragment2, {
+    return /* @__PURE__ */ jsx12(Fragment2, {
       children
     });
-  return /* @__PURE__ */ jsx10("div", {
+  return /* @__PURE__ */ jsx12("div", {
     ref: hostRef,
     children: shadowRoot && createPortal(children, shadowRoot)
   });
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext13, useEffect as useEffect27 } from "react";
+import { useContext as useContext13, useEffect as useEffect28 } from "react";
 
 // src/hooks/useCombinedMessages.ts
 import { useContext as useContext9, useMemo as useMemo6 } from "react";
@@ -4655,14 +4863,14 @@ function useChatMessages() {
 
 // src/hooks/useStreamingTranscript.ts
 import { useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
-import { useMemo as useMemo5, useRef as useRef14 } from "react";
+import { useMemo as useMemo5, useRef as useRef16 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useSharedTranscriptions();
   const { localParticipant } = useLocalParticipant10();
-  const { isCapturingSpeech } = useTapToTalkContext();
+  const { isCapturingSpeech } = useVoiceTurnContext();
   const localIdentity = localParticipant.identity;
-  const priorUserStreamIdsRef = useRef14(new Set);
-  const wasCapturingSpeechRef = useRef14(false);
+  const priorUserStreamIdsRef = useRef16(new Set);
+  const wasCapturingSpeechRef = useRef16(false);
   if (isCapturingSpeech && !wasCapturingSpeechRef.current) {
     priorUserStreamIdsRef.current = new Set(transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity).map((stream) => stream.streamInfo.id));
   }
@@ -4723,7 +4931,7 @@ function useCombinedMessages() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback13, useContext as useContext10, useEffect as useEffect21 } from "react";
+import { useCallback as useCallback14, useContext as useContext10, useEffect as useEffect22 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -4734,10 +4942,10 @@ function parsePhases(json) {
   return null;
 }
 function usePhaseUpdates() {
-  const parse = useCallback13(parsePhases, []);
+  const parse = useCallback14(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
   const ctx = useContext10(LiveAgentContext);
-  useEffect21(() => {
+  useEffect22(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -4746,7 +4954,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect22, useRef as useRef15, useState as useState15 } from "react";
+import { useEffect as useEffect23, useRef as useRef17, useState as useState16 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -4762,9 +4970,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef15(null);
-  const [remaining, setRemaining] = useState15(null);
-  useEffect22(() => {
+  const endTimeRef = useRef17(null);
+  const [remaining, setRemaining] = useState16(null);
+  useEffect23(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -4781,13 +4989,13 @@ function useSessionRemaining() {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext12, useRef as useRef17 } from "react";
+import { useContext as useContext12, useRef as useRef19 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect23, useState as useState16 } from "react";
+import { useEffect as useEffect24, useState as useState17 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState16(0);
-  useEffect23(() => {
+  const [elapsed, setElapsed] = useState17(0);
+  useEffect24(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -4804,7 +5012,7 @@ function useElapsedSeconds(isRunning) {
 
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant11 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback14, useContext as useContext11, useRef as useRef16 } from "react";
+import { useCallback as useCallback15, useContext as useContext11, useRef as useRef18 } from "react";
 var textEncoder6 = new TextEncoder;
 function useTextMode() {
   const ctx = useContext11(LiveAgentContext);
@@ -4813,8 +5021,8 @@ function useTextMode() {
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
   const { localParticipant } = useLocalParticipant11();
-  const confirmedTextModeRef = useRef16(false);
-  const toggleTextMode = useCallback14(async () => {
+  const confirmedTextModeRef = useRef18(false);
+  const toggleTextMode = useCallback15(async () => {
     const next = !textMode;
     setTextModeState(next);
     if (next && sidebarTab === "agenda") {
@@ -4836,7 +5044,7 @@ function useTextMode() {
 }
 
 // src/components/ChatHeader.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function ChatHeader() {
   const ctx = useContext12(LiveAgentContext);
   if (!ctx) {
@@ -4854,37 +5062,37 @@ function ChatHeader() {
     setIsDragging
   } = ctx;
   const elapsed = useElapsedSeconds(isConnected);
-  const headerRef = useRef17(null);
+  const headerRef = useRef19(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
-  return /* @__PURE__ */ jsxs8("header", {
+  return /* @__PURE__ */ jsxs10("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__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "skippr:flex skippr:items-center skippr:gap-3",
         children: [
-          isConnected && /* @__PURE__ */ jsx11(HeaderModeToggle, {}),
-          isConnected && /* @__PURE__ */ jsxs8("div", {
+          isConnected && /* @__PURE__ */ jsx13(HeaderModeToggle, {}),
+          isConnected && /* @__PURE__ */ jsxs10("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__ */ jsxs8("span", {
+              /* @__PURE__ */ jsxs10("span", {
                 className: "skippr:relative skippr:flex skippr:size-1.5",
                 children: [
-                  /* @__PURE__ */ jsx11("span", {
+                  /* @__PURE__ */ jsx13("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__ */ jsx11("span", {
+                  /* @__PURE__ */ jsx13("span", {
                     className: "skippr:relative skippr:inline-flex skippr:size-1.5 skippr:rounded-full skippr:bg-red-400"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx11("span", {
+              /* @__PURE__ */ jsx13("span", {
                 className: "skippr:text-[10px] skippr:font-medium skippr:text-primary-foreground",
                 children: "REC"
               }),
-              /* @__PURE__ */ jsx11("span", {
+              /* @__PURE__ */ jsx13("span", {
                 className: "skippr:text-[10px] skippr:font-mono skippr:text-primary-foreground",
                 children: formatTime(elapsed)
               })
@@ -4892,7 +5100,7 @@ function ChatHeader() {
           })
         ]
       }),
-      minimizable && /* @__PURE__ */ jsx11("button", {
+      minimizable && /* @__PURE__ */ jsx13("button", {
         type: "button",
         onClick: () => {
           if (!wasDraggedRef.current)
@@ -4901,7 +5109,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__ */ jsx11(X, {
+        children: /* @__PURE__ */ jsx13(X, {
           className: "skippr:h-4 skippr:w-4"
         })
       })
@@ -4911,12 +5119,12 @@ function ChatHeader() {
 function HeaderModeToggle() {
   const { textMode, toggleTextMode } = useTextMode();
   const { isHeld } = useSessionHoldContext();
-  return /* @__PURE__ */ jsxs8("fieldset", {
+  return /* @__PURE__ */ jsxs10("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__ */ jsx11("button", {
+      /* @__PURE__ */ jsx13("button", {
         type: "button",
         "aria-pressed": !textMode,
         disabled: isHeld,
@@ -4927,7 +5135,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__ */ jsx11("button", {
+      /* @__PURE__ */ jsx13("button", {
         type: "button",
         "aria-pressed": textMode,
         disabled: isHeld,
@@ -4943,26 +5151,26 @@ function HeaderModeToggle() {
 }
 
 // src/components/LoadingDots.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function LoadingDots({ label }) {
-  return /* @__PURE__ */ jsxs9("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     className: "skippr:flex skippr:items-center skippr:gap-2 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "skippr:flex skippr:gap-1",
         children: [
-          /* @__PURE__ */ jsx12("span", {
+          /* @__PURE__ */ jsx14("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:0ms]"
           }),
-          /* @__PURE__ */ jsx12("span", {
+          /* @__PURE__ */ jsx14("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:150ms]"
           }),
-          /* @__PURE__ */ jsx12("span", {
+          /* @__PURE__ */ jsx14("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:300ms]"
           })
         ]
       }),
-      /* @__PURE__ */ jsx12("p", {
+      /* @__PURE__ */ jsx14("p", {
         className: "skippr:text-xs skippr:text-muted-foreground",
         children: label
       })
@@ -4971,11 +5179,11 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback15, useEffect as useEffect24, useRef as useRef18, useState as useState17 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect25, useRef as useRef20, useState as useState18 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } 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",
@@ -4994,7 +5202,7 @@ var sizeClasses = {
   "icon-lg": "skippr:size-10"
 };
 var Button = forwardRef3(({ className, variant = "default", size = "default", ...props }, ref) => {
-  return /* @__PURE__ */ jsx13("button", {
+  return /* @__PURE__ */ jsx15("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
@@ -5003,28 +5211,28 @@ var Button = forwardRef3(({ className, variant = "default", size = "default", ..
 Button.displayName = "Button";
 
 // src/components/LoginFlow.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } 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] = useState17("email");
-  const [email, setEmail] = useState17("");
-  const handleRequestOtp = useCallback15(async (emailValue) => {
+  const [step, setStep] = useState18("email");
+  const [email, setEmail] = useState18("");
+  const handleRequestOtp = useCallback16(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback15(async (code) => {
+  const handleVerifyOtp = useCallback16(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback15(() => {
+  const handleBack = useCallback16(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback15(async () => {
+  const handleResend = useCallback16(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
-    return /* @__PURE__ */ jsx14(OtpStep, {
+    return /* @__PURE__ */ jsx16(OtpStep, {
       email,
       onSubmit: handleVerifyOtp,
       onResend: handleResend,
@@ -5033,7 +5241,7 @@ function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
       isSubmitting
     });
   }
-  return /* @__PURE__ */ jsx14(EmailStep, {
+  return /* @__PURE__ */ jsx16(EmailStep, {
     email,
     onEmailChange: setEmail,
     onSubmit: handleRequestOtp,
@@ -5047,30 +5255,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
     if (email.trim())
       onSubmit(email.trim());
   }
-  return /* @__PURE__ */ jsxs10("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx14(Mail, {
+          /* @__PURE__ */ jsx16(Mail, {
             className: "skippr:mx-auto skippr:mb-2 skippr:size-6 skippr:text-primary"
           }),
-          /* @__PURE__ */ jsx14("p", {
+          /* @__PURE__ */ jsx16("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Sign in to continue"
           }),
-          /* @__PURE__ */ jsx14("p", {
+          /* @__PURE__ */ jsx16("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: "Your email will be used to identify you across sessions"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("form", {
+      /* @__PURE__ */ jsxs12("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx14("input", {
+          /* @__PURE__ */ jsx16("input", {
             type: "email",
             placeholder: "you@example.com",
             value: email,
@@ -5079,15 +5287,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__ */ jsx14(Button, {
+          /* @__PURE__ */ jsx16(Button, {
             type: "submit",
             disabled: isSubmitting || !email.trim(),
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx14(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx16(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Continue"
           }),
-          error && /* @__PURE__ */ jsx14("p", {
+          error && /* @__PURE__ */ jsx16("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           })
@@ -5097,30 +5305,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState17(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState17(0);
-  const inputRefs = useRef18([]);
-  const submittedRef = useRef18(false);
-  useEffect24(() => {
+  const [digits, setDigits] = useState18(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState18(0);
+  const inputRefs = useRef20([]);
+  const submittedRef = useRef20(false);
+  useEffect25(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback15((code) => {
+  const submitCode = useCallback16((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback15((index2, value) => {
+  const handleDigitChange = useCallback16((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -5134,12 +5342,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback15((index2, e) => {
+  const handleKeyDown = useCallback16((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback15((e) => {
+  const handlePaste = useCallback16((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -5167,22 +5375,22 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
     submittedRef.current = false;
     inputRefs.current[0]?.focus();
   }
-  return /* @__PURE__ */ jsxs10("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx14("p", {
+          /* @__PURE__ */ jsx16("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Enter verification code"
           }),
-          /* @__PURE__ */ jsxs10("p", {
+          /* @__PURE__ */ jsxs12("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: [
               "We sent a 6-digit code to",
               " ",
-              /* @__PURE__ */ jsx14("span", {
+              /* @__PURE__ */ jsx16("span", {
                 className: "skippr:font-medium skippr:text-foreground",
                 children: email
               })
@@ -5190,13 +5398,13 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("form", {
+      /* @__PURE__ */ jsxs12("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx14("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: "skippr:flex skippr:justify-center skippr:gap-1.5",
-            children: digits.map((digit, index2) => /* @__PURE__ */ jsx14("input", {
+            children: digits.map((digit, index2) => /* @__PURE__ */ jsx16("input", {
               ref: (el) => {
                 inputRefs.current[index2] = el;
               },
@@ -5211,29 +5419,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__ */ jsx14("p", {
+          error && /* @__PURE__ */ jsx16("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           }),
-          /* @__PURE__ */ jsx14(Button, {
+          /* @__PURE__ */ jsx16(Button, {
             type: "submit",
             disabled: isSubmitting || digits.join("").length !== OTP_LENGTH,
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx14(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx16(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Verify"
           }),
-          /* @__PURE__ */ jsxs10("div", {
+          /* @__PURE__ */ jsxs12("div", {
             className: "skippr:flex skippr:items-center skippr:justify-between skippr:text-xs",
             children: [
-              /* @__PURE__ */ jsx14("button", {
+              /* @__PURE__ */ jsx16("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__ */ jsx14("button", {
+              /* @__PURE__ */ jsx16("button", {
                 type: "button",
                 onClick: handleResend,
                 disabled: isSubmitting || resendCooldown > 0,
@@ -5249,17 +5457,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect3, useRef as useRef20, useState as useState19 } from "react";
+import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect3, useRef as useRef22, useState as useState20 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect25, useRef as useRef19, useState as useState18 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect26, useRef as useRef21, useState as useState19 } from "react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState18("");
-  const textareaRef = useRef19(null);
+  const [inputText, setInputText] = useState19("");
+  const textareaRef = useRef21(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect25(() => {
+  useEffect26(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -5290,13 +5498,13 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx15("form", {
+  return /* @__PURE__ */ jsx17("form", {
     onSubmit: handleSubmit,
     className: "skippr:border-t skippr:border-border skippr:p-3",
-    children: /* @__PURE__ */ jsxs11("div", {
+    children: /* @__PURE__ */ jsxs13("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__ */ jsx15("textarea", {
+        /* @__PURE__ */ jsx17("textarea", {
           ref: textareaRef,
           rows: 1,
           value: inputText,
@@ -5306,12 +5514,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__ */ jsx15("button", {
+        /* @__PURE__ */ jsx17("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__ */ jsx15(Send, {
+          children: /* @__PURE__ */ jsx17(Send, {
             className: "skippr:size-3.5"
           })
         })
@@ -5321,7 +5529,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -5331,16 +5539,16 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx18("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
-    children: /* @__PURE__ */ jsxs12("div", {
+    children: /* @__PURE__ */ jsxs14("div", {
       className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
       children: [
-        /* @__PURE__ */ jsx16("div", {
+        /* @__PURE__ */ jsx18("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__ */ jsx16("span", {
+        message.timestamp && /* @__PURE__ */ jsx18("span", {
           className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
           children: formatTimestamp(message.timestamp)
         })
@@ -5350,70 +5558,70 @@ function ChatMessage({ message }) {
 }
 
 // src/components/PlanCard.tsx
-import { useEffect as useEffect26 } from "react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect27 } from "react";
+import { jsx as jsx19, jsxs as jsxs15 } 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__ */ jsx17(CircleCheck, {
+    return /* @__PURE__ */ jsx19(CircleCheck, {
       className: "skippr:size-4 skippr:text-chart-3"
     });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx17(CircleX, {
+    return /* @__PURE__ */ jsx19(CircleX, {
       className: "skippr:size-4 skippr:text-destructive"
     });
   }
   if (status === "active") {
-    return /* @__PURE__ */ jsx17(Circle, {
+    return /* @__PURE__ */ jsx19(Circle, {
       className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
     });
   }
-  return /* @__PURE__ */ jsx17(Circle, {
+  return /* @__PURE__ */ jsx19(Circle, {
     className: "skippr:size-4 skippr:text-muted-foreground/30"
   });
 }
 function PlanCard({ plan, sendChatMessage, onDismiss }) {
   const awaitingApproval = plan.state === "proposed";
-  useEffect26(() => {
+  useEffect27(() => {
     if (plan.state !== "completed")
       return;
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs13("div", {
+  return /* @__PURE__ */ jsxs15("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsx17("p", {
+      /* @__PURE__ */ jsx19("p", {
         className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
         children: "Plan"
       }),
-      /* @__PURE__ */ jsx17("div", {
+      /* @__PURE__ */ jsx19("div", {
         className: "skippr:space-y-2",
-        children: plan.steps.map((step) => /* @__PURE__ */ jsxs13("div", {
+        children: plan.steps.map((step) => /* @__PURE__ */ jsxs15("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
-            /* @__PURE__ */ jsx17(StepIcon, {
+            /* @__PURE__ */ jsx19(StepIcon, {
               status: step.status
             }),
-            /* @__PURE__ */ jsx17("p", {
+            /* @__PURE__ */ jsx19("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__ */ jsxs13("div", {
+      awaitingApproval && /* @__PURE__ */ jsxs15("div", {
         className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsx17(Button, {
+          /* @__PURE__ */ jsx19(Button, {
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(APPROVE_MESSAGE),
             children: "Approve"
           }),
-          /* @__PURE__ */ jsx17(Button, {
+          /* @__PURE__ */ jsx19(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(CANCEL_MESSAGE),
@@ -5426,26 +5634,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx20("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsxs14("div", {
+    children: /* @__PURE__ */ jsxs16("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__ */ jsx18("span", {
+        /* @__PURE__ */ jsx20("span", {
           children: "Agent is analyzing your screen"
         }),
-        /* @__PURE__ */ jsxs14("span", {
+        /* @__PURE__ */ jsxs16("span", {
           className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
           children: [
-            /* @__PURE__ */ jsx18("span", {
+            /* @__PURE__ */ jsx20("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
             }),
-            /* @__PURE__ */ jsx18("span", {
+            /* @__PURE__ */ jsx20("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
             }),
-            /* @__PURE__ */ jsx18("span", {
+            /* @__PURE__ */ jsx20("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
             })
           ]
@@ -5456,7 +5664,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
 function isPlanVisible(plan) {
   return !!plan && plan.steps.length > 0 && plan.state !== "abandoned";
@@ -5470,17 +5678,17 @@ function MessageList({
   autoFocus = false,
   readOnly = false
 }) {
-  const containerRef = useRef20(null);
-  const isPinnedToBottom = useRef20(true);
-  const lastSeenMessageId = useRef20(undefined);
-  const [showJumpToLatest, setShowJumpToLatest] = useState19(false);
+  const containerRef = useRef22(null);
+  const isPinnedToBottom = useRef22(true);
+  const lastSeenMessageId = useRef22(undefined);
+  const [showJumpToLatest, setShowJumpToLatest] = useState20(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  const [dismissedPlanId, setDismissedPlanId] = useState19(null);
-  const dismissPlan = useCallback16(() => {
+  const [dismissedPlanId, setDismissedPlanId] = useState20(null);
+  const dismissPlan = useCallback17(() => {
     if (plan)
       setDismissedPlanId(plan.planId);
   }, [plan]);
-  const handleScroll = useCallback16(() => {
+  const handleScroll = useCallback17(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -5489,7 +5697,7 @@ function MessageList({
     isPinnedToBottom.current = pinned;
     setShowJumpToLatest(!pinned);
   }, []);
-  const jumpToLatest = useCallback16(() => {
+  const jumpToLatest = useCallback17(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -5512,49 +5720,49 @@ function MessageList({
     container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs17("div", {
         className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
         children: [
-          /* @__PURE__ */ jsxs15("div", {
+          /* @__PURE__ */ jsxs17("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__ */ jsx19("p", {
+              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx21("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__ */ jsx19(LoadingDots, {
+              }) : /* @__PURE__ */ jsx21(LoadingDots, {
                 label: "Waiting for conversation to begin..."
               })),
-              messages.map((message) => /* @__PURE__ */ jsx19(ChatMessage, {
+              messages.map((message) => /* @__PURE__ */ jsx21(ChatMessage, {
                 message
               }, message.id)),
-              showTyping && /* @__PURE__ */ jsx19(TypingIndicator, {})
+              showTyping && /* @__PURE__ */ jsx21(TypingIndicator, {})
             ]
           }),
-          showJumpToLatest && /* @__PURE__ */ jsx19("button", {
+          showJumpToLatest && /* @__PURE__ */ jsx21("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__ */ jsx19(ChevronDown, {
+            children: /* @__PURE__ */ jsx21(ChevronDown, {
               className: "skippr:size-4"
             })
           })
         ]
       }),
-      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx19("div", {
+      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx21("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
-        children: /* @__PURE__ */ jsx19(PlanCard, {
+        children: /* @__PURE__ */ jsx21(PlanCard, {
           plan,
           sendChatMessage,
           onDismiss: dismissPlan
         }, plan.planId)
       }),
-      !readOnly && sendChatMessage && /* @__PURE__ */ jsx19(ChatInput, {
+      !readOnly && sendChatMessage && /* @__PURE__ */ jsx21(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -5564,49 +5772,49 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx20("div", {
+    return /* @__PURE__ */ jsx22("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx20(LoadingDots, {
+      children: /* @__PURE__ */ jsx22(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx20("div", {
+  return /* @__PURE__ */ jsx22("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx20("div", {
+    children: /* @__PURE__ */ jsx22("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs16("div", {
+        return /* @__PURE__ */ jsxs18("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__ */ jsx20("div", {
+            /* @__PURE__ */ jsx22("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx20(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx22(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx20(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx22(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx20(Circle, {
+              }) : /* @__PURE__ */ jsx22(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
-            /* @__PURE__ */ jsxs16("div", {
+            /* @__PURE__ */ jsxs18("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx20("p", {
+                /* @__PURE__ */ jsx22("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__ */ jsx20("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx22("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs16("li", {
+                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs18("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__ */ jsx20("span", {
+                      /* @__PURE__ */ jsx22("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -5623,12 +5831,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } 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__ */ jsx21("div", {
+  return /* @__PURE__ */ jsx23("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"
@@ -5636,7 +5844,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx22, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19, Fragment as Fragment3 } from "react/jsx-runtime";
 var PANEL_GAP_PX = 12;
 var PANEL_VIEWPORT_MARGIN_PX = 24;
 var PANEL_MAX_HEIGHT_PX = 460;
@@ -5696,7 +5904,7 @@ function Sidebar({
       height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
     };
   }
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -5710,13 +5918,13 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs19("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__ */ jsx22(ChatHeader, {}),
-      authFailed ? /* @__PURE__ */ jsx22(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx22(AuthenticatedContent, {
+      !hideHeader && /* @__PURE__ */ jsx24(ChatHeader, {}),
+      authFailed ? /* @__PURE__ */ jsx24(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx24(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
@@ -5732,12 +5940,12 @@ function Sidebar({
         onTalk: startDefaultSession,
         talkLabel: startSessionLabel,
         talkDisabled
-      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx22("div", {
+      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx24("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx22(LoadingDots, {
+        children: /* @__PURE__ */ jsx24(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx22(LoginFlow, {
+      }) : /* @__PURE__ */ jsx24(LoginFlow, {
         requestOtp,
         verifyOtp,
         error: authError,
@@ -5769,61 +5977,61 @@ function AuthenticatedContent({
   if (isStarting && !isConnected) {
     transitionLabel = "Reconnecting...";
   }
-  return /* @__PURE__ */ jsxs17(Fragment3, {
+  return /* @__PURE__ */ jsxs19(Fragment3, {
     children: [
-      isConnected && /* @__PURE__ */ jsx22(ConnectedBanner, {}),
-      showAgenda && /* @__PURE__ */ jsxs17("div", {
+      isConnected && /* @__PURE__ */ jsx24(ConnectedBanner, {}),
+      showAgenda && /* @__PURE__ */ jsxs19("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-1",
         children: [
-          /* @__PURE__ */ jsxs17("button", {
+          /* @__PURE__ */ jsxs19("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__ */ jsx22(MessageCircle, {
+              /* @__PURE__ */ jsx24(MessageCircle, {
                 className: "skippr:size-3.5"
               }),
               "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx22("span", {
+              activeTab === "chat" && /* @__PURE__ */ jsx24("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           }),
-          /* @__PURE__ */ jsxs17("button", {
+          /* @__PURE__ */ jsxs19("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__ */ jsx22(Calendar, {
+              /* @__PURE__ */ jsx24(Calendar, {
                 className: "skippr:size-3.5"
               }),
               "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx22("span", {
+              activeTab === "agenda" && /* @__PURE__ */ jsx24("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx22("div", {
+      /* @__PURE__ */ jsx24("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx22("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx24("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx22(LoadingDots, {
+          children: /* @__PURE__ */ jsx24(LoadingDots, {
             label: "Ending session..."
           })
-        }) : inSession ? /* @__PURE__ */ jsxs17(Fragment3, {
+        }) : inSession ? /* @__PURE__ */ jsxs19(Fragment3, {
           children: [
-            transitionLabel && /* @__PURE__ */ jsx22("div", {
+            transitionLabel && /* @__PURE__ */ jsx24("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__ */ jsx22(ConnectedBody, {
+            /* @__PURE__ */ jsx24(ConnectedBody, {
               activeTab: effectiveTab,
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx22(IdleHistory, {
+        }) : /* @__PURE__ */ jsx24(IdleHistory, {
           activeTab: effectiveTab,
           history: idleHistory,
           onTalk,
@@ -5832,22 +6040,22 @@ function AuthenticatedContent({
           error
         })
       }),
-      !hideControls && /* @__PURE__ */ jsx22("div", {
+      !hideControls && /* @__PURE__ */ jsx24("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
-        children: /* @__PURE__ */ jsxs17("div", {
+        children: /* @__PURE__ */ jsxs19("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__ */ jsxs17("svg", {
+            /* @__PURE__ */ jsxs19("svg", {
               viewBox: "21 21 109 109",
               className: "skippr:size-3",
               fill: "none",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx22("path", {
+                /* @__PURE__ */ jsx24("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__ */ jsx22("path", {
+                /* @__PURE__ */ jsx24("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"
                 })
@@ -5861,17 +6069,17 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs19("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__ */ jsx22(CircleAlert, {
+      /* @__PURE__ */ jsx24(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx22("p", {
+      /* @__PURE__ */ jsx24("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx22("p", {
+      /* @__PURE__ */ jsx24("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -5880,7 +6088,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx22(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx24(SessionWarningBanner, {
     remaining
   });
 }
@@ -5893,43 +6101,43 @@ function IdleHistory({
   error
 }) {
   if (history2.isLoading) {
-    return /* @__PURE__ */ jsx22("div", {
+    return /* @__PURE__ */ jsx24("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx22(LoadingDots, {
+      children: /* @__PURE__ */ jsx24(LoadingDots, {
         label: "Loading conversation..."
       })
     });
   }
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs19("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
     children: [
-      activeTab === "agenda" ? /* @__PURE__ */ jsx22("div", {
+      activeTab === "agenda" ? /* @__PURE__ */ jsx24("div", {
         className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
-        children: /* @__PURE__ */ jsx22(SessionAgenda, {
+        children: /* @__PURE__ */ jsx24(SessionAgenda, {
           phases: history2.phases,
           hasStarted: history2.phases.length > 0
         })
-      }) : /* @__PURE__ */ jsx22(MessageList, {
+      }) : /* @__PURE__ */ jsx24(MessageList, {
         messages: history2.messages,
         isStreaming: false,
         readOnly: true
       }),
-      /* @__PURE__ */ jsxs17("div", {
+      /* @__PURE__ */ jsxs19("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
         children: [
-          /* @__PURE__ */ jsxs17("button", {
+          /* @__PURE__ */ jsxs19("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__ */ jsx22(Mic, {
+              /* @__PURE__ */ jsx24(Mic, {
                 className: "skippr:size-4"
               }),
               talkLabel
             ]
           }),
-          error && /* @__PURE__ */ jsx22("p", {
+          error && /* @__PURE__ */ jsx24("p", {
             className: "skippr:mt-2 skippr:text-center skippr:text-xs skippr:text-destructive",
             children: error
           })
@@ -5948,17 +6156,17 @@ function ConnectedBody({
   const { agentControls, isPaused } = useLiveAgent();
   const { isHeld } = useSessionHoldContext();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx22("div", {
+    return /* @__PURE__ */ jsx24("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx22(SessionAgenda, {
+      children: /* @__PURE__ */ jsx24(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx22("div", {
+  return /* @__PURE__ */ jsx24("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx22(MessageList, {
+    children: /* @__PURE__ */ jsx24(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
@@ -5974,9 +6182,9 @@ function ConnectedBody({
 import { useContext as useContext14 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsxs18("svg", {
+  return /* @__PURE__ */ jsxs20("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -5986,20 +6194,20 @@ function Logo({ className }) {
     "aria-label": "Skippr",
     className,
     children: [
-      /* @__PURE__ */ jsx23("rect", {
+      /* @__PURE__ */ jsx25("rect", {
         width: "200",
         height: "200",
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs18("g", {
+      /* @__PURE__ */ jsxs20("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
-          /* @__PURE__ */ jsx23("path", {
+          /* @__PURE__ */ jsx25("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__ */ jsx23("path", {
+          /* @__PURE__ */ jsx25("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"
           })
@@ -6010,7 +6218,7 @@ function Logo({ className }) {
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function SidebarTrigger() {
   const {
     isPanelOpen,
@@ -6029,23 +6237,23 @@ function SidebarTrigger() {
   if (isMinimized || isConnected || isStarting || isPausing)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx24("button", {
+  return /* @__PURE__ */ jsx26("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__ */ jsx24(ChevronDown, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx26(ChevronDown, {
       className: "skippr:size-5"
-    }) : /* @__PURE__ */ jsx24(Logo, {
+    }) : /* @__PURE__ */ jsx26(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function readSavedLauncherBottom() {
   try {
     const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
@@ -6055,7 +6263,7 @@ function readSavedLauncherBottom() {
   }
 }
 function AgentCursorMount({ animated }) {
-  return /* @__PURE__ */ jsx25(AgentCursor, {
+  return /* @__PURE__ */ jsx27(AgentCursor, {
     target: useAgentCursor(),
     animated
   });
@@ -6063,8 +6271,8 @@ function AgentCursorMount({ animated }) {
 function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef21(null);
-  useEffect28(() => {
+  const surfacedPlanIdRef = useRef23(null);
+  useEffect29(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
     surfacedPlanIdRef.current = plan.planId;
@@ -6104,18 +6312,18 @@ function LiveAgent(props) {
   const auth = useAuth({ appKey });
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
-  const [activeModule, setActiveModule] = useState20(null);
-  const minimizeOnSessionStart = useCallback17(() => {
+  const [activeModule, setActiveModule] = useState21(null);
+  const minimizeOnSessionStart = useCallback18(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback17(() => {
+  const expandOnSessionStartError = useCallback18(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback17(() => {
+  const minimizeOnSessionDisconnect = useCallback18(() => {
     setActiveModule(null);
     if (minimizable) {
       setIsMinimized(true);
@@ -6150,30 +6358,30 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef21(false);
+  const teardownInFlightRef = useRef23(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback17(() => {
+  const handleRoomDisconnected = useCallback18(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
   const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
-  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) => {
+  const [isPanelOpen, setIsPanelOpen] = useState21(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState21(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState21("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState21([]);
+  const [textMode, setTextMode] = useState21(false);
+  const [panelExpanded, setPanelExpanded] = useState21(false);
+  const togglePanelExpanded = useCallback18(() => setPanelExpanded((prev) => !prev), []);
+  const panelRef = useRef23(null);
+  const controlBarRef = useRef23(null);
+  const [isDragging, setIsDragging] = useState21(false);
+  const setTextModeState = useCallback18((enabled) => {
     setTextMode(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect28(() => {
+  useEffect29(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -6201,7 +6409,7 @@ function LiveAgent(props) {
   const agentMode = operatingModule?.mode ?? null;
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
   const resumableSession = useMemo7(() => getResumableSession(operatingModule), [operatingModule]);
-  const resumeSession = useCallback17(async () => {
+  const resumeSession = useCallback18(async () => {
     if (!resumableSession)
       return;
     await startSession({
@@ -6210,7 +6418,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback17((moduleId, opts) => {
+  const selectModule = useCallback18((moduleId, opts) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -6222,7 +6430,7 @@ function LiveAgent(props) {
       autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession]);
-  const startAdoptionSession = useCallback17((goal) => {
+  const startAdoptionSession = useCallback18((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
@@ -6233,9 +6441,9 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState20(false);
-  const dismissWelcome = useCallback17(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState20(() => {
+  const [welcomeDismissed, setWelcomeDismissed] = useState21(false);
+  const dismissWelcome = useCallback18(() => setWelcomeDismissed(true), []);
+  const [currentPosition, setCurrentPosition] = useState21(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -6243,18 +6451,18 @@ function LiveAgent(props) {
     } catch {}
     return position;
   });
-  const setPositionWithPersist = useCallback17((pos) => {
+  const setPositionWithPersist = useCallback18((pos) => {
     setCurrentPosition(pos);
     try {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
   const savedLauncherBottom = readSavedLauncherBottom();
-  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) => {
+  const hasDraggedRef = useRef23(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef23(verticalAlign);
+  const [launcherBottomPx, setLauncherBottomPxState] = useState21(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
+  const [popsDown, setPopsDown] = useState21(() => launcherPopsDown(launcherBottomPx));
+  const setLauncherBottomPx = useCallback18((px) => {
     hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
@@ -6262,13 +6470,13 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef21(launcherBottomPx);
+  const launcherBottomPxRef = useRef23(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
-  const commitLauncherDrop = useCallback17(({ side, bottomPx }) => {
+  const commitLauncherDrop = useCallback18(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  useEffect28(() => {
+  useEffect29(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -6278,26 +6486,26 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncToViewport);
     return () => window.removeEventListener("resize", syncToViewport);
   }, []);
-  const openPanel = useCallback17(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback17(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback17(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback17(() => {
+  const openPanel = useCallback18(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback18(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback18(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback18(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback17(() => {
+  const minimizePanel = useCallback18(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const pauseSessionAndMinimize = useCallback17(async () => {
+  const pauseSessionAndMinimize = useCallback18(async () => {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
   const defaultAgentId = hostAgentId ?? defaultSelection.agentId;
-  const startDefaultSession = useCallback17(() => {
+  const startDefaultSession = useCallback18(() => {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
@@ -6460,45 +6668,45 @@ function LiveAgent(props) {
     adoptionGoals,
     startAdoptionSession
   ]);
-  return /* @__PURE__ */ jsx25(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx27(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs19(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs21(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && !textMode && /* @__PURE__ */ jsx25(RoomAudioRenderer, {}),
-        connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx25(AutoStartMedia, {
+        connection && !textMode && /* @__PURE__ */ jsx27(RoomAudioRenderer, {}),
+        connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx27(AutoStartMedia, {
           pendingScreenStream,
-          tapToTalk: agentControls?.tapToTalk === true
+          pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
         }),
-        connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx25(DomCapture, {
-          tapToTalk: agentControls?.tapToTalk === true
+        connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx27(DomCapture, {
+          pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
         }),
-        /* @__PURE__ */ jsxs19(ShadowHost, {
+        /* @__PURE__ */ jsxs21(ShadowHost, {
           children: [
-            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, {
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx27(HighlightOverlay, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx27(PageActionHandler, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx27(PlanPanelOpener, {}),
+            connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx27(AgentCursorMount, {
               animated: shouldAnimateCursor
             }),
-            /* @__PURE__ */ jsx25(SessionHoldProvider, {
-              children: /* @__PURE__ */ jsx25(TapToTalkProvider, {
-                children: /* @__PURE__ */ jsx25(TranscriptionsProvider, {
-                  children: /* @__PURE__ */ jsxs19("div", {
+            /* @__PURE__ */ jsx27(SessionHoldProvider, {
+              children: /* @__PURE__ */ jsx27(VoiceTurnProvider, {
+                children: /* @__PURE__ */ jsx27(TranscriptionsProvider, {
+                  children: /* @__PURE__ */ jsxs21("div", {
                     id: WIDGET_ROOT_ID,
                     children: [
-                      isMinimized && !showControlBar && /* @__PURE__ */ jsx25(MinimizedBubble, {
+                      isMinimized && !showControlBar && /* @__PURE__ */ jsx27(MinimizedBubble, {
                         welcomeMessage,
                         welcomeDismissed,
                         onDismissWelcome: dismissWelcome
                       }),
-                      showControlBar && !hideControls && /* @__PURE__ */ jsx25(SessionControlBar, {}),
-                      /* @__PURE__ */ jsx25(SidebarTrigger, {}),
-                      /* @__PURE__ */ jsx25(Sidebar, {
+                      showControlBar && !hideControls && /* @__PURE__ */ jsx27(SessionControlBar, {}),
+                      /* @__PURE__ */ jsx27(SidebarTrigger, {}),
+                      /* @__PURE__ */ jsx27(Sidebar, {
                         hideControls,
                         hideHeader,
                         startSessionLabel