@skippr/live-agent-sdk 0.46.0 → 0.48.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 useCallback10, useMemo as useMemo6, useRef as useRef13, useState as useState15 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo6, useRef as useRef16, useState as useState16 } from "react";
 
 // src/context/LiveAgentContext.tsx
 import { createContext } from "react";
@@ -142,14 +142,10 @@ function useAdoptionGoals({
       body: JSON.stringify({ status })
     }).catch((e) => console.warn("[Skippr] adoption status update failed", e));
   }, [authedFetch]);
-  const dismissGoal = useCallback((goalId) => {
-    setCandidates((prev) => prev.filter((goal) => goal.goalId !== goalId));
-    postStatus(goalId, "dismissed" /* Dismissed */);
-  }, [postStatus]);
   const attendGoal = useCallback((goalId) => {
     postStatus(goalId, "attended" /* Attended */);
   }, [postStatus]);
-  return { goals, dismissGoal, attendGoal };
+  return { goals, attendGoal };
 }
 
 // src/hooks/useAuth.ts
@@ -315,9 +311,11 @@ function useAvailableModules({
 }) {
   const [modules, setModules] = useState3([]);
   const [isLoading, setIsLoading] = useState3(false);
+  const [hasResolved, setHasResolved] = useState3(false);
   const [error, setError] = useState3(null);
   const fetchModules = useCallback3(async () => {
     setIsLoading(true);
+    setHasResolved(false);
     setError(null);
     try {
       const resp = await authedFetch(`${API_URL3}/v1/modules/available`);
@@ -331,6 +329,7 @@ function useAvailableModules({
       setError(e instanceof Error ? e.message : "Failed to load modules");
     } finally {
       setIsLoading(false);
+      setHasResolved(true);
     }
   }, [authedFetch]);
   useEffect3(() => {
@@ -341,6 +340,7 @@ function useAvailableModules({
   return {
     modules,
     isLoading,
+    hasResolved,
     error,
     refetch: fetchModules
   };
@@ -688,8 +688,30 @@ var DOM_SNAPSHOT_TOPIC = "skippr.dom-snapshot";
 var DOM_EVENTS_TOPIC = "skippr.dom-events";
 var HIGHLIGHT_TOPIC = "skippr.highlight";
 var PAGE_ACTIONS_TOPIC = "skippr.page-actions";
+var TEXT_MODE_TOPIC = "skippr.text-mode";
 var NAME_MAX_CHARS = 80;
 
+// src/lib/launcher.ts
+var DEFAULT_LAUNCHER_BOTTOM_PX = 48;
+var LAUNCHER_HEIGHT_PX = 50;
+var SESSION_BAR_CLEARANCE_PX = 76;
+var TRIGGER_HEIGHT_PX = 48;
+var IDLE_TRIGGER_CLEARANCE_PX = TRIGGER_HEIGHT_PX + 16;
+var TRIGGER_LAUNCHER_OFFSET_PX = 24;
+var VIEWPORT_MARGIN_PX = 12;
+function triggerBottomPx(launcherBottomPx, popsDown) {
+  if (popsDown)
+    return launcherBottomPx;
+  return Math.max(VIEWPORT_MARGIN_PX, launcherBottomPx - TRIGGER_LAUNCHER_OFFSET_PX);
+}
+function clampLauncherBottom(px) {
+  const maxBottom = window.innerHeight - LAUNCHER_HEIGHT_PX - VIEWPORT_MARGIN_PX;
+  return Math.round(Math.min(Math.max(px, VIEWPORT_MARGIN_PX), maxBottom));
+}
+function launcherPopsDown(bottomPx) {
+  return bottomPx + LAUNCHER_HEIGHT_PX / 2 > window.innerHeight / 2;
+}
+
 // src/lib/agentMode.ts
 var AGENT_MODE = {
   Standard: "standard",
@@ -1775,16 +1797,12 @@ var __iconNode4 = [
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
 var Sparkles = createLucideIcon("sparkles", __iconNode4);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/bot.js
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/arrow-right.js
 var __iconNode5 = [
-  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
-  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
-  ["path", { d: "M2 14h2", key: "vft8re" }],
-  ["path", { d: "M20 14h2", key: "4cs60a" }],
-  ["path", { d: "M15 13v2", key: "1xurst" }],
-  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-var Bot = createLucideIcon("bot", __iconNode5);
+var ArrowRight = createLucideIcon("arrow-right", __iconNode5);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/calendar.js
 var __iconNode6 = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
@@ -1799,45 +1817,35 @@ var ChevronDown = createLucideIcon("chevron-down", __iconNode7);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/circle.js
 var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
 var Circle = createLucideIcon("circle", __iconNode8);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/clock.js
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/lightbulb.js
 var __iconNode9 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-];
-var Clock = createLucideIcon("clock", __iconNode9);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/graduation-cap.js
-var __iconNode10 = [
-  [
-    "path",
-    {
-      d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
-      key: "j76jl0"
-    }
-  ],
-  ["path", { d: "M22 10v6", key: "1lu8f3" }],
-  ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
-];
-var GraduationCap = createLucideIcon("graduation-cap", __iconNode10);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/headset.js
-var __iconNode11 = [
   [
     "path",
     {
-      d: "M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z",
-      key: "12oyoe"
+      d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
+      key: "1gvzjb"
     }
   ],
-  ["path", { d: "M21 16v2a4 4 0 0 1-4 4h-5", key: "1x7m43" }]
+  ["path", { d: "M9 18h6", key: "x1upvd" }],
+  ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-var Headset = createLucideIcon("headset", __iconNode11);
+var Lightbulb = createLucideIcon("lightbulb", __iconNode9);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode12 = [
+var __iconNode10 = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-var Mail = createLucideIcon("mail", __iconNode12);
+var Mail = createLucideIcon("mail", __iconNode10);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/maximize-2.js
+var __iconNode11 = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "m21 3-7 7", key: "1l2asr" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
+];
+var Maximize2 = createLucideIcon("maximize-2", __iconNode11);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-circle.js
-var __iconNode13 = [
+var __iconNode12 = [
   [
     "path",
     {
@@ -1846,9 +1854,9 @@ var __iconNode13 = [
     }
   ]
 ];
-var MessageCircle = createLucideIcon("message-circle", __iconNode13);
+var MessageCircle = createLucideIcon("message-circle", __iconNode12);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-square.js
-var __iconNode14 = [
+var __iconNode13 = [
   [
     "path",
     {
@@ -1857,9 +1865,9 @@ var __iconNode14 = [
     }
   ]
 ];
-var MessageSquare = createLucideIcon("message-square", __iconNode14);
+var MessageSquare = createLucideIcon("message-square", __iconNode13);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic-off.js
-var __iconNode15 = [
+var __iconNode14 = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33", key: "1gzdoj" }],
   ["path", { d: "M16.95 16.95A7 7 0 0 1 5 12v-2", key: "cqa7eg" }],
@@ -1867,40 +1875,40 @@ var __iconNode15 = [
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12", key: "r2i35w" }]
 ];
-var MicOff = createLucideIcon("mic-off", __iconNode15);
+var MicOff = createLucideIcon("mic-off", __iconNode14);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic.js
-var __iconNode16 = [
+var __iconNode15 = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-var Mic = createLucideIcon("mic", __iconNode16);
+var Mic = createLucideIcon("mic", __iconNode15);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minimize-2.js
-var __iconNode17 = [
+var __iconNode16 = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-var Minimize2 = createLucideIcon("minimize-2", __iconNode17);
+var Minimize2 = createLucideIcon("minimize-2", __iconNode16);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor-off.js
-var __iconNode18 = [
+var __iconNode17 = [
   ["path", { d: "M12 17v4", key: "1riwvh" }],
   ["path", { d: "M17 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 1.184-1.826", key: "cv7jms" }],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M8 21h8", key: "1ev6f3" }],
   ["path", { d: "M8.656 3H20a2 2 0 0 1 2 2v10a2 2 0 0 1-.293 1.042", key: "z8ni2w" }]
 ];
-var MonitorOff = createLucideIcon("monitor-off", __iconNode18);
+var MonitorOff = createLucideIcon("monitor-off", __iconNode17);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor.js
-var __iconNode19 = [
+var __iconNode18 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-var Monitor = createLucideIcon("monitor", __iconNode19);
+var Monitor = createLucideIcon("monitor", __iconNode18);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mouse-pointer-2.js
-var __iconNode20 = [
+var __iconNode19 = [
   [
     "path",
     {
@@ -1909,65 +1917,9 @@ var __iconNode20 = [
     }
   ]
 ];
-var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode20);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/pause.js
-var __iconNode21 = [
-  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
-  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
-];
-var Pause = createLucideIcon("pause", __iconNode21);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/phone-off.js
-var __iconNode22 = [
-  [
-    "path",
-    {
-      d: "M10.1 13.9a14 14 0 0 0 3.732 2.668 1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2 18 18 0 0 1-12.728-5.272",
-      key: "1wngk7"
-    }
-  ],
-  ["path", { d: "M22 2 2 22", key: "y4kqgn" }],
-  [
-    "path",
-    {
-      d: "M4.76 13.582A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 .244.473",
-      key: "10hv5p"
-    }
-  ]
-];
-var PhoneOff = createLucideIcon("phone-off", __iconNode22);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/play.js
-var __iconNode23 = [
-  [
-    "path",
-    {
-      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-      key: "10ikf1"
-    }
-  ]
-];
-var Play = createLucideIcon("play", __iconNode23);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/rocket.js
-var __iconNode24 = [
-  ["path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5", key: "qeys4" }],
-  [
-    "path",
-    {
-      d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09",
-      key: "u4xsad"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z",
-      key: "676m9"
-    }
-  ],
-  ["path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05", key: "92ym6u" }]
-];
-var Rocket = createLucideIcon("rocket", __iconNode24);
+var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode19);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
-var __iconNode25 = [
+var __iconNode20 = [
   [
     "path",
     {
@@ -1977,21 +1929,13 @@ var __iconNode25 = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-var Send = createLucideIcon("send", __iconNode25);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/user-plus.js
-var __iconNode26 = [
-  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
-  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
-  ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
-  ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
-];
-var UserPlus = createLucideIcon("user-plus", __iconNode26);
+var Send = createLucideIcon("send", __iconNode20);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode27 = [
+var __iconNode21 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode27);
+var X = createLucideIcon("x", __iconNode21);
 // src/components/HighlightOverlay.tsx
 import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef4, useState as useState5 } from "react";
 
@@ -2228,59 +2172,92 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext3, useEffect as useEffect8 } from "react";
-
-// src/hooks/useLiveAgent.ts
-import { useContext as useContext2 } from "react";
-function useLiveAgent() {
-  const ctx = useContext2(LiveAgentContext);
-  if (!ctx) {
-    throw new Error("useLiveAgent must be used within a <LiveAgent> provider");
-  }
-  const {
-    usesHostAuth,
-    authFailed,
-    connection,
-    shouldConnect,
-    historyMessages,
-    phasesSnapshot,
-    setPhasesSnapshot,
-    adoptionGoals,
-    dismissAdoptionGoal,
-    startAdoptionSession,
-    ...publicValue
-  } = ctx;
-  return publicValue;
-}
+import { useContext as useContext2, useEffect as useEffect9, useRef as useRef6, useState as useState6 } from "react";
 
-// src/hooks/useMediaControls.ts
-import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
-import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback6 } from "react";
-var SCREEN_SHARE_OPTIONS = {
-  video: { displaySurface: "browser" },
-  resolution: ScreenSharePresets2.h720fps30.resolution,
-  contentHint: "detail"
-};
-function useMediaControls() {
-  const { localParticipant } = useLocalParticipant3();
-  const isMuted = !localParticipant.isMicrophoneEnabled;
-  const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback6(async () => {
-    try {
-      await localParticipant.setMicrophoneEnabled(isMuted);
-    } catch (error) {
-      console.error("Failed to toggle microphone:", error);
-    }
-  }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback6(async () => {
-    try {
-      await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
-    } catch (error) {
-      console.error("Failed to toggle screen share:", error);
-    }
-  }, [localParticipant, isScreenSharing]);
-  return { isMuted, toggleMute, isScreenSharing, toggleScreenShare };
+// src/hooks/useLauncherDrag.ts
+import { useEffect as useEffect8, useRef as useRef5 } from "react";
+import { flushSync } from "react-dom";
+var DRAG_THRESHOLD_PX = 5;
+function useLauncherDrag(containerRef, onDrop) {
+  const wasDraggedRef = useRef5(false);
+  const onDropRef = useRef5(onDrop);
+  onDropRef.current = onDrop;
+  useEffect8(() => {
+    const el = containerRef.current;
+    if (!el)
+      return;
+    let startX = 0;
+    let startY = 0;
+    let dragging = false;
+    let activePointerId = null;
+    const onPointerMove = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      const dx = event.clientX - startX;
+      const dy = event.clientY - startY;
+      if (!dragging && Math.hypot(dx, dy) < DRAG_THRESHOLD_PX)
+        return;
+      if (!dragging) {
+        try {
+          el.setPointerCapture(event.pointerId);
+        } catch {}
+      }
+      dragging = true;
+      wasDraggedRef.current = true;
+      el.style.transform = `translate(${dx}px, ${dy}px)`;
+    };
+    const onPointerUp = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      if (dragging) {
+        const side = event.clientX < window.innerWidth / 2 ? "left" : "right";
+        const pointerBottom = window.innerHeight - event.clientY - LAUNCHER_HEIGHT_PX / 2;
+        flushSync(() => onDropRef.current({ side, bottomPx: clampLauncherBottom(pointerBottom) }));
+      }
+      endDrag();
+    };
+    const onPointerCancel = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      endDrag();
+    };
+    const endDrag = () => {
+      activePointerId = null;
+      el.removeEventListener("pointermove", onPointerMove);
+      el.removeEventListener("pointerup", onPointerUp);
+      el.removeEventListener("pointercancel", onPointerCancel);
+      el.style.transform = "";
+      setTimeout(() => {
+        wasDraggedRef.current = false;
+      }, 0);
+    };
+    const onPointerDown = (event) => {
+      if (event.button !== 0)
+        return;
+      if (activePointerId !== null) {
+        if (dragging)
+          return;
+        endDrag();
+      }
+      activePointerId = event.pointerId;
+      startX = event.clientX;
+      startY = event.clientY;
+      dragging = false;
+      wasDraggedRef.current = false;
+      el.addEventListener("pointermove", onPointerMove);
+      el.addEventListener("pointerup", onPointerUp);
+      el.addEventListener("pointercancel", onPointerCancel);
+    };
+    el.addEventListener("pointerdown", onPointerDown);
+    return () => {
+      el.removeEventListener("pointerdown", onPointerDown);
+      el.removeEventListener("pointermove", onPointerMove);
+      el.removeEventListener("pointerup", onPointerUp);
+      el.removeEventListener("pointercancel", onPointerCancel);
+      el.style.transform = "";
+    };
+  }, [containerRef]);
+  return { wasDraggedRef };
 }
 
 // src/lib/utils.ts
@@ -2292,369 +2269,149 @@ function cn(...inputs) {
 
 // src/components/AdoptionBubble.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AdoptionBubble({ goal, onAttend, onDismiss }) {
-  return /* @__PURE__ */ jsxs2("div", {
-    className: cn("skippr:flex skippr:max-w-72 skippr:items-center skippr:gap-1.5", "skippr:rounded-full skippr:bg-bubble/95 skippr:backdrop-blur-sm", "skippr:py-1.5 skippr:pr-1.5 skippr:pl-3.5", "skippr:text-xs skippr:font-medium skippr:text-white", "skippr:shadow-[0_8px_24px_rgba(45,43,61,0.35)]", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]"),
-    children: [
-      /* @__PURE__ */ jsx2("button", {
-        type: "button",
-        onClick: () => onAttend(goal),
-        className: "skippr:min-w-0 skippr:flex-1 skippr:cursor-pointer skippr:truncate skippr:rounded-full skippr:text-left skippr:transition-opacity skippr:hover:opacity-90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-inset skippr:focus-visible:ring-white/70",
-        children: goal.displayMessage
-      }),
-      /* @__PURE__ */ jsx2("button", {
-        type: "button",
-        onClick: () => onDismiss(goal.goalId),
-        "aria-label": "Dismiss suggestion",
-        className: cn("skippr:flex skippr:size-5 skippr:shrink-0 skippr:items-center skippr:justify-center", "skippr:rounded-full skippr:text-white/70 skippr:cursor-pointer", "skippr:transition-colors skippr:hover:bg-white/15 skippr:hover:text-white", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-white/70"),
-        children: /* @__PURE__ */ jsx2(X, {
-          className: "skippr:size-3.5"
-        })
-      })
-    ]
-  });
-}
-
-// src/hooks/useAgentVoiceState.ts
-import { useVoiceAssistant } from "@livekit/components-react/hooks";
-function useAgentVoiceState() {
-  const { state } = useVoiceAssistant();
-  return {
-    state,
-    isSpeaking: state === "speaking",
-    isListening: state === "listening"
-  };
-}
-
-// src/components/LauncherStatusPill.tsx
-import { jsx as jsx3, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
-function pillStatusFromAgent(state, canSeePage) {
-  if (state === "speaking")
-    return "talking";
-  if (state === "thinking")
-    return "thinking";
-  return canSeePage ? "observing" : "connected";
-}
-function LauncherStatusPill() {
-  const { isConnected, isStarting, isPaused, expandPanel, setSidebarTab, position, captureMode } = useLiveAgent();
-  const { state } = useAgentVoiceState();
-  const { isScreenSharing } = useMediaControls();
-  const isStandingBy = isStarting && !isConnected;
-  if (!isConnected && !isStandingBy && !isPaused)
-    return null;
-  const canSeePage = captureMode === "auto" || isScreenSharing;
-  let status;
-  if (isPaused) {
-    status = "paused";
-  } else if (isStandingBy) {
-    status = "standing-by";
-  } else {
-    status = pillStatusFromAgent(state, canSeePage);
-  }
-  let ariaLabel;
-  if (isStandingBy) {
-    ariaLabel = "Skippr is standing by — click to open";
-  } else if (isPaused) {
-    ariaLabel = "Session paused — click to open";
-  } else {
-    ariaLabel = `Skippr is ${status} — click to open chat`;
-  }
-  const handleClick = () => {
-    if (!isStandingBy)
-      setSidebarTab("chat");
-    expandPanel();
-  };
-  return /* @__PURE__ */ jsx3("button", {
-    type: "button",
-    onClick: handleClick,
-    className: cn("skippr:fixed skippr:bottom-20 skippr:z-[9999]", "skippr:flex skippr:items-center skippr:gap-2", "skippr:rounded-full skippr:bg-bubble/95 skippr:backdrop-blur-sm", "skippr:px-3 skippr:py-1.5", "skippr:text-xs skippr:font-medium skippr:text-white", "skippr:shadow-[0_8px_24px_rgba(45,43,61,0.35)]", "skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-bubble", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    "aria-label": ariaLabel,
-    children: /* @__PURE__ */ jsxs3("span", {
-      className: "skippr:flex skippr:items-center skippr:gap-2 skippr:animate-[skippr-pill-content_0.22s_ease-out]",
+function AdoptionBubble({
+  goal,
+  onAttend,
+  appearDelayMs = 0,
+  exitDelayMs = 0,
+  hidden = false
+}) {
+  return /* @__PURE__ */ jsx2("div", {
+    style: {
+      animationDelay: `${appearDelayMs}ms`,
+      transitionDelay: hidden ? `${exitDelayMs}ms` : "0ms"
+    },
+    className: cn("skippr:group skippr:relative", "skippr:transition-opacity skippr:duration-300", "skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)_backwards]", hidden && "skippr:opacity-0 skippr:pointer-events-none"),
+    children: /* @__PURE__ */ jsxs2("button", {
+      type: "button",
+      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: [
-        status === "standing-by" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3("span", {
-              children: "Standing by"
-            }),
-            /* @__PURE__ */ jsx3(ThinkingDots, {})
-          ]
-        }),
-        status === "observing" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3(ObservingIcon, {}),
-            /* @__PURE__ */ jsx3("span", {
-              children: "Skippr is observing"
-            })
-          ]
-        }),
-        status === "connected" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3(ConnectedDot, {}),
-            /* @__PURE__ */ jsx3("span", {
-              children: "Skippr is connected"
-            })
-          ]
-        }),
-        status === "talking" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3(SpeakingBars, {}),
-            /* @__PURE__ */ jsx3("span", {
-              children: "Skippr is talking"
-            })
-          ]
+        /* @__PURE__ */ jsx2("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, {
+            className: "skippr:h-3.5 skippr:w-3.5",
+            fill: "currentColor"
+          })
         }),
-        status === "thinking" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3(ThinkingDots, {}),
-            /* @__PURE__ */ jsx3("span", {
-              children: "Skippr is thinking"
-            })
-          ]
+        /* @__PURE__ */ jsx2("span", {
+          className: "skippr:min-w-0 skippr:truncate skippr:text-[13px] skippr:font-semibold skippr:text-amber-950",
+          children: goal.displayMessage
         }),
-        status === "paused" && /* @__PURE__ */ jsxs3(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx3(PausedDot, {}),
-            /* @__PURE__ */ jsx3("span", {
-              children: "Session paused"
-            })
-          ]
+        /* @__PURE__ */ jsx2(ArrowRight, {
+          className: "skippr:h-3.5 skippr:w-3.5 skippr:shrink-0 skippr:text-amber-700"
         })
       ]
-    }, status)
+    })
   });
 }
-function ConnectedDot() {
-  return /* @__PURE__ */ jsxs3("span", {
-    className: "skippr:relative skippr:flex skippr:size-2",
+
+// src/components/ModulePill.tsx
+import { jsx as jsx3, 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;
+  const showProgress = module.mode !== AGENT_MODE.AlwaysOn && totalPhases > 0;
+  const progressFraction = showProgress ? Math.min(completedPhases / totalPhases, 1) : 0;
+  return /* @__PURE__ */ jsxs3("button", {
+    type: "button",
+    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: [
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:absolute skippr:inline-flex skippr:size-full skippr:animate-ping skippr:rounded-full skippr:bg-emerald-400 skippr:opacity-75"
+      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", {
+        viewBox: "0 0 20 20",
+        className: "skippr:size-4 skippr:shrink-0 skippr:-rotate-90",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx3("circle", {
+            cx: "10",
+            cy: "10",
+            r: RING_RADIUS,
+            fill: "none",
+            strokeWidth: "2.5",
+            className: "skippr:stroke-black/15"
+          }),
+          /* @__PURE__ */ jsx3("circle", {
+            cx: "10",
+            cy: "10",
+            r: RING_RADIUS,
+            fill: "none",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeDasharray: RING_CIRCUMFERENCE,
+            strokeDashoffset: RING_CIRCUMFERENCE * (1 - progressFraction),
+            className: "skippr:stroke-bubble"
+          })
+        ]
       }),
       /* @__PURE__ */ jsx3("span", {
-        className: "skippr:relative skippr:inline-flex skippr:size-2 skippr:rounded-full skippr:bg-emerald-400"
-      })
-    ]
-  });
-}
-function PausedDot() {
-  return /* @__PURE__ */ jsx3("span", {
-    className: "skippr:inline-flex skippr:size-2 skippr:rounded-full skippr:bg-amber-400"
-  });
-}
-function ObservingIcon() {
-  return /* @__PURE__ */ jsxs3("svg", {
-    viewBox: "0 0 24 24",
-    className: "skippr:size-3.5",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsx3("path", {
-        d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
+        className: "skippr:min-w-0 skippr:flex-1 skippr:truncate skippr:text-left",
+        children: label ?? module.name
       }),
-      /* @__PURE__ */ jsx3("circle", {
-        cx: "12",
-        cy: "12",
-        r: "3",
-        fill: "currentColor",
-        stroke: "none",
-        className: "skippr:origin-center skippr:animate-[skippr-banner-look_2.4s_ease-in-out_infinite]"
+      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"),
+        children: [
+          completedPhases,
+          "/",
+          totalPhases
+        ]
       })
     ]
   });
 }
-function SpeakingBars() {
-  return /* @__PURE__ */ jsxs3("span", {
-    className: "skippr:flex skippr:items-center skippr:gap-[2px] skippr:h-3.5",
-    children: [
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_infinite] skippr:h-1.5"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.15s_infinite] skippr:h-3"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.3s_infinite] skippr:h-2"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.45s_infinite] skippr:h-3.5"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:w-[2px] skippr:rounded-sm skippr:bg-white skippr:animate-[skippr-speak_1.1s_ease-in-out_0.6s_infinite] skippr:h-1"
+
+// src/components/MinimizedBubble.tsx
+import { jsx as jsx4, 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", {
+    type: "button",
+    onClick,
+    "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", {
+      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]"),
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx4("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 ThinkingDots() {
-  return /* @__PURE__ */ jsxs3("span", {
-    className: "skippr:flex skippr:items-center skippr:gap-[3px]",
+function WelcomeBubble({
+  message,
+  position,
+  popsDown,
+  onDismiss,
+  onClick
+}) {
+  useEffect9(() => {
+    const timer = setTimeout(onDismiss, 5000);
+    return () => clearTimeout(timer);
+  }, [onDismiss]);
+  return /* @__PURE__ */ jsxs4("button", {
+    type: "button",
+    className: cn("skippr:absolute", popsDown ? "skippr:top-full skippr:mt-3" : "skippr:bottom-full skippr:mb-3", "skippr:max-w-64 skippr:rounded-xl skippr:bg-card skippr:shadow-lg", "skippr:border skippr:border-border skippr:px-4 skippr:py-3", "skippr:text-sm skippr:text-foreground skippr:leading-relaxed skippr:text-left", "skippr:animate-[skippr-fade-in_0.3s_ease-out]", "skippr:cursor-pointer", position === "right" ? "skippr:right-0" : "skippr:left-0"),
+    onClick,
+    "aria-label": "Dismiss",
     children: [
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:0ms]"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:150ms]"
-      }),
-      /* @__PURE__ */ jsx3("span", {
-        className: "skippr:size-1 skippr:rounded-full skippr:bg-white skippr:animate-bounce skippr:[animation-delay:300ms]"
-      })
-    ]
-  });
-}
-
-// src/components/Logo.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Logo({ className }) {
-  return /* @__PURE__ */ jsxs4("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 200 200",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-label": "Skippr",
-    className,
-    children: [
-      /* @__PURE__ */ jsx4("rect", {
-        width: "200",
-        height: "200",
-        rx: "40",
-        fill: "#2D2D3F"
-      }),
-      /* @__PURE__ */ jsxs4("g", {
-        transform: "translate(100 100) scale(0.8) translate(-100 -100)",
-        children: [
-          /* @__PURE__ */ jsx4("path", {
-            d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
-            fill: "white"
-          }),
-          /* @__PURE__ */ jsx4("path", {
-            d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
-            fill: "#2BC0AE"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/MinimizedBubble.tsx
-import { jsx as jsx5, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
-var CONTROL_BUTTON = "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center skippr:rounded-[14px] skippr:cursor-pointer skippr:transition-all skippr:hover:-translate-y-0.5 skippr:active:translate-y-0";
-var CONTROL_SHADOW = "skippr:shadow-[0_4px_16px_rgba(0,0,0,0.15),0_2px_4px_rgba(0,0,0,0.1)]";
-function ConnectedLauncher() {
-  const {
-    expandPanel,
-    disconnect,
-    pauseSession,
-    resumeSession,
-    isPaused,
-    isPausing,
-    captureMode,
-    setSidebarTab
-  } = useLiveAgent();
-  const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
-  const showScreenShareToggle = captureMode === "screenshare";
-  const showPaused = isPaused || isPausing;
-  const openChat = () => {
-    setSidebarTab("chat");
-    expandPanel();
-  };
-  return /* @__PURE__ */ jsxs5(Fragment2, {
-    children: [
-      !showPaused && /* @__PURE__ */ jsxs5(Fragment2, {
-        children: [
-          /* @__PURE__ */ jsx5("button", {
-            type: "button",
-            onClick: toggleMute,
-            "aria-label": isMuted ? "Unmute" : "Mute",
-            className: cn(CONTROL_BUTTON, CONTROL_SHADOW, isMuted ? "skippr:bg-destructive/10 skippr:text-destructive skippr:hover:bg-destructive/20" : "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted"),
-            children: isMuted ? /* @__PURE__ */ jsx5(MicOff, {
-              className: "skippr:size-5"
-            }) : /* @__PURE__ */ jsx5(Mic, {
-              className: "skippr:size-5"
-            })
-          }),
-          showScreenShareToggle && /* @__PURE__ */ jsx5("button", {
-            type: "button",
-            onClick: toggleScreenShare,
-            "aria-label": isScreenSharing ? "Stop sharing screen" : "Share screen",
-            className: cn(CONTROL_BUTTON, CONTROL_SHADOW, isScreenSharing ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted"),
-            children: isScreenSharing ? /* @__PURE__ */ jsx5(MonitorOff, {
-              className: "skippr:size-5"
-            }) : /* @__PURE__ */ jsx5(Monitor, {
-              className: "skippr:size-5"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx5("button", {
-        type: "button",
-        onClick: () => isPaused ? resumeSession() : pauseSession(),
-        disabled: isPausing,
-        "aria-label": showPaused ? "Resume session" : "Pause session",
-        className: cn(CONTROL_BUTTON, CONTROL_SHADOW, "skippr:bg-white skippr:text-foreground skippr:hover:bg-muted skippr:disabled:opacity-60"),
-        children: showPaused ? /* @__PURE__ */ jsx5(Play, {
-          className: "skippr:size-5"
-        }) : /* @__PURE__ */ jsx5(Pause, {
-          className: "skippr:size-5"
-        })
-      }),
-      /* @__PURE__ */ jsx5("button", {
-        type: "button",
-        onClick: () => disconnect(),
-        "aria-label": "End session",
-        className: cn(CONTROL_BUTTON, "skippr:bg-destructive skippr:text-destructive-foreground skippr:hover:bg-destructive/90", "skippr:shadow-[0_4px_16px_rgba(217,79,79,0.45),0_2px_4px_rgba(0,0,0,0.1)]"),
-        children: /* @__PURE__ */ jsx5(PhoneOff, {
-          className: "skippr:size-5"
-        })
-      }),
-      !showPaused && /* @__PURE__ */ jsx5("button", {
-        type: "button",
-        onClick: openChat,
-        "aria-label": "Open chat",
-        className: cn(CONTROL_BUTTON, "skippr:bg-bubble skippr:text-white skippr:overflow-hidden", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)]", "skippr:hover:shadow-[0_6px_24px_rgba(45,43,61,0.55),0_4px_8px_rgba(0,0,0,0.1)]"),
-        children: /* @__PURE__ */ jsx5(MessageSquare, {
-          className: "skippr:size-5"
-        })
-      })
-    ]
-  });
-}
-function IdleLauncher() {
-  const { expandPanel } = useLiveAgent();
-  return /* @__PURE__ */ jsx5("button", {
-    type: "button",
-    onClick: expandPanel,
-    "aria-label": "Skippr assistant",
-    className: cn("skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:rounded-[10px] skippr:overflow-hidden skippr:cursor-pointer", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)]", "skippr:transition-all skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0"),
-    children: /* @__PURE__ */ jsx5(Logo, {
-      className: "skippr:size-12"
-    })
-  });
-}
-function WelcomeBubble({
-  message,
-  position,
-  onDismiss
-}) {
-  useEffect8(() => {
-    const timer = setTimeout(onDismiss, 5000);
-    return () => clearTimeout(timer);
-  }, [onDismiss]);
-  return /* @__PURE__ */ jsxs5("button", {
-    type: "button",
-    className: cn("skippr:absolute skippr:bottom-full skippr:mb-3", "skippr:max-w-64 skippr:rounded-xl skippr:bg-card skippr:shadow-lg", "skippr:border skippr:border-border skippr:px-4 skippr:py-3", "skippr:text-sm skippr:text-foreground skippr:leading-relaxed skippr:text-left", "skippr:animate-[skippr-fade-in_0.3s_ease-out]", "skippr:cursor-pointer", position === "right" ? "skippr:right-0" : "skippr:left-0"),
-    onClick: onDismiss,
-    "aria-label": "Dismiss",
-    children: [
-      message,
-      /* @__PURE__ */ jsx5("span", {
-        className: cn("skippr:absolute skippr:top-full skippr:size-2.5", "skippr:border-l skippr:border-t skippr:border-border skippr:bg-card", "skippr:rotate-[225deg]", position === "right" ? "skippr:right-5" : "skippr:left-5", "skippr:-mt-[5px]")
+      message,
+      /* @__PURE__ */ jsx4("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")
       })
     ]
   });
@@ -2664,42 +2421,137 @@ function MinimizedBubble({
   welcomeDismissed,
   onDismissWelcome
 }) {
-  const ctx = useContext3(LiveAgentContext);
+  const ctx = useContext2(LiveAgentContext);
   if (!ctx) {
     throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
   }
   const {
-    isConnected,
     isStarting,
-    isPaused,
-    isPausing,
     position,
+    setPosition,
+    launcherBottomPx,
+    setLauncherBottomPx,
+    popsDown,
     adoptionGoals,
-    dismissAdoptionGoal,
-    startAdoptionSession
+    startAdoptionSession,
+    hasModuleSelector,
+    isAuthenticated,
+    availableModules,
+    hasResolvedModules,
+    selectModule,
+    expandPanel
   } = ctx;
-  const inSession = isConnected || isPaused || isPausing;
-  return /* @__PURE__ */ jsxs5(Fragment2, {
+  const [goalsAutoHidden, setGoalsAutoHidden] = useState6(false);
+  const [isLauncherHovered, setIsLauncherHovered] = useState6(false);
+  const [visitHref, setVisitHref] = useState6(() => window.location.href);
+  const revealedHrefRef = useRef6(null);
+  const hoverContainerRef = useRef6(null);
+  useEffect9(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
+  useEffect9(() => {
+    const el = hoverContainerRef.current;
+    if (!el)
+      return;
+    const onEnter = () => setIsLauncherHovered(true);
+    const onLeave = () => setIsLauncherHovered(false);
+    el.addEventListener("mouseenter", onEnter);
+    el.addEventListener("mouseleave", onLeave);
+    return () => {
+      el.removeEventListener("mouseenter", onEnter);
+      el.removeEventListener("mouseleave", onLeave);
+    };
+  }, []);
+  const { wasDraggedRef } = useLauncherDrag(hoverContainerRef, ({ side, bottomPx }) => {
+    setPosition(side);
+    setLauncherBottomPx(bottomPx);
+  });
+  const actionableModules = hasModuleSelector ? availableModules.filter((module) => {
+    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 && (!hasModuleSelector || hasResolvedModules);
+  useEffect9(() => {
+    if (!goalsEligible)
+      return;
+    if (revealedHrefRef.current === visitHref) {
+      setGoalsAutoHidden(true);
+      return;
+    }
+    revealedHrefRef.current = visitHref;
+    setGoalsAutoHidden(false);
+    const timer = setTimeout(() => setGoalsAutoHidden(true), GOALS_AUTO_HIDE_MS);
+    return () => clearTimeout(timer);
+  }, [goalsEligible, visitHref]);
+  const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
+  const goalsHidden = goalsAutoHidden && !isLauncherHovered;
+  const [goalsUnmounted, setGoalsUnmounted] = useState6(false);
+  useEffect9(() => {
+    if (!goalsHidden) {
+      setGoalsUnmounted(false);
+      return;
+    }
+    const exitTotalMs = GOAL_FADE_OUT_MS + GOAL_EXIT_STAGGER_MS * (MAX_GOAL_BUBBLES - 1);
+    const timer = setTimeout(() => setGoalsUnmounted(true), exitTotalMs);
+    return () => clearTimeout(timer);
+  }, [goalsHidden]);
+  const visibleGoals = goalsUnmounted ? [] : matchedGoals;
+  const launchDefaultSession = () => {
+    if (wasDraggedRef.current || isStarting)
+      return;
+    if (!hasModuleSelector || !isAuthenticated) {
+      expandPanel();
+      return;
+    }
+    const target = alwaysOnModule ?? onboardingModule ?? pillCandidates[0];
+    if (target) {
+      selectModule(target.id);
+      return;
+    }
+    expandPanel();
+  };
+  return /* @__PURE__ */ jsxs4("div", {
+    ref: hoverContainerRef,
+    style: { bottom: launcherBottomPx, touchAction: "none" },
+    className: cn("skippr:fixed skippr:z-[9999]", "skippr:flex skippr:items-center skippr:gap-2", position === "right" ? "skippr:right-3" : "skippr:left-3"),
     children: [
-      /* @__PURE__ */ jsx5(LauncherStatusPill, {}),
-      /* @__PURE__ */ jsxs5("div", {
-        className: cn("skippr:fixed skippr:bottom-6 skippr:z-[9999]", "skippr:flex skippr:items-center skippr:gap-2", position === "right" ? "skippr:right-6" : "skippr:left-6"),
+      (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: [
-          !inSession && !isStarting && adoptionGoals.length > 0 && /* @__PURE__ */ jsx5("div", {
-            className: cn("skippr:absolute skippr:bottom-full skippr:mb-3 skippr:flex skippr:flex-col skippr:gap-2", position === "right" ? "skippr:right-0 skippr:items-end" : "skippr:left-0 skippr:items-start"),
-            children: adoptionGoals.map((goal) => /* @__PURE__ */ jsx5(AdoptionBubble, {
-              goal,
-              onAttend: startAdoptionSession,
-              onDismiss: dismissAdoptionGoal
-            }, goal.goalId))
-          }),
-          welcomeMessage && !isConnected && !isStarting && !welcomeDismissed && adoptionGoals.length === 0 && /* @__PURE__ */ jsx5(WelcomeBubble, {
-            message: welcomeMessage,
-            position,
-            onDismiss: onDismissWelcome
-          }),
-          inSession ? /* @__PURE__ */ jsx5(ConnectedLauncher, {}) : /* @__PURE__ */ jsx5(IdleLauncher, {})
+          visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx4(AdoptionBubble, {
+            goal,
+            onAttend: (attended) => {
+              if (!wasDraggedRef.current)
+                startAdoptionSession(attended);
+            },
+            appearDelayMs: (visibleGoals.length - 1 - index2) * GOAL_APPEAR_STAGGER_MS,
+            exitDelayMs: (visibleGoals.length - 1 - index2) * GOAL_EXIT_STAGGER_MS,
+            hidden: goalsHidden
+          }, goal.goalId)),
+          modulePills.map((module) => /* @__PURE__ */ jsx4(ModulePill, {
+            module,
+            onSelect: (id) => {
+              if (!wasDraggedRef.current)
+                selectModule(id);
+            }
+          }, module.id))
         ]
+      }),
+      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx4(WelcomeBubble, {
+        message: welcomeMessage,
+        position,
+        popsDown,
+        onDismiss: onDismissWelcome,
+        onClick: () => {
+          if (!wasDraggedRef.current)
+            onDismissWelcome();
+        }
+      }),
+      /* @__PURE__ */ jsx4(IdleLauncher, {
+        position,
+        onClick: launchDefaultSession
       })
     ]
   });
@@ -2707,20 +2559,20 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef8, useState as useState8 } from "react";
 
 // src/components/AgentActivityIndicator.tsx
-import { useEffect as useEffect9, useRef as useRef5, useState as useState6 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState7 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Z_INDEX2 = 2147483646;
 function centerOf(element) {
   const rect = getRectInTopViewport(element);
   return { left: rect.left + rect.width / 2, top: rect.top + rect.height / 2 };
 }
 function AgentActivityIndicator({ target }) {
-  const [position, setPosition] = useState6(null);
-  const frameRef = useRef5(null);
-  useEffect9(() => {
+  const [position, setPosition] = useState7(null);
+  const frameRef = useRef7(null);
+  useEffect10(() => {
     if (!target || !target.element.isConnected) {
       setPosition(null);
       return;
@@ -2758,21 +2610,21 @@ function AgentActivityIndicator({ target }) {
     zIndex: Z_INDEX2,
     transition: "left 0.45s cubic-bezier(0.22, 1, 0.36, 1), top 0.45s cubic-bezier(0.22, 1, 0.36, 1)"
   };
-  return /* @__PURE__ */ jsx6("div", {
+  return /* @__PURE__ */ jsx5("div", {
     "data-skippr-private": "true",
     style: containerStyle,
-    children: /* @__PURE__ */ jsxs6("div", {
+    children: /* @__PURE__ */ jsxs5("div", {
       className: "skippr:relative",
       children: [
-        /* @__PURE__ */ jsx6(MousePointer2, {
+        /* @__PURE__ */ jsx5(MousePointer2, {
           "aria-hidden": "true",
           className: "skippr:h-5 skippr:w-5 skippr:text-cyan-500 skippr:drop-shadow-[0_1px_3px_rgba(0,0,0,0.35)] skippr:animate-skippr-press",
           fill: "currentColor"
         }),
-        /* @__PURE__ */ jsx6("div", {
+        /* @__PURE__ */ jsx5("div", {
           role: "status",
           className: "skippr:absolute skippr:left-5 skippr:top-4 skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-cyan-500 skippr:px-2.5 skippr:py-1 skippr:shadow-[0_4px_12px_rgba(0,0,0,0.18)]",
-          children: /* @__PURE__ */ jsx6("span", {
+          children: /* @__PURE__ */ jsx5("span", {
             className: "skippr:text-[11px] skippr:font-medium skippr:text-white skippr:whitespace-nowrap",
             children: target.label
           })
@@ -2783,7 +2635,7 @@ function AgentActivityIndicator({ target }) {
 }
 
 // src/components/PageActionHandler.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var INDICATOR_LINGER_MS = 1400;
 var CURSOR_LEAD_BEFORE_ACTION_MS = 350;
 var SETTLE_MS = 250;
@@ -2927,14 +2779,14 @@ function labelFor(action) {
   }
 }
 function PageActionHandler() {
-  const [activity, setActivity] = useState7(null);
-  const mountedRef = useRef6(true);
-  const queueRef = useRef6([]);
-  const drainingRef = useRef6(false);
-  const timersRef = useRef6(new Set);
-  const wakesRef = useRef6(new Set);
-  const indicatorTimerRef = useRef6(null);
-  const sleep = useCallback7((ms) => {
+  const [activity, setActivity] = useState8(null);
+  const mountedRef = useRef8(true);
+  const queueRef = useRef8([]);
+  const drainingRef = useRef8(false);
+  const timersRef = useRef8(new Set);
+  const wakesRef = useRef8(new Set);
+  const indicatorTimerRef = useRef8(null);
+  const sleep = useCallback6((ms) => {
     return new Promise((resolve) => {
       const wake = () => {
         wakesRef.current.delete(wake);
@@ -2948,7 +2800,7 @@ function PageActionHandler() {
       timersRef.current.add(timer);
     });
   }, []);
-  const showActivity = useCallback7((target) => {
+  const showActivity = useCallback6((target) => {
     if (indicatorTimerRef.current) {
       clearTimeout(indicatorTimerRef.current);
       indicatorTimerRef.current = null;
@@ -2963,7 +2815,7 @@ function PageActionHandler() {
       indicatorTimerRef.current = timer;
     }
   }, []);
-  const processOne = useCallback7(async (action) => {
+  const processOne = useCallback6(async (action) => {
     if (action.type === "navigate") {
       queueRef.current.length = 0;
       if (!isSameOriginHttpUrl(action.url))
@@ -2989,7 +2841,7 @@ function PageActionHandler() {
     runAgentAction(() => performAction(action, element));
     await sleep(SETTLE_MS);
   }, [showActivity, sleep]);
-  const drain = useCallback7(async () => {
+  const drain = useCallback6(async () => {
     if (drainingRef.current)
       return;
     drainingRef.current = true;
@@ -3004,14 +2856,14 @@ function PageActionHandler() {
       drainingRef.current = false;
     }
   }, [processOne]);
-  const onMessage = useCallback7((msg) => {
+  const onMessage = useCallback6((msg) => {
     const action = parsePageAction(msg.payload);
     if (!action)
       return;
     queueRef.current.push(action);
     drain();
   }, [drain]);
-  useEffect10(() => {
+  useEffect11(() => {
     mountedRef.current = true;
     drainingRef.current = false;
     return () => {
@@ -3030,15 +2882,485 @@ function PageActionHandler() {
     };
   }, []);
   useDataChannel2(PAGE_ACTIONS_TOPIC, onMessage);
-  return /* @__PURE__ */ jsx7(AgentActivityIndicator, {
+  return /* @__PURE__ */ jsx6(AgentActivityIndicator, {
     target: activity
   });
 }
 
+// src/components/SessionControlBar.tsx
+import { useContext as useContext5 } from "react";
+
+// src/hooks/useAgentVoiceState.ts
+import { useVoiceAssistant } from "@livekit/components-react/hooks";
+function useAgentVoiceState() {
+  const { state } = useVoiceAssistant();
+  return {
+    state,
+    isSpeaking: state === "speaking",
+    isListening: state === "listening"
+  };
+}
+
+// src/hooks/useLiveAgent.ts
+import { useContext as useContext3 } from "react";
+function useLiveAgent() {
+  const ctx = useContext3(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/useMediaControls.ts
+import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
+import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
+import { useCallback as useCallback7 } from "react";
+var SCREEN_SHARE_OPTIONS = {
+  video: { displaySurface: "browser" },
+  resolution: ScreenSharePresets2.h720fps30.resolution,
+  contentHint: "detail"
+};
+function useMediaControls() {
+  const { localParticipant } = useLocalParticipant3();
+  const isMuted = !localParticipant.isMicrophoneEnabled;
+  const isScreenSharing = localParticipant.isScreenShareEnabled;
+  const toggleMute = useCallback7(async () => {
+    try {
+      await localParticipant.setMicrophoneEnabled(isMuted);
+    } catch (error) {
+      console.error("Failed to toggle microphone:", error);
+    }
+  }, [localParticipant, isMuted]);
+  const toggleScreenShare = useCallback7(async () => {
+    try {
+      await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
+    } catch (error) {
+      console.error("Failed to toggle screen share:", error);
+    }
+  }, [localParticipant, isScreenSharing]);
+  return { isMuted, toggleMute, isScreenSharing, toggleScreenShare };
+}
+
+// src/hooks/useMicLevel.ts
+import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState9 } from "react";
+var MIC_BARS = 5;
+var IDLE_BAR_HEIGHT_PX = 5;
+var MAX_BAR_GROWTH_PX = 17;
+var BAR_NOISE_GATE = 0.25;
+var TALKING_LEVEL_THRESHOLD = 0.2;
+var TALKING_HOLD_MS = 400;
+function useMicLevel(enabled) {
+  const { microphoneTrack } = useLocalParticipant4();
+  const barRefs = useRef9([]);
+  const [isTalking, setIsTalking] = useState9(false);
+  const mediaStreamTrack = microphoneTrack?.track?.mediaStreamTrack;
+  useEffect12(() => {
+    if (!enabled || !mediaStreamTrack) {
+      for (const bar of barRefs.current) {
+        if (bar)
+          bar.style.height = `${IDLE_BAR_HEIGHT_PX}px`;
+      }
+      setIsTalking(false);
+      return;
+    }
+    const AudioContextCtor = window.AudioContext ?? window.webkitAudioContext;
+    const audioContext = new AudioContextCtor;
+    const analyser = audioContext.createAnalyser();
+    analyser.fftSize = 64;
+    analyser.smoothingTimeConstant = 0.6;
+    audioContext.createMediaStreamSource(new MediaStream([mediaStreamTrack])).connect(analyser);
+    const frequencyData = new Uint8Array(analyser.frequencyBinCount);
+    let rafId = 0;
+    let talkingHoldUntil = 0;
+    const tick = () => {
+      analyser.getByteFrequencyData(frequencyData);
+      let levelSum = 0;
+      for (let i = 0;i < MIC_BARS; i++) {
+        const binIndex = 1 + Math.floor(i / MIC_BARS * (frequencyData.length - 2));
+        const level = (frequencyData[binIndex] ?? 0) / 255;
+        const gatedLevel = Math.max(0, level - BAR_NOISE_GATE) / (1 - BAR_NOISE_GATE);
+        levelSum += gatedLevel;
+        const bar = barRefs.current[i];
+        if (bar) {
+          bar.style.height = `${IDLE_BAR_HEIGHT_PX + Math.min(1, gatedLevel * 1.8) * MAX_BAR_GROWTH_PX}px`;
+        }
+      }
+      const now = performance.now();
+      if (levelSum / MIC_BARS > TALKING_LEVEL_THRESHOLD) {
+        talkingHoldUntil = now + TALKING_HOLD_MS;
+      }
+      const talking = now < talkingHoldUntil;
+      setIsTalking((prev) => prev === talking ? prev : talking);
+      rafId = requestAnimationFrame(tick);
+    };
+    rafId = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(rafId);
+      audioContext.close().catch(() => {});
+      setIsTalking(false);
+    };
+  }, [enabled, mediaStreamTrack]);
+  return { barRefs, isTalking };
+}
+
+// src/hooks/usePhaseUpdates.ts
+import { useCallback as useCallback8, useContext as useContext4, useEffect as useEffect14 } from "react";
+
+// src/hooks/useAgentState.ts
+import { useRemoteParticipants } from "@livekit/components-react/hooks";
+import { useEffect as useEffect13, useState as useState10 } from "react";
+function useAgentState(attributeKey, parse, initial) {
+  const [value, setValue] = useState10(initial);
+  const remoteParticipants = useRemoteParticipants();
+  useEffect13(() => {
+    const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
+    if (agentParticipant) {
+      const attr = agentParticipant.attributes?.[attributeKey];
+      if (attr) {
+        const parsed = parse(attr);
+        if (parsed)
+          setValue(parsed);
+      }
+    }
+    const handlers = new Map;
+    for (const p of remoteParticipants) {
+      const handler = (changedAttributes) => {
+        if (changedAttributes[attributeKey]) {
+          const parsed = parse(changedAttributes[attributeKey]);
+          if (parsed)
+            setValue(parsed);
+        } else if (p.attributes?.[attributeKey]) {
+          const parsed = parse(p.attributes[attributeKey]);
+          if (parsed)
+            setValue(parsed);
+        }
+      };
+      handlers.set(p, handler);
+      p.on("attributesChanged", handler);
+    }
+    return () => {
+      for (const [p, handler] of handlers) {
+        p.off("attributesChanged", handler);
+      }
+    };
+  }, [remoteParticipants, attributeKey, parse]);
+  return value;
+}
+
+// src/hooks/usePhaseUpdates.ts
+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 = useCallback8(parsePhases, []);
+  const livePhases = useAgentState("phases", parse, []);
+  const ctx = useContext4(LiveAgentContext);
+  useEffect14(() => {
+    if (livePhases.length > 0)
+      ctx?.setPhasesSnapshot(livePhases);
+  }, [livePhases, ctx?.setPhasesSnapshot]);
+  const phases = livePhases.length > 0 ? livePhases : ctx?.phasesSnapshot ?? [];
+  return { phases };
+}
+
+// src/components/SessionControlBar.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var STANDBY_BAR_WIDTH = 168;
+var READY_BAR_WIDTH = 176;
+var TEXT_BAR_WIDTH = 64;
+var SCREEN_SHARE_EXTRA_WIDTH = 56;
+var MIC_REGION_WIDTH = 104;
+var MIC_SQUARE_WIDTH = 48;
+var SQUARE_BUTTON = "skippr:flex skippr:size-12 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-2xl skippr:cursor-pointer skippr:transition-colors";
+function AgentActivity({ state }) {
+  return /* @__PURE__ */ jsxs6("span", {
+    role: "status",
+    className: "skippr:flex skippr:h-5 skippr:w-12 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:text-bubble",
+    "aria-label": `Agent is ${state}`,
+    children: [
+      state === "speaking" && /* @__PURE__ */ jsxs6("span", {
+        className: "skippr:flex skippr:h-5 skippr:items-center skippr:gap-[2px]",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:h-2 skippr:w-[2px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-speak_1.1s_ease-in-out_infinite]"
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:h-4 skippr:w-[2px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-speak_1.1s_ease-in-out_0.15s_infinite]"
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:h-2.5 skippr:w-[2px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-speak_1.1s_ease-in-out_0.3s_infinite]"
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:h-3.5 skippr:w-[2px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-speak_1.1s_ease-in-out_0.45s_infinite]"
+          })
+        ]
+      }),
+      state === "thinking" && /* @__PURE__ */ jsxs6("span", {
+        className: "skippr:flex skippr:items-center skippr:gap-[3px]",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:0ms]"
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:150ms]"
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: "skippr:size-[5px] skippr:rounded-full skippr:bg-current skippr:animate-bounce skippr:[animation-delay:300ms]"
+          })
+        ]
+      }),
+      state === "listening" && /* @__PURE__ */ jsxs6("svg", {
+        viewBox: "0 0 24 24",
+        className: "skippr:size-5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx7("path", {
+            d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
+          }),
+          /* @__PURE__ */ jsx7("circle", {
+            cx: "12",
+            cy: "12",
+            r: "2.5",
+            fill: "currentColor",
+            stroke: "none",
+            className: "skippr:origin-center skippr:[animation:skippr-banner-look_2.4s_ease-in-out_infinite]"
+          })
+        ]
+      })
+    ]
+  });
+}
+function SessionControlBar() {
+  const {
+    expandPanel,
+    minimizePanel,
+    isPanelOpen,
+    pauseSession,
+    isPausing,
+    captureMode,
+    setSidebarTab,
+    activeModule,
+    position
+  } = useLiveAgent();
+  const internalCtx = useContext5(LiveAgentContext);
+  const textMode = internalCtx?.textMode ?? false;
+  const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
+  const popsDown = internalCtx?.popsDown ?? false;
+  const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
+  const { state } = useAgentVoiceState();
+  const { phases } = usePhaseUpdates();
+  const isReady = state === "listening" || state === "thinking" || state === "speaking";
+  const { barRefs, isTalking } = useMicLevel(isReady && !isMuted && !textMode);
+  const showScreenShareToggle = captureMode === "screenshare";
+  const screenShareExtra = showScreenShareToggle ? SCREEN_SHARE_EXTRA_WIDTH : 0;
+  let barWidth = STANDBY_BAR_WIDTH;
+  if (isReady) {
+    barWidth = textMode ? TEXT_BAR_WIDTH + screenShareExtra : READY_BAR_WIDTH + screenShareExtra;
+  }
+  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();
+      return;
+    }
+    setSidebarTab(agendaModule && !textMode ? "agenda" : "chat");
+    expandPanel();
+  };
+  return /* @__PURE__ */ jsxs6("div", {
+    style: { bottom: launcherBottomPx },
+    className: cn("skippr:fixed skippr:z-[9999]", position === "right" ? "skippr:right-3" : "skippr:left-3"),
+    children: [
+      !isPanelOpen && agendaModule && agendaProgress && /* @__PURE__ */ jsx7("div", {
+        className: cn("skippr:absolute", popsDown ? "skippr:top-full skippr:mt-3" : "skippr:bottom-full skippr:mb-3", position === "right" ? "skippr:right-0" : "skippr:left-0"),
+        children: /* @__PURE__ */ jsx7(ModulePill, {
+          module: agendaModule,
+          onSelect: 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-16 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] skippr:duration-300 skippr:ease-out", "skippr:[animation:skippr-toolset-pop_440ms_cubic-bezier(0.22,1,0.36,1)]"),
+        children: [
+          !isReady && /* @__PURE__ */ jsxs6("span", {
+            className: "skippr:flex skippr:h-12 skippr:items-center skippr:justify-center skippr:gap-2 skippr:text-[13px] skippr:font-medium skippr:text-bubble skippr:[animation:skippr-stage-fade_240ms_ease-out]",
+            children: [
+              /* @__PURE__ */ jsxs6("span", {
+                className: "skippr:flex skippr:items-center skippr:gap-[3px]",
+                children: [
+                  /* @__PURE__ */ jsx7("span", {
+                    className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:0ms]"
+                  }),
+                  /* @__PURE__ */ jsx7("span", {
+                    className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:150ms]"
+                  }),
+                  /* @__PURE__ */ jsx7("span", {
+                    className: "skippr:size-1.5 skippr:rounded-full skippr:bg-bubble skippr:animate-bounce skippr:[animation-delay:300ms]"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx7("span", {
+                children: "Standing by…"
+              })
+            ]
+          }),
+          isReady && /* @__PURE__ */ jsxs6("div", {
+            className: "skippr:flex skippr:items-center skippr:gap-2 skippr:[animation:skippr-stage-fade_240ms_ease-out]",
+            children: [
+              !textMode && /* @__PURE__ */ jsxs6("div", {
+                className: "skippr:relative skippr:h-12",
+                style: { width: MIC_REGION_WIDTH },
+                children: [
+                  !isTalking && /* @__PURE__ */ jsx7("span", {
+                    className: "skippr:absolute skippr:inset-y-0 skippr:right-[-3px] skippr:flex skippr:w-14 skippr:items-center skippr:justify-center skippr:[animation:skippr-agent-in_200ms_ease-out_240ms_both]",
+                    children: /* @__PURE__ */ jsx7(AgentActivity, {
+                      state
+                    })
+                  }),
+                  /* @__PURE__ */ jsxs6("div", {
+                    className: "skippr:absolute skippr:top-0 skippr:left-0 skippr:z-10 skippr:flex skippr:h-12 skippr:items-center skippr:gap-2.5 skippr:overflow-hidden skippr:rounded-2xl skippr:bg-bubble skippr:pl-3.5 skippr:text-white skippr:transition-[width] skippr:duration-300 skippr:ease-out",
+                    style: { width: isTalking ? MIC_REGION_WIDTH : MIC_SQUARE_WIDTH },
+                    children: [
+                      /* @__PURE__ */ jsx7("button", {
+                        type: "button",
+                        onClick: () => void toggleMute(),
+                        "aria-label": isMuted ? "Unmute" : "Mute",
+                        className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:cursor-pointer skippr:transition-colors", isMuted ? "skippr:text-red-400 skippr:hover:text-red-300" : "skippr:text-white skippr:hover:text-white/80"),
+                        children: isMuted ? /* @__PURE__ */ jsx7(MicOff, {
+                          className: "skippr:size-5"
+                        }) : /* @__PURE__ */ jsx7(Mic, {
+                          className: "skippr:size-5"
+                        })
+                      }),
+                      /* @__PURE__ */ jsx7("span", {
+                        className: cn("skippr:flex skippr:h-6 skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[3px] skippr:transition-opacity skippr:duration-200", isTalking ? "skippr:opacity-100" : "skippr:opacity-0"),
+                        children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx7("span", {
+                          ref: (el) => {
+                            barRefs.current[index2] = el;
+                          },
+                          className: "skippr:w-[3px] skippr:rounded-full skippr:bg-white skippr:transition-[height] skippr:duration-75",
+                          style: { height: 5 }
+                        }, index2))
+                      })
+                    ]
+                  })
+                ]
+              }),
+              showScreenShareToggle && /* @__PURE__ */ jsx7("button", {
+                type: "button",
+                onClick: () => 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__ */ jsx7(MonitorOff, {
+                  className: "skippr:size-5"
+                }) : /* @__PURE__ */ jsx7(Monitor, {
+                  className: "skippr:size-5"
+                })
+              }),
+              /* @__PURE__ */ jsx7("button", {
+                type: "button",
+                onClick: 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__ */ jsx7(MessageSquare, {
+                  className: "skippr:size-5"
+                })
+              })
+            ]
+          }, textMode ? "ready-text" : "ready"),
+          isReady && /* @__PURE__ */ jsxs6("button", {
+            type: "button",
+            onClick: () => void pauseSession(),
+            disabled: isPausing,
+            "aria-label": "Pause session",
+            "aria-busy": isPausing,
+            className: cn("skippr:absolute skippr:-top-2 skippr:-right-2 skippr:z-20 skippr:flex skippr:size-6 skippr:items-center skippr:justify-center", "skippr:rounded-full skippr:bg-bubble skippr:text-white", "skippr:shadow-[0_4px_14px_rgba(0,0,0,0.3)]", "skippr:transition-opacity skippr:duration-150", isPausing ? "skippr:opacity-100 skippr:cursor-default" : "skippr:opacity-0 skippr:cursor-pointer skippr:hover:bg-[#3a384b] skippr:group-hover:opacity-100 skippr:focus-visible:opacity-100"),
+            children: [
+              /* @__PURE__ */ jsx7(X, {
+                className: cn("skippr:size-3.5 skippr:transition-opacity skippr:duration-200", isPausing && "skippr:opacity-40"),
+                strokeWidth: 2.5
+              }),
+              isPausing && /* @__PURE__ */ jsxs6("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": "true",
+                className: "skippr:absolute skippr:inset-0 skippr:size-full skippr:animate-spin skippr:motion-reduce:hidden",
+                children: [
+                  /* @__PURE__ */ jsx7("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10.5",
+                    stroke: "white",
+                    strokeOpacity: "0.2",
+                    strokeWidth: "1.5"
+                  }),
+                  /* @__PURE__ */ jsx7("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10.5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeDasharray: "17 49"
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
 // src/components/ShadowHost.tsx
-import { useLayoutEffect, useRef as useRef7, useState as useState8 } from "react";
+import { useLayoutEffect, useRef as useRef10, useState as useState11 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx8, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx8, Fragment } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
 var PROPERTY_RULE = /@property\s+[^{]+\{[^}]*\}/g;
 function hoistTailwindProperties(css) {
@@ -3053,10 +3375,10 @@ function hoistTailwindProperties(css) {
   return css.replace(PROPERTY_RULE, "");
 }
 function ShadowHost({ children }) {
-  const hostRef = useRef7(null);
-  const [shadowRoot, setShadowRoot] = useState8(null);
+  const hostRef = useRef10(null);
+  const [shadowRoot, setShadowRoot] = useState11(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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-400:oklch(70.4% .191 22.216);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-cyan-400:oklch(78.9% .154 211.53);--skippr-color-cyan-500:oklch(71.5% .143 215.221);--skippr-color-cyan-900:oklch(39.8% .07 227.392);--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-tracking-wide:.025em;--skippr-tracking-wider:.05em;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--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\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-4{top:calc(var(--skippr-spacing)*4)}.skippr\\:top-full{top:100%}.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-2{bottom:calc(var(--skippr-spacing)*-2)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-0{bottom:calc(var(--skippr-spacing)*0)}.skippr\\:bottom-6{bottom:calc(var(--skippr-spacing)*6)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[88px\\]{bottom:88px}.skippr\\:bottom-full{bottom:100%}.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-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:col-span-2{grid-column:span 2/span 2}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.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\\: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\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:flex{display:flex}.skippr\\:grid{display:grid}.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\\.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-11{width:calc(var(--skippr-spacing)*11);height:calc(var(--skippr-spacing)*11)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.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-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-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-\\[min\\(460px\\,calc\\(100vh-200px\\)\\)\\]{height:min(460px,100vh - 200px)}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3{width:calc(var(--skippr-spacing)*3)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-9{width:calc(var(--skippr-spacing)*9)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-\\[2px\\]{width:2px}.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\\: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\\:-translate-x-1\\/2{--tw-translate-x: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-\\[225deg\\]{rotate:225deg}.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-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-pointer{cursor:pointer}.skippr\\:resize-none{resize:none}.skippr\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.skippr\\:flex-col{flex-direction:column}.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\\: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-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-\\[14px\\]{border-radius:14px}.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\\: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-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-cyan-400{border-color:var(--skippr-color-cyan-400)}.skippr\\:border-destructive\\/20{border-color:oklab(61.4357% .15892 .0698893/.2)}.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-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/15{background-color:oklab(29.9244% .0107414 -.0305411/.15)}.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-cyan-400{background-color:var(--skippr-color-cyan-400)}.skippr\\:bg-cyan-500{background-color:var(--skippr-color-cyan-500)}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-destructive\\/10{background-color:oklab(61.4357% .15892 .0698893/.1)}.skippr\\:bg-destructive\\/15{background-color:oklab(61.4357% .15892 .0698893/.15)}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.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-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/15{background-color:oklab(100% 0 5.96046e-8/.15)}.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-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.skippr\\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.skippr\\:from-background{--tw-gradient-from:oklch(100% 0 0);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.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\\:p-6{padding:calc(var(--skippr-spacing)*6)}.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-3{padding-top:calc(var(--skippr-spacing)*3)}.skippr\\:pr-1\\.5{padding-right:calc(var(--skippr-spacing)*1.5)}.skippr\\:pb-5{padding-bottom:calc(var(--skippr-spacing)*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-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.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\\:tracking-wide{--tw-tracking:var(--skippr-tracking-wide);letter-spacing:var(--skippr-tracking-wide)}.skippr\\:tracking-wider{--tw-tracking:var(--skippr-tracking-wider);letter-spacing:var(--skippr-tracking-wider)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-cyan-500{color:var(--skippr-color-cyan-500)}.skippr\\:text-cyan-900{color:var(--skippr-color-cyan-900)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-destructive-foreground{color:oklch(100% 0 0)}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-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-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/70{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/70{color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:uppercase{text-transform:uppercase}.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-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-\\[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_12px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 4px 12px 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_4px_16px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000026),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_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_4px_16px_rgba\\(217\\,79\\,79\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#d94f4f73),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\\(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-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-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-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]{--tw-drop-shadow-size:drop-shadow(0 1px 3px var(--tw-drop-shadow-color,#00000059));--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-\\[opacity\\,transform\\]{transition-property:opacity,transform;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-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.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\\:outline-none{--tw-outline-style:none;outline-style: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\\: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\\: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-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/20:hover{background-color:oklab(61.4357% .15892 .0698893/.2)}.skippr\\:hover\\:bg-destructive\\/25:hover{background-color:oklab(61.4357% .15892 .0698893/.25)}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-muted\\/50:hover{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:hover\\:bg-muted\\/80:hover{background-color:oklab(97% -.000282743 .000959196/.8)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-white\\/15:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/15:hover{background-color:color-mix(in oklab,var(--skippr-color-white)15%,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\\:text-white:hover{color:var(--skippr-color-white)}.skippr\\:hover\\:opacity-90:hover{opacity:.9}.skippr\\:hover\\:shadow-\\[0_6px_24px_rgba\\(45\\,43\\,61\\,0\\.55\\)\\,0_4px_8px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:hover{--tw-shadow:0 6px 24px var(--tw-shadow-color,#2d2b3d8c),0 4px 8px 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\\: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-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.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\\:focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.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}.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-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 #22d3ee73}50%{box-shadow:0 0 0 10px #22d3ee00}}@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-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)}}.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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-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-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-emerald-500:oklch(69.6% .17 162.48);--skippr-color-cyan-400:oklch(78.9% .154 211.53);--skippr-color-cyan-500:oklch(71.5% .143 215.221);--skippr-color-cyan-900:oklch(39.8% .07 227.392);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 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-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-2{top:calc(var(--skippr-spacing)*-2)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-4{top:calc(var(--skippr-spacing)*4)}.skippr\\:top-full{top:100%}.skippr\\:-right-2{right:calc(var(--skippr-spacing)*-2)}.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-\\[-3px\\]{right:-3px}.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-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.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-\\[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-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\\:-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\\:flex{display:flex}.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\\.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-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-2\\.5{height:calc(var(--skippr-spacing)*2.5)}.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-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-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-16{height:calc(var(--skippr-spacing)*16)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[50px\\]{height:50px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3{width:calc(var(--skippr-spacing)*3)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-12{width:calc(var(--skippr-spacing)*12)}.skippr\\:w-14{width:calc(var(--skippr-spacing)*14)}.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\\: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-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-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:\\[animation\\:skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:\\[animation\\:skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:\\[animation\\:skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.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_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-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-pointer{cursor:pointer}.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\\: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-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-\\[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\\: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-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-cyan-400{border-color:var(--skippr-color-cyan-400)}.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-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-cyan-400{background-color:var(--skippr-color-cyan-400)}.skippr\\:bg-cyan-500{background-color:var(--skippr-color-cyan-500)}.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-launcher{background-color:#2d2d3f}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.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-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.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-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.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\\:pt-2{padding-top:calc(var(--skippr-spacing)*2)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-0{padding-bottom:calc(var(--skippr-spacing)*0)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.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-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-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-cyan-500{color:var(--skippr-color-cyan-500)}.skippr\\:text-cyan-900{color:var(--skippr-color-cyan-900)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-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-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.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_12px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 4px 12px 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_4px_14px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 4px 14px 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_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-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-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-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]{--tw-drop-shadow-size:drop-shadow(0 1px 3px var(--tw-drop-shadow-color,#00000059));--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\\]{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\\:\\[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\\: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\\: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-muted\\/70:hover{background-color:oklab(97% -.000282743 .000959196/.7)}.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-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.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\\:text-red-300:hover{color:var(--skippr-color-red-300)}.skippr\\:hover\\:text-white\\/80:hover{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:text-white\\/80:hover{color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.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\\:opacity-100:focus-visible{opacity:1}.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-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-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 #22d3ee73}50%{box-shadow:0 0 0 10px #22d3ee00}}@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-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-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}}`;
   useLayoutEffect(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -3071,7 +3393,7 @@ function ShadowHost({ children }) {
     setShadowRoot(root);
   }, [css]);
   if (!css)
-    return /* @__PURE__ */ jsx8(Fragment3, {
+    return /* @__PURE__ */ jsx8(Fragment, {
       children
     });
   return /* @__PURE__ */ jsx8("div", {
@@ -3081,13 +3403,13 @@ function ShadowHost({ children }) {
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext6, useEffect as useEffect19 } from "react";
+import { useContext as useContext9, useEffect as useEffect19 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext4, useMemo as useMemo5 } from "react";
+import { useContext as useContext6, useMemo as useMemo5 } from "react";
 
 // src/hooks/useChatMessages.ts
-import { useChat, useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { useChat, useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
 import { useMemo as useMemo3 } from "react";
 
 // src/lib/filterSystemMessages.ts
@@ -3099,7 +3421,7 @@ function filterSystemMessages(messages) {
 // src/hooks/useChatMessages.ts
 function useChatMessages() {
   const { chatMessages: rawMessages, send, isSending } = useChat();
-  const { localParticipant } = useLocalParticipant4();
+  const { localParticipant } = useLocalParticipant5();
   const localIdentity = localParticipant.identity;
   const chatMessages = useMemo3(() => {
     const sortedMessages = rawMessages.map((msg) => ({
@@ -3115,11 +3437,11 @@ function useChatMessages() {
 }
 
 // src/hooks/useStreamingTranscript.ts
-import { useLocalParticipant as useLocalParticipant5, useTranscriptions } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant6, useTranscriptions } from "@livekit/components-react/hooks";
 import { useMemo as useMemo4 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useTranscriptions();
-  const { localParticipant } = useLocalParticipant5();
+  const { localParticipant } = useLocalParticipant6();
   const localIdentity = localParticipant.identity;
   const transcriptMessages = useMemo4(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
     id: stream.streamInfo.id,
@@ -3142,101 +3464,35 @@ function mergeChatsIntoTranscripts(transcripts, chats) {
     }
     merged.push(transcript);
   }
-  while (chatIndex < chats.length) {
-    merged.push(chats[chatIndex]);
-    chatIndex++;
-  }
-  return merged;
-}
-function useCombinedMessages() {
-  const { transcriptMessages } = useStreamingTranscript();
-  const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
-  const { state: agentState } = useAgentVoiceState();
-  const historyMessages = useContext4(LiveAgentContext)?.historyMessages ?? [];
-  const liveMessages = useMemo5(() => {
-    if (chatMessages.length === 0)
-      return transcriptMessages;
-    if (transcriptMessages.length === 0)
-      return chatMessages;
-    return mergeChatsIntoTranscripts(transcriptMessages, chatMessages);
-  }, [transcriptMessages, chatMessages]);
-  const allMessages = useMemo5(() => {
-    if (historyMessages.length === 0)
-      return liveMessages;
-    const seenIds = new Set(liveMessages.map((message) => message.id));
-    return [...historyMessages.filter((message) => !seenIds.has(message.id)), ...liveMessages];
-  }, [historyMessages, liveMessages]);
-  return { allMessages, agentState, sendChatMessage, isSendingChat };
-}
-
-// src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback8, useContext as useContext5, useEffect as useEffect12 } from "react";
-
-// src/hooks/useAgentState.ts
-import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect11, useState as useState9 } from "react";
-function useAgentState(attributeKey, parse, initial) {
-  const [value, setValue] = useState9(initial);
-  const remoteParticipants = useRemoteParticipants();
-  useEffect11(() => {
-    const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
-    if (agentParticipant) {
-      const attr = agentParticipant.attributes?.[attributeKey];
-      if (attr) {
-        const parsed = parse(attr);
-        if (parsed)
-          setValue(parsed);
-      }
-    }
-    const handlers = new Map;
-    for (const p of remoteParticipants) {
-      const handler = (changedAttributes) => {
-        if (changedAttributes[attributeKey]) {
-          const parsed = parse(changedAttributes[attributeKey]);
-          if (parsed)
-            setValue(parsed);
-        } else if (p.attributes?.[attributeKey]) {
-          const parsed = parse(p.attributes[attributeKey]);
-          if (parsed)
-            setValue(parsed);
-        }
-      };
-      handlers.set(p, handler);
-      p.on("attributesChanged", handler);
-    }
-    return () => {
-      for (const [p, handler] of handlers) {
-        p.off("attributesChanged", handler);
-      }
-    };
-  }, [remoteParticipants, attributeKey, parse]);
-  return value;
-}
-
-// src/hooks/usePhaseUpdates.ts
-function parsePhases(json) {
-  try {
-    const data = JSON.parse(json);
-    if (data.type === "phase_update" && Array.isArray(data.phases)) {
-      return data.phases;
-    }
-  } catch {}
-  return null;
+  while (chatIndex < chats.length) {
+    merged.push(chats[chatIndex]);
+    chatIndex++;
+  }
+  return merged;
 }
-function usePhaseUpdates() {
-  const parse = useCallback8(parsePhases, []);
-  const livePhases = useAgentState("phases", parse, []);
-  const ctx = useContext5(LiveAgentContext);
-  useEffect12(() => {
-    if (livePhases.length > 0)
-      ctx?.setPhasesSnapshot(livePhases);
-  }, [livePhases, ctx?.setPhasesSnapshot]);
-  const phases = livePhases.length > 0 ? livePhases : ctx?.phasesSnapshot ?? [];
-  return { phases };
+function useCombinedMessages() {
+  const { transcriptMessages } = useStreamingTranscript();
+  const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
+  const { state: agentState } = useAgentVoiceState();
+  const historyMessages = useContext6(LiveAgentContext)?.historyMessages ?? [];
+  const liveMessages = useMemo5(() => {
+    if (chatMessages.length === 0)
+      return transcriptMessages;
+    if (transcriptMessages.length === 0)
+      return chatMessages;
+    return mergeChatsIntoTranscripts(transcriptMessages, chatMessages);
+  }, [transcriptMessages, chatMessages]);
+  const allMessages = useMemo5(() => {
+    if (historyMessages.length === 0)
+      return liveMessages;
+    const seenIds = new Set(liveMessages.map((message) => message.id));
+    return [...historyMessages.filter((message) => !seenIds.has(message.id)), ...liveMessages];
+  }, [historyMessages, liveMessages]);
+  return { allMessages, agentState, sendChatMessage, isSendingChat };
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect13, useRef as useRef8, useState as useState10 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState12 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -3252,9 +3508,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef8(null);
-  const [remaining, setRemaining] = useState10(null);
-  useEffect13(() => {
+  const endTimeRef = useRef11(null);
+  const [remaining, setRemaining] = useState12(null);
+  useEffect15(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -3270,11 +3526,47 @@ function useSessionRemaining() {
   return remaining;
 }
 
+// src/hooks/useTextMode.ts
+import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback9, useContext as useContext7, useRef as useRef12 } from "react";
+var textEncoder3 = new TextEncoder;
+function useTextMode() {
+  const ctx = useContext7(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useTextMode must be used within a <LiveAgent> provider");
+  }
+  const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
+  const { localParticipant } = useLocalParticipant7();
+  const confirmedTextModeRef = useRef12(false);
+  const toggleTextMode = useCallback9(async () => {
+    const next = !textMode;
+    setTextModeState(next);
+    if (next && sidebarTab === "agenda") {
+      setSidebarTab("chat");
+    }
+    try {
+      await localParticipant.publishData(textEncoder3.encode(JSON.stringify({ textMode: next })), {
+        reliable: true,
+        topic: TEXT_MODE_TOPIC
+      });
+      await localParticipant.setMicrophoneEnabled(!next);
+      confirmedTextModeRef.current = next;
+    } catch (error) {
+      setTextModeState(confirmedTextModeRef.current);
+      console.error("Failed to switch session mode:", error);
+    }
+  }, [textMode, setTextModeState, sidebarTab, setSidebarTab, localParticipant]);
+  return { textMode, toggleTextMode };
+}
+
+// src/components/ChatHeader.tsx
+import { useContext as useContext8 } from "react";
+
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect14, useState as useState11 } from "react";
+import { useEffect as useEffect16, useState as useState13 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState11(0);
-  useEffect14(() => {
+  const [elapsed, setElapsed] = useState13(0);
+  useEffect16(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -3292,7 +3584,10 @@ function useElapsedSeconds(isRunning) {
 // src/components/ChatHeader.tsx
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ChatHeader() {
-  const { isConnected, minimizePanel, minimizable } = useLiveAgent();
+  const { isConnected, variant } = useLiveAgent();
+  const internalCtx = useContext8(LiveAgentContext);
+  const panelExpanded = internalCtx?.panelExpanded ?? false;
+  const togglePanelExpanded = internalCtx?.togglePanelExpanded ?? (() => {});
   const elapsed = useElapsedSeconds(isConnected);
   return /* @__PURE__ */ jsxs7("header", {
     className: "skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-between skippr:border-b skippr:border-border skippr:bg-primary skippr:px-4 skippr:py-3",
@@ -3328,12 +3623,15 @@ function ChatHeader() {
               })
             ]
           }),
-          minimizable && /* @__PURE__ */ jsx9("button", {
+          variant === "floating" && /* @__PURE__ */ jsx9("button", {
             type: "button",
-            onClick: minimizePanel,
-            "aria-label": "Minimize",
+            onClick: togglePanelExpanded,
+            "aria-label": panelExpanded ? "Collapse" : "Expand",
+            title: panelExpanded ? "Collapse" : "Expand",
             className: "skippr:flex skippr:size-6 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-md skippr:text-primary-foreground/70 skippr:transition-colors skippr:hover:bg-primary-foreground/10 skippr:hover:text-primary-foreground",
-            children: /* @__PURE__ */ jsx9(Minimize2, {
+            children: panelExpanded ? /* @__PURE__ */ jsx9(Minimize2, {
+              className: "skippr:size-3.5"
+            }) : /* @__PURE__ */ jsx9(Maximize2, {
               className: "skippr:size-3.5"
             })
           })
@@ -3372,7 +3670,7 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef9, useState as useState12 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect17, useRef as useRef13, useState as useState14 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -3408,20 +3706,20 @@ import { jsx as jsx12, 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] = useState12("email");
-  const [email, setEmail] = useState12("");
-  const handleRequestOtp = useCallback9(async (emailValue) => {
+  const [step, setStep] = useState14("email");
+  const [email, setEmail] = useState14("");
+  const handleRequestOtp = useCallback10(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback9(async (code) => {
+  const handleVerifyOtp = useCallback10(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback9(() => {
+  const handleBack = useCallback10(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback9(async () => {
+  const handleResend = useCallback10(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
@@ -3498,30 +3796,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState12(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState12(0);
-  const inputRefs = useRef9([]);
-  const submittedRef = useRef9(false);
-  useEffect15(() => {
+  const [digits, setDigits] = useState14(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState14(0);
+  const inputRefs = useRef13([]);
+  const submittedRef = useRef13(false);
+  useEffect17(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect15(() => {
+  useEffect17(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback9((code) => {
+  const submitCode = useCallback10((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback9((index2, value) => {
+  const handleDigitChange = useCallback10((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -3535,12 +3833,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback9((index2, e) => {
+  const handleKeyDown = useCallback10((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback9((e) => {
+  const handlePaste = useCallback10((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -3649,101 +3947,18 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
   });
 }
 
-// src/components/MeetingControls.tsx
-import { jsx as jsx13, jsxs as jsxs10, Fragment as Fragment4 } from "react/jsx-runtime";
-var CONTROL_BUTTON2 = "skippr:flex skippr:size-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-colors skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60";
-var MUTED_BUTTON = "skippr:bg-muted skippr:text-foreground skippr:hover:bg-muted/80";
-function MeetingControls({
-  onHangUp,
-  onPause,
-  onResume,
-  isPaused = false,
-  isPausing = false,
-  showScreenShareToggle = true
-}) {
-  const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
-  const showPaused = isPaused || isPausing;
-  return /* @__PURE__ */ jsxs10("div", {
-    className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:bg-background skippr:px-4 skippr:py-4",
-    children: [
-      /* @__PURE__ */ jsxs10("div", {
-        className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-3",
-        children: [
-          !showPaused && /* @__PURE__ */ jsxs10(Fragment4, {
-            children: [
-              /* @__PURE__ */ jsx13("button", {
-                type: "button",
-                onClick: toggleMute,
-                "aria-label": isMuted ? "Unmute" : "Mute",
-                className: cn(CONTROL_BUTTON2, isMuted ? "skippr:bg-destructive/15 skippr:text-destructive skippr:hover:bg-destructive/25" : MUTED_BUTTON),
-                children: isMuted ? /* @__PURE__ */ jsx13(MicOff, {
-                  className: "skippr:size-5"
-                }) : /* @__PURE__ */ jsx13(Mic, {
-                  className: "skippr:size-5"
-                })
-              }),
-              showScreenShareToggle && /* @__PURE__ */ jsx13("button", {
-                type: "button",
-                onClick: toggleScreenShare,
-                "aria-label": isScreenSharing ? "Stop sharing screen" : "Share screen",
-                className: cn(CONTROL_BUTTON2, isScreenSharing ? "skippr:bg-bubble skippr:text-white skippr:hover:brightness-110" : MUTED_BUTTON),
-                children: isScreenSharing ? /* @__PURE__ */ jsx13(MonitorOff, {
-                  className: "skippr:size-5"
-                }) : /* @__PURE__ */ jsx13(Monitor, {
-                  className: "skippr:size-5"
-                })
-              })
-            ]
-          }),
-          showPaused ? onResume && /* @__PURE__ */ jsx13("button", {
-            type: "button",
-            onClick: onResume,
-            disabled: isPausing,
-            "aria-label": "Resume session",
-            className: cn(CONTROL_BUTTON2, MUTED_BUTTON),
-            children: /* @__PURE__ */ jsx13(Play, {
-              className: "skippr:size-5"
-            })
-          }) : onPause && /* @__PURE__ */ jsx13("button", {
-            type: "button",
-            onClick: onPause,
-            "aria-label": "Pause session",
-            className: cn(CONTROL_BUTTON2, MUTED_BUTTON),
-            children: /* @__PURE__ */ jsx13(Pause, {
-              className: "skippr:size-5"
-            })
-          }),
-          /* @__PURE__ */ jsx13("button", {
-            type: "button",
-            onClick: onHangUp,
-            "aria-label": "End session",
-            className: cn(CONTROL_BUTTON2, "skippr:bg-destructive skippr:text-destructive-foreground skippr:hover:bg-destructive/90"),
-            children: /* @__PURE__ */ jsx13(PhoneOff, {
-              className: "skippr:size-5"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx13("p", {
-        className: "skippr:mt-3 skippr:text-center skippr:text-[10px] skippr:text-muted-foreground",
-        children: "Powered by Skippr"
-      })
-    ]
-  });
-}
-
 // src/components/MessageList.tsx
-import { useEffect as useEffect17, useRef as useRef11 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef15 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect16, useRef as useRef10, useState as useState13 } from "react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useRef as useRef14, useState as useState15 } from "react";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState13("");
-  const textareaRef = useRef10(null);
+  const [inputText, setInputText] = useState15("");
+  const textareaRef = useRef14(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect16(() => {
+  useEffect18(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -3774,13 +3989,13 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx14("form", {
+  return /* @__PURE__ */ jsx13("form", {
     onSubmit: handleSubmit,
     className: "skippr:border-t skippr:border-border skippr:p-3",
-    children: /* @__PURE__ */ jsxs11("div", {
+    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__ */ jsx14("textarea", {
+        /* @__PURE__ */ jsx13("textarea", {
           ref: textareaRef,
           rows: 1,
           value: inputText,
@@ -3790,12 +4005,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__ */ jsx14("button", {
+        /* @__PURE__ */ jsx13("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__ */ jsx14(Send, {
+          children: /* @__PURE__ */ jsx13(Send, {
             className: "skippr:size-3.5"
           })
         })
@@ -3805,7 +4020,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -3815,23 +4030,23 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
     children: [
-      isAgent && /* @__PURE__ */ jsx15("div", {
+      isAgent && /* @__PURE__ */ jsx14("div", {
         className: "skippr:mt-0.5 skippr:flex skippr:size-7 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-md skippr:bg-primary",
-        children: /* @__PURE__ */ jsx15(Sparkles, {
+        children: /* @__PURE__ */ jsx14(Sparkles, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
         })
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
         children: [
-          /* @__PURE__ */ jsx15("div", {
+          /* @__PURE__ */ jsx14("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__ */ jsx15("span", {
+          message.timestamp && /* @__PURE__ */ jsx14("span", {
             className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
             children: formatTimestamp(message.timestamp)
           })
@@ -3842,33 +4057,33 @@ function ChatMessage({ message }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsxs13("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
     children: [
-      /* @__PURE__ */ jsx16("div", {
+      /* @__PURE__ */ jsx15("div", {
         className: "skippr:mt-0.5 skippr:flex skippr:size-7 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-md skippr:bg-primary",
-        children: /* @__PURE__ */ jsx16(Sparkles, {
+        children: /* @__PURE__ */ jsx15(Sparkles, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
         })
       }),
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("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__ */ jsx16("span", {
+          /* @__PURE__ */ jsx15("span", {
             children: "Agent is analyzing your screen"
           }),
-          /* @__PURE__ */ jsxs13("span", {
+          /* @__PURE__ */ jsxs12("span", {
             className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
             children: [
-              /* @__PURE__ */ jsx16("span", {
+              /* @__PURE__ */ jsx15("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
               }),
-              /* @__PURE__ */ jsx16("span", {
+              /* @__PURE__ */ jsx15("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
               }),
-              /* @__PURE__ */ jsx16("span", {
+              /* @__PURE__ */ jsx15("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
               })
             ]
@@ -3880,7 +4095,8 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var NEAR_BOTTOM_THRESHOLD_PX = 80;
 function MessageList({
   messages,
   isStreaming,
@@ -3888,31 +4104,44 @@ function MessageList({
   isSendingChat,
   autoFocus = false
 }) {
-  const scrollRef = useRef11(null);
+  const containerRef = useRef15(null);
+  const isPinnedToBottomRef = useRef15(true);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  useEffect17(() => {
-    scrollRef.current?.scrollIntoView({ behavior: "smooth" });
+  const trackPinnedToBottom = () => {
+    const container = containerRef.current;
+    if (!container)
+      return;
+    const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
+    isPinnedToBottomRef.current = distanceFromBottom < NEAR_BOTTOM_THRESHOLD_PX;
+  };
+  useLayoutEffect2(() => {
+    const container = containerRef.current;
+    if (!container)
+      return;
+    const userSentChat = lastMessage?.role === "user" && lastMessage.source === "chat";
+    if (!isPinnedToBottomRef.current && !userSentChat)
+      return;
+    container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs14("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
+        ref: containerRef,
+        onScroll: trackPinnedToBottom,
         className: "skippr:min-h-0 skippr:flex-1 skippr:space-y-4 skippr:overflow-y-auto skippr:p-4",
         children: [
-          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx17(LoadingDots, {
+          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx16(LoadingDots, {
             label: "Waiting for conversation to begin..."
           }),
-          messages.map((message) => /* @__PURE__ */ jsx17(ChatMessage, {
+          messages.map((message) => /* @__PURE__ */ jsx16(ChatMessage, {
             message
           }, message.id)),
-          showTyping && /* @__PURE__ */ jsx17(TypingIndicator, {}),
-          /* @__PURE__ */ jsx17("div", {
-            ref: scrollRef
-          })
+          showTyping && /* @__PURE__ */ jsx16(TypingIndicator, {})
         ]
       }),
-      /* @__PURE__ */ jsx17(ChatInput, {
+      /* @__PURE__ */ jsx16(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -3921,239 +4150,50 @@ function MessageList({
   });
 }
 
-// src/components/ModuleSelector.tsx
-import { useEffect as useEffect18, useRef as useRef12, useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var AGENT_TYPE_ICONS = {
-  onboarding: UserPlus,
-  demo: Rocket,
-  training: GraduationCap,
-  support: Headset
-};
-function getAgentIcon(type) {
-  return AGENT_TYPE_ICONS[type] ?? Bot;
-}
-function ModuleSelector() {
-  const {
-    availableModules,
-    isLoadingModules,
-    modulesError,
-    refetchModules,
-    selectModule,
-    isStarting,
-    isDisconnecting,
-    error
-  } = useLiveAgent();
-  const isBusy = isStarting || isDisconnecting;
-  const scrollRef = useRef12(null);
-  const [showScrollHint, setShowScrollHint] = useState14(false);
-  const [isScrolled, setIsScrolled] = useState14(false);
-  useEffect18(() => {
-    const el = scrollRef.current;
-    if (!el)
-      return;
-    function update() {
-      if (!el)
-        return;
-      const overflows = el.scrollHeight > el.clientHeight + 1;
-      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 4;
-      setShowScrollHint(overflows && !atBottom);
-      setIsScrolled(el.scrollTop > 0);
-    }
-    update();
-    el.addEventListener("scroll", update, { passive: true });
-    const observer = new ResizeObserver(update);
-    observer.observe(el);
-    return () => {
-      el.removeEventListener("scroll", update);
-      observer.disconnect();
-    };
-  }, []);
-  if (isLoadingModules && availableModules.length === 0) {
-    return /* @__PURE__ */ jsx18("div", {
-      className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:p-6",
-      children: /* @__PURE__ */ jsx18(LoadingDots, {
-        label: "Loading modules..."
-      })
-    });
-  }
-  if (modulesError) {
-    return /* @__PURE__ */ jsxs15("div", {
-      className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:gap-3 skippr:p-6 skippr:text-center",
-      children: [
-        /* @__PURE__ */ jsx18("p", {
-          className: "skippr:text-sm skippr:text-foreground",
-          children: "Couldn't load modules."
-        }),
-        /* @__PURE__ */ jsx18("p", {
-          className: "skippr:text-xs skippr:text-muted-foreground",
-          children: modulesError
-        }),
-        /* @__PURE__ */ jsx18("button", {
-          type: "button",
-          onClick: () => void refetchModules(),
-          className: "skippr:cursor-pointer skippr:rounded-lg skippr:bg-foreground skippr:px-3 skippr:py-1.5 skippr:text-xs skippr:font-medium skippr:text-background",
-          children: "Try again"
-        })
-      ]
-    });
-  }
-  if (availableModules.length === 0) {
-    return /* @__PURE__ */ jsx18("div", {
-      className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:p-6 skippr:text-center",
-      children: /* @__PURE__ */ jsx18("p", {
-        className: "skippr:text-sm skippr:text-muted-foreground",
-        children: "No experts available."
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs15("div", {
-    className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-    children: [
-      /* @__PURE__ */ jsxs15("div", {
-        ref: scrollRef,
-        className: "skippr-no-scrollbar skippr:flex-1 skippr:overflow-y-auto",
-        children: [
-          /* @__PURE__ */ jsx18("h3", {
-            className: `skippr:sticky skippr:top-0 skippr:z-10 skippr:bg-background skippr:px-4 skippr:py-3 skippr:text-xs skippr:font-medium skippr:uppercase skippr:tracking-wider skippr:text-muted-foreground skippr:transition-shadow ${isScrolled ? "skippr:border-b skippr:border-border" : ""}`,
-            children: "Choose an agent"
-          }),
-          /* @__PURE__ */ jsxs15("div", {
-            className: "skippr:px-4 skippr:pt-3 skippr:pb-5",
-            children: [
-              error && /* @__PURE__ */ jsx18("div", {
-                role: "alert",
-                className: "skippr:mb-3 skippr:rounded-lg skippr:border skippr:border-destructive/20 skippr:bg-destructive/10 skippr:px-3 skippr:py-2 skippr:text-xs skippr:text-destructive",
-                children: error
-              }),
-              /* @__PURE__ */ jsx18("div", {
-                className: "skippr:grid skippr:grid-cols-2 skippr:gap-2.5",
-                children: availableModules.map((module, index2) => {
-                  const isFeatured = index2 === 0;
-                  const isWide = index2 === availableModules.length - 1 && availableModules.length % 2 === 1;
-                  const Icon2 = getAgentIcon(module.type);
-                  const sessionState = getModuleSessionState(module.currentSession, module.mode);
-                  const isTerminal = sessionState === "completed" || sessionState === "expired";
-                  const base = "skippr:group skippr:flex skippr:cursor-pointer skippr:gap-3 skippr:rounded-xl skippr:text-left skippr:transition-colors skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50";
-                  const layout = isWide ? "skippr:items-center skippr:p-3.5 skippr:pb-5" : "skippr:flex-col skippr:items-start skippr:p-3.5";
-                  const variant = isFeatured ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:hover:bg-muted/50";
-                  const span = isWide ? "skippr:col-span-2" : "";
-                  return /* @__PURE__ */ jsxs15("button", {
-                    type: "button",
-                    disabled: isBusy || isTerminal,
-                    onClick: () => selectModule(module.id),
-                    className: `${base} ${layout} ${variant} ${span}`,
-                    children: [
-                      /* @__PURE__ */ jsx18("div", {
-                        className: isFeatured ? "skippr:flex skippr:h-9 skippr:w-9 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:bg-primary-foreground/15" : "skippr:flex skippr:h-9 skippr:w-9 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-lg skippr:bg-muted",
-                        children: /* @__PURE__ */ jsx18(Icon2, {
-                          className: isFeatured ? "skippr:h-4 skippr:w-4" : "skippr:h-4 skippr:w-4 skippr:text-muted-foreground"
-                        })
-                      }),
-                      /* @__PURE__ */ jsxs15("div", {
-                        className: "skippr:min-w-0 skippr:w-full skippr:space-y-0.5",
-                        children: [
-                          /* @__PURE__ */ jsxs15("div", {
-                            className: "skippr:flex skippr:items-center skippr:gap-1.5",
-                            children: [
-                              /* @__PURE__ */ jsx18("p", {
-                                className: "skippr:line-clamp-1 skippr:text-sm skippr:font-semibold",
-                                children: module.name
-                              }),
-                              sessionState === "resume" && /* @__PURE__ */ jsxs15("span", {
-                                className: `skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide ${isFeatured ? "skippr:bg-primary-foreground/20 skippr:text-primary-foreground" : "skippr:bg-bubble/15 skippr:text-bubble"}`,
-                                children: [
-                                  /* @__PURE__ */ jsx18(Play, {
-                                    className: "skippr:size-2.5"
-                                  }),
-                                  "Resume"
-                                ]
-                              }),
-                              sessionState === "completed" && /* @__PURE__ */ jsxs15("span", {
-                                className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
-                                children: [
-                                  /* @__PURE__ */ jsx18(CircleCheck, {
-                                    className: "skippr:size-2.5"
-                                  }),
-                                  "Completed"
-                                ]
-                              }),
-                              sessionState === "expired" && /* @__PURE__ */ jsxs15("span", {
-                                className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
-                                children: [
-                                  /* @__PURE__ */ jsx18(Clock, {
-                                    className: "skippr:size-2.5"
-                                  }),
-                                  "Expired"
-                                ]
-                              })
-                            ]
-                          }),
-                          module.description && /* @__PURE__ */ jsx18("p", {
-                            className: isFeatured ? "skippr:line-clamp-2 skippr:text-[11px] skippr:leading-snug skippr:text-primary-foreground/70" : "skippr:line-clamp-2 skippr:text-[11px] skippr:leading-snug skippr:text-muted-foreground",
-                            children: module.description
-                          })
-                        ]
-                      })
-                    ]
-                  }, module.id);
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      showScrollHint && /* @__PURE__ */ jsx18("div", {
-        className: "skippr:pointer-events-none skippr:absolute skippr:bottom-0 skippr:left-0 skippr:right-0 skippr:h-12 skippr:bg-gradient-to-t skippr:from-background skippr:to-transparent"
-      })
-    ]
-  });
-}
-
 // src/components/SessionAgenda.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx19("div", {
+    return /* @__PURE__ */ jsx17("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx19(LoadingDots, {
+      children: /* @__PURE__ */ jsx17(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx19("div", {
+  return /* @__PURE__ */ jsx17("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx19("div", {
+    children: /* @__PURE__ */ jsx17("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs16("div", {
+        return /* @__PURE__ */ jsxs14("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__ */ jsx19("div", {
+            /* @__PURE__ */ jsx17("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx19(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx17(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx19(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx17(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx19(Circle, {
+              }) : /* @__PURE__ */ jsx17(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
-            /* @__PURE__ */ jsxs16("div", {
+            /* @__PURE__ */ jsxs14("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx19("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__ */ jsx19("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx17("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs16("li", {
+                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs14("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__ */ jsx19("span", {
+                      /* @__PURE__ */ jsx17("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -4170,12 +4210,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx20 } 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__ */ jsx20("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"
@@ -4183,7 +4223,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/StartSessionPrompt.tsx
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } 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,
@@ -4195,16 +4235,16 @@ function StartSessionPrompt({
   canResume = false,
   onResume
 }) {
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs15("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__ */ jsx21("button", {
+      canResume && onResume ? /* @__PURE__ */ jsx19("button", {
         type: "button",
         onClick: onResume,
         disabled: isStarting,
         className: PROMPT_BUTTON,
         children: isStarting ? "Resuming..." : "Resume session"
-      }) : /* @__PURE__ */ jsx21("button", {
+      }) : /* @__PURE__ */ jsx19("button", {
         type: "button",
         onClick: () => {
           if (!agentId)
@@ -4215,7 +4255,7 @@ function StartSessionPrompt({
         className: PROMPT_BUTTON,
         children: isStarting ? "Starting..." : label
       }),
-      error && /* @__PURE__ */ jsx21("p", {
+      error && /* @__PURE__ */ jsx19("p", {
         className: "skippr:text-xs skippr:text-destructive",
         children: error
       })
@@ -4224,7 +4264,10 @@ function StartSessionPrompt({
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx22, jsxs as jsxs18, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16, Fragment as Fragment2 } from "react/jsx-runtime";
+var PANEL_GAP_PX = 12;
+var PANEL_VIEWPORT_MARGIN_PX = 24;
+var PANEL_MAX_HEIGHT_PX = 460;
 function Sidebar({
   hideControls = false,
   hideHeader = false,
@@ -4239,10 +4282,8 @@ function Sidebar({
     isPaused,
     error,
     startSession,
-    pauseSession,
     resumeSession,
     resumableSession,
-    disconnect,
     isPanelOpen,
     position,
     isAuthenticated,
@@ -4254,18 +4295,29 @@ function Sidebar({
     sidebarTab: activeTab,
     setSidebarTab: setActiveTab,
     autoFocusChat,
-    captureMode,
-    hasModuleSelector,
     agentId,
     agentMode,
     agentControls
   } = useLiveAgent();
-  const internalCtx = useContext6(LiveAgentContext);
+  const internalCtx = useContext9(LiveAgentContext);
   const usesHostAuth = internalCtx?.usesHostAuth ?? false;
   const authFailed = internalCtx?.authFailed ?? 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 isFloating = variant === "floating";
   const isSidebar = variant === "sidebar";
+  const inSession = isConnected || isStarting || isPausing;
+  const floatingBottomPx = inSession ? launcherBottomPx + SESSION_BAR_CLEARANCE_PX : triggerBottomPx(launcherBottomPx, popsDown) + IDLE_TRIGGER_CLEARANCE_PX;
+  let floatingStyle;
+  if (isFloating) {
+    const availableHeight = popsDown ? `${launcherBottomPx - PANEL_GAP_PX - PANEL_VIEWPORT_MARGIN_PX}px` : `calc(100vh - ${floatingBottomPx + PANEL_VIEWPORT_MARGIN_PX}px)`;
+    floatingStyle = {
+      ...popsDown ? { top: `calc(100vh - ${launcherBottomPx - PANEL_GAP_PX}px)` } : { bottom: floatingBottomPx },
+      height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
+    };
+  }
   useEffect19(() => {
     if (!isSidebar)
       return;
@@ -4280,21 +4332,19 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs18("div", {
-    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:bottom-[88px] skippr:h-[min(460px,calc(100vh-200px))] 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] skippr:duration-300 skippr:ease-in-out", isFloating && (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 },
+  return /* @__PURE__ */ jsxs16("div", {
+    className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:border skippr:border-border skippr:rounded-2xl skippr:shadow-[0_8px_30px_rgba(0,0,0,0.16),0_4px_12px_rgba(0,0,0,0.08)]", isFloating && (position === "right" ? "skippr:right-6" : "skippr:left-6"), isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? position === "right" ? "skippr:origin-top-right" : "skippr:origin-top-left" : position === "right" ? "skippr:origin-bottom-right" : "skippr:origin-bottom-left"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
+    style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx22(ChatHeader, {}),
-      authFailed ? /* @__PURE__ */ jsx22(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx22(AuthenticatedContent, {
+      !hideHeader && /* @__PURE__ */ jsx20(ChatHeader, {}),
+      authFailed ? /* @__PURE__ */ jsx20(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx20(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
         isDisconnecting,
         canResume: resumableSession !== null,
         onStartSession: startSession,
-        onPause: pauseSession,
         onResume: resumeSession,
-        onDisconnect: disconnect,
         isStarting,
         error,
         activeTab,
@@ -4302,17 +4352,15 @@ function Sidebar({
         hideControls,
         startSessionLabel,
         autoFocusChat,
-        showScreenShareToggle: captureMode === "screenshare",
-        hasModuleSelector,
         agentId,
         agentControls,
         showAgenda
-      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx22("div", {
+      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx20("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx22(LoadingDots, {
+        children: /* @__PURE__ */ jsx20(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx22(LoginFlow, {
+      }) : /* @__PURE__ */ jsx20(LoginFlow, {
         requestOtp,
         verifyOtp,
         error: authError,
@@ -4328,9 +4376,7 @@ function AuthenticatedContent({
   isDisconnecting,
   canResume,
   onStartSession,
-  onPause,
   onResume,
-  onDisconnect,
   isStarting,
   error,
   activeTab,
@@ -4338,15 +4384,11 @@ function AuthenticatedContent({
   hideControls,
   startSessionLabel,
   autoFocusChat,
-  showScreenShareToggle,
-  hasModuleSelector,
   agentId,
   agentControls,
   showAgenda
 }) {
   const inSession = isConnected || isStarting || isPaused || isPausing;
-  const showSelectorAsPrompt = hasModuleSelector && !inSession && !isDisconnecting;
-  const showTabBar = !showSelectorAsPrompt;
   const effectiveTab = showAgenda ? activeTab : "chat";
   let transitionLabel = null;
   if (isPausing) {
@@ -4356,63 +4398,63 @@ function AuthenticatedContent({
   } else if (isPaused) {
     transitionLabel = "Paused";
   }
-  return /* @__PURE__ */ jsxs18(Fragment5, {
+  return /* @__PURE__ */ jsxs16(Fragment2, {
     children: [
-      isConnected && /* @__PURE__ */ jsx22(ConnectedBanner, {}),
-      showTabBar && /* @__PURE__ */ jsxs18("div", {
-        className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-2",
+      isConnected && /* @__PURE__ */ jsx20(ConnectedBanner, {}),
+      /* @__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__ */ jsxs18("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-2 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
+            className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("chat"),
             children: [
-              /* @__PURE__ */ jsx22(MessageCircle, {
+              /* @__PURE__ */ jsx20(MessageCircle, {
                 className: "skippr:size-3.5"
               }),
               "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx22("span", {
-                className: "skippr:absolute skippr:-bottom-2 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
+              activeTab === "chat" && /* @__PURE__ */ jsx20("span", {
+                className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           }),
-          showAgenda && /* @__PURE__ */ jsxs18("button", {
+          showAgenda && /* @__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-2 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "agenda" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
+            className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "agenda" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("agenda"),
             children: [
-              /* @__PURE__ */ jsx22(Calendar, {
+              /* @__PURE__ */ jsx20(Calendar, {
                 className: "skippr:size-3.5"
               }),
               "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx22("span", {
-                className: "skippr:absolute skippr:-bottom-2 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
+              activeTab === "agenda" && /* @__PURE__ */ jsx20("span", {
+                className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx22("div", {
+      /* @__PURE__ */ jsx20("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx22("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx20("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx22(LoadingDots, {
+          children: /* @__PURE__ */ jsx20(LoadingDots, {
             label: "Ending session..."
           })
-        }) : showSelectorAsPrompt ? /* @__PURE__ */ jsx22(ModuleSelector, {}) : inSession ? /* @__PURE__ */ jsxs18(Fragment5, {
+        }) : inSession ? /* @__PURE__ */ jsxs16(Fragment2, {
           children: [
-            transitionLabel && /* @__PURE__ */ jsx22("div", {
+            transitionLabel && /* @__PURE__ */ jsx20("div", {
               className: "skippr:shrink-0 skippr:border-b skippr:border-border skippr:bg-muted/50 skippr:px-3 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:text-muted-foreground",
               children: transitionLabel
             }),
-            /* @__PURE__ */ jsx22(ConnectedBody, {
+            /* @__PURE__ */ jsx20(ConnectedBody, {
               activeTab: effectiveTab,
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx22("div", {
+        }) : /* @__PURE__ */ jsx20("div", {
           className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-          children: /* @__PURE__ */ jsx22(StartSessionPrompt, {
+          children: /* @__PURE__ */ jsx20(StartSessionPrompt, {
             onStartSession,
             agentId,
             agentControls,
@@ -4424,29 +4466,58 @@ function AuthenticatedContent({
           })
         }, `${activeTab}-empty`)
       }),
-      (isConnected || isPaused) && !isDisconnecting && !hideControls && /* @__PURE__ */ jsx22(MeetingControls, {
-        onHangUp: onDisconnect,
-        onPause,
-        onResume,
-        isPaused,
-        isPausing,
-        showScreenShareToggle
+      !hideControls && /* @__PURE__ */ jsxs16("div", {
+        className: "skippr:shrink-0 skippr:border-t skippr:border-border",
+        children: [
+          isConnected && !isDisconnecting && /* @__PURE__ */ jsx20(ModeToggleRow, {}),
+          /* @__PURE__ */ jsx20("div", {
+            className: "skippr:px-4 skippr:pt-1.5 skippr:pb-2 skippr:text-center skippr:text-[10px] skippr:text-muted-foreground",
+            children: "Powered by Skippr"
+          })
+        ]
       })
     ]
   });
 }
+function ModeToggleRow() {
+  const { textMode, toggleTextMode } = useTextMode();
+  return /* @__PURE__ */ jsx20("div", {
+    className: "skippr:flex skippr:justify-center skippr:px-3 skippr:pt-2 skippr:pb-0",
+    children: /* @__PURE__ */ jsx20("button", {
+      type: "button",
+      "aria-label": textMode ? "Switch to voice mode" : "Switch to text mode",
+      className: "skippr:flex skippr:cursor-pointer skippr:items-center skippr:gap-2 skippr:rounded-xl skippr:bg-muted skippr:px-4 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:text-foreground skippr:transition-colors skippr:hover:bg-muted/70",
+      onClick: () => void toggleTextMode(),
+      children: textMode ? /* @__PURE__ */ jsxs16(Fragment2, {
+        children: [
+          /* @__PURE__ */ jsx20(Mic, {
+            className: "skippr:size-4"
+          }),
+          "Voice mode"
+        ]
+      }) : /* @__PURE__ */ jsxs16(Fragment2, {
+        children: [
+          /* @__PURE__ */ jsx20(MessageSquare, {
+            className: "skippr:size-4"
+          }),
+          "Text mode"
+        ]
+      })
+    })
+  });
+}
 function AuthError() {
-  return /* @__PURE__ */ jsxs18("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__ */ jsx22(CircleAlert, {
+      /* @__PURE__ */ jsx20(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx22("p", {
+      /* @__PURE__ */ jsx20("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx22("p", {
+      /* @__PURE__ */ jsx20("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -4455,7 +4526,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx22(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx20(SessionWarningBanner, {
     remaining
   });
 }
@@ -4466,17 +4537,17 @@ function ConnectedBody({
   const { allMessages, agentState, sendChatMessage, isSendingChat } = useCombinedMessages();
   const { phases } = usePhaseUpdates();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx22("div", {
+    return /* @__PURE__ */ jsx20("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx22(SessionAgenda, {
+      children: /* @__PURE__ */ jsx20(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx22("div", {
+  return /* @__PURE__ */ jsx20("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx22(MessageList, {
+    children: /* @__PURE__ */ jsx20(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
@@ -4487,28 +4558,81 @@ function ConnectedBody({
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { useContext as useContext10 } from "react";
+
+// src/components/Logo.tsx
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function Logo({ className }) {
+  return /* @__PURE__ */ jsxs17("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 200 200",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Skippr",
+    className,
+    children: [
+      /* @__PURE__ */ jsx21("rect", {
+        width: "200",
+        height: "200",
+        rx: "40",
+        fill: "#2D2D3F"
+      }),
+      /* @__PURE__ */ jsxs17("g", {
+        transform: "translate(100 100) scale(0.8) translate(-100 -100)",
+        children: [
+          /* @__PURE__ */ jsx21("path", {
+            d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
+            fill: "white"
+          }),
+          /* @__PURE__ */ jsx21("path", {
+            d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
+            className: "skippr:fill-brand"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/SidebarTrigger.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
 function SidebarTrigger() {
-  const { isPanelOpen, togglePanel, minimizePanel, minimizable, position, isMinimized } = useLiveAgent();
-  if (isMinimized)
+  const {
+    isPanelOpen,
+    togglePanel,
+    minimizePanel,
+    minimizable,
+    position,
+    isMinimized,
+    isConnected,
+    isStarting,
+    isPausing
+  } = useLiveAgent();
+  const internalCtx = useContext10(LiveAgentContext);
+  const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
+  const popsDown = internalCtx?.popsDown ?? false;
+  if (isMinimized || isConnected || isStarting || isPausing)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx23("button", {
+  return /* @__PURE__ */ jsx22("button", {
     type: "button",
     onClick: handleClick,
     title: isPanelOpen ? "Close chat" : "Open chat",
     "aria-label": isPanelOpen ? "Close chat" : "Open chat",
-    className: cn("skippr:fixed skippr:bottom-6 skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    children: isPanelOpen ? /* @__PURE__ */ jsx23(ChevronDown, {
+    style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
+    className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
+    children: isPanelOpen ? /* @__PURE__ */ jsx22(ChevronDown, {
       className: "skippr:size-5"
-    }) : /* @__PURE__ */ jsx23(Logo, {
+    }) : /* @__PURE__ */ jsx22(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function LiveAgent(props) {
   const {
     agentId: hostAgentId,
@@ -4540,20 +4664,20 @@ function LiveAgent(props) {
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
   const hasModuleSelector = !hostAgentId;
-  const [activeModule, setActiveModule] = useState15(null);
+  const [activeModule, setActiveModule] = useState16(null);
   const agentId = hasModuleSelector ? activeModule?.id ?? null : hostAgentId;
   const agentControls = hasModuleSelector ? activeModule?.controls : hostAgentControls;
-  const minimizeOnSessionStart = useCallback10(() => {
+  const minimizeOnSessionStart = useCallback11(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback10(() => {
+  const expandOnSessionStartError = useCallback11(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback10(() => {
+  const minimizeOnSessionDisconnect = useCallback11(() => {
     if (hasModuleSelector) {
       setActiveModule(null);
     }
@@ -4589,34 +4713,44 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef13(false);
+  const teardownInFlightRef = useRef16(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback10(() => {
+  const handleRoomDisconnected = useCallback11(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
-  const inSession = connection !== null || isStarting || isPaused || isPausing || isDisconnecting;
-  const [isPanelOpen, setIsPanelOpen] = useState15(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState15(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState15("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState15([]);
+  const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
+  const [isPanelOpen, setIsPanelOpen] = useState16(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState16(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState16("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState16([]);
+  const [textMode, setTextMode] = useState16(false);
+  const [panelExpanded, setPanelExpanded] = useState16(false);
+  const togglePanelExpanded = useCallback11(() => setPanelExpanded((prev) => !prev), []);
+  const setTextModeState = useCallback11((enabled) => {
+    setTextMode(enabled);
+    setPanelExpanded(enabled);
+  }, []);
+  const isConnected = connection !== null;
+  const showControlBar = isConnected || isStarting || isPausing;
+  useEffect20(() => {
+    if (!isConnected)
+      setTextModeState(false);
+  }, [isConnected, setTextModeState]);
   const {
     modules: availableModules,
     isLoading: isLoadingModules,
+    hasResolved: hasResolvedModules,
     error: modulesError,
     refetch: refetchModules
   } = useAvailableModules({
-    enabled: !inSession,
+    enabled: !isSessionLive,
     bearerToken,
     authedFetch
   });
-  const {
-    goals: adoptionGoals,
-    dismissGoal: dismissAdoptionGoal,
-    attendGoal
-  } = useAdoptionGoals({
-    enabled: !inSession,
+  const { goals: adoptionGoals, attendGoal } = useAdoptionGoals({
+    enabled: !isSessionLive,
     bearerToken,
     authedFetch
   });
@@ -4629,7 +4763,7 @@ function LiveAgent(props) {
   }, [activeModule, hostAgentId, availableModules]);
   const agentMode = activeModuleForAgent?.mode ?? null;
   const resumableSession = useMemo6(() => getResumableSession(activeModuleForAgent), [activeModuleForAgent]);
-  const resumeSession = useCallback10(async () => {
+  const resumeSession = useCallback11(async () => {
     if (!resumableSession)
       return;
     await startSession({
@@ -4638,7 +4772,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback10((moduleId) => {
+  const selectModule = useCallback11((moduleId) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -4649,7 +4783,7 @@ function LiveAgent(props) {
       existingSessionId: getResumableSessionId(found.currentSession, found.mode)
     });
   }, [availableModules, startSession]);
-  const startAdoptionSession = useCallback10((goal) => {
+  const startAdoptionSession = useCallback11((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
@@ -4660,9 +4794,9 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState15(false);
-  const dismissWelcome = useCallback10(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState15(() => {
+  const [welcomeDismissed, setWelcomeDismissed] = useState16(false);
+  const dismissWelcome = useCallback11(() => setWelcomeDismissed(true), []);
+  const [currentPosition, setCurrentPosition] = useState16(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -4670,26 +4804,57 @@ function LiveAgent(props) {
     } catch {}
     return position;
   });
-  const setPositionWithPersist = useCallback10((pos) => {
+  const setPositionWithPersist = useCallback11((pos) => {
     setCurrentPosition(pos);
     try {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
-  const openPanel = useCallback10(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback10(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback10(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback10(() => {
+  const [launcherBottomPx, setLauncherBottomPxState] = useState16(() => {
+    try {
+      const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
+      if (Number.isFinite(saved) && saved > 0)
+        return clampLauncherBottom(saved);
+    } catch {}
+    return DEFAULT_LAUNCHER_BOTTOM_PX;
+  });
+  const [popsDown, setPopsDown] = useState16(() => launcherPopsDown(launcherBottomPx));
+  const setLauncherBottomPx = useCallback11((px) => {
+    setLauncherBottomPxState(px);
+    setPopsDown(launcherPopsDown(px));
+    try {
+      localStorage.setItem("skippr_widget_bottom", String(px));
+    } catch {}
+  }, []);
+  const launcherBottomPxRef = useRef16(launcherBottomPx);
+  launcherBottomPxRef.current = launcherBottomPx;
+  useEffect20(() => {
+    const syncToViewport = () => {
+      const clamped = clampLauncherBottom(launcherBottomPxRef.current);
+      setLauncherBottomPxState(clamped);
+      setPopsDown(launcherPopsDown(clamped));
+    };
+    syncToViewport();
+    window.addEventListener("resize", syncToViewport);
+    return () => window.removeEventListener("resize", syncToViewport);
+  }, []);
+  const openPanel = useCallback11(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback11(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback11(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback11(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback10(() => {
+  const minimizePanel = useCallback11(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const isConnected = connection !== null;
+  const pauseSessionAndMinimize = useCallback11(async () => {
+    await pauseSession();
+    minimizePanel();
+  }, [pauseSession, minimizePanel]);
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
   const ctx = useMemo6(() => ({
     connection,
@@ -4701,7 +4866,7 @@ function LiveAgent(props) {
     error,
     errorCode,
     startSession,
-    pauseSession,
+    pauseSession: pauseSessionAndMinimize,
     resumeSession,
     disconnect,
     isPaused,
@@ -4716,6 +4881,11 @@ function LiveAgent(props) {
     variant,
     position: currentPosition,
     setPosition: setPositionWithPersist,
+    launcherBottomPx,
+    setLauncherBottomPx,
+    popsDown,
+    panelExpanded,
+    togglePanelExpanded,
     minimizable,
     isMinimized,
     expandPanel,
@@ -4731,6 +4901,8 @@ function LiveAgent(props) {
     isAuthSubmitting: auth.isSubmitting,
     sidebarTab,
     setSidebarTab,
+    textMode,
+    setTextModeState,
     autoFocusChat,
     captureMode,
     agentId,
@@ -4743,8 +4915,8 @@ function LiveAgent(props) {
     modulesError,
     refetchModules,
     selectModule,
+    hasResolvedModules,
     adoptionGoals,
-    dismissAdoptionGoal,
     startAdoptionSession
   }), [
     connection,
@@ -4756,7 +4928,7 @@ function LiveAgent(props) {
     error,
     errorCode,
     startSession,
-    pauseSession,
+    pauseSessionAndMinimize,
     resumeSession,
     disconnect,
     isPaused,
@@ -4770,6 +4942,11 @@ function LiveAgent(props) {
     variant,
     currentPosition,
     setPositionWithPersist,
+    launcherBottomPx,
+    setLauncherBottomPx,
+    popsDown,
+    panelExpanded,
+    togglePanelExpanded,
     minimizable,
     isMinimized,
     expandPanel,
@@ -4784,6 +4961,8 @@ function LiveAgent(props) {
     auth.logout,
     auth.isSubmitting,
     sidebarTab,
+    textMode,
+    setTextModeState,
     autoFocusChat,
     captureMode,
     agentId,
@@ -4796,38 +4975,39 @@ function LiveAgent(props) {
     modulesError,
     refetchModules,
     selectModule,
+    hasResolvedModules,
     adoptionGoals,
-    dismissAdoptionGoal,
     startAdoptionSession
   ]);
-  return /* @__PURE__ */ jsx24(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx23(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs19(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs18(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && /* @__PURE__ */ jsx24(RoomAudioRenderer, {}),
-        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx24(AutoStartMedia, {
+        connection && !textMode && /* @__PURE__ */ jsx23(RoomAudioRenderer, {}),
+        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx23(AutoStartMedia, {
           pendingScreenStream
         }),
-        connection && captureMode === "auto" && /* @__PURE__ */ jsx24(DomCapture, {}),
-        /* @__PURE__ */ jsxs19(ShadowHost, {
+        connection && captureMode === "auto" && /* @__PURE__ */ jsx23(DomCapture, {}),
+        /* @__PURE__ */ jsxs18(ShadowHost, {
           children: [
-            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx24(HighlightOverlay, {}),
-            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx24(PageActionHandler, {}),
-            /* @__PURE__ */ jsxs19("div", {
+            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx23(HighlightOverlay, {}),
+            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx23(PageActionHandler, {}),
+            /* @__PURE__ */ jsxs18("div", {
               id: WIDGET_ROOT_ID,
               children: [
-                isMinimized && /* @__PURE__ */ jsx24(MinimizedBubble, {
+                isMinimized && !showControlBar && /* @__PURE__ */ jsx23(MinimizedBubble, {
                   welcomeMessage,
                   welcomeDismissed,
                   onDismissWelcome: dismissWelcome
                 }),
-                /* @__PURE__ */ jsx24(SidebarTrigger, {}),
-                /* @__PURE__ */ jsx24(Sidebar, {
+                showControlBar && !hideControls && /* @__PURE__ */ jsx23(SessionControlBar, {}),
+                /* @__PURE__ */ jsx23(SidebarTrigger, {}),
+                /* @__PURE__ */ jsx23(Sidebar, {
                   hideControls,
                   hideHeader,
                   startSessionLabel
@@ -4842,9 +5022,9 @@ function LiveAgent(props) {
   });
 }
 // src/hooks/useIsLocalSpeaking.ts
-import { useIsSpeaking, useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
+import { useIsSpeaking, useLocalParticipant as useLocalParticipant8 } from "@livekit/components-react/hooks";
 function useIsLocalSpeaking() {
-  const { localParticipant } = useLocalParticipant6();
+  const { localParticipant } = useLocalParticipant8();
   return useIsSpeaking(localParticipant);
 }
 export {