@skippr/live-agent-sdk 0.74.0 → 0.76.0

package/dist/esm/lib-exports.js

@@ -8,7 +8,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { useCallback as useCallback15, useEffect as useEffect25, useMemo as useMemo6, useRef as useRef17, useState as useState18 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo7, useRef as useRef18, useState as useState19 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -74,8 +74,128 @@ var NAME_MAX_CHARS = 80;
 // src/context/LiveAgentContext.tsx
 var LiveAgentContext = createContext(null);
 
+// src/context/SessionHoldContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+
+// src/hooks/useLiveAgent.ts
+import { useContext } from "react";
+function useLiveAgent() {
+  const ctx = useContext(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useLiveAgent must be used within a <LiveAgent> provider");
+  }
+  const {
+    usesHostAuth,
+    authFailed,
+    connection,
+    shouldConnect,
+    historyMessages,
+    phasesSnapshot,
+    setPhasesSnapshot,
+    hasResolvedModules,
+    adoptionGoals,
+    startAdoptionSession,
+    launcherBottomPx,
+    setLauncherBottomPx,
+    popsDown,
+    panelExpanded,
+    togglePanelExpanded,
+    ...publicValue
+  } = ctx;
+  return publicValue;
+}
+
+// src/hooks/useSessionHold.ts
+import { useLocalParticipant } from "@livekit/components-react/hooks";
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+var textEncoder = new TextEncoder;
+var FALLBACK_PAUSE_TIMEOUT_SECONDS = 120;
+function useSessionHold({
+  pauseSession,
+  pauseTimeoutSeconds
+}) {
+  const { localParticipant } = useLocalParticipant();
+  const timeoutSeconds = pauseTimeoutSeconds ?? FALLBACK_PAUSE_TIMEOUT_SECONDS;
+  const [isHeld, setIsHeld] = useState2(false);
+  const [countdown, setCountdown] = useState2(timeoutSeconds);
+  const publish = useCallback(async (type) => {
+    await localParticipant.publishData(textEncoder.encode(JSON.stringify({ type })), {
+      reliable: true,
+      topic: SESSION_HOLD_TOPIC
+    });
+  }, [localParticipant]);
+  const hold = useCallback(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(false);
+      await publish("pause");
+      setIsHeld(true);
+    } catch (error) {
+      console.error("Failed to hold session:", error);
+    }
+  }, [localParticipant, publish]);
+  const release = useCallback(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(true);
+      await publish("resume");
+      setIsHeld(false);
+    } catch (error) {
+      console.error("Failed to release session:", error);
+    }
+  }, [localParticipant, publish]);
+  useEffect2(() => {
+    if (!isHeld) {
+      setCountdown(timeoutSeconds);
+      return;
+    }
+    const id = setInterval(() => {
+      setCountdown((seconds) => Math.max(0, seconds - 1));
+    }, 1000);
+    return () => clearInterval(id);
+  }, [isHeld, timeoutSeconds]);
+  useEffect2(() => {
+    if (isHeld && countdown === 0) {
+      setIsHeld(false);
+      pauseSession();
+    }
+  }, [isHeld, countdown, pauseSession]);
+  const toggle = useCallback(() => {
+    if (isHeld) {
+      release();
+    } else {
+      hold();
+    }
+  }, [isHeld, hold, release]);
+  return { isHeld, countdown, toggle };
+}
+
+// src/context/SessionHoldContext.tsx
+import { jsx } from "react/jsx-runtime";
+var SessionHoldContext = createContext2({
+  isHeld: false,
+  countdown: 0,
+  toggle: () => {}
+});
+function SessionHoldProvider({ children }) {
+  const { pauseSession } = useLiveAgent();
+  const internalCtx = useContext2(LiveAgentContext);
+  if (!internalCtx) {
+    throw new Error("SessionHoldProvider must be used within a <LiveAgent> provider");
+  }
+  const hold = useSessionHold({
+    pauseSession,
+    pauseTimeoutSeconds: internalCtx.pauseTimeoutSeconds
+  });
+  return /* @__PURE__ */ jsx(SessionHoldContext.Provider, {
+    value: hold,
+    children
+  });
+}
+function useSessionHoldContext() {
+  return useContext2(SessionHoldContext);
+}
+
 // src/hooks/useAdoptionGoals.ts
-import { useCallback, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo, useState as useState3 } from "react";
 
 // src/lib/hashMatch.ts
 function globToRegExp(pattern) {
@@ -143,9 +263,9 @@ function useAdoptionGoals({
   bearerToken,
   authedFetch
 }) {
-  const [candidates, setCandidates] = useState2([]);
-  const [hash, setHash] = useState2(window.location.hash);
-  const match = useCallback(async () => {
+  const [candidates, setCandidates] = useState3([]);
+  const [hash, setHash] = useState3(window.location.hash);
+  const match = useCallback2(async () => {
     try {
       const resp = await authedFetch(`${API_URL}/v1/adoption/goals/match`, {
         method: "POST",
@@ -163,7 +283,7 @@ function useAdoptionGoals({
       setCandidates([]);
     }
   }, [authedFetch]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled || !bearerToken) {
       setCandidates([]);
       return;
@@ -195,21 +315,21 @@ function useAdoptionGoals({
       return hashSpecific;
     return candidates.filter((goal) => goal.hashPattern === null);
   }, [candidates, hash]);
-  const postStatus = useCallback((goalId, status) => {
+  const postStatus = useCallback2((goalId, status) => {
     authedFetch(`${API_URL}/v1/adoption/goals/${goalId}/status`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ status })
     }).catch((e) => console.warn("[Skippr] adoption status update failed", e));
   }, [authedFetch]);
-  const attendGoal = useCallback((goalId) => {
+  const attendGoal = useCallback2((goalId) => {
     postStatus(goalId, "attended" /* Attended */);
   }, [postStatus]);
   return { goals, attendGoal };
 }
 
 // src/hooks/useAuth.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useState as useState4 } from "react";
 var API_URL2 = "https://specialist.skippr.ai/api";
 function storageKey(appKey) {
   return `skippr_auth_${appKey}`;
@@ -236,12 +356,12 @@ function clearStoredToken(appKey) {
   }
 }
 function useAuth({ appKey }) {
-  const [authToken, setAuthToken] = useState3(null);
-  const [isValidating, setIsValidating] = useState3(false);
-  const [isSubmitting, setIsSubmitting] = useState3(false);
-  const [error, setError] = useState3("");
+  const [authToken, setAuthToken] = useState4(null);
+  const [isValidating, setIsValidating] = useState4(false);
+  const [isSubmitting, setIsSubmitting] = useState4(false);
+  const [error, setError] = useState4("");
   const isAuthenticated = authToken !== null;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!appKey)
       return;
     const stored = getStoredToken(appKey);
@@ -267,7 +387,7 @@ function useAuth({ appKey }) {
     }
     validateStoredToken();
   }, [appKey]);
-  useEffect3(() => {
+  useEffect4(() => {
     function handleLogout() {
       setAuthToken(null);
       setError("");
@@ -275,7 +395,7 @@ function useAuth({ appKey }) {
     window.addEventListener("skippr:logout", handleLogout);
     return () => window.removeEventListener("skippr:logout", handleLogout);
   }, []);
-  const requestOtp = useCallback2(async (email) => {
+  const requestOtp = useCallback3(async (email) => {
     if (!appKey)
       return false;
     setIsSubmitting(true);
@@ -302,7 +422,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const verifyOtp = useCallback2(async (email, code) => {
+  const verifyOtp = useCallback3(async (email, code) => {
     if (!appKey)
       return;
     setIsSubmitting(true);
@@ -331,7 +451,7 @@ function useAuth({ appKey }) {
       setIsSubmitting(false);
     }
   }, [appKey]);
-  const logout = useCallback2(async () => {
+  const logout = useCallback3(async () => {
     const token = authToken;
     if (appKey)
       clearStoredToken(appKey);
@@ -361,44 +481,169 @@ function useAuth({ appKey }) {
   };
 }
 
+// src/hooks/useAutoStart.ts
+import { useEffect as useEffect5, useMemo as useMemo2, useRef } from "react";
+
+// src/lib/agentMode.ts
+var AGENT_MODE = {
+  Standard: "standard",
+  AlwaysOn: "always_on"
+};
+var AGENT_MODES = Object.values(AGENT_MODE);
+
+// src/lib/sessionStatus.ts
+var SESSION_STATUS = {
+  pending: "pending",
+  active: "active",
+  paused: "paused",
+  completed: "completed",
+  expired: "expired"
+};
+var SESSION_STATUSES = Object.values(SESSION_STATUS);
+
+// src/lib/session.ts
+function mapApiMessages(messages) {
+  return messages.filter((message) => message.role !== "system").map((message) => ({
+    id: message.id,
+    role: message.role === "user" ? "user" : "assistant",
+    content: message.content,
+    source: "chat",
+    timestamp: new Date(message.createdAt).getTime()
+  }));
+}
+function getResumableSessionId(currentSession, mode) {
+  if (!currentSession)
+    return;
+  const { id, status } = currentSession;
+  if (status === SESSION_STATUS.paused || status === SESSION_STATUS.active)
+    return id;
+  if (mode === AGENT_MODE.AlwaysOn && (status === SESSION_STATUS.expired || status === SESSION_STATUS.completed))
+    return id;
+  return;
+}
+function canResumeSession(currentSession, mode) {
+  return getResumableSessionId(currentSession, mode) !== undefined;
+}
+function getResumableSession(module) {
+  if (!module)
+    return null;
+  const id = getResumableSessionId(module.currentSession, module.mode);
+  return id ? { id, agentId: module.id } : null;
+}
+function getModuleSessionState(currentSession, mode) {
+  if (!currentSession)
+    return null;
+  if (canResumeSession(currentSession, mode))
+    return "resume";
+  if (mode === AGENT_MODE.Standard) {
+    const { status } = currentSession;
+    if (status === SESSION_STATUS.completed)
+      return "completed";
+    if (status === SESSION_STATUS.expired)
+      return "expired";
+  }
+  return null;
+}
+
+// src/hooks/useAutoStart.ts
+async function isMicGranted() {
+  try {
+    if (!navigator.permissions?.query)
+      return false;
+    const status = await navigator.permissions.query({ name: "microphone" });
+    return status.state === "granted";
+  } catch {
+    return false;
+  }
+}
+function useAutoStart({
+  availableModules,
+  isSessionLive,
+  bearerToken,
+  selectModule
+}) {
+  const hasAutoStartedRef = useRef(false);
+  const autoStartModule = useMemo2(() => availableModules.find((m) => {
+    if (!m.uiPreferences?.autoStart)
+      return false;
+    const state = getModuleSessionState(m.currentSession, m.mode);
+    return state !== "completed" && state !== "expired";
+  }) ?? null, [availableModules]);
+  useEffect5(() => {
+    if (!autoStartModule || hasAutoStartedRef.current)
+      return;
+    if (isSessionLive || !bearerToken)
+      return;
+    let cancelled = false;
+    const stopWaitingForGesture = () => {
+      document.removeEventListener("pointerdown", onFirstGesture, true);
+      document.removeEventListener("keydown", onFirstGesture, true);
+    };
+    const startOnce = () => {
+      if (cancelled || hasAutoStartedRef.current)
+        return;
+      hasAutoStartedRef.current = true;
+      stopWaitingForGesture();
+      selectModule(autoStartModule.id, { autoStarted: true });
+    };
+    const onFirstGesture = () => startOnce();
+    document.addEventListener("pointerdown", onFirstGesture, true);
+    document.addEventListener("keydown", onFirstGesture, true);
+    isMicGranted().then((granted) => {
+      if (granted)
+        startOnce();
+    });
+    return () => {
+      cancelled = true;
+      stopWaitingForGesture();
+    };
+  }, [autoStartModule, isSessionLive, bearerToken, selectModule]);
+}
+
 // src/hooks/useAvailableModules.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState5 } from "react";
+var EMPTY_DEFAULT = { agentId: null, sessionId: null };
 var API_URL3 = "https://specialist.skippr.ai/api";
 function useAvailableModules({
   enabled,
   bearerToken,
-  authedFetch
+  authedFetch,
+  agentId
 }) {
-  const [modules, setModules] = useState4([]);
-  const [isLoading, setIsLoading] = useState4(false);
-  const [hasResolved, setHasResolved] = useState4(false);
-  const [error, setError] = useState4(null);
-  const fetchModules = useCallback3(async () => {
+  const [modules, setModules] = useState5([]);
+  const [defaultSelection, setDefaultSelection] = useState5(EMPTY_DEFAULT);
+  const [isLoading, setIsLoading] = useState5(false);
+  const [hasResolved, setHasResolved] = useState5(false);
+  const [error, setError] = useState5(null);
+  const fetchModules = useCallback4(async () => {
     setIsLoading(true);
     setHasResolved(false);
     setError(null);
     try {
-      const resp = await authedFetch(`${API_URL3}/v1/modules/available`);
+      const query = agentId ? `?agentId=${encodeURIComponent(agentId)}` : "";
+      const resp = await authedFetch(`${API_URL3}/v1/modules/available${query}`);
       if (!resp.ok) {
         const body = await resp.json().catch(() => null);
         throw new Error(body?.detail || `Failed to load modules: ${resp.status}`);
       }
       const data = await resp.json();
       setModules(Array.isArray(data?.modules) ? data.modules : []);
+      setDefaultSelection(data?.default ?? EMPTY_DEFAULT);
     } catch (e) {
       setError(e instanceof Error ? e.message : "Failed to load modules");
     } finally {
       setIsLoading(false);
       setHasResolved(true);
     }
-  }, [authedFetch]);
-  useEffect4(() => {
+  }, [authedFetch, agentId]);
+  useEffect6(() => {
     if (!enabled || !bearerToken)
       return;
     fetchModules();
   }, [enabled, bearerToken, fetchModules]);
   return {
     modules,
+    defaultSelection,
     isLoading,
     hasResolved,
     error,
@@ -406,44 +651,16 @@ function useAvailableModules({
   };
 }
 
-// src/hooks/useLiveAgent.ts
-import { useContext } from "react";
-function useLiveAgent() {
-  const ctx = useContext(LiveAgentContext);
-  if (!ctx) {
-    throw new Error("useLiveAgent must be used within a <LiveAgent> provider");
-  }
-  const {
-    usesHostAuth,
-    authFailed,
-    connection,
-    shouldConnect,
-    historyMessages,
-    phasesSnapshot,
-    setPhasesSnapshot,
-    hasResolvedModules,
-    adoptionGoals,
-    startAdoptionSession,
-    launcherBottomPx,
-    setLauncherBottomPx,
-    popsDown,
-    panelExpanded,
-    togglePanelExpanded,
-    ...publicValue
-  } = ctx;
-  return publicValue;
-}
-
 // src/hooks/usePlanUpdates.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState6 } from "react";
 function useAgentState(attributeKey, parse, initial) {
-  const [value, setValue] = useState5(initial);
+  const [value, setValue] = useState6(initial);
   const remoteParticipants = useRemoteParticipants();
-  useEffect5(() => {
+  useEffect7(() => {
     const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
     if (agentParticipant) {
       const attr = agentParticipant.attributes?.[attributeKey];
@@ -489,12 +706,12 @@ function parsePlan(json) {
   return null;
 }
 function usePlanUpdates() {
-  const parse = useCallback4(parsePlan, []);
+  const parse = useCallback5(parsePlan, []);
   return useAgentState(PLAN_ATTR, parse, null);
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useRef, useState as useState6 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef2, useState as useState7 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -502,13 +719,7 @@ async function fetchSessionMessages(sessionId, authedFetch) {
     if (!resp.ok)
       return [];
     const { messages } = await resp.json();
-    return messages.filter((message) => message.role !== "system").map((message) => ({
-      id: message.id,
-      role: message.role === "user" ? "user" : "assistant",
-      content: message.content,
-      source: "chat",
-      timestamp: new Date(message.createdAt).getTime()
-    }));
+    return mapApiMessages(messages);
   } catch {
     return [];
   }
@@ -552,27 +763,27 @@ function useSession({
   onStartError,
   onDisconnect
 }) {
-  const [connection, setConnection] = useState6(null);
-  const [shouldConnect, setShouldConnect] = useState6(false);
-  const [isStarting, setIsStarting] = useState6(false);
-  const [isDisconnecting, setIsDisconnecting] = useState6(false);
-  const [error, setError] = useState6("");
-  const [errorCode, setErrorCode] = useState6(null);
-  const [sessionId, setSessionId] = useState6(null);
-  const [bearerToken, setBearerToken] = useState6(authToken ?? null);
-  const [pendingScreenStream, setPendingScreenStream] = useState6(null);
-  const [isPaused, setIsPaused] = useState6(false);
-  const [isPausing, setIsPausing] = useState6(false);
-  const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState6(null);
-  const [historyMessages, setHistoryMessages] = useState6([]);
-  const [authFailed, setAuthFailed] = useState6(false);
-  const tokenRef = useRef(authToken ? { token: authToken, expiresAt: null } : null);
-  const getUserTokenRef = useRef(getUserToken);
+  const [connection, setConnection] = useState7(null);
+  const [shouldConnect, setShouldConnect] = useState7(false);
+  const [isStarting, setIsStarting] = useState7(false);
+  const [isDisconnecting, setIsDisconnecting] = useState7(false);
+  const [error, setError] = useState7("");
+  const [errorCode, setErrorCode] = useState7(null);
+  const [sessionId, setSessionId] = useState7(null);
+  const [bearerToken, setBearerToken] = useState7(authToken ?? null);
+  const [pendingScreenStream, setPendingScreenStream] = useState7(null);
+  const [isPaused, setIsPaused] = useState7(false);
+  const [isPausing, setIsPausing] = useState7(false);
+  const [pauseTimeoutSeconds, setPauseTimeoutSeconds] = useState7(null);
+  const [historyMessages, setHistoryMessages] = useState7([]);
+  const [authFailed, setAuthFailed] = useState7(false);
+  const tokenRef = useRef2(authToken ? { token: authToken, expiresAt: null } : null);
+  const getUserTokenRef = useRef2(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
-  const failedBearerRef = useRef(null);
-  const inFlightExchangeRef = useRef(null);
-  const canExchange = useCallback5(() => !!appKey && !!getUserTokenRef.current, [appKey]);
-  const reExchange = useCallback5(async () => {
+  const failedBearerRef = useRef2(null);
+  const inFlightExchangeRef = useRef2(null);
+  const canExchange = useCallback6(() => !!appKey && !!getUserTokenRef.current, [appKey]);
+  const reExchange = useCallback6(async () => {
     if (inFlightExchangeRef.current)
       return inFlightExchangeRef.current;
     const provider = getUserTokenRef.current;
@@ -592,7 +803,7 @@ function useSession({
       inFlightExchangeRef.current = null;
     }
   }, [appKey]);
-  const getValidBearer = useCallback5(async () => {
+  const getValidBearer = useCallback6(async () => {
     const current = tokenRef.current;
     if (current) {
       if (current.expiresAt === null)
@@ -604,7 +815,7 @@ function useSession({
       return reExchange();
     return current?.token ?? null;
   }, [canExchange, reExchange]);
-  const authedFetch = useCallback5(async (input, init = {}) => {
+  const authedFetch = useCallback6(async (input, init = {}) => {
     const isSecretMode = canExchange();
     const onTerminalAuthFailure = () => {
       if (isSecretMode)
@@ -646,7 +857,7 @@ function useSession({
       setAuthFailed(false);
     return resp;
   }, [canExchange, getValidBearer, reExchange]);
-  useEffect6(() => {
+  useEffect8(() => {
     let stale = false;
     if (authToken) {
       tokenRef.current = { token: authToken, expiresAt: null };
@@ -665,9 +876,10 @@ function useSession({
       stale = true;
     };
   }, [authToken, canExchange, reExchange]);
-  const pauseOnUnloadRef = useRef(null);
+  const isStartingRef = useRef2(false);
+  const pauseOnUnloadRef = useRef2(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
-  useEffect6(() => {
+  useEffect8(() => {
     const onPageHide = () => {
       const pending = pauseOnUnloadRef.current;
       if (!pending)
@@ -682,7 +894,15 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback5(async ({ agentId, agentControls, existingSessionId, adoptionGoalId }) => {
+  const startSession = useCallback6(async ({
+    agentId,
+    agentControls,
+    existingSessionId,
+    adoptionGoalId,
+    autoStarted
+  }) => {
+    if (isStartingRef.current)
+      return;
     if (!bearerToken) {
       setError("No auth token available");
       return;
@@ -691,6 +911,7 @@ function useSession({
       setError("No agent selected");
       return;
     }
+    isStartingRef.current = true;
     setIsStarting(true);
     setError("");
     setErrorCode(null);
@@ -731,7 +952,8 @@ function useSession({
         body: JSON.stringify({
           captureMode,
           agentControls: requestAgentControls,
-          adoptionGoalId
+          adoptionGoalId,
+          autoStarted
         })
       });
       if (!startResp.ok) {
@@ -760,10 +982,11 @@ function useSession({
       setError(e instanceof Error ? e.message : "Failed to start session");
       onStartError?.();
     } finally {
+      isStartingRef.current = false;
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
-  const pauseSession = useCallback5(async () => {
+  const pauseSession = useCallback6(async () => {
     if (!sessionId || !bearerToken)
       return;
     setIsPausing(true);
@@ -789,7 +1012,7 @@ function useSession({
     setIsPaused(true);
     setIsPausing(false);
   }, [sessionId, bearerToken, authedFetch, pendingScreenStream]);
-  const disconnect = useCallback5(async () => {
+  const disconnect = useCallback6(async () => {
     setIsDisconnecting(true);
     try {
       if (sessionId && bearerToken) {
@@ -833,6 +1056,55 @@ function useSession({
   };
 }
 
+// src/hooks/useSessionHistory.ts
+import { useEffect as useEffect9, useState as useState8 } from "react";
+var API_URL5 = "https://specialist.skippr.ai/api";
+var EMPTY = { messages: [], phases: [] };
+function useSessionHistory({
+  agentId,
+  enabled,
+  authedFetch
+}) {
+  const [history2, setHistory] = useState8(EMPTY);
+  const [loadedAgentId, setLoadedAgentId] = useState8(null);
+  const activeAgentId = enabled && agentId ? agentId : null;
+  const isLoading = activeAgentId !== null && activeAgentId !== loadedAgentId;
+  useEffect9(() => {
+    if (!enabled || !agentId) {
+      setHistory(EMPTY);
+      setLoadedAgentId(null);
+      return;
+    }
+    let stale = false;
+    (async () => {
+      try {
+        const resp = await authedFetch(`${API_URL5}/v1/modules/${agentId}/history`);
+        if (!resp.ok)
+          throw new Error(`Failed to load agent history: ${resp.status}`);
+        const data = await resp.json();
+        if (stale)
+          return;
+        setHistory({
+          messages: mapApiMessages(data.messages),
+          phases: data.phases
+        });
+      } catch (e) {
+        if (stale)
+          return;
+        console.warn("[Skippr] Failed to load session history:", e);
+        setHistory(EMPTY);
+      } finally {
+        if (!stale)
+          setLoadedAgentId(agentId);
+      }
+    })();
+    return () => {
+      stale = true;
+    };
+  }, [enabled, agentId, authedFetch]);
+  return { ...history2, isLoading };
+}
+
 // src/lib/launcher.ts
 var DEFAULT_LAUNCHER_BOTTOM_PX = 48;
 var LAUNCHER_HEIGHT_PX = 50;
@@ -863,58 +1135,6 @@ function verticalAlignToBottomPx(align) {
 function launcherPopsDown(bottomPx) {
   return bottomPx + LAUNCHER_HEIGHT_PX / 2 > window.innerHeight / 2;
 }
-
-// src/lib/agentMode.ts
-var AGENT_MODE = {
-  Standard: "standard",
-  AlwaysOn: "always_on"
-};
-var AGENT_MODES = Object.values(AGENT_MODE);
-
-// src/lib/sessionStatus.ts
-var SESSION_STATUS = {
-  pending: "pending",
-  active: "active",
-  paused: "paused",
-  completed: "completed",
-  expired: "expired"
-};
-var SESSION_STATUSES = Object.values(SESSION_STATUS);
-
-// src/lib/session.ts
-function getResumableSessionId(currentSession, mode) {
-  if (!currentSession)
-    return;
-  const { id, status } = currentSession;
-  if (status === SESSION_STATUS.paused || status === SESSION_STATUS.active)
-    return id;
-  if (mode === AGENT_MODE.AlwaysOn && (status === SESSION_STATUS.expired || status === SESSION_STATUS.completed))
-    return id;
-  return;
-}
-function canResumeSession(currentSession, mode) {
-  return getResumableSessionId(currentSession, mode) !== undefined;
-}
-function getResumableSession(module) {
-  if (!module)
-    return null;
-  const id = getResumableSessionId(module.currentSession, module.mode);
-  return id ? { id, agentId: module.id } : null;
-}
-function getModuleSessionState(currentSession, mode) {
-  if (!currentSession)
-    return null;
-  if (canResumeSession(currentSession, mode))
-    return "resume";
-  if (mode === AGENT_MODE.Standard) {
-    const { status } = currentSession;
-    if (status === SESSION_STATUS.completed)
-      return "completed";
-    if (status === SESSION_STATUS.expired)
-      return "expired";
-  }
-  return null;
-}
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement3 } from "react";
 
@@ -962,9 +1182,9 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/context.js
-import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2, createElement } from "react";
-var LucideContext = createContext2({});
-var useLucideContext = () => useContext2(LucideContext);
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, createElement } from "react";
+var LucideContext = createContext3({});
+var useLucideContext = () => useContext3(LucideContext);
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
@@ -1188,7 +1408,7 @@ var __iconNode23 = [
 ];
 var X = createLucideIcon("x", __iconNode23);
 // src/components/AgentCursor.tsx
-import { useContext as useContext3, useEffect as useEffect7, useLayoutEffect, useRef as useRef2, useState as useState7 } from "react";
+import { useContext as useContext4, useEffect as useEffect10, useLayoutEffect, useRef as useRef3, useState as useState9 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1325,7 +1545,7 @@ function traceRing(path, durationMs, onFrame, onDone) {
 }
 
 // src/components/AgentCursor.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Z_INDEX = 2147483646;
 var BRAND_TEAL = "#2bc0ae";
 var GLIDE_EASE = "cubic-bezier(0.45, 0, 0.25, 1)";
@@ -1370,19 +1590,19 @@ function AgentCursor({
   target,
   animated = false
 }) {
-  const ctx = useContext3(LiveAgentContext);
-  const [cursor, setCursor] = useState7(null);
-  const [glideMs, setGlideMs] = useState7(0);
-  const [phase, setPhase] = useState7("idle");
-  const [ringBox, setRingBox] = useState7(null);
-  const [clickPulse, setClickPulse] = useState7(0);
-  const cursorElRef = useRef2(null);
-  const pathRef = useRef2(null);
-  const prevCursorRef = useRef2(null);
-  const traceRef = useRef2(null);
-  const timersRef = useRef2(new Set);
-  const trackFrameRef = useRef2(null);
-  const glideFrameRef = useRef2(null);
+  const ctx = useContext4(LiveAgentContext);
+  const [cursor, setCursor] = useState9(null);
+  const [glideMs, setGlideMs] = useState9(0);
+  const [phase, setPhase] = useState9("idle");
+  const [ringBox, setRingBox] = useState9(null);
+  const [clickPulse, setClickPulse] = useState9(0);
+  const cursorElRef = useRef3(null);
+  const pathRef = useRef3(null);
+  const prevCursorRef = useRef3(null);
+  const traceRef = useRef3(null);
+  const timersRef = useRef3(new Set);
+  const trackFrameRef = useRef3(null);
+  const glideFrameRef = useRef3(null);
   const clearTimers = () => {
     for (const t of timersRef.current)
       clearTimeout(t);
@@ -1498,7 +1718,7 @@ function AgentCursor({
     });
     return cancelAnimation;
   }, [target, animated]);
-  useEffect7(() => {
+  useEffect10(() => {
     if (!target || target.kind === "gesture" || phase === "idle")
       return;
     const track = () => {
@@ -1530,7 +1750,7 @@ function AgentCursor({
       }
     };
   }, [target, phase]);
-  useEffect7(() => {
+  useEffect10(() => {
     return () => {
       traceRef.current?.cancel();
       for (const t of timersRef.current)
@@ -1547,10 +1767,10 @@ function AgentCursor({
     "data-skippr-private": "true",
     "aria-hidden": "true",
     children: [
-      drawing && ringBox && /* @__PURE__ */ jsx("svg", {
+      drawing && ringBox && /* @__PURE__ */ jsx2("svg", {
         "aria-hidden": "true",
         style: { ...ringBoxStyle(ringBox, Z_INDEX), overflow: "visible" },
-        children: /* @__PURE__ */ jsx("path", {
+        children: /* @__PURE__ */ jsx2("path", {
           ref: pathRef,
           d: ringPathD(ringBox),
           fill: "none",
@@ -1564,20 +1784,20 @@ function AgentCursor({
         style: ringBoxStyle(ringBox, Z_INDEX),
         className: "skippr:relative",
         children: [
-          /* @__PURE__ */ jsx("div", {
+          /* @__PURE__ */ jsx2("div", {
             className: "skippr:absolute skippr:inset-0 skippr:rounded-[1rem] skippr:border-2 skippr:border-[#2bc0ae] skippr:animate-skippr-annotation-pulse"
           }),
-          /* @__PURE__ */ jsx("div", {
+          /* @__PURE__ */ jsx2("div", {
             role: "status",
             className: "skippr:absolute skippr:-bottom-9 skippr:left-1/2 skippr:-translate-x-1/2 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-[#2bc0ae] skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.12)]",
-            children: /* @__PURE__ */ jsx("span", {
+            children: /* @__PURE__ */ jsx2("span", {
               className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
               children: target.label
             })
           })
         ]
       }),
-      target.kind === "gesture" && /* @__PURE__ */ jsx("div", {
+      target.kind === "gesture" && /* @__PURE__ */ jsx2("div", {
         role: "status",
         className: "skippr:fixed skippr:-translate-x-1/2 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-[#2bc0ae] skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.12)]",
         style: {
@@ -1587,12 +1807,12 @@ function AgentCursor({
           pointerEvents: "none",
           transition: `left ${glideMs}ms ${GLIDE_EASE}, top ${glideMs}ms ${GLIDE_EASE}`
         },
-        children: /* @__PURE__ */ jsx("span", {
+        children: /* @__PURE__ */ jsx2("span", {
           className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
           children: target.label
         })
       }),
-      /* @__PURE__ */ jsx("div", {
+      /* @__PURE__ */ jsx2("div", {
         ref: cursorElRef,
         style: {
           position: "fixed",
@@ -1602,12 +1822,12 @@ function AgentCursor({
           zIndex: Z_INDEX,
           transition: `left ${glideMs}ms ${GLIDE_EASE}, top ${glideMs}ms ${GLIDE_EASE}`
         },
-        children: /* @__PURE__ */ jsx(MousePointer2, {
+        children: /* @__PURE__ */ jsx2(MousePointer2, {
           className: `skippr:h-5 skippr:w-5 skippr:text-[#2bc0ae] skippr:drop-shadow-[0_2px_5px_rgba(0,0,0,0.4)] ${clickPulse > 0 ? "skippr:animate-skippr-press" : "skippr:animate-skippr-cursor-pop"}`,
           fill: "currentColor"
         }, clickPulse)
       }),
-      clickPulse > 0 && rippleCenter && /* @__PURE__ */ jsx("span", {
+      clickPulse > 0 && rippleCenter && /* @__PURE__ */ jsx2("span", {
         className: "skippr:fixed skippr:h-7 skippr:w-7 skippr:rounded-full skippr:bg-[#2bc0ae]/50 skippr:animate-skippr-click-ping",
         style: {
           left: `${rippleCenter.x}px`,
@@ -1621,14 +1841,14 @@ function AgentCursor({
 }
 
 // src/components/AutoStartMedia.tsx
-import { useConnectionState, useLocalParticipant } from "@livekit/components-react/hooks";
+import { useConnectionState, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect8, useRef as useRef3 } from "react";
+import { useEffect as useEffect11, useRef as useRef4 } from "react";
 function AutoStartMedia({ pendingScreenStream }) {
-  const { localParticipant } = useLocalParticipant();
+  const { localParticipant } = useLocalParticipant2();
   const connectionState = useConnectionState();
-  const didStartRef = useRef3(false);
-  useEffect8(() => {
+  const didStartRef = useRef4(false);
+  useEffect11(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState.Connected)
@@ -1651,9 +1871,9 @@ function AutoStartMedia({ pendingScreenStream }) {
 }
 
 // src/components/DomCapture.tsx
-import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
+import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
 import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect9, useRef as useRef4 } from "react";
+import { useEffect as useEffect12, useRef as useRef5 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -2268,7 +2488,7 @@ function subscribeActionsBusy(cb) {
 
 // src/capture/domEvents.ts
 var MUTATION_DEBOUNCE_MS = 250;
-var textEncoder = new TextEncoder;
+var textEncoder2 = new TextEncoder;
 function isInsideWidget(target) {
   if (!(target instanceof Node))
     return false;
@@ -2294,7 +2514,7 @@ function installDomEventListeners(localParticipant, options = {}) {
   const { onTriggerEvent } = options;
   function publishDomEvent(event) {
     try {
-      localParticipant.publishData(textEncoder.encode(JSON.stringify(event)), {
+      localParticipant.publishData(textEncoder2.encode(JSON.stringify(event)), {
         reliable: true,
         topic: DOM_EVENTS_TOPIC
       }).catch(() => {
@@ -2460,7 +2680,7 @@ var CAPTURE_BITRATE = 4000000;
 var DOM_SNAPSHOT_GZIP_THRESHOLD_BYTES = 14000;
 var MAX_CANVAS_DPR = 1.5;
 var CONSECUTIVE_FAILURES_BEFORE_REPORT = 3;
-var textEncoder2 = new TextEncoder;
+var textEncoder3 = new TextEncoder;
 function shouldIncludeInSnapshot(element) {
   if (!(element instanceof Element))
     return true;
@@ -2535,7 +2755,7 @@ async function buildDomSnapshotFrame() {
     title: document.title,
     capturedAt: new Date().toISOString()
   });
-  const snapshotBytes = textEncoder2.encode(snapshotJson);
+  const snapshotBytes = textEncoder3.encode(snapshotJson);
   const { bytes, compressionFlag } = await gzipIfBeneficial(snapshotBytes);
   const frame = new Uint8Array(bytes.byteLength + 1);
   frame[0] = compressionFlag;
@@ -2544,7 +2764,7 @@ async function buildDomSnapshotFrame() {
 }
 function reportCaptureError(localParticipant) {
   try {
-    localParticipant.publishData(textEncoder2.encode(JSON.stringify({ type: "capture_error" })), {
+    localParticipant.publishData(textEncoder3.encode(JSON.stringify({ type: "capture_error" })), {
       reliable: true,
       topic: DOM_SNAPSHOT_TOPIC
     }).catch(() => {
@@ -2559,10 +2779,10 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
   videoTrack.stop();
 }
 function DomCapture() {
-  const { localParticipant } = useLocalParticipant2();
+  const { localParticipant } = useLocalParticipant3();
   const connectionState = useConnectionState2();
-  const didStartRef = useRef4(false);
-  useEffect9(() => {
+  const didStartRef = useRef5(false);
+  useEffect12(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState2.Connected)
@@ -2672,7 +2892,7 @@ function DomCapture() {
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef5 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef6 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 1e4;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -2695,16 +2915,16 @@ function parseHighlightMessage(payload) {
   }
 }
 function HighlightOverlay() {
-  const targetRef = useRef5(null);
-  const autoClearRef = useRef5(null);
-  const clear = useCallback6(() => {
+  const targetRef = useRef6(null);
+  const autoClearRef = useRef6(null);
+  const clear = useCallback7(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     autoClearRef.current = null;
     targetRef.current = null;
     clearCursorTarget("guide");
   }, []);
-  const onHighlightMessage = useCallback6((msg) => {
+  const onHighlightMessage = useCallback7((msg) => {
     const parsed = parseHighlightMessage(msg.payload);
     if (!parsed)
       return;
@@ -2728,7 +2948,7 @@ function HighlightOverlay() {
     autoClearRef.current = setTimeout(clear, HIGHLIGHT_AUTO_CLEAR_MS);
   }, [clear]);
   useDataChannel(HIGHLIGHT_TOPIC, onHighlightMessage);
-  useEffect10(() => {
+  useEffect13(() => {
     const onClick = (event) => {
       const target = targetRef.current;
       const node = event.target;
@@ -2738,26 +2958,26 @@ function HighlightOverlay() {
     document.addEventListener("click", onClick, { capture: true });
     return () => document.removeEventListener("click", onClick, { capture: true });
   }, [clear]);
-  useEffect10(() => clear, [clear]);
+  useEffect13(() => clear, [clear]);
   return null;
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext4, useEffect as useEffect12, useRef as useRef7, useState as useState8 } from "react";
+import { useContext as useContext5, useEffect as useEffect15, useRef as useRef8, useState as useState10 } from "react";
 
 // src/hooks/useLauncherDrag.ts
-import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { useEffect as useEffect14, useRef as useRef7 } from "react";
 import { flushSync } from "react-dom";
 var DRAG_THRESHOLD_PX = 5;
 function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging) {
-  const wasDraggedRef = useRef6(false);
-  const onDropRef = useRef6(onDrop);
+  const wasDraggedRef = useRef7(false);
+  const onDropRef = useRef7(onDrop);
   onDropRef.current = onDrop;
-  const followTargetsRef = useRef6(followRefs);
+  const followTargetsRef = useRef7(followRefs);
   followTargetsRef.current = followRefs;
-  const reportDraggingRef = useRef6(reportDragging);
+  const reportDraggingRef = useRef7(reportDragging);
   reportDraggingRef.current = reportDragging;
-  useEffect11(() => {
+  useEffect14(() => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -2906,7 +3126,7 @@ function cn(...inputs) {
 }
 
 // src/components/AdoptionBubble.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function AdoptionBubble({
   goal,
   onAttend,
@@ -2914,7 +3134,7 @@ function AdoptionBubble({
   exitDelayMs = 0,
   hidden = false
 }) {
-  return /* @__PURE__ */ jsx2("div", {
+  return /* @__PURE__ */ jsx3("div", {
     style: {
       animationDelay: `${appearDelayMs}ms`,
       transitionDelay: hidden ? `${exitDelayMs}ms` : "0ms"
@@ -2925,18 +3145,18 @@ function AdoptionBubble({
       onClick: () => onAttend(goal),
       className: cn("skippr:flex skippr:max-w-72 skippr:items-center skippr:gap-2", "skippr:rounded-[14px] skippr:bg-amber-50 skippr:py-1.5 skippr:pr-3 skippr:pl-1.5", "skippr:text-left skippr:shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "skippr:transition-colors skippr:cursor-pointer skippr:hover:bg-amber-100", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-bubble/60"),
       children: [
-        /* @__PURE__ */ jsx2("span", {
+        /* @__PURE__ */ jsx3("span", {
           className: cn("skippr:flex skippr:h-6 skippr:w-6 skippr:shrink-0 skippr:items-center skippr:justify-center", "skippr:text-amber-700"),
-          children: /* @__PURE__ */ jsx2(Lightbulb, {
+          children: /* @__PURE__ */ jsx3(Lightbulb, {
             className: "skippr:h-3.5 skippr:w-3.5",
             fill: "currentColor"
           })
         }),
-        /* @__PURE__ */ jsx2("span", {
+        /* @__PURE__ */ jsx3("span", {
           className: "skippr:min-w-0 skippr:truncate skippr:text-[13px] skippr:font-semibold skippr:text-amber-950",
           children: goal.displayMessage
         }),
-        /* @__PURE__ */ jsx2(ArrowRight, {
+        /* @__PURE__ */ jsx3(ArrowRight, {
           className: "skippr:h-3.5 skippr:w-3.5 skippr:shrink-0 skippr:text-amber-700"
         })
       ]
@@ -2945,12 +3165,12 @@ function AdoptionBubble({
 }
 
 // src/components/ModulePill.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var RING_RADIUS = 8;
 var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
-function ModulePill({ module, onSelect, progress, isLive = false, label }) {
-  const completedPhases = progress?.completed ?? module.currentSession?.currentPhaseIndex ?? 0;
-  const totalPhases = progress?.total ?? module.totalPhases;
+function ModulePill({ module, onSelect }) {
+  const completedPhases = module.currentSession?.currentPhaseIndex ?? 0;
+  const totalPhases = module.totalPhases;
   const showProgress = module.mode !== AGENT_MODE.AlwaysOn && totalPhases > 0;
   const progressFraction = showProgress ? Math.min(completedPhases / totalPhases, 1) : 0;
   return /* @__PURE__ */ jsxs3("button", {
@@ -2958,16 +3178,12 @@ function ModulePill({ module, onSelect, progress, isLive = false, label }) {
     onClick: () => onSelect(module.id),
     className: cn("skippr:flex skippr:w-40 skippr:items-center skippr:gap-1.5 skippr:whitespace-nowrap", "skippr:rounded-[14px] skippr:bg-white skippr:px-3 skippr:py-1.5", "skippr:text-[13px] skippr:font-medium skippr:text-black", "skippr:shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "skippr:transition-colors skippr:cursor-pointer skippr:hover:bg-neutral-100", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-bubble/60"),
     children: [
-      isLive && /* @__PURE__ */ jsx3("span", {
-        "aria-hidden": "true",
-        className: "skippr:size-[6px] skippr:shrink-0 skippr:rounded-full skippr:bg-emerald-500 skippr:animate-pulse skippr:motion-reduce:animate-none"
-      }),
-      showProgress && !isLive && /* @__PURE__ */ jsxs3("svg", {
+      showProgress && /* @__PURE__ */ jsxs3("svg", {
         viewBox: "0 0 20 20",
         className: "skippr:size-4 skippr:shrink-0 skippr:-rotate-90",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx3("circle", {
+          /* @__PURE__ */ jsx4("circle", {
             cx: "10",
             cy: "10",
             r: RING_RADIUS,
@@ -2975,7 +3191,7 @@ function ModulePill({ module, onSelect, progress, isLive = false, label }) {
             strokeWidth: "2.5",
             className: "skippr:stroke-black/15"
           }),
-          /* @__PURE__ */ jsx3("circle", {
+          /* @__PURE__ */ jsx4("circle", {
             cx: "10",
             cy: "10",
             r: RING_RADIUS,
@@ -2988,9 +3204,9 @@ function ModulePill({ module, onSelect, progress, isLive = false, label }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsx3("span", {
+      /* @__PURE__ */ jsx4("span", {
         className: "skippr:min-w-0 skippr:flex-1 skippr:truncate skippr:text-left",
-        children: label ?? module.name
+        children: module.name
       }),
       showProgress && /* @__PURE__ */ jsxs3("span", {
         className: cn("skippr:ml-0.5 skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-1 skippr:rounded-full", "skippr:bg-black/[0.07] skippr:px-1.5 skippr:py-0.5", "skippr:text-[10px] skippr:font-semibold"),
@@ -3005,29 +3221,86 @@ function ModulePill({ module, onSelect, progress, isLive = false, label }) {
 }
 
 // src/components/MinimizedBubble.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var GOALS_AUTO_HIDE_MS = 1e4;
 var GOAL_FADE_OUT_MS = 300;
 var GOAL_APPEAR_STAGGER_MS = 150;
 var GOAL_EXIT_STAGGER_MS = 250;
 var MAX_GOAL_BUBBLES = 3;
 var MAX_MODULE_PILLS = 3;
-function IdleLauncher({ position, onClick }) {
-  return /* @__PURE__ */ jsx4("button", {
+function SkipprMark({ onStart }) {
+  return /* @__PURE__ */ jsx5("button", {
     type: "button",
-    onClick,
+    onClick: onStart,
     "aria-label": "Ask Me Anything",
-    className: cn("skippr:group skippr:relative skippr:h-[50px] skippr:w-[50px]", "skippr:rounded-[16px] skippr:bg-launcher skippr:cursor-pointer", "skippr:shadow-[-6px_6px_22px_rgba(0,0,0,0.3)]", "skippr:[animation:skippr-orb-in_320ms_cubic-bezier(0.34,1.3,0.64,1)]", "skippr:transition-transform skippr:duration-200 skippr:ease-out skippr:hover:scale-110", position === "right" ? "skippr:translate-x-7 skippr:origin-right" : "skippr:-translate-x-7 skippr:origin-left"),
-    children: /* @__PURE__ */ jsx4("svg", {
+    className: "skippr:flex skippr:h-[36px] skippr:w-[36px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:bg-transparent skippr:p-0",
+    children: /* @__PURE__ */ jsx5("svg", {
       viewBox: "0 0 15.4044 18.4853",
-      className: cn("skippr:absolute skippr:top-1/2 skippr:-translate-y-1/2 skippr:h-[18.5px] skippr:w-[15.4px]", position === "right" ? "skippr:right-[24px]" : "skippr:left-[24px]"),
+      className: "skippr:h-[18.5px] skippr:w-[15.4px]",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx4("path", {
+      children: /* @__PURE__ */ jsx5("path", {
         d: "M2.25789 0.295419C1.33925 -0.413932 0 0.234459 0 1.38715V17.0972C0 18.4106 1.67407 18.987 2.49664 17.9562L6.40435 13.061C6.54853 12.8805 6.73209 12.7348 6.94126 12.6347C7.15043 12.5345 7.37978 12.4826 7.6121 12.4828H14.0025C15.3343 12.4828 15.9134 10.8128 14.8614 10.0037L2.25789 0.295419Z",
         className: "skippr:fill-brand"
       })
-    })
+    })
+  });
+}
+function ChatButton({
+  revealed,
+  position,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx5("button", {
+    type: "button",
+    onClick,
+    "aria-label": "Open chat",
+    tabIndex: revealed ? 0 : -1,
+    className: cn("skippr:h-[36px] skippr:shrink-0 skippr:overflow-hidden skippr:p-0", "skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", position === "right" ? "skippr:order-last" : "skippr:order-first"),
+    style: {
+      width: revealed ? 36 : 0,
+      opacity: revealed ? 1 : 0,
+      transform: revealed ? "scale(1)" : "scale(0.55)",
+      cursor: revealed ? "pointer" : "default"
+    },
+    children: /* @__PURE__ */ jsx5("span", {
+      className: "skippr:flex skippr:h-[36px] skippr:w-[36px] skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-white",
+      children: /* @__PURE__ */ jsx5("svg", {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "#1c1f2a",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx5("path", {
+          d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
+        })
+      })
+    })
+  });
+}
+function IdleLauncher({
+  position,
+  isHovered,
+  onStart,
+  onChat
+}) {
+  return /* @__PURE__ */ jsxs4("div", {
+    className: cn("skippr:flex skippr:h-[48px] skippr:items-center", "skippr:bg-launcher skippr:p-1.5 skippr:shadow-[-6px_8px_30px_rgba(15,18,26,0.32)]", "skippr:[animation:skippr-orb-in_320ms_cubic-bezier(0.34,1.3,0.64,1)]", "skippr:transition-transform skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", position === "right" ? "skippr:rounded-l-[18px] skippr:origin-right" : "skippr:rounded-r-[18px] skippr:origin-left", position === "right" ? isHovered ? "skippr:translate-x-3" : "skippr:translate-x-7" : isHovered ? "skippr:-translate-x-3" : "skippr:-translate-x-7"),
+    style: { gap: isHovered ? 8 : 0 },
+    children: [
+      /* @__PURE__ */ jsx5(ChatButton, {
+        revealed: isHovered,
+        position,
+        onClick: onChat
+      }),
+      /* @__PURE__ */ jsx5(SkipprMark, {
+        onStart
+      })
+    ]
   });
 }
 function WelcomeBubble({
@@ -3037,7 +3310,7 @@ function WelcomeBubble({
   onDismiss,
   onClick
 }) {
-  useEffect12(() => {
+  useEffect15(() => {
     const timer = setTimeout(onDismiss, 5000);
     return () => clearTimeout(timer);
   }, [onDismiss]);
@@ -3048,7 +3321,7 @@ function WelcomeBubble({
     "aria-label": "Dismiss",
     children: [
       message,
-      /* @__PURE__ */ jsx4("span", {
+      /* @__PURE__ */ jsx5("span", {
         className: cn("skippr:absolute skippr:size-2.5", "skippr:border-l skippr:border-t skippr:border-border skippr:bg-card", popsDown ? "skippr:bottom-full skippr:rotate-45 skippr:-mb-[5px]" : "skippr:top-full skippr:rotate-[225deg] skippr:-mt-[5px]", position === "right" ? "skippr:right-5" : "skippr:left-5")
       })
     ]
@@ -3059,7 +3332,7 @@ function MinimizedBubble({
   welcomeDismissed,
   onDismissWelcome
 }) {
-  const ctx = useContext4(LiveAgentContext);
+  const ctx = useContext5(LiveAgentContext);
   if (!ctx) {
     throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
   }
@@ -3072,19 +3345,22 @@ function MinimizedBubble({
     startAdoptionSession,
     isAuthenticated,
     displayModules,
+    defaultAgentId,
+    startDefaultSession,
     hasResolvedModules,
     isLoadingModules,
     selectModule,
     expandPanel,
+    setSidebarTab,
     commitLauncherDrop
   } = ctx;
-  const [goalsAutoHidden, setGoalsAutoHidden] = useState8(false);
-  const [isLauncherHovered, setIsLauncherHovered] = useState8(false);
-  const [visitHref, setVisitHref] = useState8(() => window.location.href);
-  const revealedHrefRef = useRef7(null);
-  const hoverContainerRef = useRef7(null);
-  useEffect12(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
-  useEffect12(() => {
+  const [goalsAutoHidden, setGoalsAutoHidden] = useState10(false);
+  const [isLauncherHovered, setIsLauncherHovered] = useState10(false);
+  const [visitHref, setVisitHref] = useState10(() => window.location.href);
+  const revealedHrefRef = useRef8(null);
+  const hoverContainerRef = useRef8(null);
+  useEffect15(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
+  useEffect15(() => {
     const el = hoverContainerRef.current;
     if (!el)
       return;
@@ -3102,12 +3378,11 @@ function MinimizedBubble({
     const state = getModuleSessionState(module.currentSession, module.mode);
     return state !== "completed" && state !== "expired";
   });
-  const alwaysOnModule = actionableModules.find((module) => module.mode === AGENT_MODE.AlwaysOn);
   const pillCandidates = actionableModules.filter((module) => module.mode !== AGENT_MODE.AlwaysOn);
   const onboardingModule = pillCandidates.find((module) => module.type === "onboarding");
   const modulePills = onboardingModule ? [onboardingModule] : pillCandidates.slice(0, MAX_MODULE_PILLS).reverse();
   const goalsEligible = adoptionGoals.length > 0 && !onboardingModule && hasResolvedModules;
-  useEffect12(() => {
+  useEffect15(() => {
     if (!goalsEligible)
       return;
     if (revealedHrefRef.current === visitHref) {
@@ -3121,8 +3396,8 @@ function MinimizedBubble({
   }, [goalsEligible, visitHref]);
   const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
   const goalsHidden = goalsAutoHidden && !isLauncherHovered;
-  const [goalsUnmounted, setGoalsUnmounted] = useState8(false);
-  useEffect12(() => {
+  const [goalsUnmounted, setGoalsUnmounted] = useState10(false);
+  useEffect15(() => {
     if (!goalsHidden) {
       setGoalsUnmounted(false);
       return;
@@ -3132,12 +3407,18 @@ function MinimizedBubble({
     return () => clearTimeout(timer);
   }, [goalsHidden]);
   const visibleGoals = goalsUnmounted ? [] : matchedGoals;
+  const openChat = (e) => {
+    e.stopPropagation();
+    if (wasDraggedRef.current)
+      return;
+    setSidebarTab("chat");
+    expandPanel();
+  };
   const launchDefaultSession = () => {
     if (wasDraggedRef.current || isStarting || isLoadingModules)
       return;
-    const target = isAuthenticated ? alwaysOnModule ?? onboardingModule ?? pillCandidates[0] : null;
-    if (target) {
-      selectModule(target.id);
+    if (isAuthenticated && defaultAgentId) {
+      startDefaultSession();
     } else {
       expandPanel();
     }
@@ -3150,7 +3431,7 @@ function MinimizedBubble({
       (modulePills.length > 0 || visibleGoals.length > 0) && /* @__PURE__ */ jsxs4("div", {
         className: cn("skippr:absolute skippr:gap-2", popsDown ? "skippr:top-full skippr:mt-3 skippr:flex skippr:flex-col-reverse" : "skippr:bottom-full skippr:mb-3 skippr:flex skippr:flex-col", position === "right" ? "skippr:right-0 skippr:items-end" : "skippr:left-0 skippr:items-start"),
         children: [
-          visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx4(AdoptionBubble, {
+          visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx5(AdoptionBubble, {
             goal,
             onAttend: (attended) => {
               if (!wasDraggedRef.current)
@@ -3160,7 +3441,7 @@ function MinimizedBubble({
             exitDelayMs: (visibleGoals.length - 1 - index2) * GOAL_EXIT_STAGGER_MS,
             hidden: goalsHidden
           }, goal.goalId)),
-          modulePills.map((module) => /* @__PURE__ */ jsx4(ModulePill, {
+          modulePills.map((module) => /* @__PURE__ */ jsx5(ModulePill, {
             module,
             onSelect: (id) => {
               if (!wasDraggedRef.current)
@@ -3169,7 +3450,7 @@ function MinimizedBubble({
           }, module.id))
         ]
       }),
-      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx4(WelcomeBubble, {
+      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx5(WelcomeBubble, {
         message: welcomeMessage,
         position,
         popsDown,
@@ -3179,9 +3460,11 @@ function MinimizedBubble({
             onDismissWelcome();
         }
       }),
-      /* @__PURE__ */ jsx4(IdleLauncher, {
+      /* @__PURE__ */ jsx5(IdleLauncher, {
         position,
-        onClick: launchDefaultSession
+        isHovered: isLauncherHovered,
+        onStart: launchDefaultSession,
+        onChat: openChat
       })
     ]
   });
@@ -3189,7 +3472,7 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef9 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
 var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var textDecoder2 = new TextDecoder;
@@ -3406,12 +3689,12 @@ function labelFor(action) {
   }
 }
 function PageActionHandler() {
-  const mountedRef = useRef8(true);
-  const queueRef = useRef8([]);
-  const drainingRef = useRef8(false);
-  const settleTimerRef = useRef8(null);
-  const endStepRef = useRef8(null);
-  const runStep = useCallback7((action) => {
+  const mountedRef = useRef9(true);
+  const queueRef = useRef9([]);
+  const drainingRef = useRef9(false);
+  const settleTimerRef = useRef9(null);
+  const endStepRef = useRef9(null);
+  const runStep = useCallback8((action) => {
     return new Promise((resolve) => {
       if (action.type === "scroll_page") {
         let scrolled = false;
@@ -3480,7 +3763,7 @@ function PageActionHandler() {
       });
     });
   }, []);
-  const drain = useCallback7(async () => {
+  const drain = useCallback8(async () => {
     if (drainingRef.current)
       return;
     drainingRef.current = true;
@@ -3511,14 +3794,14 @@ function PageActionHandler() {
       }
     }
   }, [runStep]);
-  const onMessage = useCallback7((msg) => {
+  const onMessage = useCallback8((msg) => {
     const action = parsePageAction(msg.payload);
     if (!action)
       return;
     queueRef.current.push(action);
     drain();
   }, [drain]);
-  useEffect13(() => {
+  useEffect16(() => {
     mountedRef.current = true;
     drainingRef.current = false;
     return () => {
@@ -3530,7 +3813,7 @@ function PageActionHandler() {
       setActionsBusy(false);
     };
   }, []);
-  useEffect13(() => {
+  useEffect16(() => {
     return onActionsPausedChange((paused) => {
       if (paused) {
         clearCursorTarget("act");
@@ -3546,25 +3829,25 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useContext as useContext6, useEffect as useEffect18 } from "react";
+import { useContext as useContext6, useEffect as useEffect19 } from "react";
 
 // src/hooks/useActionControl.ts
-import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback8, useEffect as useEffect14, useState as useState9 } from "react";
-var textEncoder3 = new TextEncoder;
+import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback9, useEffect as useEffect17, useState as useState11 } from "react";
+var textEncoder4 = new TextEncoder;
 function useActionControl() {
-  const { localParticipant } = useLocalParticipant3();
+  const { localParticipant } = useLocalParticipant4();
   const plan = usePlanUpdates();
-  const [busy, setBusy] = useState9(isActionsBusy);
-  const [actionsPaused2, setPaused] = useState9(false);
-  useEffect14(() => subscribeActionsBusy(setBusy), []);
+  const [busy, setBusy] = useState11(isActionsBusy);
+  const [actionsPaused2, setPaused] = useState11(false);
+  useEffect17(() => subscribeActionsBusy(setBusy), []);
   const actionsActive = busy || plan?.state === "executing";
-  const togglePaused = useCallback8(async () => {
+  const togglePaused = useCallback9(async () => {
     const next = !actionsPaused2;
     setPaused(next);
     setActionsPaused(next);
     try {
-      await localParticipant.publishData(textEncoder3.encode(JSON.stringify({ type: next ? "pause" : "resume" })), { reliable: true, topic: ACTION_CONTROL_TOPIC });
+      await localParticipant.publishData(textEncoder4.encode(JSON.stringify({ type: next ? "pause" : "resume" })), { reliable: true, topic: ACTION_CONTROL_TOPIC });
     } catch (error) {
       console.error("Failed to send action pause/resume:", error);
     }
@@ -3585,13 +3868,13 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect15, useRef as useRef9, useState as useState10 } from "react";
+import { useEffect as useEffect18, useRef as useRef10, useState as useState12 } from "react";
 var TALKING_LEVEL_THRESHOLD = 0.2;
 var TALKING_HOLD_MS = 400;
 function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowthPx, noiseGate }) {
-  const barRefs = useRef9([]);
-  const [isTalking, setIsTalking] = useState10(false);
-  useEffect15(() => {
+  const barRefs = useRef10([]);
+  const [isTalking, setIsTalking] = useState12(false);
+  useEffect18(() => {
     if (!mediaStreamTrack) {
       for (const bar of barRefs.current) {
         if (bar)
@@ -3642,26 +3925,26 @@ function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowth
 }
 
 // src/hooks/useMediaControls.ts
-import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
 import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback10 } from "react";
 var SCREEN_SHARE_OPTIONS = {
   video: { displaySurface: "browser" },
   resolution: ScreenSharePresets2.h720fps30.resolution,
   contentHint: "detail"
 };
 function useMediaControls() {
-  const { localParticipant } = useLocalParticipant4();
+  const { localParticipant } = useLocalParticipant5();
   const isMuted = !localParticipant.isMicrophoneEnabled;
   const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback9(async () => {
+  const toggleMute = useCallback10(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(isMuted);
     } catch (error) {
       console.error("Failed to toggle microphone:", error);
     }
   }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback9(async () => {
+  const toggleScreenShare = useCallback10(async () => {
     try {
       await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
     } catch (error) {
@@ -3672,13 +3955,13 @@ function useMediaControls() {
 }
 
 // src/hooks/useMicLevel.ts
-import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
 var MIC_BARS = 5;
 var IDLE_BAR_HEIGHT_PX = 5;
 var MAX_BAR_GROWTH_PX = 17;
 var MIC_NOISE_GATE = 0.15;
 function useMicLevel(enabled) {
-  const { microphoneTrack } = useLocalParticipant5();
+  const { microphoneTrack } = useLocalParticipant6();
   const mediaStreamTrack = microphoneTrack?.track?.mediaStreamTrack;
   return useAudioLevelBars(enabled ? mediaStreamTrack : undefined, {
     barCount: MIC_BARS,
@@ -3688,92 +3971,6 @@ function useMicLevel(enabled) {
   });
 }
 
-// src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback10, useContext as useContext5, useEffect as useEffect16 } from "react";
-function parsePhases(json) {
-  try {
-    const data = JSON.parse(json);
-    if (data.type === "phase_update" && Array.isArray(data.phases)) {
-      return data.phases;
-    }
-  } catch {}
-  return null;
-}
-function usePhaseUpdates() {
-  const parse = useCallback10(parsePhases, []);
-  const livePhases = useAgentState("phases", parse, []);
-  const ctx = useContext5(LiveAgentContext);
-  useEffect16(() => {
-    if (livePhases.length > 0)
-      ctx?.setPhasesSnapshot(livePhases);
-  }, [livePhases, ctx?.setPhasesSnapshot]);
-  const phases = livePhases.length > 0 ? livePhases : ctx?.phasesSnapshot ?? [];
-  return { phases };
-}
-
-// src/hooks/useSessionHold.ts
-import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback11, useEffect as useEffect17, useState as useState11 } from "react";
-var textEncoder4 = new TextEncoder;
-var FALLBACK_PAUSE_TIMEOUT_SECONDS = 120;
-function useSessionHold({
-  pauseSession,
-  pauseTimeoutSeconds
-}) {
-  const { localParticipant } = useLocalParticipant6();
-  const timeoutSeconds = pauseTimeoutSeconds ?? FALLBACK_PAUSE_TIMEOUT_SECONDS;
-  const [isHeld, setIsHeld] = useState11(false);
-  const [countdown, setCountdown] = useState11(timeoutSeconds);
-  const publish = useCallback11(async (type) => {
-    await localParticipant.publishData(textEncoder4.encode(JSON.stringify({ type })), {
-      reliable: true,
-      topic: SESSION_HOLD_TOPIC
-    });
-  }, [localParticipant]);
-  const hold = useCallback11(async () => {
-    try {
-      await localParticipant.setMicrophoneEnabled(false);
-      await publish("pause");
-      setIsHeld(true);
-    } catch (error) {
-      console.error("Failed to hold session:", error);
-    }
-  }, [localParticipant, publish]);
-  const release = useCallback11(async () => {
-    try {
-      await localParticipant.setMicrophoneEnabled(true);
-      await publish("resume");
-      setIsHeld(false);
-    } catch (error) {
-      console.error("Failed to release session:", error);
-    }
-  }, [localParticipant, publish]);
-  useEffect17(() => {
-    if (!isHeld) {
-      setCountdown(timeoutSeconds);
-      return;
-    }
-    const id = setInterval(() => {
-      setCountdown((seconds) => Math.max(0, seconds - 1));
-    }, 1000);
-    return () => clearInterval(id);
-  }, [isHeld, timeoutSeconds]);
-  useEffect17(() => {
-    if (isHeld && countdown === 0) {
-      setIsHeld(false);
-      pauseSession();
-    }
-  }, [isHeld, countdown, pauseSession]);
-  const toggle = useCallback11(() => {
-    if (isHeld) {
-      release();
-    } else {
-      hold();
-    }
-  }, [isHeld, hold, release]);
-  return { isHeld, countdown, toggle };
-}
-
 // src/components/PausedCountdown.tsx
 import { jsxs as jsxs5 } from "react/jsx-runtime";
 function PausedCountdown({ secondsRemaining }) {
@@ -3798,10 +3995,10 @@ function PausedCountdown({ secondsRemaining }) {
 }
 
 // src/components/SessionControlBar.tsx
-import { jsx as jsx5, jsxs as jsxs6, Fragment } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6, Fragment } from "react/jsx-runtime";
 var STANDBY_BAR_WIDTH = 168;
 var READY_BAR_WIDTH = 238;
-var PAUSED_BAR_WIDTH = 200;
+var PAUSED_BAR_WIDTH = 248;
 var TEXT_BAR_WIDTH = 100;
 var SCREEN_SHARE_EXTRA_WIDTH = 46;
 var ACTION_CONTROL_EXTRA_WIDTH = 46;
@@ -3836,16 +4033,16 @@ function AgentActivity({
     className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-bubble",
     "aria-label": isActing ? "Agent is acting" : `Agent is ${state}`,
     children: [
-      /* @__PURE__ */ jsx5("span", {
+      /* @__PURE__ */ jsx6("span", {
         className: "skippr:flex skippr:size-5 skippr:shrink-0 skippr:items-center skippr:justify-center",
-        children: isActing ? /* @__PURE__ */ jsx5(MousePointerClick, {
+        children: isActing ? /* @__PURE__ */ jsx6(MousePointerClick, {
           strokeWidth: 2,
           className: "skippr:size-5 skippr:[animation:skippr-finger-tap_1.1s_ease-in-out_infinite]"
         }) : /* @__PURE__ */ jsxs6(Fragment, {
           children: [
-            state === "speaking" && /* @__PURE__ */ jsx5("span", {
+            state === "speaking" && /* @__PURE__ */ jsx6("span", {
               className: "skippr:flex skippr:h-5 skippr:items-center skippr:gap-[2px]",
-              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx5("span", {
+              children: Array.from({ length: AGENT_BARS }).map((_, index2) => /* @__PURE__ */ jsx6("span", {
                 ref: (el) => {
                   barRefs.current[index2] = el;
                 },
@@ -3856,13 +4053,13 @@ function AgentActivity({
             state === "thinking" && /* @__PURE__ */ jsxs6("span", {
               className: "skippr:flex skippr:items-center skippr:gap-[3px]",
               children: [
-                /* @__PURE__ */ jsx5("span", {
+                /* @__PURE__ */ jsx6("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:0ms]"
                 }),
-                /* @__PURE__ */ jsx5("span", {
+                /* @__PURE__ */ jsx6("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:150ms]"
                 }),
-                /* @__PURE__ */ jsx5("span", {
+                /* @__PURE__ */ jsx6("span", {
                   className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:300ms]"
                 })
               ]
@@ -3877,10 +4074,10 @@ function AgentActivity({
               strokeLinejoin: "round",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx5("path", {
+                /* @__PURE__ */ jsx6("path", {
                   d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
                 }),
-                /* @__PURE__ */ jsx5("circle", {
+                /* @__PURE__ */ jsx6("circle", {
                   cx: "12",
                   cy: "12",
                   r: "2.5",
@@ -3893,7 +4090,7 @@ function AgentActivity({
           ]
         })
       }),
-      /* @__PURE__ */ jsx5("span", {
+      /* @__PURE__ */ jsx6("span", {
         className: "skippr:text-[11px] skippr:font-medium skippr:capitalize",
         children: label
       })
@@ -3920,11 +4117,9 @@ function SessionControlBar() {
   const {
     textMode,
     launcherBottomPx,
-    popsDown,
     controlBarRef,
     commitLauncherDrop,
     panelRef,
-    pauseTimeoutSeconds,
     isDragging,
     setIsDragging
   } = internalCtx;
@@ -3933,17 +4128,9 @@ function SessionControlBar() {
   const { wasDraggedRef } = useLauncherDrag(controlBarRef, commitLauncherDrop, panelFollowers, setIsDragging);
   const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
   const { state, mediaStreamTrack: agentMediaStreamTrack } = useAgentVoiceState();
-  const { phases } = usePhaseUpdates();
   const { actionsActive, actionsPaused: actionsPaused2, togglePaused } = useActionControl();
-  const {
-    isHeld,
-    countdown,
-    toggle: togglePause
-  } = useSessionHold({
-    pauseSession,
-    pauseTimeoutSeconds
-  });
-  useEffect18(() => {
+  const { isHeld, countdown, toggle: togglePause } = useSessionHoldContext();
+  useEffect19(() => {
     if (isHeld)
       minimizePanel();
   }, [isHeld, minimizePanel]);
@@ -3964,18 +4151,6 @@ function SessionControlBar() {
     }
   }
   const agendaModule = activeModule && activeModule.mode !== AGENT_MODE.AlwaysOn && activeModule.totalPhases > 0 ? activeModule : null;
-  const agendaProgress = phases.length > 0 ? {
-    completed: phases.filter((phase) => phase.status === "completed").length,
-    total: phases.length
-  } : agendaModule ? {
-    completed: agendaModule.currentSession?.currentPhaseIndex ?? 0,
-    total: agendaModule.totalPhases
-  } : null;
-  const currentPhaseName = phases.find((phase) => phase.status === "active")?.name ?? phases.find((phase) => phase.status === "pending")?.name;
-  const openAgenda = () => {
-    setSidebarTab("agenda");
-    expandPanel();
-  };
   const togglePanel = () => {
     if (isPanelOpen) {
       minimizePanel();
@@ -3989,21 +4164,20 @@ function SessionControlBar() {
       return;
     action();
   };
+  const panelToggleButton = /* @__PURE__ */ jsx6("button", {
+    type: "button",
+    onClick: ifNotDragged(togglePanel),
+    "aria-label": isPanelOpen ? "Close panel" : agendaModule && !textMode ? "Open agenda" : "Open chat",
+    className: cn(SQUARE_BUTTON, "skippr:text-neutral-700", textMode ? "skippr:hover:bg-neutral-100" : "skippr:bg-neutral-100 skippr:hover:bg-neutral-200"),
+    children: /* @__PURE__ */ jsx6(MessageSquare, {
+      className: "skippr:size-5"
+    })
+  });
   return /* @__PURE__ */ jsxs6("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: [
-      !isPanelOpen && agendaModule && agendaProgress && /* @__PURE__ */ jsx5("div", {
-        className: cn("skippr:absolute", popsDown ? "skippr:top-full skippr:mt-3" : "skippr:bottom-full skippr:mb-3", isReady ? position === "right" ? "skippr:right-7" : "skippr:left-7" : position === "right" ? "skippr:right-0" : "skippr:left-0"),
-        children: /* @__PURE__ */ jsx5(ModulePill, {
-          module: agendaModule,
-          onSelect: ifNotDragged(openAgenda),
-          progress: agendaProgress,
-          label: currentPhaseName ?? agendaModule.name,
-          isLive: true
-        })
-      }),
       /* @__PURE__ */ jsxs6("div", {
         style: { width: 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")),
@@ -4014,18 +4188,18 @@ function SessionControlBar() {
               /* @__PURE__ */ jsxs6("span", {
                 className: "skippr:flex skippr:items-center skippr:gap-[3px]",
                 children: [
-                  /* @__PURE__ */ jsx5("span", {
+                  /* @__PURE__ */ jsx6("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:0ms]"
                   }),
-                  /* @__PURE__ */ jsx5("span", {
+                  /* @__PURE__ */ jsx6("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:150ms]"
                   }),
-                  /* @__PURE__ */ jsx5("span", {
+                  /* @__PURE__ */ jsx6("span", {
                     className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:300ms]"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx5("span", {
+              /* @__PURE__ */ jsx6("span", {
                 children: "Standing by…"
               })
             ]
@@ -4033,32 +4207,37 @@ function SessionControlBar() {
           isReady && /* @__PURE__ */ jsxs6("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__ */ jsx5("button", {
+              /* @__PURE__ */ jsx6("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__ */ jsx5(Play, {
+                children: isHeld ? /* @__PURE__ */ jsx6(Play, {
                   className: "skippr:size-5",
                   fill: "currentColor"
-                }) : /* @__PURE__ */ jsx5(Pause, {
+                }) : /* @__PURE__ */ jsx6(Pause, {
                   className: "skippr:size-5",
                   fill: "currentColor"
                 })
               }),
-              isHeld ? /* @__PURE__ */ jsx5(PausedCountdown, {
-                secondsRemaining: countdown
+              isHeld ? /* @__PURE__ */ jsxs6(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsx6(PausedCountdown, {
+                    secondsRemaining: countdown
+                  }),
+                  panelToggleButton
+                ]
               }) : /* @__PURE__ */ jsxs6(Fragment, {
                 children: [
                   !textMode && /* @__PURE__ */ jsxs6("div", {
                     className: "skippr:relative skippr:h-[38px]",
                     style: { width: MIC_REGION_WIDTH },
                     children: [
-                      !isTalking && /* @__PURE__ */ jsx5("span", {
+                      !isTalking && /* @__PURE__ */ jsx6("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__ */ jsx5(AgentActivity, {
+                        children: /* @__PURE__ */ jsx6(AgentActivity, {
                           state,
                           isActing: showActionControl && !actionsPaused2,
                           mediaStreamTrack: agentMediaStreamTrack
@@ -4071,17 +4250,17 @@ function SessionControlBar() {
                         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__ */ jsx5("span", {
+                          /* @__PURE__ */ jsx6("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__ */ jsx5(MicOff, {
+                            children: isMuted ? /* @__PURE__ */ jsx6(MicOff, {
                               className: "skippr:size-5"
-                            }) : /* @__PURE__ */ jsx5(Mic, {
+                            }) : /* @__PURE__ */ jsx6(Mic, {
                               className: "skippr:size-5"
                             })
                           }),
-                          /* @__PURE__ */ jsx5("span", {
+                          /* @__PURE__ */ jsx6("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__ */ jsx5("span", {
+                            children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx6("span", {
                               ref: (el) => {
                                 barRefs.current[index2] = el;
                               },
@@ -4093,36 +4272,28 @@ function SessionControlBar() {
                       })
                     ]
                   }),
-                  showScreenShareToggle && /* @__PURE__ */ jsx5("button", {
+                  showScreenShareToggle && /* @__PURE__ */ jsx6("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__ */ jsx5(MonitorOff, {
-                      className: "skippr:size-5"
-                    }) : /* @__PURE__ */ jsx5(Monitor, {
+                    children: isScreenSharing ? /* @__PURE__ */ jsx6(MonitorOff, {
                       className: "skippr:size-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsx5("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__ */ jsx5(MessageSquare, {
+                    }) : /* @__PURE__ */ jsx6(Monitor, {
                       className: "skippr:size-5"
                     })
                   }),
-                  showActionControl && /* @__PURE__ */ jsx5("button", {
+                  panelToggleButton,
+                  showActionControl && /* @__PURE__ */ jsx6("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__ */ jsx5(Play, {
+                    children: actionsPaused2 ? /* @__PURE__ */ jsx6(Play, {
                       className: "skippr:size-5",
                       fill: "currentColor"
-                    }) : /* @__PURE__ */ jsx5(Square, {
+                    }) : /* @__PURE__ */ jsx6(Square, {
                       className: "skippr:size-5",
                       fill: "currentColor"
                     })
@@ -4133,7 +4304,7 @@ function SessionControlBar() {
           }, textMode ? "ready-text" : "ready")
         ]
       }),
-      isReady && !isDragging && /* @__PURE__ */ jsx5("button", {
+      isReady && !isDragging && /* @__PURE__ */ jsx6("button", {
         type: "button",
         onClick: ifNotDragged(() => void pauseSession()),
         disabled: isPausing,
@@ -4143,7 +4314,7 @@ function SessionControlBar() {
         children: /* @__PURE__ */ jsxs6("span", {
           className: "skippr:relative skippr:flex skippr:size-5 skippr:items-center skippr:justify-center",
           children: [
-            /* @__PURE__ */ jsx5(X, {
+            /* @__PURE__ */ jsx6(X, {
               className: cn("skippr:size-4 skippr:transition-opacity skippr:duration-200", isPausing && "skippr:opacity-40"),
               strokeWidth: 2.5
             }),
@@ -4153,7 +4324,7 @@ function SessionControlBar() {
               "aria-hidden": "true",
               className: "skippr:absolute skippr:inset-0 skippr:size-full skippr:animate-spin skippr:motion-reduce:hidden",
               children: [
-                /* @__PURE__ */ jsx5("circle", {
+                /* @__PURE__ */ jsx6("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4161,7 +4332,7 @@ function SessionControlBar() {
                   strokeOpacity: "0.2",
                   strokeWidth: "1.5"
                 }),
-                /* @__PURE__ */ jsx5("circle", {
+                /* @__PURE__ */ jsx6("circle", {
                   cx: "12",
                   cy: "12",
                   r: "10.5",
@@ -4180,9 +4351,9 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState12 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState13 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx6, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx7, Fragment as Fragment2 } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
 var PROPERTY_RULE = /@property\s+[^{]+\{[^}]*\}/g;
 function hoistTailwindProperties(css) {
@@ -4197,10 +4368,10 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef10(null);
-  const [shadowRoot, setShadowRoot] = useState12(null);
+  const hostRef = useRef11(null);
+  const [shadowRoot, setShadowRoot] = useState13(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-emerald-500:oklch(69.6% .17 162.48);--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-pulse:pulse 2s cubic-bezier(.4,0,.6,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\\:right-7{right:calc(var(--skippr-spacing)*7)}.skippr\\:right-\\[24px\\]{right:24px}.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\\:left-7{left:calc(var(--skippr-spacing)*7)}.skippr\\:left-\\[24px\\]{left:24px}.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\\: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-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-\\[6px\\]{width:6px;height:6px}.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-\\[38px\\]{height:38px}.skippr\\:h-\\[50px\\]{height:50px}.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-\\[50px\\]{width:50px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);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-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-pulse{animation:var(--skippr-animate-pulse)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-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-\\[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-tl-md{border-top-left-radius:.5rem}.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-emerald-500{background-color:var(--skippr-color-emerald-500)}.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\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-green-700{color:var(--skippr-color-green-700)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_6px_22px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:-6px 6px 22px var(--tw-shadow-color,#0000004d);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\\: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\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-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-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 pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-8{width:calc(var(--skippr-spacing)*8)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-green-100{background-color:var(--skippr-color-green-100)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/15{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/15{background-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-green-700{color:var(--skippr-color-green-700)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-white\\/30{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-green-200:hover{background-color:var(--skippr-color-green-200)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/10:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--skippr-color-white)10%,transparent)}}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-brand:focus-visible{--tw-ring-color:#2bc0ae}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   useLayoutEffect2(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -4215,24 +4386,24 @@ function ShadowHost({ children }) {
     setShadowRoot(root);
   }, [css]);
   if (!css)
-    return /* @__PURE__ */ jsx6(Fragment2, {
+    return /* @__PURE__ */ jsx7(Fragment2, {
       children
     });
-  return /* @__PURE__ */ jsx6("div", {
+  return /* @__PURE__ */ jsx7("div", {
     ref: hostRef,
     children: shadowRoot && createPortal(children, shadowRoot)
   });
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext10, useEffect as useEffect24 } from "react";
+import { useContext as useContext11, useEffect as useEffect26 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext7, useMemo as useMemo5 } from "react";
+import { useContext as useContext7, useMemo as useMemo6 } from "react";
 
 // src/hooks/useChatMessages.ts
 import { useChat, useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 
 // src/lib/filterSystemMessages.ts
 var SYSTEM_MESSAGE_PATTERN = /^\[\w+\]$/;
@@ -4245,7 +4416,7 @@ function useChatMessages() {
   const { chatMessages: rawMessages, send, isSending } = useChat();
   const { localParticipant } = useLocalParticipant7();
   const localIdentity = localParticipant.identity;
-  const chatMessages = useMemo3(() => {
+  const chatMessages = useMemo4(() => {
     const sortedMessages = rawMessages.map((msg) => ({
       id: msg.id,
       role: msg.from?.identity === localIdentity ? "user" : "assistant",
@@ -4260,12 +4431,12 @@ function useChatMessages() {
 
 // src/hooks/useStreamingTranscript.ts
 import { useLocalParticipant as useLocalParticipant8, useTranscriptions } from "@livekit/components-react/hooks";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useTranscriptions();
   const { localParticipant } = useLocalParticipant8();
   const localIdentity = localParticipant.identity;
-  const transcriptMessages = useMemo4(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
+  const transcriptMessages = useMemo5(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
     id: stream.streamInfo.id,
     role: stream.participantInfo.identity === localIdentity ? "user" : "assistant",
     content: stream.text,
@@ -4297,14 +4468,14 @@ function useCombinedMessages() {
   const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
   const { state: agentState } = useAgentVoiceState();
   const historyMessages = useContext7(LiveAgentContext)?.historyMessages ?? [];
-  const liveMessages = useMemo5(() => {
+  const liveMessages = useMemo6(() => {
     if (chatMessages.length === 0)
       return transcriptMessages;
     if (transcriptMessages.length === 0)
       return chatMessages;
     return mergeChatsIntoTranscripts(transcriptMessages, chatMessages);
   }, [transcriptMessages, chatMessages]);
-  const allMessages = useMemo5(() => {
+  const allMessages = useMemo6(() => {
     if (historyMessages.length === 0)
       return liveMessages;
     const seenIds = new Set(liveMessages.map((message) => message.id));
@@ -4313,8 +4484,31 @@ function useCombinedMessages() {
   return { allMessages, agentState, sendChatMessage, isSendingChat };
 }
 
+// src/hooks/usePhaseUpdates.ts
+import { useCallback as useCallback11, useContext as useContext8, useEffect as useEffect20 } from "react";
+function parsePhases(json) {
+  try {
+    const data = JSON.parse(json);
+    if (data.type === "phase_update" && Array.isArray(data.phases)) {
+      return data.phases;
+    }
+  } catch {}
+  return null;
+}
+function usePhaseUpdates() {
+  const parse = useCallback11(parsePhases, []);
+  const livePhases = useAgentState("phases", parse, []);
+  const ctx = useContext8(LiveAgentContext);
+  useEffect20(() => {
+    if (livePhases.length > 0)
+      ctx?.setPhasesSnapshot(livePhases);
+  }, [livePhases, ctx?.setPhasesSnapshot]);
+  const phases = livePhases.length > 0 ? livePhases : ctx?.phasesSnapshot ?? [];
+  return { phases };
+}
+
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect19, useRef as useRef11, useState as useState13 } from "react";
+import { useEffect as useEffect21, useRef as useRef12, useState as useState14 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -4330,9 +4524,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef11(null);
-  const [remaining, setRemaining] = useState13(null);
-  useEffect19(() => {
+  const endTimeRef = useRef12(null);
+  const [remaining, setRemaining] = useState14(null);
+  useEffect21(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -4349,13 +4543,13 @@ function useSessionRemaining() {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext9, useRef as useRef13 } from "react";
+import { useContext as useContext10, useRef as useRef14 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect20, useState as useState14 } from "react";
+import { useEffect as useEffect22, useState as useState15 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState14(0);
-  useEffect20(() => {
+  const [elapsed, setElapsed] = useState15(0);
+  useEffect22(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -4372,16 +4566,16 @@ function useElapsedSeconds(isRunning) {
 
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant9 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback12, useContext as useContext8, useRef as useRef12 } from "react";
+import { useCallback as useCallback12, useContext as useContext9, useRef as useRef13 } from "react";
 var textEncoder5 = new TextEncoder;
 function useTextMode() {
-  const ctx = useContext8(LiveAgentContext);
+  const ctx = useContext9(LiveAgentContext);
   if (!ctx) {
     throw new Error("useTextMode must be used within a <LiveAgent> provider");
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
   const { localParticipant } = useLocalParticipant9();
-  const confirmedTextModeRef = useRef12(false);
+  const confirmedTextModeRef = useRef13(false);
   const toggleTextMode = useCallback12(async () => {
     const next = !textMode;
     setTextModeState(next);
@@ -4404,9 +4598,9 @@ function useTextMode() {
 }
 
 // src/components/ChatHeader.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ChatHeader() {
-  const ctx = useContext9(LiveAgentContext);
+  const ctx = useContext10(LiveAgentContext);
   if (!ctx) {
     throw new Error("ChatHeader must be used within a <LiveAgent> provider");
   }
@@ -4422,7 +4616,7 @@ function ChatHeader() {
     setIsDragging
   } = ctx;
   const elapsed = useElapsedSeconds(isConnected);
-  const headerRef = useRef13(null);
+  const headerRef = useRef14(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
@@ -4433,26 +4627,26 @@ function ChatHeader() {
       /* @__PURE__ */ jsxs7("div", {
         className: "skippr:flex skippr:items-center skippr:gap-3",
         children: [
-          isConnected && /* @__PURE__ */ jsx7(HeaderModeToggle, {}),
+          isConnected && /* @__PURE__ */ jsx8(HeaderModeToggle, {}),
           isConnected && /* @__PURE__ */ jsxs7("div", {
             className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-primary-foreground/20 skippr:px-2.5 skippr:py-1",
             children: [
               /* @__PURE__ */ jsxs7("span", {
                 className: "skippr:relative skippr:flex skippr:size-1.5",
                 children: [
-                  /* @__PURE__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx8("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__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx8("span", {
                     className: "skippr:relative skippr:inline-flex skippr:size-1.5 skippr:rounded-full skippr:bg-red-400"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx7("span", {
+              /* @__PURE__ */ jsx8("span", {
                 className: "skippr:text-[10px] skippr:font-medium skippr:text-primary-foreground",
                 children: "REC"
               }),
-              /* @__PURE__ */ jsx7("span", {
+              /* @__PURE__ */ jsx8("span", {
                 className: "skippr:text-[10px] skippr:font-mono skippr:text-primary-foreground",
                 children: formatTime(elapsed)
               })
@@ -4460,7 +4654,7 @@ function ChatHeader() {
           })
         ]
       }),
-      minimizable && /* @__PURE__ */ jsx7("button", {
+      minimizable && /* @__PURE__ */ jsx8("button", {
         type: "button",
         onClick: () => {
           if (!wasDraggedRef.current)
@@ -4469,7 +4663,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__ */ jsx7(X, {
+        children: /* @__PURE__ */ jsx8(X, {
           className: "skippr:h-4 skippr:w-4"
         })
       })
@@ -4478,28 +4672,32 @@ function ChatHeader() {
 }
 function HeaderModeToggle() {
   const { textMode, toggleTextMode } = useTextMode();
+  const { isHeld } = useSessionHoldContext();
   return /* @__PURE__ */ jsxs7("fieldset", {
     "aria-label": "Response mode",
-    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",
+    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__ */ jsx7("button", {
+      /* @__PURE__ */ jsx8("button", {
         type: "button",
         "aria-pressed": !textMode,
+        disabled: isHeld,
         onClick: () => {
           if (textMode)
             toggleTextMode();
         },
-        className: cn("skippr:cursor-pointer 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", textMode ? "skippr:font-semibold skippr:text-primary-foreground" : "skippr:bg-white skippr:text-primary skippr:shadow-sm"),
+        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__ */ jsx7("button", {
+      /* @__PURE__ */ jsx8("button", {
         type: "button",
         "aria-pressed": textMode,
+        disabled: isHeld,
         onClick: () => {
           if (!textMode)
             toggleTextMode();
         },
-        className: cn("skippr:cursor-pointer 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", textMode ? "skippr:bg-white skippr:text-primary skippr:shadow-sm" : "skippr:font-semibold skippr:text-primary-foreground"),
+        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:bg-white skippr:text-primary skippr:shadow-sm" : "skippr:font-semibold skippr:text-primary-foreground"),
         children: "Text"
       })
     ]
@@ -4507,7 +4705,7 @@ function HeaderModeToggle() {
 }
 
 // src/components/LoadingDots.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function LoadingDots({ label }) {
   return /* @__PURE__ */ jsxs8("div", {
     className: "skippr:flex skippr:items-center skippr:gap-2 skippr:py-4",
@@ -4515,18 +4713,18 @@ function LoadingDots({ label }) {
       /* @__PURE__ */ jsxs8("div", {
         className: "skippr:flex skippr:gap-1",
         children: [
-          /* @__PURE__ */ jsx8("span", {
+          /* @__PURE__ */ jsx9("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:0ms]"
           }),
-          /* @__PURE__ */ jsx8("span", {
+          /* @__PURE__ */ jsx9("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:150ms]"
           }),
-          /* @__PURE__ */ jsx8("span", {
+          /* @__PURE__ */ jsx9("span", {
             className: "skippr:size-1.5 skippr:rounded-full skippr:bg-muted-foreground/40 skippr:animate-bounce skippr:[animation-delay:300ms]"
           })
         ]
       }),
-      /* @__PURE__ */ jsx8("p", {
+      /* @__PURE__ */ jsx9("p", {
         className: "skippr:text-xs skippr:text-muted-foreground",
         children: label
       })
@@ -4535,11 +4733,11 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef14, useState as useState15 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef15, useState as useState16 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } 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",
@@ -4558,7 +4756,7 @@ var sizeClasses = {
   "icon-lg": "skippr:size-10"
 };
 var Button = forwardRef3(({ className, variant = "default", size = "default", ...props }, ref) => {
-  return /* @__PURE__ */ jsx9("button", {
+  return /* @__PURE__ */ jsx10("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
@@ -4567,12 +4765,12 @@ var Button = forwardRef3(({ className, variant = "default", size = "default", ..
 Button.displayName = "Button";
 
 // src/components/LoginFlow.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var OTP_LENGTH = 6;
 var DIGIT_KEYS = ["d0", "d1", "d2", "d3", "d4", "d5"];
 function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
-  const [step, setStep] = useState15("email");
-  const [email, setEmail] = useState15("");
+  const [step, setStep] = useState16("email");
+  const [email, setEmail] = useState16("");
   const handleRequestOtp = useCallback13(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
@@ -4588,7 +4786,7 @@ function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
-    return /* @__PURE__ */ jsx10(OtpStep, {
+    return /* @__PURE__ */ jsx11(OtpStep, {
       email,
       onSubmit: handleVerifyOtp,
       onResend: handleResend,
@@ -4597,7 +4795,7 @@ function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
       isSubmitting
     });
   }
-  return /* @__PURE__ */ jsx10(EmailStep, {
+  return /* @__PURE__ */ jsx11(EmailStep, {
     email,
     onEmailChange: setEmail,
     onSubmit: handleRequestOtp,
@@ -4617,14 +4815,14 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
       /* @__PURE__ */ jsxs9("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx10(Mail, {
+          /* @__PURE__ */ jsx11(Mail, {
             className: "skippr:mx-auto skippr:mb-2 skippr:size-6 skippr:text-primary"
           }),
-          /* @__PURE__ */ jsx10("p", {
+          /* @__PURE__ */ jsx11("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Sign in to continue"
           }),
-          /* @__PURE__ */ jsx10("p", {
+          /* @__PURE__ */ jsx11("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: "Your email will be used to identify you across sessions"
           })
@@ -4634,7 +4832,7 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx10("input", {
+          /* @__PURE__ */ jsx11("input", {
             type: "email",
             placeholder: "you@example.com",
             value: email,
@@ -4643,15 +4841,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__ */ jsx10(Button, {
+          /* @__PURE__ */ jsx11(Button, {
             type: "submit",
             disabled: isSubmitting || !email.trim(),
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx10(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx11(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Continue"
           }),
-          error && /* @__PURE__ */ jsx10("p", {
+          error && /* @__PURE__ */ jsx11("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           })
@@ -4661,18 +4859,18 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState15(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState15(0);
-  const inputRefs = useRef14([]);
-  const submittedRef = useRef14(false);
-  useEffect21(() => {
+  const [digits, setDigits] = useState16(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState16(0);
+  const inputRefs = useRef15([]);
+  const submittedRef = useRef15(false);
+  useEffect23(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect21(() => {
+  useEffect23(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
@@ -4737,7 +4935,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
       /* @__PURE__ */ jsxs9("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
-          /* @__PURE__ */ jsx10("p", {
+          /* @__PURE__ */ jsx11("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Enter verification code"
           }),
@@ -4746,7 +4944,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
             children: [
               "We sent a 6-digit code to",
               " ",
-              /* @__PURE__ */ jsx10("span", {
+              /* @__PURE__ */ jsx11("span", {
                 className: "skippr:font-medium skippr:text-foreground",
                 children: email
               })
@@ -4758,9 +4956,9 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
-          /* @__PURE__ */ jsx10("div", {
+          /* @__PURE__ */ jsx11("div", {
             className: "skippr:flex skippr:justify-center skippr:gap-1.5",
-            children: digits.map((digit, index2) => /* @__PURE__ */ jsx10("input", {
+            children: digits.map((digit, index2) => /* @__PURE__ */ jsx11("input", {
               ref: (el) => {
                 inputRefs.current[index2] = el;
               },
@@ -4775,29 +4973,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__ */ jsx10("p", {
+          error && /* @__PURE__ */ jsx11("p", {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           }),
-          /* @__PURE__ */ jsx10(Button, {
+          /* @__PURE__ */ jsx11(Button, {
             type: "submit",
             disabled: isSubmitting || digits.join("").length !== OTP_LENGTH,
             className: "skippr:w-full",
-            children: isSubmitting ? /* @__PURE__ */ jsx10(LoaderCircle, {
+            children: isSubmitting ? /* @__PURE__ */ jsx11(LoaderCircle, {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Verify"
           }),
           /* @__PURE__ */ jsxs9("div", {
             className: "skippr:flex skippr:items-center skippr:justify-between skippr:text-xs",
             children: [
-              /* @__PURE__ */ jsx10("button", {
+              /* @__PURE__ */ jsx11("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__ */ jsx10("button", {
+              /* @__PURE__ */ jsx11("button", {
                 type: "button",
                 onClick: handleResend,
                 disabled: isSubmitting || resendCooldown > 0,
@@ -4813,17 +5011,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState17 } from "react";
+import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState18 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect22, useRef as useRef15, useState as useState16 } from "react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useRef as useRef16, useState as useState17 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState16("");
-  const textareaRef = useRef15(null);
+  const [inputText, setInputText] = useState17("");
+  const textareaRef = useRef16(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect22(() => {
+  useEffect24(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -4854,13 +5052,13 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx11("form", {
+  return /* @__PURE__ */ jsx12("form", {
     onSubmit: handleSubmit,
     className: "skippr:border-t skippr:border-border skippr:p-3",
     children: /* @__PURE__ */ jsxs10("div", {
       className: "skippr:flex skippr:items-center skippr:gap-2 skippr:rounded-xl skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:px-3 skippr:py-2",
       children: [
-        /* @__PURE__ */ jsx11("textarea", {
+        /* @__PURE__ */ jsx12("textarea", {
           ref: textareaRef,
           rows: 1,
           value: inputText,
@@ -4870,12 +5068,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
           className: "skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:bg-transparent skippr:text-sm skippr:leading-5 skippr:text-foreground skippr:placeholder:text-muted-foreground skippr:outline-none",
           style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
         }),
-        /* @__PURE__ */ jsx11("button", {
+        /* @__PURE__ */ jsx12("button", {
           type: "submit",
           disabled: !canSend,
           "aria-label": "Send message",
           className: cn("skippr:flex skippr:size-8 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:transition-colors", canSend ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-muted-foreground/20 skippr:text-muted-foreground/60"),
-          children: /* @__PURE__ */ jsx11(Send, {
+          children: /* @__PURE__ */ jsx12(Send, {
             className: "skippr:size-3.5"
           })
         })
@@ -4885,7 +5083,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -4895,16 +5093,16 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx13("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
     children: /* @__PURE__ */ jsxs11("div", {
       className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
       children: [
-        /* @__PURE__ */ jsx12("div", {
+        /* @__PURE__ */ jsx13("div", {
           className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
           children: message.content
         }),
-        message.timestamp && /* @__PURE__ */ jsx12("span", {
+        message.timestamp && /* @__PURE__ */ jsx13("span", {
           className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
           children: formatTimestamp(message.timestamp)
         })
@@ -4914,34 +5112,34 @@ function ChatMessage({ message }) {
 }
 
 // src/components/PlanCard.tsx
-import { useEffect as useEffect23 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect25 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var APPROVE_MESSAGE = "Yes, go ahead.";
 var CANCEL_MESSAGE = "No, cancel that.";
 var COMPLETED_CARD_VISIBLE_MS = 2500;
 function StepIcon({ status }) {
   if (status === "done") {
-    return /* @__PURE__ */ jsx13(CircleCheck, {
+    return /* @__PURE__ */ jsx14(CircleCheck, {
       className: "skippr:size-4 skippr:text-chart-3"
     });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx13(CircleX, {
+    return /* @__PURE__ */ jsx14(CircleX, {
       className: "skippr:size-4 skippr:text-destructive"
     });
   }
   if (status === "active") {
-    return /* @__PURE__ */ jsx13(Circle, {
+    return /* @__PURE__ */ jsx14(Circle, {
       className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
     });
   }
-  return /* @__PURE__ */ jsx13(Circle, {
+  return /* @__PURE__ */ jsx14(Circle, {
     className: "skippr:size-4 skippr:text-muted-foreground/30"
   });
 }
 function PlanCard({ plan, sendChatMessage, onDismiss }) {
   const awaitingApproval = plan.state === "proposed";
-  useEffect23(() => {
+  useEffect25(() => {
     if (plan.state !== "completed")
       return;
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
@@ -4950,19 +5148,19 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
   return /* @__PURE__ */ jsxs12("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsx13("p", {
+      /* @__PURE__ */ jsx14("p", {
         className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
         children: "Plan"
       }),
-      /* @__PURE__ */ jsx13("div", {
+      /* @__PURE__ */ jsx14("div", {
         className: "skippr:space-y-2",
         children: plan.steps.map((step) => /* @__PURE__ */ jsxs12("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
-            /* @__PURE__ */ jsx13(StepIcon, {
+            /* @__PURE__ */ jsx14(StepIcon, {
               status: step.status
             }),
-            /* @__PURE__ */ jsx13("p", {
+            /* @__PURE__ */ jsx14("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
             })
@@ -4972,12 +5170,12 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
       awaitingApproval && /* @__PURE__ */ jsxs12("div", {
         className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsx13(Button, {
+          /* @__PURE__ */ jsx14(Button, {
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(APPROVE_MESSAGE),
             children: "Approve"
           }),
-          /* @__PURE__ */ jsx13(Button, {
+          /* @__PURE__ */ jsx14(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             onClick: () => sendChatMessage(CANCEL_MESSAGE),
@@ -4990,26 +5188,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx15("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
     children: /* @__PURE__ */ jsxs13("div", {
       className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
       children: [
-        /* @__PURE__ */ jsx14("span", {
+        /* @__PURE__ */ jsx15("span", {
           children: "Agent is analyzing your screen"
         }),
         /* @__PURE__ */ jsxs13("span", {
           className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
           children: [
-            /* @__PURE__ */ jsx14("span", {
+            /* @__PURE__ */ jsx15("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
             }),
-            /* @__PURE__ */ jsx14("span", {
+            /* @__PURE__ */ jsx15("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
             }),
-            /* @__PURE__ */ jsx14("span", {
+            /* @__PURE__ */ jsx15("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
             })
           ]
@@ -5020,7 +5218,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
 function isPlanVisible(plan) {
   return !!plan && plan.steps.length > 0 && plan.state !== "abandoned";
@@ -5029,16 +5227,17 @@ function MessageList({
   messages,
   isStreaming,
   sendChatMessage,
-  isSendingChat,
+  isSendingChat = false,
   plan,
-  autoFocus = false
+  autoFocus = false,
+  readOnly = false
 }) {
-  const containerRef = useRef16(null);
-  const isPinnedToBottom = useRef16(true);
-  const lastSeenMessageId = useRef16(undefined);
-  const [showJumpToLatest, setShowJumpToLatest] = useState17(false);
+  const containerRef = useRef17(null);
+  const isPinnedToBottom = useRef17(true);
+  const lastSeenMessageId = useRef17(undefined);
+  const [showJumpToLatest, setShowJumpToLatest] = useState18(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  const [dismissedPlanId, setDismissedPlanId] = useState17(null);
+  const [dismissedPlanId, setDismissedPlanId] = useState18(null);
   const dismissPlan = useCallback14(() => {
     if (plan)
       setDismissedPlanId(plan.planId);
@@ -5086,35 +5285,38 @@ function MessageList({
             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 && /* @__PURE__ */ jsx15(LoadingDots, {
+              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx16("p", {
+                className: "skippr:px-2 skippr:py-6 skippr:text-center skippr:text-sm skippr:text-muted-foreground",
+                children: "No messages in this conversation yet."
+              }) : /* @__PURE__ */ jsx16(LoadingDots, {
                 label: "Waiting for conversation to begin..."
-              }),
-              messages.map((message) => /* @__PURE__ */ jsx15(ChatMessage, {
+              })),
+              messages.map((message) => /* @__PURE__ */ jsx16(ChatMessage, {
                 message
               }, message.id)),
-              showTyping && /* @__PURE__ */ jsx15(TypingIndicator, {})
+              showTyping && /* @__PURE__ */ jsx16(TypingIndicator, {})
             ]
           }),
-          showJumpToLatest && /* @__PURE__ */ jsx15("button", {
+          showJumpToLatest && /* @__PURE__ */ jsx16("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__ */ jsx15(ChevronDown, {
+            children: /* @__PURE__ */ jsx16(ChevronDown, {
               className: "skippr:size-4"
             })
           })
         ]
       }),
-      isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx15("div", {
+      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx16("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
-        children: /* @__PURE__ */ jsx15(PlanCard, {
+        children: /* @__PURE__ */ jsx16(PlanCard, {
           plan,
           sendChatMessage,
           onDismiss: dismissPlan
         }, plan.planId)
       }),
-      /* @__PURE__ */ jsx15(ChatInput, {
+      !readOnly && sendChatMessage && /* @__PURE__ */ jsx16(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -5124,19 +5326,19 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx16("div", {
+    return /* @__PURE__ */ jsx17("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx16(LoadingDots, {
+      children: /* @__PURE__ */ jsx17(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx17("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx16("div", {
+    children: /* @__PURE__ */ jsx17("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
@@ -5144,29 +5346,29 @@ function SessionAgenda({ phases, hasStarted }) {
         return /* @__PURE__ */ jsxs15("div", {
           className: cn("skippr:flex skippr:items-start skippr:gap-2.5 skippr:rounded-lg skippr:p-2 skippr:transition-colors", isActive && "skippr:bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx16("div", {
+            /* @__PURE__ */ jsx17("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx16(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx17(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx16(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx17(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx16(Circle, {
+              }) : /* @__PURE__ */ jsx17(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
             /* @__PURE__ */ jsxs15("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx16("p", {
+                /* @__PURE__ */ jsx17("p", {
                   className: cn("skippr:text-sm", isCompleted && "skippr:text-muted-foreground skippr:line-through", isActive && "skippr:font-medium skippr:text-foreground", phase.status === "pending" && "skippr:text-muted-foreground"),
                   children: phase.name
                 }),
-                phase.highlights.length > 0 && /* @__PURE__ */ jsx16("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx17("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
                   children: phase.highlights.map((text) => /* @__PURE__ */ jsxs15("li", {
                     className: cn("skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-[11px] skippr:leading-tight", isCompleted ? "skippr:text-muted-foreground/40 skippr:line-through" : "skippr:text-muted-foreground/70"),
                     children: [
-                      /* @__PURE__ */ jsx16("span", {
+                      /* @__PURE__ */ jsx17("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -5183,61 +5385,20 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var SESSION_WARNING_THRESHOLD_SECS = 60;
 function SessionWarningBanner({ remaining }) {
   if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
     return null;
-  return /* @__PURE__ */ jsx17("div", {
+  return /* @__PURE__ */ jsx18("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"
   });
 }
 
-// src/components/StartSessionPrompt.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var PROMPT_BUTTON = "skippr:cursor-pointer skippr:rounded-xl skippr:bg-primary skippr:px-8 skippr:py-3 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60";
-function StartSessionPrompt({
-  onStartSession,
-  agentId,
-  agentControls,
-  isStarting,
-  error,
-  label = "Talk to Skippr",
-  canResume = false,
-  onResume
-}) {
-  return /* @__PURE__ */ jsxs16("div", {
-    className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:gap-3 skippr:px-4",
-    children: [
-      canResume && onResume ? /* @__PURE__ */ jsx18("button", {
-        type: "button",
-        onClick: onResume,
-        disabled: isStarting,
-        className: PROMPT_BUTTON,
-        children: isStarting ? "Resuming..." : "Resume session"
-      }) : /* @__PURE__ */ jsx18("button", {
-        type: "button",
-        onClick: () => {
-          if (!agentId)
-            return;
-          onStartSession(agentControls ? { agentId, agentControls } : { agentId });
-        },
-        disabled: isStarting || !agentId,
-        className: PROMPT_BUTTON,
-        children: isStarting ? "Starting..." : label
-      }),
-      error && /* @__PURE__ */ jsx18("p", {
-        className: "skippr:text-xs skippr:text-destructive",
-        children: error
-      })
-    ]
-  });
-}
-
 // src/components/Sidebar.tsx
-import { jsx as jsx19, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment3 } from "react/jsx-runtime";
 var PANEL_GAP_PX = 12;
 var PANEL_VIEWPORT_MARGIN_PX = 24;
 var PANEL_MAX_HEIGHT_PX = 460;
@@ -5254,9 +5415,6 @@ function Sidebar({
     isPausing,
     isPaused,
     error,
-    startSession,
-    resumeSession,
-    resumableSession,
     isPanelOpen,
     position,
     isAuthenticated,
@@ -5268,17 +5426,26 @@ function Sidebar({
     sidebarTab: activeTab,
     setSidebarTab: setActiveTab,
     autoFocusChat,
-    agentId,
     agentMode,
-    agentControls
+    displayModules
   } = useLiveAgent();
-  const internalCtx = useContext10(LiveAgentContext);
+  const internalCtx = useContext11(LiveAgentContext);
+  const defaultAgentId = internalCtx?.defaultAgentId ?? null;
+  const startDefaultSession = internalCtx?.startDefaultSession ?? (() => {});
+  const talkDisabled = !(internalCtx?.hasResolvedModules ?? false);
   const usesHostAuth = internalCtx?.usesHostAuth ?? false;
   const authFailed = internalCtx?.authFailed ?? false;
+  const idleHistory = internalCtx?.idleHistory ?? {
+    messages: [],
+    phases: [],
+    isLoading: false
+  };
   const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
   const popsDown = internalCtx?.popsDown ?? false;
   const panelExpanded = internalCtx?.panelExpanded ?? false;
-  const showAgenda = agentMode !== AGENT_MODE.AlwaysOn;
+  const defaultModule = displayModules.find((m) => m.id === defaultAgentId) ?? null;
+  const displayedMode = agentMode ?? defaultModule?.mode ?? null;
+  const showAgenda = displayedMode !== AGENT_MODE.AlwaysOn;
   const isFloating = variant === "floating";
   const isSidebar = variant === "sidebar";
   const inSession = isConnected || isStarting || isPausing;
@@ -5291,7 +5458,7 @@ function Sidebar({
       height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
     };
   }
-  useEffect24(() => {
+  useEffect26(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -5305,7 +5472,7 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs16("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 },
@@ -5316,19 +5483,17 @@ function Sidebar({
         isPaused,
         isPausing,
         isDisconnecting,
-        canResume: resumableSession !== null,
-        onStartSession: startSession,
-        onResume: resumeSession,
         isStarting,
         error,
         activeTab,
         onTabChange: setActiveTab,
         hideControls,
-        startSessionLabel,
         autoFocusChat,
-        agentId,
-        agentControls,
-        showAgenda
+        showAgenda,
+        idleHistory,
+        onTalk: startDefaultSession,
+        talkLabel: startSessionLabel,
+        talkDisabled
       }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx19("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
         children: /* @__PURE__ */ jsx19(LoadingDots, {
@@ -5348,35 +5513,31 @@ function AuthenticatedContent({
   isPaused,
   isPausing,
   isDisconnecting,
-  canResume,
-  onStartSession,
-  onResume,
   isStarting,
   error,
   activeTab,
   onTabChange,
   hideControls,
-  startSessionLabel,
   autoFocusChat,
-  agentId,
-  agentControls,
-  showAgenda
+  showAgenda,
+  idleHistory,
+  onTalk,
+  talkLabel,
+  talkDisabled
 }) {
   const inSession = isConnected || isStarting || isPaused || isPausing;
   const effectiveTab = showAgenda ? activeTab : "chat";
   let transitionLabel = null;
   if (isStarting && !isConnected) {
     transitionLabel = "Reconnecting...";
-  } else if (isPaused) {
-    transitionLabel = "Paused";
   }
-  return /* @__PURE__ */ jsxs17(Fragment3, {
+  return /* @__PURE__ */ jsxs16(Fragment3, {
     children: [
       isConnected && /* @__PURE__ */ jsx19(ConnectedBanner, {}),
-      showAgenda && /* @__PURE__ */ jsxs17("div", {
+      showAgenda && /* @__PURE__ */ jsxs16("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__ */ jsxs16("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"),
@@ -5390,7 +5551,7 @@ function AuthenticatedContent({
               })
             ]
           }),
-          /* @__PURE__ */ jsxs17("button", {
+          /* @__PURE__ */ jsxs16("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"),
@@ -5413,7 +5574,7 @@ function AuthenticatedContent({
           children: /* @__PURE__ */ jsx19(LoadingDots, {
             label: "Ending session..."
           })
-        }) : inSession ? /* @__PURE__ */ jsxs17(Fragment3, {
+        }) : inSession ? /* @__PURE__ */ jsxs16(Fragment3, {
           children: [
             transitionLabel && /* @__PURE__ */ jsx19("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",
@@ -5424,26 +5585,21 @@ function AuthenticatedContent({
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx19("div", {
-          className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-          children: /* @__PURE__ */ jsx19(StartSessionPrompt, {
-            onStartSession,
-            agentId,
-            agentControls,
-            isStarting,
-            error,
-            label: startSessionLabel,
-            canResume,
-            onResume
-          })
-        }, `${activeTab}-empty`)
+        }) : /* @__PURE__ */ jsx19(IdleHistory, {
+          activeTab: effectiveTab,
+          history: idleHistory,
+          onTalk,
+          talkLabel,
+          talkDisabled,
+          error
+        })
       }),
       !hideControls && /* @__PURE__ */ jsx19("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
-        children: /* @__PURE__ */ jsxs17("div", {
+        children: /* @__PURE__ */ jsxs16("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__ */ jsxs16("svg", {
               viewBox: "21 21 109 109",
               className: "skippr:size-3",
               fill: "none",
@@ -5467,7 +5623,7 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
     children: [
       /* @__PURE__ */ jsx19(CircleAlert, {
@@ -5490,6 +5646,60 @@ function ConnectedBanner() {
     remaining
   });
 }
+function IdleHistory({
+  activeTab,
+  history: history2,
+  onTalk,
+  talkLabel,
+  talkDisabled,
+  error
+}) {
+  if (history2.isLoading) {
+    return /* @__PURE__ */ jsx19("div", {
+      className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
+      children: /* @__PURE__ */ jsx19(LoadingDots, {
+        label: "Loading conversation..."
+      })
+    });
+  }
+  return /* @__PURE__ */ jsxs16("div", {
+    className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
+    children: [
+      activeTab === "agenda" ? /* @__PURE__ */ jsx19("div", {
+        className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
+        children: /* @__PURE__ */ jsx19(SessionAgenda, {
+          phases: history2.phases,
+          hasStarted: history2.phases.length > 0
+        })
+      }) : /* @__PURE__ */ jsx19(MessageList, {
+        messages: history2.messages,
+        isStreaming: false,
+        readOnly: true
+      }),
+      /* @__PURE__ */ jsxs16("div", {
+        className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
+        children: [
+          /* @__PURE__ */ jsxs16("button", {
+            type: "button",
+            onClick: onTalk,
+            disabled: talkDisabled,
+            className: "skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-xl skippr:bg-primary skippr:px-4 skippr:py-3 skippr:font-semibold skippr:text-[13px] skippr:text-primary-foreground skippr:transition-colors skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx19(Mic, {
+                className: "skippr:size-4"
+              }),
+              talkLabel
+            ]
+          }),
+          error && /* @__PURE__ */ jsx19("p", {
+            className: "skippr:mt-2 skippr:text-center skippr:text-xs skippr:text-destructive",
+            children: error
+          })
+        ]
+      })
+    ]
+  }, `idle-${activeTab}`);
+}
 function ConnectedBody({
   activeTab,
   autoFocusChat
@@ -5497,7 +5707,8 @@ function ConnectedBody({
   const { allMessages, agentState, sendChatMessage, isSendingChat } = useCombinedMessages();
   const { phases } = usePhaseUpdates();
   const plan = usePlanUpdates();
-  const { agentControls } = useLiveAgent();
+  const { agentControls, isPaused } = useLiveAgent();
+  const { isHeld } = useSessionHoldContext();
   if (activeTab === "agenda") {
     return /* @__PURE__ */ jsx19("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
@@ -5515,18 +5726,19 @@ function ConnectedBody({
       sendChatMessage,
       isSendingChat,
       plan: agentControls?.actions ? plan : null,
-      autoFocus: autoFocusChat
+      autoFocus: autoFocusChat,
+      readOnly: isPaused || isHeld
     })
   }, "chat");
 }
 
 // src/components/SidebarTrigger.tsx
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsxs18("svg", {
+  return /* @__PURE__ */ jsxs17("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -5542,7 +5754,7 @@ function Logo({ className }) {
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs18("g", {
+      /* @__PURE__ */ jsxs17("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
           /* @__PURE__ */ jsx20("path", {
@@ -5573,7 +5785,7 @@ function SidebarTrigger() {
     isStarting,
     isPausing
   } = useLiveAgent();
-  const internalCtx = useContext11(LiveAgentContext);
+  const internalCtx = useContext12(LiveAgentContext);
   const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
   const popsDown = internalCtx?.popsDown ?? false;
   if (isMinimized || isConnected || isStarting || isPausing)
@@ -5595,7 +5807,7 @@ function SidebarTrigger() {
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function readSavedLauncherBottom() {
   try {
     const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
@@ -5613,8 +5825,8 @@ function AgentCursorMount({ animated }) {
 function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef17(null);
-  useEffect25(() => {
+  const surfacedPlanIdRef = useRef18(null);
+  useEffect27(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
     surfacedPlanIdRef.current = plan.planId;
@@ -5654,7 +5866,7 @@ function LiveAgent(props) {
   const auth = useAuth({ appKey });
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
-  const [activeModule, setActiveModule] = useState18(null);
+  const [activeModule, setActiveModule] = useState19(null);
   const minimizeOnSessionStart = useCallback15(() => {
     if (minimizable) {
       setIsMinimized(true);
@@ -5700,7 +5912,7 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef17(false);
+  const teardownInFlightRef = useRef18(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
   const handleRoomDisconnected = useCallback15(() => {
     if (teardownInFlightRef.current)
@@ -5708,27 +5920,28 @@ function LiveAgent(props) {
     disconnect();
   }, [disconnect]);
   const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
-  const [isPanelOpen, setIsPanelOpen] = useState18(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState18(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState18("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState18([]);
-  const [textMode, setTextMode] = useState18(false);
-  const [panelExpanded, setPanelExpanded] = useState18(false);
+  const [isPanelOpen, setIsPanelOpen] = useState19(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState19(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState19("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState19([]);
+  const [textMode, setTextMode] = useState19(false);
+  const [panelExpanded, setPanelExpanded] = useState19(false);
   const togglePanelExpanded = useCallback15(() => setPanelExpanded((prev) => !prev), []);
-  const panelRef = useRef17(null);
-  const controlBarRef = useRef17(null);
-  const [isDragging, setIsDragging] = useState18(false);
+  const panelRef = useRef18(null);
+  const controlBarRef = useRef18(null);
+  const [isDragging, setIsDragging] = useState19(false);
   const setTextModeState = useCallback15((enabled) => {
     setTextMode(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect25(() => {
+  useEffect27(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
   const {
     modules: availableModules,
+    defaultSelection,
     isLoading: isLoadingModules,
     hasResolved: hasResolvedModules,
     error: modulesError,
@@ -5736,20 +5949,20 @@ function LiveAgent(props) {
   } = useAvailableModules({
     enabled: !isSessionLive,
     bearerToken,
-    authedFetch
+    authedFetch,
+    agentId: hostAgentId ?? undefined
   });
   const { goals: adoptionGoals, attendGoal } = useAdoptionGoals({
     enabled: !isSessionLive,
     bearerToken,
     authedFetch
   });
-  const displayModules = useMemo6(() => hostAgentId ? availableModules.filter((m) => m.id === hostAgentId) : availableModules, [hostAgentId, availableModules]);
-  const operatingModule = activeModule ?? (hostAgentId ? displayModules[0] ?? null : null);
+  const operatingModule = activeModule ?? (hostAgentId ? availableModules[0] ?? null : null);
   const agentId = operatingModule?.id ?? null;
   const agentControls = operatingModule?.controls ?? hostAgentControls;
   const agentMode = operatingModule?.mode ?? null;
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
-  const resumableSession = useMemo6(() => getResumableSession(operatingModule), [operatingModule]);
+  const resumableSession = useMemo7(() => getResumableSession(operatingModule), [operatingModule]);
   const resumeSession = useCallback15(async () => {
     if (!resumableSession)
       return;
@@ -5759,7 +5972,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback15((moduleId) => {
+  const selectModule = useCallback15((moduleId, opts) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -5767,7 +5980,8 @@ function LiveAgent(props) {
     startSession({
       agentId: found.id,
       agentControls: found.controls,
-      existingSessionId: getResumableSessionId(found.currentSession, found.mode)
+      existingSessionId: getResumableSessionId(found.currentSession, found.mode),
+      autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession]);
   const startAdoptionSession = useCallback15((goal) => {
@@ -5781,9 +5995,9 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState18(false);
+  const [welcomeDismissed, setWelcomeDismissed] = useState19(false);
   const dismissWelcome = useCallback15(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState18(() => {
+  const [currentPosition, setCurrentPosition] = useState19(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -5798,10 +6012,10 @@ function LiveAgent(props) {
     } catch {}
   }, []);
   const savedLauncherBottom = readSavedLauncherBottom();
-  const hasDraggedRef = useRef17(savedLauncherBottom !== null);
-  const verticalAlignRef = useRef17(verticalAlign);
-  const [launcherBottomPx, setLauncherBottomPxState] = useState18(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
-  const [popsDown, setPopsDown] = useState18(() => launcherPopsDown(launcherBottomPx));
+  const hasDraggedRef = useRef18(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef18(verticalAlign);
+  const [launcherBottomPx, setLauncherBottomPxState] = useState19(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
+  const [popsDown, setPopsDown] = useState19(() => launcherPopsDown(launcherBottomPx));
   const setLauncherBottomPx = useCallback15((px) => {
     hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
@@ -5810,13 +6024,13 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef17(launcherBottomPx);
+  const launcherBottomPxRef = useRef18(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
   const commitLauncherDrop = useCallback15(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  useEffect25(() => {
+  useEffect27(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -5844,7 +6058,34 @@ function LiveAgent(props) {
     minimizePanel();
   }, [pauseSession, minimizePanel]);
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
-  const ctx = useMemo6(() => ({
+  const defaultAgentId = hostAgentId ?? defaultSelection.agentId;
+  const startDefaultSession = useCallback15(() => {
+    const target = availableModules.find((m) => m.id === defaultAgentId);
+    if (!target)
+      return;
+    startSession({
+      agentId: target.id,
+      agentControls: target.controls,
+      existingSessionId: defaultSelection.sessionId ?? undefined
+    });
+  }, [defaultAgentId, availableModules, defaultSelection.sessionId, startSession]);
+  useAutoStart({ availableModules, isSessionLive, bearerToken, selectModule });
+  const idleHistoryEnabled = !isSessionLive && !isPaused && isPanelOpen && isAuthenticated;
+  const {
+    messages: idleHistoryMessages,
+    phases: idleHistoryPhases,
+    isLoading: isLoadingHistory
+  } = useSessionHistory({
+    agentId: defaultAgentId ?? undefined,
+    enabled: idleHistoryEnabled,
+    authedFetch
+  });
+  const idleHistory = useMemo7(() => ({
+    messages: idleHistoryMessages,
+    phases: idleHistoryPhases,
+    isLoading: isLoadingHistory
+  }), [idleHistoryMessages, idleHistoryPhases, isLoadingHistory]);
+  const ctx = useMemo7(() => ({
     connection,
     shouldConnect,
     isConnected,
@@ -5861,6 +6102,7 @@ function LiveAgent(props) {
     pauseTimeoutSeconds,
     resumableSession,
     historyMessages,
+    idleHistory,
     phasesSnapshot,
     setPhasesSnapshot,
     isPanelOpen,
@@ -5902,8 +6144,10 @@ function LiveAgent(props) {
     agentId,
     agentMode,
     agentControls,
-    displayModules,
+    displayModules: availableModules,
     activeModule,
+    defaultAgentId,
+    startDefaultSession,
     isLoadingModules,
     modulesError,
     refetchModules,
@@ -5928,6 +6172,7 @@ function LiveAgent(props) {
     pauseTimeoutSeconds,
     resumableSession,
     historyMessages,
+    idleHistory,
     phasesSnapshot,
     isPanelOpen,
     openPanel,
@@ -5964,8 +6209,10 @@ function LiveAgent(props) {
     agentId,
     agentMode,
     agentControls,
-    displayModules,
+    availableModules,
     activeModule,
+    defaultAgentId,
+    startDefaultSession,
     isLoadingModules,
     modulesError,
     refetchModules,
@@ -5976,7 +6223,7 @@ function LiveAgent(props) {
   ]);
   return /* @__PURE__ */ jsx22(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs19(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs18(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
@@ -5988,7 +6235,7 @@ function LiveAgent(props) {
           pendingScreenStream
         }),
         connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx22(DomCapture, {}),
-        /* @__PURE__ */ jsxs19(ShadowHost, {
+        /* @__PURE__ */ jsxs18(ShadowHost, {
           children: [
             connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx22(HighlightOverlay, {}),
             connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx22(PageActionHandler, {}),
@@ -5996,22 +6243,24 @@ function LiveAgent(props) {
             connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx22(AgentCursorMount, {
               animated: shouldAnimateCursor
             }),
-            /* @__PURE__ */ jsxs19("div", {
-              id: WIDGET_ROOT_ID,
-              children: [
-                isMinimized && !showControlBar && /* @__PURE__ */ jsx22(MinimizedBubble, {
-                  welcomeMessage,
-                  welcomeDismissed,
-                  onDismissWelcome: dismissWelcome
-                }),
-                showControlBar && !hideControls && /* @__PURE__ */ jsx22(SessionControlBar, {}),
-                /* @__PURE__ */ jsx22(SidebarTrigger, {}),
-                /* @__PURE__ */ jsx22(Sidebar, {
-                  hideControls,
-                  hideHeader,
-                  startSessionLabel
-                })
-              ]
+            /* @__PURE__ */ jsx22(SessionHoldProvider, {
+              children: /* @__PURE__ */ jsxs18("div", {
+                id: WIDGET_ROOT_ID,
+                children: [
+                  isMinimized && !showControlBar && /* @__PURE__ */ jsx22(MinimizedBubble, {
+                    welcomeMessage,
+                    welcomeDismissed,
+                    onDismissWelcome: dismissWelcome
+                  }),
+                  showControlBar && !hideControls && /* @__PURE__ */ jsx22(SessionControlBar, {}),
+                  /* @__PURE__ */ jsx22(SidebarTrigger, {}),
+                  /* @__PURE__ */ jsx22(Sidebar, {
+                    hideControls,
+                    hideHeader,
+                    startSessionLabel
+                  })
+                ]
+              })
             })
           ]
         }),