@skippr/live-agent-sdk 0.87.0 → 0.88.0

package/dist/esm/lib-exports.js

@@ -8,7 +8,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { useCallback as useCallback18, useEffect as useEffect30, useMemo as useMemo7, useRef as useRef25, useState as useState22 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect41, useMemo as useMemo7, useRef as useRef34, useState as useState30 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -52,7 +52,7 @@ function useAgentCursor() {
 import { createContext } from "react";
 
 // src/lib/constants.ts
-var SIDEBAR_WIDTH = 280;
+var SIDEBAR_WIDTH = 255;
 var CAPTURE_MODE = {
   Screenshare: "screenshare",
   Auto: "auto"
@@ -61,6 +61,7 @@ var DEFAULT_CAPTURE_MODE = CAPTURE_MODE.Auto;
 var WIDGET_ROOT_ID = "skippr-sdk-root";
 var REF_ATTR = "data-skippr-ref";
 var PRIVATE_ATTR = "data-skippr-private";
+var NO_DRAG_ATTR = "data-skippr-no-drag";
 var DOM_SNAPSHOT_TOPIC = "skippr.dom-snapshot";
 var DOM_EVENTS_TOPIC = "skippr.dom-events";
 var HIGHLIGHT_TOPIC = "skippr.highlight";
@@ -78,8 +79,36 @@ var DEFAULT_MIC_MODE = MIC_MODE.Live;
 function isRequestResponseMicMode(micMode) {
   return micMode === MIC_MODE.PushToTalk || micMode === MIC_MODE.TapToTalk;
 }
+var CHAT_SURFACE = {
+  Line: "line",
+  Room: "room"
+};
+var DEFAULT_CHAT_SURFACE = CHAT_SURFACE.Line;
+var LAUNCHER_MODE = {
+  Avatar: "avatar",
+  Strip: "strip",
+  None: "none",
+  Custom: "custom"
+};
+var DEFAULT_LAUNCHER_MODE = LAUNCHER_MODE.Avatar;
 var PUSH_TO_TALK_KEY = "Backquote";
+var STOP_AGENT_KEY = "KeyX";
 var IDLE_AUTO_PAUSE_MS = 3 * 60 * 1000;
+var IDLE_AUTO_OFF_MS = 5 * 60 * 1000;
+var AUTO_OFF_NOTICE_MS = 3500;
+var CHAT_ACTIVITY_THROTTLE_MS = 15000;
+var MAX_ADOPTION_TIPS = 3;
+var TIP_ROTATE_MS = 2000;
+var TIP_HIDE_MS = 6000;
+var SESSION_TIMER_WARNING_S = 120;
+var SESSION_TIMER_HOLD_MS = 6000;
+var SESSION_TIMER_INTERVAL_MS = 3 * 60000;
+var NOTIF_ACCENT_COLOR = "#199a89";
+var MODULE_ACCENT_COLOR = "#e0574f";
+var NOTIFICATION_KIND = {
+  Tip: "tip",
+  Module: "module"
+};
 var PLAN_ATTR = "skippr.action-plan";
 var NAME_MAX_CHARS = 80;
 
@@ -866,7 +895,6 @@ function useAvailableModules({
   const [error, setError] = useState6(null);
   const fetchModules = useCallback6(async () => {
     setIsLoading(true);
-    setHasResolved(false);
     setError(null);
     try {
       const query = agentId ? `?agentId=${encodeURIComponent(agentId)}` : "";
@@ -914,6 +942,7 @@ function useOnceTrue(value) {
 }
 
 // src/hooks/usePlanUpdates.ts
+import { useRemoteParticipants as useRemoteParticipants2 } from "@livekit/components-react/hooks";
 import { useCallback as useCallback7 } from "react";
 
 // src/hooks/useAgentState.ts
@@ -967,9 +996,15 @@ function parsePlan(json) {
   } catch {}
   return null;
 }
+function isPlanVisible(plan) {
+  return !!plan && plan.steps.length > 0 && plan.state !== "abandoned" && plan.state !== "aborted";
+}
 function usePlanUpdates() {
   const parse = useCallback7(parsePlan, []);
-  return useAgentState(PLAN_ATTR, parse, null);
+  const plan = useAgentState(PLAN_ATTR, parse, null);
+  const remoteParticipants = useRemoteParticipants2();
+  const planAttrPresent = remoteParticipants.some((p) => p.attributes?.[PLAN_ATTR]);
+  return planAttrPresent ? plan : null;
 }
 
 // src/hooks/useSession.ts
@@ -1374,7 +1409,6 @@ function useSessionHistory({
 var DEFAULT_LAUNCHER_BOTTOM_PX = 48;
 var LAUNCHER_HEIGHT_PX = 50;
 var WIDGET_EDGE_MARGIN_PX = 12;
-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;
@@ -1400,6 +1434,80 @@ function verticalAlignToBottomPx(align) {
 function launcherPopsDown(bottomPx) {
   return bottomPx + LAUNCHER_HEIGHT_PX / 2 > window.innerHeight / 2;
 }
+
+// src/lib/voiceBar.ts
+var VOICE_BAR_EDGE_MARGIN_PX = 16;
+var VOICE_BAR_HEIGHT_PX = 46;
+var VOICE_BAR_WIDTH_PX = 255;
+var edgeKey = (kind) => `skippr_voicebar_${kind}_edge`;
+var offsetKey = (kind) => `skippr_voicebar_${kind}_offset`;
+function isHorizontalEdge(edge) {
+  return edge === "top" || edge === "bottom";
+}
+function isBarEdge(value) {
+  return value === "left" || value === "right" || value === "top" || value === "bottom";
+}
+function readSavedDock(kind) {
+  try {
+    const edge = localStorage.getItem(edgeKey(kind));
+    const offsetPx = Number.parseInt(localStorage.getItem(offsetKey(kind)) ?? "", 10);
+    if (isBarEdge(edge) && Number.isFinite(offsetPx))
+      return { edge, offsetPx };
+  } catch {}
+  return null;
+}
+function persistDock(kind, dock) {
+  try {
+    localStorage.setItem(edgeKey(kind), dock.edge);
+    localStorage.setItem(offsetKey(kind), String(dock.offsetPx));
+  } catch {}
+}
+function edgeExtent(edge) {
+  return isHorizontalEdge(edge) ? window.innerWidth : window.innerHeight;
+}
+function clampOffset(edge, offsetPx) {
+  const halfSize = isHorizontalEdge(edge) ? VOICE_BAR_WIDTH_PX / 2 : VOICE_BAR_HEIGHT_PX / 2;
+  const min = VOICE_BAR_EDGE_MARGIN_PX + halfSize;
+  const max = edgeExtent(edge) - VOICE_BAR_EDGE_MARGIN_PX - halfSize;
+  return Math.round(Math.min(Math.max(offsetPx, min), max));
+}
+function defaultOffset(edge) {
+  return clampOffset(edge, edgeExtent(edge) / 2);
+}
+function nearestEdge(clientX, clientY) {
+  const distances = {
+    left: clientX,
+    right: window.innerWidth - clientX,
+    top: clientY,
+    bottom: window.innerHeight - clientY
+  };
+  return Object.keys(distances).reduce((closest, edge) => distances[edge] < distances[closest] ? edge : closest);
+}
+function dropTargetFromPointer(clientX, clientY) {
+  const edge = nearestEdge(clientX, clientY);
+  const offsetPx = clampOffset(edge, isHorizontalEdge(edge) ? clientX : clientY);
+  return { edge, offsetPx };
+}
+var DRAG_TRANSLATE = "translate(var(--skippr-drag-x, 0px), var(--skippr-drag-y, 0px))";
+function dockStyle(dock) {
+  const m = VOICE_BAR_EDGE_MARGIN_PX;
+  if (dock.edge === "left")
+    return { left: m, top: dock.offsetPx, transform: `translateY(-50%) ${DRAG_TRANSLATE}` };
+  if (dock.edge === "right")
+    return { right: m, top: dock.offsetPx, transform: `translateY(-50%) ${DRAG_TRANSLATE}` };
+  if (dock.edge === "top")
+    return { top: m, left: dock.offsetPx, transform: `translateX(-50%) ${DRAG_TRANSLATE}` };
+  return { bottom: m, left: dock.offsetPx, transform: `translateX(-50%) ${DRAG_TRANSLATE}` };
+}
+function dockStyleFlush(dock) {
+  if (dock.edge === "left")
+    return { left: 0, top: dock.offsetPx, transform: `translateY(-50%) ${DRAG_TRANSLATE}` };
+  if (dock.edge === "right")
+    return { right: 0, top: dock.offsetPx, transform: `translateY(-50%) ${DRAG_TRANSLATE}` };
+  if (dock.edge === "top")
+    return { top: 0, left: dock.offsetPx, transform: `translateX(-50%) ${DRAG_TRANSLATE}` };
+  return { bottom: 0, left: dock.offsetPx, transform: `translateX(-50%) ${DRAG_TRANSLATE}` };
+}
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement3 } from "react";
 
@@ -1518,22 +1626,43 @@ var __iconNode5 = [
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
 var ArrowRight = createLucideIcon("arrow-right", __iconNode5);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/calendar.js
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/audio-lines.js
 var __iconNode6 = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
+  ["path", { d: "M2 10v3", key: "1fnikh" }],
+  ["path", { d: "M6 6v11", key: "11sgs0" }],
+  ["path", { d: "M10 3v18", key: "yhl04a" }],
+  ["path", { d: "M14 8v7", key: "3a1oy3" }],
+  ["path", { d: "M18 5v13", key: "123xd1" }],
+  ["path", { d: "M22 10v3", key: "154ddg" }]
 ];
-var Calendar = createLucideIcon("calendar", __iconNode6);
+var AudioLines = createLucideIcon("audio-lines", __iconNode6);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode7 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("check", __iconNode7);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode7 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode7);
+var __iconNode8 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode8);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var __iconNode9 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode9);
 // ../../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);
+var __iconNode10 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("circle", __iconNode10);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/keyboard.js
+var __iconNode11 = [
+  ["path", { d: "M10 8h.01", key: "1r9ogq" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M14 8h.01", key: "1primd" }],
+  ["path", { d: "M16 12h.01", key: "1l6xoz" }],
+  ["path", { d: "M18 8h.01", key: "emo2bl" }],
+  ["path", { d: "M6 8h.01", key: "x9i8wu" }],
+  ["path", { d: "M7 16h10", key: "wp8him" }],
+  ["path", { d: "M8 12h.01", key: "czm47f" }],
+  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }]
+];
+var Keyboard = createLucideIcon("keyboard", __iconNode11);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/lightbulb.js
-var __iconNode9 = [
+var __iconNode12 = [
   [
     "path",
     {
@@ -1544,26 +1673,15 @@ var __iconNode9 = [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-var Lightbulb = createLucideIcon("lightbulb", __iconNode9);
+var Lightbulb = createLucideIcon("lightbulb", __iconNode12);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode10 = [
+var __iconNode13 = [
   ["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", __iconNode10);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-circle.js
-var __iconNode11 = [
-  [
-    "path",
-    {
-      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
-      key: "1sd12s"
-    }
-  ]
-];
-var MessageCircle = createLucideIcon("message-circle", __iconNode11);
+var Mail = createLucideIcon("mail", __iconNode13);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-square.js
-var __iconNode12 = [
+var __iconNode14 = [
   [
     "path",
     {
@@ -1572,9 +1690,9 @@ var __iconNode12 = [
     }
   ]
 ];
-var MessageSquare = createLucideIcon("message-square", __iconNode12);
+var MessageSquare = createLucideIcon("message-square", __iconNode14);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic-off.js
-var __iconNode13 = [
+var __iconNode15 = [
   ["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" }],
@@ -1582,32 +1700,32 @@ var __iconNode13 = [
   ["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", __iconNode13);
+var MicOff = createLucideIcon("mic-off", __iconNode15);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic.js
-var __iconNode14 = [
+var __iconNode16 = [
   ["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", __iconNode14);
+var Mic = createLucideIcon("mic", __iconNode16);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor-off.js
-var __iconNode15 = [
+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", __iconNode15);
+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 __iconNode16 = [
+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", __iconNode16);
+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 __iconNode17 = [
+var __iconNode19 = [
   [
     "path",
     {
@@ -1616,9 +1734,9 @@ var __iconNode17 = [
     }
   ]
 ];
-var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode17);
+var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode19);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js
-var __iconNode18 = [
+var __iconNode20 = [
   ["path", { d: "M14 4.1 12 6", key: "ita8i4" }],
   ["path", { d: "m5.1 8-2.9-.8", key: "1go3kf" }],
   ["path", { d: "m6 12-1.9 2", key: "mnht97" }],
@@ -1631,15 +1749,15 @@ var __iconNode18 = [
     }
   ]
 ];
-var MousePointerClick = createLucideIcon("mouse-pointer-click", __iconNode18);
+var MousePointerClick = createLucideIcon("mouse-pointer-click", __iconNode20);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/pause.js
-var __iconNode19 = [
+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", __iconNode19);
+var Pause = createLucideIcon("pause", __iconNode21);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/play.js
-var __iconNode20 = [
+var __iconNode22 = [
   [
     "path",
     {
@@ -1648,18 +1766,18 @@ var __iconNode20 = [
     }
   ]
 ];
-var Play = createLucideIcon("play", __iconNode20);
+var Play = createLucideIcon("play", __iconNode22);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/radio.js
-var __iconNode21 = [
+var __iconNode23 = [
   ["path", { d: "M16.247 7.761a6 6 0 0 1 0 8.478", key: "1fwjs5" }],
   ["path", { d: "M19.075 4.933a10 10 0 0 1 0 14.134", key: "ehdyv1" }],
   ["path", { d: "M4.925 19.067a10 10 0 0 1 0-14.134", key: "1q22gi" }],
   ["path", { d: "M7.753 16.239a6 6 0 0 1 0-8.478", key: "r2q7qm" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
 ];
-var Radio = createLucideIcon("radio", __iconNode21);
+var Radio = createLucideIcon("radio", __iconNode23);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
-var __iconNode22 = [
+var __iconNode24 = [
   [
     "path",
     {
@@ -1669,18 +1787,18 @@ var __iconNode22 = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-var Send = createLucideIcon("send", __iconNode22);
+var Send = createLucideIcon("send", __iconNode24);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/square.js
-var __iconNode23 = [
+var __iconNode25 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-var Square = createLucideIcon("square", __iconNode23);
+var Square = createLucideIcon("square", __iconNode25);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode24 = [
+var __iconNode26 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode24);
+var X = createLucideIcon("x", __iconNode26);
 // src/components/AgentCursor.tsx
 import { useContext as useContext6, useEffect as useEffect11, useLayoutEffect, useRef as useRef5, useState as useState11 } from "react";
 
@@ -3437,6 +3555,8 @@ function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging) {
     const onPointerDown = (event) => {
       if (event.button !== 0)
         return;
+      if (event.target instanceof Element && event.target.closest(`[${NO_DRAG_ATTR}]`))
+        return;
       if (activePointerId !== null) {
         if (dragging)
           return;
@@ -3476,6 +3596,13 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function isEditableTarget() {
+  const el = document.activeElement;
+  if (!el)
+    return false;
+  const tag = el.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el.isContentEditable;
+}
 
 // src/components/AdoptionBubble.tsx
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -3574,7 +3701,7 @@ function ModulePill({ module, onSelect }) {
 
 // src/components/MinimizedBubble.tsx
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var GOALS_AUTO_HIDE_MS = 1e4;
+var GOALS_AUTO_HIDE_MS = 6000;
 var GOAL_FADE_OUT_MS = 300;
 var GOAL_APPEAR_STAGGER_MS = 150;
 var GOAL_EXIT_STAGGER_MS = 250;
@@ -4186,7 +4313,7 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useCallback as useCallback13, useContext as useContext8, useEffect as useEffect22, useState as useState15 } from "react";
+import { useCallback as useCallback14, useContext as useContext8, useEffect as useEffect23, useState as useState15 } from "react";
 
 // src/hooks/useActionControl.ts
 import { useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
@@ -4319,18 +4446,13 @@ function useIdleAutoPause({
 
 // src/hooks/useKeyboardPushToTalk.ts
 import { useEffect as useEffect21, useRef as useRef14 } from "react";
-function isEditableTarget() {
-  const el = document.activeElement;
-  if (!el)
-    return false;
-  const tag = el.tagName;
-  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el.isContentEditable;
-}
 function useKeyboardPushToTalk({
   enabled,
   onStart,
   onCommit,
-  onKeyUsed
+  onKeyUsed,
+  code = PUSH_TO_TALK_KEY,
+  requireCtrl = false
 }) {
   const handlers = useRef14({ onStart, onCommit, onKeyUsed });
   handlers.current = { onStart, onCommit, onKeyUsed };
@@ -4345,7 +4467,7 @@ function useKeyboardPushToTalk({
       handlers.current.onCommit();
     };
     const onKeyDown = (event) => {
-      if (event.code !== PUSH_TO_TALK_KEY || event.repeat)
+      if (event.code !== code || requireCtrl && !event.ctrlKey || event.repeat)
         return;
       if (isEditableTarget())
         return;
@@ -4357,7 +4479,7 @@ function useKeyboardPushToTalk({
       handlers.current.onStart();
     };
     const onKeyUp = (event) => {
-      if (event.code !== PUSH_TO_TALK_KEY)
+      if (event.code !== code)
         return;
       event.preventDefault();
       release();
@@ -4378,7 +4500,7 @@ function useKeyboardPushToTalk({
       window.removeEventListener("blur", onWindowBlur);
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
-  }, [enabled]);
+  }, [enabled, code, requireCtrl]);
 }
 
 // src/hooks/useLiveUserTranscript.ts
@@ -4471,6 +4593,50 @@ function PushToTalkHint() {
   });
 }
 
+// src/hooks/usePointerHold.ts
+import { useCallback as useCallback13, useEffect as useEffect22, useRef as useRef16 } from "react";
+function usePointerHold(onStart, onCommit) {
+  const callbacks = useRef16({ onStart, onCommit });
+  callbacks.current = { onStart, onCommit };
+  const activeRef = useRef16(false);
+  const teardownRef = useRef16(null);
+  const end = useCallback13(() => {
+    if (!activeRef.current)
+      return;
+    activeRef.current = false;
+    teardownRef.current?.();
+    teardownRef.current = null;
+    callbacks.current.onCommit();
+  }, []);
+  const start = useCallback13((event) => {
+    if (event.button !== 0 || activeRef.current)
+      return;
+    activeRef.current = true;
+    const heldPointerId = event.pointerId;
+    const onMove = (moveEvent) => {
+      if (moveEvent.pointerId === heldPointerId && moveEvent.buttons === 0)
+        end();
+    };
+    const onRelease = (releaseEvent) => {
+      if (releaseEvent.pointerId === heldPointerId)
+        end();
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onRelease);
+    window.addEventListener("pointercancel", onRelease);
+    window.addEventListener("blur", end);
+    teardownRef.current = () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onRelease);
+      window.removeEventListener("pointercancel", onRelease);
+      window.removeEventListener("blur", end);
+    };
+    callbacks.current.onStart();
+  }, [end]);
+  useEffect22(() => end, [end]);
+  return start;
+}
+
 // src/components/PushToTalkMic.tsx
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function PushToTalkMic({
@@ -4480,14 +4646,13 @@ function PushToTalkMic({
   onCommit
 }) {
   const { barRefs, isTalking } = useMicLevel(isCapturingSpeech);
+  const holdPushToTalk = usePointerHold(onStart, onCommit);
   const label = isCapturingSpeech ? "Release to send" : "Hold to talk";
   const withLabel = isCapturingSpeech || showLabel;
   return /* @__PURE__ */ jsxs7("button", {
     type: "button",
-    onPointerDown: onStart,
-    onPointerUp: onCommit,
-    onPointerLeave: onCommit,
-    onPointerCancel: onCommit,
+    "data-skippr-no-drag": "",
+    onPointerDown: holdPushToTalk,
     "aria-label": "Hold to talk",
     "aria-pressed": isCapturingSpeech,
     title: label,
@@ -4740,15 +4905,15 @@ function SessionControlBar() {
     }
   });
   const [pushToTalkHintSeen, setPushToTalkHintSeen] = useState15(false);
-  const startPushToTalk = useCallback13(() => {
+  const startPushToTalk = useCallback14(() => {
     start();
     reportActivity();
   }, [start, reportActivity]);
-  const commitPushToTalk = useCallback13(() => {
+  const commitPushToTalk = useCallback14(() => {
     commit();
     reportActivity();
   }, [commit, reportActivity]);
-  const dismissPushToTalkHint = useCallback13(() => {
+  const dismissPushToTalkHint = useCallback14(() => {
     setPushToTalkHintSeen(true);
   }, []);
   useKeyboardPushToTalk({
@@ -4757,7 +4922,7 @@ function SessionControlBar() {
     onCommit: commitPushToTalk,
     onKeyUsed: dismissPushToTalkHint
   });
-  useEffect22(() => {
+  useEffect23(() => {
     if (isHeld)
       minimizePanel();
   }, [isHeld, minimizePanel]);
@@ -5010,7 +5175,7 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef16, useState as useState16 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef17, useState as useState16 } from "react";
 import { createPortal } from "react-dom";
 
 // src/lib/brandForeground.ts
@@ -5051,10 +5216,10 @@ function ShadowHost({
   children,
   accentColor
 }) {
-  const hostRef = useRef16(null);
+  const hostRef = useRef17(null);
   const [shadowRoot, setShadowRoot] = useState16(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-4{height:calc(var(--skippr-spacing)*4)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-4{width:calc(var(--skippr-spacing)*4)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-8{width:calc(var(--skippr-spacing)*8)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.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-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:var(--skippr-brand,#2d2b3d)}.skippr\\:bg-primary-foreground\\/15{background-color:var(--skippr-brand-foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary-foreground\\/15{background-color:color-mix(in oklab,var(--skippr-brand-foreground,#fff)15%,transparent)}}.skippr\\:bg-primary-foreground\\/20{background-color:var(--skippr-brand-foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary-foreground\\/20{background-color:color-mix(in oklab,var(--skippr-brand-foreground,#fff)20%,transparent)}}.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.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\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-0\\.5{padding:calc(var(--skippr-spacing)*.5)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground,.skippr\\:text-primary-foreground\\/70{color:var(--skippr-brand-foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-primary-foreground\\/70{color:color-mix(in oklab,var(--skippr-brand-foreground,#fff)70%,transparent)}}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-primary-foreground\\/30{--tw-ring-color:var(--skippr-brand-foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-primary-foreground\\/30{--tw-ring-color:color-mix(in oklab,var(--skippr-brand-foreground,#fff)30%,transparent)}}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:var(--skippr-brand-foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:color-mix(in oklab,var(--skippr-brand-foreground,#fff)10%,transparent)}}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\: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:var(--skippr-brand-foreground,#fff)}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-primary-foreground:focus-visible{--tw-ring-color:var(--skippr-brand-foreground,#fff)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.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-\\[4px\\]{right:4px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.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-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.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-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.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{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-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\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.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-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.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\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.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-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.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-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.07\\)\\]{border-color:#2d2d3f12}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.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-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.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-brand,.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.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,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.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\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[7px\\]{padding:7px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.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-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.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-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.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-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#b45309\\]{color:#b45309}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));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-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));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_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);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_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);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_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));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_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));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\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);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_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);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\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);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_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);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_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);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_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));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-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);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-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));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-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);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-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.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-\\[left\\]{transition-property:left;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\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-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\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}@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-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.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-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.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\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);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\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);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-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\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@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-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.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-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   const hostStyle = accentColor && isHexColor(accentColor) ? {
     "--skippr-brand": accentColor,
     "--skippr-brand-foreground": brandForeground(accentColor)
@@ -5084,7 +5249,7 @@ function ShadowHost({
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext13, useEffect as useEffect29 } from "react";
+import { useContext as useContext15, useEffect as useEffect29 } from "react";
 
 // src/hooks/useCombinedMessages.ts
 import { useContext as useContext9, useMemo as useMemo6 } from "react";
@@ -5119,14 +5284,14 @@ function useChatMessages() {
 
 // src/hooks/useStreamingTranscript.ts
 import { useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
-import { useMemo as useMemo5, useRef as useRef17 } from "react";
+import { useMemo as useMemo5, useRef as useRef18 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useSharedTranscriptions();
   const { localParticipant } = useLocalParticipant10();
   const { isCapturingSpeech } = useVoiceTurnContext();
   const localIdentity = localParticipant.identity;
-  const priorUserStreamIdsRef = useRef17(new Set);
-  const wasCapturingSpeechRef = useRef17(false);
+  const priorUserStreamIdsRef = useRef18(new Set);
+  const wasCapturingSpeechRef = useRef18(false);
   if (isCapturingSpeech && !wasCapturingSpeechRef.current) {
     priorUserStreamIdsRef.current = new Set(transcriptions.filter((stream) => stream.participantInfo.identity === localIdentity).map((stream) => stream.streamInfo.id));
   }
@@ -5187,7 +5352,7 @@ function useCombinedMessages() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback14, useContext as useContext10, useEffect as useEffect23 } from "react";
+import { useCallback as useCallback15, useContext as useContext10, useEffect as useEffect24 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -5198,10 +5363,10 @@ function parsePhases(json) {
   return null;
 }
 function usePhaseUpdates() {
-  const parse = useCallback14(parsePhases, []);
+  const parse = useCallback15(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
   const ctx = useContext10(LiveAgentContext);
-  useEffect23(() => {
+  useEffect24(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -5210,7 +5375,7 @@ function usePhaseUpdates() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect24, useRef as useRef18, useState as useState17 } from "react";
+import { useEffect as useEffect25, useRef as useRef19, useState as useState17 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -5226,9 +5391,9 @@ function parseNumber(s) {
 // src/hooks/useSessionRemaining.ts
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
-  const endTimeRef = useRef18(null);
+  const endTimeRef = useRef19(null);
   const [remaining, setRemaining] = useState17(null);
-  useEffect24(() => {
+  useEffect25(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -5247,36 +5412,9 @@ function useSessionRemaining() {
 // src/components/ChatHeader.tsx
 import { useContext as useContext12, useRef as useRef21 } from "react";
 
-// src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect25, useRef as useRef19, useState as useState18 } from "react";
-function useElapsedSeconds(isRunning, resetSignal) {
-  const [elapsed, setElapsed] = useState18(0);
-  const accumulatedSecondsRef = useRef19(0);
-  useEffect25(() => {
-    accumulatedSecondsRef.current = 0;
-    setElapsed(0);
-  }, [resetSignal]);
-  useEffect25(() => {
-    if (!isRunning)
-      return;
-    const resumedAt = Date.now();
-    const accumulatedSeconds = accumulatedSecondsRef.current;
-    const totalSeconds = () => accumulatedSeconds + Math.floor((Date.now() - resumedAt) / 1000);
-    const tick = () => setElapsed(totalSeconds());
-    tick();
-    const id = setInterval(tick, 1000);
-    return () => {
-      clearInterval(id);
-      accumulatedSecondsRef.current = totalSeconds();
-      setElapsed(accumulatedSecondsRef.current);
-    };
-  }, [isRunning]);
-  return elapsed;
-}
-
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant11 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback15, useContext as useContext11, useRef as useRef20 } from "react";
+import { useCallback as useCallback16, useContext as useContext11, useRef as useRef20 } from "react";
 var textEncoder6 = new TextEncoder;
 function useTextMode() {
   const ctx = useContext11(LiveAgentContext);
@@ -5286,7 +5424,7 @@ function useTextMode() {
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
   const { localParticipant } = useLocalParticipant11();
   const confirmedTextModeRef = useRef20(false);
-  const toggleTextMode = useCallback15(async () => {
+  const toggleTextMode = useCallback16(async () => {
     const next = !textMode;
     setTextModeState(next);
     if (next && sidebarTab === "agenda") {
@@ -5309,6 +5447,8 @@ function useTextMode() {
 
 // src/components/ChatHeader.tsx
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var TABS_PILL_BASE = "skippr:cursor-pointer skippr:rounded-full skippr:border-none skippr:bg-transparent skippr:px-[9px] skippr:py-[3px] skippr:text-[11.5px] skippr:font-semibold skippr:text-[#8b877f] skippr:transition-colors";
+var TABS_PILL_ACTIVE = "skippr:bg-white skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.08)]";
 function ChatHeader() {
   const ctx = useContext12(LiveAgentContext);
   if (!ctx) {
@@ -5323,47 +5463,67 @@ function ChatHeader() {
     commitLauncherDrop,
     panelRef,
     controlBarRef,
-    setIsDragging
+    setIsDragging,
+    sidebarTab,
+    setSidebarTab,
+    agentMode,
+    displayModules,
+    defaultAgentId
   } = ctx;
   const { isHeld } = useSessionHoldContext();
-  const elapsed = useElapsedSeconds(isConnected && !isHeld, isConnected);
+  const { textMode, toggleTextMode } = useTextMode();
+  const defaultModule = displayModules.find((m) => m.id === defaultAgentId) ?? null;
+  const displayedMode = agentMode ?? defaultModule?.mode ?? null;
+  const showAgenda = displayedMode !== AGENT_MODE.AlwaysOn;
+  const showToggle = isConnected && (sidebarTab === "chat" || !showAgenda);
   const headerRef = useRef21(null);
   const followsPanel = variant === "floating" && isPanelOpen;
   const dragFollowers = followsPanel ? [panelRef, controlBarRef] : null;
   const { wasDraggedRef } = useLauncherDrag(headerRef, commitLauncherDrop, dragFollowers, setIsDragging);
   return /* @__PURE__ */ jsxs11("header", {
     ref: headerRef,
-    className: cn("skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-between skippr:border-b skippr:border-border skippr:bg-primary skippr:px-4 skippr:py-3", followsPanel && "skippr:cursor-grab skippr:touch-none skippr:select-none"),
+    className: cn("skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-[7px] skippr:border-b skippr:border-[rgba(45,45,63,0.07)] skippr:bg-white skippr:pl-[13px] skippr:pr-[9px] skippr:pt-[9px] skippr:pb-[8px]", followsPanel && "skippr:cursor-grab skippr:touch-none skippr:select-none"),
     children: [
-      /* @__PURE__ */ jsxs11("div", {
-        className: "skippr:flex skippr:items-center skippr:gap-3",
+      showAgenda ? /* @__PURE__ */ jsxs11("div", {
+        className: "skippr:flex skippr:gap-[2px] skippr:rounded-full skippr:bg-[#f4f2ee] skippr:p-[2px]",
         children: [
-          isConnected && /* @__PURE__ */ jsx14(HeaderModeToggle, {}),
-          isConnected && !isHeld && /* @__PURE__ */ jsxs11("div", {
-            className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:rounded-full skippr:bg-primary-foreground/20 skippr:px-2.5 skippr:py-1",
-            children: [
-              /* @__PURE__ */ jsxs11("span", {
-                className: "skippr:relative skippr:flex skippr:size-1.5",
-                children: [
-                  /* @__PURE__ */ jsx14("span", {
-                    className: "skippr:absolute skippr:inline-flex skippr:h-full skippr:w-full skippr:animate-ping skippr:rounded-full skippr:bg-red-400 skippr:opacity-75"
-                  }),
-                  /* @__PURE__ */ jsx14("span", {
-                    className: "skippr:relative skippr:inline-flex skippr:size-1.5 skippr:rounded-full skippr:bg-red-400"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsx14("span", {
-                className: "skippr:text-[10px] skippr:font-medium skippr:text-primary-foreground",
-                children: "REC"
-              }),
-              /* @__PURE__ */ jsx14("span", {
-                className: "skippr:text-[10px] skippr:font-mono skippr:text-primary-foreground",
-                children: formatTime(elapsed)
-              })
-            ]
+          /* @__PURE__ */ jsx14("button", {
+            type: "button",
+            onClick: () => setSidebarTab("chat"),
+            className: cn(TABS_PILL_BASE, sidebarTab === "chat" && TABS_PILL_ACTIVE),
+            children: "chat"
+          }),
+          /* @__PURE__ */ jsx14("button", {
+            type: "button",
+            onClick: () => setSidebarTab("agenda"),
+            className: cn(TABS_PILL_BASE, sidebarTab === "agenda" && TABS_PILL_ACTIVE),
+            children: "agenda"
           })
         ]
+      }) : /* @__PURE__ */ jsx14("span", {
+        className: "skippr:text-[12.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
+        children: "Chat"
+      }),
+      /* @__PURE__ */ jsx14("div", {
+        className: "skippr:flex-1"
+      }),
+      showToggle && /* @__PURE__ */ jsxs11("button", {
+        type: "button",
+        disabled: isHeld,
+        onClick: () => void toggleTextMode(),
+        title: textMode ? "Switch to voice" : "Switch to text",
+        "aria-label": textMode ? "Switch to voice" : "Switch to text",
+        className: "skippr:flex skippr:h-[26px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:gap-[5px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.12)] skippr:bg-white skippr:pl-[9px] skippr:pr-[10px] skippr:text-[11px] skippr:font-semibold skippr:text-[#5c5850] skippr:transition-colors skippr:hover:bg-[#f6f4f0] skippr:hover:text-[#2D2D3F] skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
+        children: [
+          textMode ? /* @__PURE__ */ jsx14(Mic, {
+            className: "skippr:size-[13px]",
+            strokeWidth: 2
+          }) : /* @__PURE__ */ jsx14(Keyboard, {
+            className: "skippr:size-[13px]",
+            strokeWidth: 2
+          }),
+          textMode ? "voice" : "text"
+        ]
       }),
       minimizable && /* @__PURE__ */ jsx14("button", {
         type: "button",
@@ -5373,47 +5533,15 @@ function ChatHeader() {
         },
         "aria-label": "Close",
         title: "Close",
-        className: "skippr:flex skippr:h-8 skippr:w-8 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-lg skippr:text-primary-foreground/70 skippr:transition-colors skippr:hover:bg-primary-foreground/10 skippr:hover:text-primary-foreground skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-primary-foreground",
+        className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#a8a49c] skippr:transition-colors skippr:hover:bg-[#f4f2ee] skippr:hover:text-[#2D2D3F]",
         children: /* @__PURE__ */ jsx14(X, {
-          className: "skippr:h-4 skippr:w-4"
+          className: "skippr:size-[14px]",
+          strokeWidth: 2
         })
       })
     ]
   });
 }
-function HeaderModeToggle() {
-  const { textMode, toggleTextMode } = useTextMode();
-  const { isHeld } = useSessionHoldContext();
-  return /* @__PURE__ */ jsxs11("fieldset", {
-    "aria-label": "Response mode",
-    disabled: isHeld,
-    className: "skippr:flex skippr:items-center skippr:gap-0.5 skippr:rounded-lg skippr:bg-primary-foreground/15 skippr:p-0.5 skippr:text-xs skippr:font-medium skippr:ring-1 skippr:ring-primary-foreground/30 skippr:disabled:opacity-50",
-    children: [
-      /* @__PURE__ */ jsx14("button", {
-        type: "button",
-        "aria-pressed": !textMode,
-        disabled: isHeld,
-        onClick: () => {
-          if (textMode)
-            toggleTextMode();
-        },
-        className: cn("skippr:rounded-md skippr:px-2.5 skippr:py-1 skippr:transition-colors skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-primary-foreground skippr:disabled:cursor-not-allowed", isHeld ? "skippr:cursor-not-allowed" : "skippr:cursor-pointer", textMode ? "skippr:font-semibold skippr:text-primary-foreground" : "skippr:bg-white skippr:text-foreground skippr:shadow-sm"),
-        children: "Voice"
-      }),
-      /* @__PURE__ */ jsx14("button", {
-        type: "button",
-        "aria-pressed": textMode,
-        disabled: isHeld,
-        onClick: () => {
-          if (!textMode)
-            toggleTextMode();
-        },
-        className: cn("skippr:rounded-md skippr:px-2.5 skippr:py-1 skippr:transition-colors skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-primary-foreground skippr:disabled:cursor-not-allowed", isHeld ? "skippr:cursor-not-allowed" : "skippr:cursor-pointer", textMode ? "skippr:bg-white skippr:text-foreground skippr:shadow-sm" : "skippr:font-semibold skippr:text-primary-foreground"),
-        children: "Text"
-      })
-    ]
-  });
-}
 
 // src/components/LoadingDots.tsx
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -5444,7 +5572,7 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback16, useEffect as useEffect26, useRef as useRef22, useState as useState19 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect26, useRef as useRef22, useState as useState18 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -5480,20 +5608,20 @@ import { jsx as jsx17, jsxs as jsxs13 } 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] = useState19("email");
-  const [email, setEmail] = useState19("");
-  const handleRequestOtp = useCallback16(async (emailValue) => {
+  const [step, setStep] = useState18("email");
+  const [email, setEmail] = useState18("");
+  const handleRequestOtp = useCallback17(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback16(async (code) => {
+  const handleVerifyOtp = useCallback17(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback16(() => {
+  const handleBack = useCallback17(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback16(async () => {
+  const handleResend = useCallback17(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
@@ -5570,8 +5698,8 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState19(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState19(0);
+  const [digits, setDigits] = useState18(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState18(0);
   const inputRefs = useRef22([]);
   const submittedRef = useRef22(false);
   useEffect26(() => {
@@ -5587,13 +5715,13 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback16((code) => {
+  const submitCode = useCallback17((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback16((index2, value) => {
+  const handleDigitChange = useCallback17((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -5607,12 +5735,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback16((index2, e) => {
+  const handleKeyDown = useCallback17((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback16((e) => {
+  const handlePaste = useCallback17((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -5722,14 +5850,15 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect3, useRef as useRef24, useState as useState21 } from "react";
+import { useCallback as useCallback18, useLayoutEffect as useLayoutEffect3, useRef as useRef24, useState as useState20 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect27, useRef as useRef23, useState as useState20 } from "react";
+import { useContext as useContext13, useEffect as useEffect27, useRef as useRef23, useState as useState19 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState20("");
+  const [inputText, setInputText] = useState19("");
+  const reportChatActivity = useContext13(LiveAgentContext)?.reportChatActivity;
   const textareaRef = useRef23(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
   useEffect27(() => {
@@ -5746,12 +5875,14 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   function handleChange(e) {
     setInputText(e.target.value);
     resizeTextarea();
+    reportChatActivity?.();
   }
   function handleSubmit(e) {
     e.preventDefault();
     const text = inputText.trim();
     if (!text || isSendingChat)
       return;
+    reportChatActivity?.();
     setInputText("");
     resizeTextarea();
     sendChatMessage(text).catch(() => setInputText(text));
@@ -5763,33 +5894,32 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsx18("form", {
+  return /* @__PURE__ */ jsxs14("form", {
     onSubmit: handleSubmit,
-    className: "skippr:border-t skippr:border-border skippr:p-3",
-    children: /* @__PURE__ */ jsxs14("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__ */ jsx18("textarea", {
-          ref: textareaRef,
-          rows: 1,
-          value: inputText,
-          onChange: handleChange,
-          onKeyDown: handleKeyDown,
-          placeholder: "Type a message...",
-          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__ */ jsx18("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__ */ jsx18(Send, {
-            className: "skippr:size-3.5"
-          })
+    className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.07)] skippr:p-[7px]",
+    children: [
+      /* @__PURE__ */ jsx18("textarea", {
+        ref: textareaRef,
+        rows: 1,
+        value: inputText,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        placeholder: "type a message…",
+        className: "skippr:min-w-0 skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:border-none skippr:bg-transparent skippr:px-[5px] skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:leading-5 skippr:text-[#2D2D3F] skippr:outline-none skippr:placeholder:text-[#b0aca4]",
+        style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
+      }),
+      /* @__PURE__ */ jsx18("button", {
+        type: "submit",
+        disabled: !canSend,
+        "aria-label": "Send message",
+        style: { background: canSend ? "var(--skippr-brand, #2bc0ae)" : "#cdd8d5" },
+        className: cn("skippr:flex skippr:size-[34px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-white skippr:transition-[filter]", canSend ? "skippr:cursor-pointer skippr:hover:brightness-[1.06]" : "skippr:cursor-not-allowed"),
+        children: /* @__PURE__ */ jsx18(Send, {
+          className: "skippr:size-[16px]",
+          strokeWidth: 2
         })
-      ]
-    })
+      })
+    ]
   });
 }
 
@@ -5931,9 +6061,6 @@ function TypingIndicator() {
 // src/components/MessageList.tsx
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
-function isPlanVisible(plan) {
-  return !!plan && plan.steps.length > 0 && plan.state !== "abandoned" && plan.state !== "aborted";
-}
 function MessageList({
   messages,
   isStreaming,
@@ -5946,14 +6073,14 @@ function MessageList({
   const containerRef = useRef24(null);
   const isPinnedToBottom = useRef24(true);
   const lastSeenMessageId = useRef24(undefined);
-  const [showJumpToLatest, setShowJumpToLatest] = useState21(false);
+  const [showJumpToLatest, setShowJumpToLatest] = useState20(false);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  const [dismissedPlanId, setDismissedPlanId] = useState21(null);
-  const dismissPlan = useCallback17(() => {
+  const [dismissedPlanId, setDismissedPlanId] = useState20(null);
+  const dismissPlan = useCallback18(() => {
     if (plan)
       setDismissedPlanId(plan.planId);
   }, [plan]);
-  const handleScroll = useCallback17(() => {
+  const handleScroll = useCallback18(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -5962,7 +6089,7 @@ function MessageList({
     isPinnedToBottom.current = pinned;
     setShowJumpToLatest(!pinned);
   }, []);
-  const jumpToLatest = useCallback17(() => {
+  const jumpToLatest = useCallback18(() => {
     const container = containerRef.current;
     if (!container)
       return;
@@ -6037,8 +6164,11 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
+import { useContext as useContext14 } from "react";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
+  const ctx = useContext14(LiveAgentContext);
+  const title = ctx?.activeModule?.name ?? "Agenda";
   if (phases.length === 0 || !hasStarted) {
     return /* @__PURE__ */ jsx23("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
@@ -6047,51 +6177,71 @@ function SessionAgenda({ phases, hasStarted }) {
       })
     });
   }
-  return /* @__PURE__ */ jsx23("div", {
-    className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx23("div", {
-      className: "skippr:space-y-1",
-      children: phases.map((phase) => {
+  const total = phases.length;
+  const completedCount = phases.filter((p) => p.status === "completed").length;
+  const activeIndex = phases.findIndex((p) => p.status === "active");
+  const currentStep = activeIndex >= 0 ? activeIndex + 1 : Math.min(completedCount + 1, total);
+  const progressPct = Math.round(completedCount / total * 100);
+  return /* @__PURE__ */ jsxs19("div", {
+    className: "skippr:flex-1 skippr:overflow-y-auto skippr:p-[14px]",
+    children: [
+      /* @__PURE__ */ jsxs19("div", {
+        className: "skippr:mb-2 skippr:flex skippr:items-baseline skippr:justify-between",
+        children: [
+          /* @__PURE__ */ jsx23("span", {
+            className: "skippr:text-[12.5px] skippr:font-semibold skippr:text-[#2D2D3F]",
+            children: title
+          }),
+          /* @__PURE__ */ jsxs19("span", {
+            className: "skippr:text-[11px] skippr:font-semibold skippr:text-[var(--skippr-brand-deep)]",
+            children: [
+              "step ",
+              currentStep,
+              " of ",
+              total
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx23("div", {
+        className: "skippr:mb-[14px] skippr:h-[5px] skippr:overflow-hidden skippr:rounded-full skippr:bg-[#eeeae4]",
+        children: /* @__PURE__ */ jsx23("div", {
+          className: "skippr:h-full skippr:rounded-full skippr:bg-brand",
+          style: { width: `${progressPct}%` }
+        })
+      }),
+      phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
         return /* @__PURE__ */ jsxs19("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"),
+          className: "skippr:flex skippr:items-center skippr:gap-[9px] skippr:py-[5px]",
           children: [
-            /* @__PURE__ */ jsx23("div", {
-              className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx23(CircleCheck, {
-                className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx23(Circle, {
-                className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx23(Circle, {
-                className: "skippr:size-4 skippr:text-muted-foreground/30"
+            isCompleted ? /* @__PURE__ */ jsx23("span", {
+              className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
+              children: /* @__PURE__ */ jsx23(Check, {
+                className: "skippr:size-[11px] skippr:text-white",
+                strokeWidth: 3
+              })
+            }) : isActive ? /* @__PURE__ */ jsx23("span", {
+              className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand skippr:shadow-[0_0_0_4px_var(--skippr-brand-ring)]",
+              children: /* @__PURE__ */ jsx23("span", {
+                className: "skippr:size-[6px] skippr:rounded-full skippr:bg-white"
               })
+            }) : /* @__PURE__ */ jsx23("span", {
+              className: "skippr:size-[19px] skippr:shrink-0 skippr:rounded-full skippr:border-2 skippr:border-[#d8d3ca] skippr:bg-white"
             }),
-            /* @__PURE__ */ jsxs19("div", {
-              className: "skippr:min-w-0 skippr:flex-1",
-              children: [
-                /* @__PURE__ */ jsx23("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__ */ jsx23("ul", {
-                  className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs19("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__ */ jsx23("span", {
-                        className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
-                      }),
-                      text
-                    ]
-                  }, text))
-                })
-              ]
+            /* @__PURE__ */ jsx23("span", {
+              className: cn("skippr:text-[12.5px]", isActive || isCompleted ? "skippr:font-semibold skippr:text-[#2D2D3F]" : "skippr:font-medium skippr:text-[#a8a49c]"),
+              children: phase.name
+            }),
+            isActive && /* @__PURE__ */ jsx23("span", {
+              className: "skippr:ml-auto skippr:text-[9.5px] skippr:font-bold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[var(--skippr-brand-deep)]",
+              children: "now"
             })
           ]
         }, phase.name);
       })
-    })
+    ]
   });
 }
 
@@ -6135,12 +6285,11 @@ function Sidebar({
     verifyOtp,
     isAuthSubmitting,
     sidebarTab: activeTab,
-    setSidebarTab: setActiveTab,
     autoFocusChat,
     agentMode,
     displayModules
   } = useLiveAgent();
-  const internalCtx = useContext13(LiveAgentContext);
+  const internalCtx = useContext15(LiveAgentContext);
   const defaultAgentId = internalCtx?.defaultAgentId ?? null;
   const startDefaultSession = internalCtx?.startDefaultSession ?? (() => {});
   const talkDisabled = !(internalCtx?.hasResolvedModules ?? false);
@@ -6152,23 +6301,39 @@ function Sidebar({
     phases: [],
     isLoading: false
   };
-  const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
-  const popsDown = internalCtx?.popsDown ?? false;
+  const barDock = internalCtx?.barDock ?? null;
+  const barEdge = barDock?.edge ?? "bottom";
+  const barIsTopBottom = barEdge === "top" || barEdge === "bottom";
+  const barCentreY = barDock && !barIsTopBottom ? barDock.offsetPx : 0;
+  const popsDown = barIsTopBottom ? barEdge === "top" : barCentreY < window.innerHeight / 2;
   const panelExpanded = internalCtx?.panelExpanded ?? false;
   const defaultModule = displayModules.find((m) => m.id === defaultAgentId) ?? null;
   const displayedMode = agentMode ?? defaultModule?.mode ?? null;
   const showAgenda = displayedMode !== AGENT_MODE.AlwaysOn;
   const isFloating = variant === "floating";
   const isSidebar = variant === "sidebar";
-  const inSession = isConnected || isStarting || isPausing;
-  const floatingBottomPx = inSession ? launcherBottomPx + SESSION_BAR_CLEARANCE_PX : triggerBottomPx(launcherBottomPx, popsDown) + IDLE_TRIGGER_CLEARANCE_PX;
+  const barTopBottomAnchorPx = VOICE_BAR_EDGE_MARGIN_PX + VOICE_BAR_HEIGHT_PX + PANEL_GAP_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})`
-    };
+    if (barIsTopBottom) {
+      const centreExpr = barDock ? `${barDock.offsetPx}px` : "50vw";
+      const availableHeight = `calc(100vh - ${barTopBottomAnchorPx + PANEL_VIEWPORT_MARGIN_PX}px)`;
+      floatingStyle = {
+        ...popsDown ? { top: barTopBottomAnchorPx } : { bottom: barTopBottomAnchorPx },
+        left: `clamp(${PANEL_VIEWPORT_MARGIN_PX}px, calc(${centreExpr} - ${SIDEBAR_WIDTH / 2}px), calc(100vw - ${PANEL_VIEWPORT_MARGIN_PX + SIDEBAR_WIDTH}px))`,
+        height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
+      };
+    } else {
+      const barHalfHeight = VOICE_BAR_HEIGHT_PX / 2;
+      const topAnchorPx = barCentreY + barHalfHeight + PANEL_GAP_PX;
+      const bottomAnchorExpr = `calc(100vh - ${barCentreY - barHalfHeight}px + ${PANEL_GAP_PX}px)`;
+      const availableHeight = popsDown ? `calc(100vh - ${topAnchorPx + PANEL_VIEWPORT_MARGIN_PX}px)` : `${barCentreY - barHalfHeight - PANEL_GAP_PX - PANEL_VIEWPORT_MARGIN_PX}px`;
+      floatingStyle = {
+        ...popsDown ? { top: topAnchorPx } : { bottom: bottomAnchorExpr },
+        ...barEdge === "left" ? { left: VOICE_BAR_EDGE_MARGIN_PX } : { right: VOICE_BAR_EDGE_MARGIN_PX },
+        height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
+      };
+    }
   }
   useEffect29(() => {
     if (!isSidebar)
@@ -6186,7 +6351,7 @@ function Sidebar({
   }, [isSidebar, isPanelOpen, position]);
   return /* @__PURE__ */ jsxs20("div", {
     ref: internalCtx?.panelRef,
-    className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:border skippr:border-border skippr:rounded-2xl skippr:shadow-[0_8px_30px_rgba(0,0,0,0.16),0_4px_12px_rgba(0,0,0,0.08)]", isFloating && (position === "right" ? "skippr:right-6" : "skippr:left-6"), isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? position === "right" ? "skippr:origin-top-right" : "skippr:origin-top-left" : position === "right" ? "skippr:origin-bottom-right" : "skippr:origin-bottom-left"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
+    className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:rounded-[16px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:shadow-[0_14px_34px_rgba(45,45,63,0.15),0_2px_6px_rgba(45,45,63,0.06)]", isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (barIsTopBottom ? popsDown ? "skippr:origin-top" : "skippr:origin-bottom" : popsDown ? barEdge === "left" ? "skippr:origin-top-left" : "skippr:origin-top-right" : barEdge === "left" ? "skippr:origin-bottom-left" : "skippr:origin-bottom-right"), 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__ */ jsx25(ChatHeader, {}),
@@ -6198,14 +6363,14 @@ function Sidebar({
         isStarting,
         error,
         activeTab,
-        onTabChange: setActiveTab,
         hideControls,
         autoFocusChat,
         showAgenda,
         idleHistory,
         onTalk: startDefaultSession,
         talkLabel: startSessionLabel,
-        talkDisabled
+        talkDisabled,
+        showTalk: !isFloating
       }) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx25("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
         children: /* @__PURE__ */ jsx25(LoadingDots, {
@@ -6228,14 +6393,14 @@ function AuthenticatedContent({
   isStarting,
   error,
   activeTab,
-  onTabChange,
   hideControls,
   autoFocusChat,
   showAgenda,
   idleHistory,
   onTalk,
   talkLabel,
-  talkDisabled
+  talkDisabled,
+  showTalk
 }) {
   const inSession = isConnected || isStarting || isPaused || isPausing;
   const effectiveTab = showAgenda ? activeTab : "chat";
@@ -6246,39 +6411,6 @@ function AuthenticatedContent({
   return /* @__PURE__ */ jsxs20(Fragment4, {
     children: [
       isConnected && /* @__PURE__ */ jsx25(ConnectedBanner, {}),
-      showAgenda && /* @__PURE__ */ jsxs20("div", {
-        className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-1",
-        children: [
-          /* @__PURE__ */ jsxs20("button", {
-            type: "button",
-            className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
-            onClick: () => onTabChange("chat"),
-            children: [
-              /* @__PURE__ */ jsx25(MessageCircle, {
-                className: "skippr:size-3.5"
-              }),
-              "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx25("span", {
-                className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs20("button", {
-            type: "button",
-            className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "agenda" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
-            onClick: () => onTabChange("agenda"),
-            children: [
-              /* @__PURE__ */ jsx25(Calendar, {
-                className: "skippr:size-3.5"
-              }),
-              "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx25("span", {
-                className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
-              })
-            ]
-          })
-        ]
-      }),
       /* @__PURE__ */ jsx25("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
         children: isDisconnecting ? /* @__PURE__ */ jsx25("div", {
@@ -6303,6 +6435,7 @@ function AuthenticatedContent({
           onTalk,
           talkLabel,
           talkDisabled,
+          showTalk,
           error
         })
       }),
@@ -6364,6 +6497,7 @@ function IdleHistory({
   onTalk,
   talkLabel,
   talkDisabled,
+  showTalk,
   error
 }) {
   if (history2.isLoading) {
@@ -6388,10 +6522,10 @@ function IdleHistory({
         isStreaming: false,
         readOnly: true
       }),
-      /* @__PURE__ */ jsxs20("div", {
+      (showTalk || error) && /* @__PURE__ */ jsxs20("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
         children: [
-          /* @__PURE__ */ jsxs20("button", {
+          showTalk && /* @__PURE__ */ jsxs20("button", {
             type: "button",
             onClick: onTalk,
             disabled: talkDisabled,
@@ -6404,7 +6538,7 @@ function IdleHistory({
             ]
           }),
           error && /* @__PURE__ */ jsx25("p", {
-            className: "skippr:mt-2 skippr:text-center skippr:text-xs skippr:text-destructive",
+            className: cn("skippr:text-center skippr:text-xs skippr:text-destructive", showTalk && "skippr:mt-2"),
             children: error
           })
         ]
@@ -6445,7 +6579,7 @@ function ConnectedBody({
 }
 
 // src/components/SidebarTrigger.tsx
-import { useContext as useContext14 } from "react";
+import { useContext as useContext16 } from "react";
 
 // src/components/Logo.tsx
 import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -6497,7 +6631,7 @@ function SidebarTrigger() {
     isStarting,
     isPausing
   } = useLiveAgent();
-  const internalCtx = useContext14(LiveAgentContext);
+  const internalCtx = useContext16(LiveAgentContext);
   const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
   const popsDown = internalCtx?.popsDown ?? false;
   const logoUrl = internalCtx?.appearance?.logoUrl ?? null;
@@ -6523,43 +6657,1848 @@ function SidebarTrigger() {
   });
 }
 
-// src/components/LiveAgent.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
-function readSavedPosition() {
-  try {
-    const saved = localStorage.getItem("skippr_widget_position");
-    return saved === "left" || saved === "right" ? saved : null;
-  } catch {
-    return null;
+// src/components/VoiceBar.tsx
+import { useCallback as useCallback23, useContext as useContext21, useState as useState29 } from "react";
+
+// src/hooks/useBarNotifications.ts
+import { useContext as useContext18 } from "react";
+
+// src/hooks/useAdoptionTips.ts
+import { useContext as useContext17 } from "react";
+function useAdoptionTips() {
+  const ctx = useContext17(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useAdoptionTips must be used within a <LiveAgent> provider");
   }
+  const {
+    adoptionGoals,
+    agentMode,
+    hasResolvedModules,
+    isConnected,
+    isStarting,
+    isPausing,
+    isDisconnecting
+  } = ctx;
+  const sessionLive = isConnected || isStarting || isPausing || isDisconnecting;
+  const inStandardSession = sessionLive && agentMode !== AGENT_MODE.AlwaysOn;
+  if (inStandardSession || !hasResolvedModules || adoptionGoals.length === 0)
+    return [];
+  return adoptionGoals.slice(0, MAX_ADOPTION_TIPS);
 }
-function readSavedLauncherBottom() {
-  try {
-    const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
-    return Number.isFinite(saved) && saved > 0 ? saved : null;
-  } catch {
-    return null;
+
+// src/hooks/useBarNotifications.ts
+function useBarNotifications() {
+  const ctx = useContext18(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useBarNotifications must be used within a <LiveAgent> provider");
   }
-}
-function AgentCursorMount({ animated }) {
-  return /* @__PURE__ */ jsx28(AgentCursor, {
-    target: useAgentCursor(),
-    animated
-  });
-}
-function PlanPanelOpener() {
-  const plan = usePlanUpdates();
-  const { expandPanel } = useLiveAgent();
-  const surfacedPlanIdRef = useRef25(null);
-  useEffect30(() => {
-    if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
-      return;
-    surfacedPlanIdRef.current = plan.planId;
-    expandPanel();
-  }, [plan?.planId, plan?.state, expandPanel]);
-  return null;
-}
-function LiveAgent(props) {
+  const {
+    displayModules,
+    defaultAgentId,
+    activeModule,
+    agentMode,
+    hasResolvedModules,
+    isConnected,
+    selectModule,
+    startAdoptionSession,
+    attendGoal
+  } = ctx;
+  const tips = useAdoptionTips();
+  const { sendChatMessage } = useChatMessages();
+  const inAlwaysOnSession = isConnected && agentMode === AGENT_MODE.AlwaysOn;
+  const tipNotifications = tips.map((goal) => ({
+    id: goal.goalId,
+    kind: NOTIFICATION_KIND.Tip,
+    message: goal.displayMessage,
+    accentColor: NOTIF_ACCENT_COLOR,
+    activate: inAlwaysOnSession ? () => {
+      attendGoal(goal.goalId);
+      sendChatMessage(goal.objective).catch((e) => console.warn("[Skippr] tip prompt send failed", e));
+    } : () => startAdoptionSession(goal)
+  }));
+  const moduleNotifications = !hasResolvedModules ? [] : displayModules.filter((module) => module.id !== defaultAgentId && module.id !== activeModule?.id).filter((module) => {
+    const state = getModuleSessionState(module.currentSession, module.mode);
+    return state !== "completed" && state !== "expired";
+  }).map((module) => ({
+    id: module.id,
+    kind: NOTIFICATION_KIND.Module,
+    message: module.name,
+    accentColor: MODULE_ACCENT_COLOR,
+    activate: () => selectModule(module.id)
+  }));
+  return [...tipNotifications, ...moduleNotifications];
+}
+
+// src/components/VoiceBarFrame.tsx
+import { useIsSpeaking, useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback21, useContext as useContext20, useEffect as useEffect38, useRef as useRef31, useState as useState26 } from "react";
+
+// src/hooks/useIdleAutoOff.ts
+import { useCallback as useCallback19, useEffect as useEffect30, useRef as useRef25 } from "react";
+function useIdleAutoOff({
+  enabled,
+  active,
+  onExpire
+}) {
+  const timerRef = useRef25(null);
+  const onExpireRef = useRef25(onExpire);
+  onExpireRef.current = onExpire;
+  const clearTimer = useCallback19(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const armTimer = useCallback19(() => {
+    clearTimer();
+    timerRef.current = setTimeout(() => onExpireRef.current(), IDLE_AUTO_OFF_MS);
+  }, [clearTimer]);
+  const reportActivity = useCallback19(() => {
+    if (enabled && !active)
+      armTimer();
+  }, [enabled, active, armTimer]);
+  useEffect30(() => {
+    if (!enabled || active) {
+      clearTimer();
+      return;
+    }
+    armTimer();
+    return clearTimer;
+  }, [enabled, active, armTimer, clearTimer]);
+  return { reportActivity };
+}
+
+// src/hooks/useKeyboardStop.ts
+import { useEffect as useEffect31, useRef as useRef26 } from "react";
+function useKeyboardStop({ enabled, onStop }) {
+  const handler = useRef26(onStop);
+  handler.current = onStop;
+  useEffect31(() => {
+    if (!enabled)
+      return;
+    const onKeyDown = (event) => {
+      if (!event.ctrlKey || event.code !== STOP_AGENT_KEY || event.repeat)
+        return;
+      if (isEditableTarget())
+        return;
+      event.preventDefault();
+      handler.current();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [enabled]);
+}
+
+// src/hooks/useSessionTimer.ts
+import { useEffect as useEffect33, useState as useState22 } from "react";
+
+// src/hooks/useElapsedSeconds.ts
+import { useEffect as useEffect32, useRef as useRef27, useState as useState21 } from "react";
+function useElapsedSeconds(isRunning, resetSignal) {
+  const [elapsed, setElapsed] = useState21(0);
+  const accumulatedSecondsRef = useRef27(0);
+  useEffect32(() => {
+    accumulatedSecondsRef.current = 0;
+    setElapsed(0);
+  }, [resetSignal]);
+  useEffect32(() => {
+    if (!isRunning)
+      return;
+    const resumedAt = Date.now();
+    const accumulatedSeconds = accumulatedSecondsRef.current;
+    const totalSeconds = () => accumulatedSeconds + Math.floor((Date.now() - resumedAt) / 1000);
+    const tick = () => setElapsed(totalSeconds());
+    tick();
+    const id = setInterval(tick, 1000);
+    return () => {
+      clearInterval(id);
+      accumulatedSecondsRef.current = totalSeconds();
+      setElapsed(accumulatedSecondsRef.current);
+    };
+  }, [isRunning]);
+  return elapsed;
+}
+
+// src/hooks/useSessionTimer.ts
+function useSessionTimer(isRunning, resetSignal) {
+  const remaining = useSessionRemaining();
+  const elapsed = useElapsedSeconds(isRunning, resetSignal);
+  const active = isRunning && remaining !== null;
+  const warning = active && remaining !== null && remaining <= SESSION_TIMER_WARNING_S;
+  const revealCycle = !active ? null : warning ? "warning" : "normal";
+  const [revealed, setRevealed] = useState22(false);
+  useEffect33(() => {
+    if (!revealCycle) {
+      setRevealed(false);
+      return;
+    }
+    let timer;
+    function show() {
+      setRevealed(true);
+      timer = setTimeout(hide, SESSION_TIMER_HOLD_MS);
+    }
+    function hide() {
+      setRevealed(false);
+      timer = setTimeout(show, SESSION_TIMER_INTERVAL_MS);
+    }
+    show();
+    return () => clearTimeout(timer);
+  }, [revealCycle]);
+  if (!revealed || remaining === null)
+    return null;
+  if (remaining <= SESSION_TIMER_WARNING_S) {
+    return { label: `${Math.max(1, Math.ceil(remaining / 60))} min left`, warning: true };
+  }
+  const totalMin = Math.round((elapsed + remaining) / 60);
+  const elapsedMin = Math.max(1, Math.floor(elapsed / 60));
+  return { label: `${elapsedMin} min / ${totalMin}`, warning: false };
+}
+
+// src/hooks/useVoiceBarDrag.ts
+import { useEffect as useEffect34, useRef as useRef28 } from "react";
+import { flushSync as flushSync2 } from "react-dom";
+var DRAG_THRESHOLD_PX2 = 5;
+function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
+  const wasDraggedRef = useRef28(false);
+  const onDropRef = useRef28(onDrop);
+  onDropRef.current = onDrop;
+  const followTargetsRef = useRef28(followRefs);
+  followTargetsRef.current = followRefs;
+  const reportDraggingRef = useRef28(reportDragging);
+  reportDraggingRef.current = reportDragging;
+  useEffect34(() => {
+    const el = containerRef.current;
+    if (!el)
+      return;
+    let startX = 0;
+    let startY = 0;
+    let dragging = false;
+    let activePointerId = null;
+    let followers = [];
+    let restoreTransitionRafId = 0;
+    let transitionFrozen = [];
+    const FREEZE_ATTR = "skipprDragFreezes";
+    const freezeCount = (node) => Number.parseInt(node.dataset[FREEZE_ATTR] ?? "0", 10) || 0;
+    const freeze = (node) => {
+      node.dataset[FREEZE_ATTR] = String(freezeCount(node) + 1);
+      node.style.transition = "none";
+    };
+    const unfreeze = (node) => {
+      const remaining = freezeCount(node) - 1;
+      if (remaining > 0) {
+        node.dataset[FREEZE_ATTR] = String(remaining);
+        return;
+      }
+      delete node.dataset[FREEZE_ATTR];
+      node.style.transition = "";
+    };
+    const cancelPendingTransitionRestore = () => {
+      if (transitionFrozen.length === 0)
+        return;
+      cancelAnimationFrame(restoreTransitionRafId);
+      for (const element of transitionFrozen)
+        unfreeze(element);
+      transitionFrozen = [];
+    };
+    const clearDragOffset = () => {
+      el.style.removeProperty("--skippr-drag-x");
+      el.style.removeProperty("--skippr-drag-y");
+    };
+    const onPointerMove = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      if (event.buttons === 0) {
+        endDrag();
+        return;
+      }
+      const dx = event.clientX - startX;
+      const dy = event.clientY - startY;
+      if (!dragging && Math.hypot(dx, dy) < DRAG_THRESHOLD_PX2)
+        return;
+      if (!dragging) {
+        try {
+          el.setPointerCapture(event.pointerId);
+        } catch {}
+        followers = (followTargetsRef.current ?? []).map((ref) => ref.current).filter((node) => node !== null);
+        cancelPendingTransitionRestore();
+        for (const follower of followers)
+          freeze(follower);
+        reportDraggingRef.current?.(true);
+      }
+      dragging = true;
+      wasDraggedRef.current = true;
+      el.style.setProperty("--skippr-drag-x", `${dx}px`);
+      el.style.setProperty("--skippr-drag-y", `${dy}px`);
+      const followerTransform = `translate(${dx}px, ${dy}px)`;
+      for (const follower of followers)
+        follower.style.transform = followerTransform;
+    };
+    const onPointerUp = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      if (dragging) {
+        const rect = el.getBoundingClientRect();
+        const centerX = rect.left + rect.width / 2;
+        const centerY = rect.top + rect.height / 2;
+        clearDragOffset();
+        for (const follower of followers)
+          follower.style.transform = "";
+        flushSync2(() => onDropRef.current(dropTargetFromPointer(centerX, centerY)));
+      }
+      endDrag();
+    };
+    const onPointerCancel = (event) => {
+      if (event.pointerId !== activePointerId)
+        return;
+      endDrag();
+    };
+    const endDrag = () => {
+      activePointerId = null;
+      if (dragging)
+        reportDraggingRef.current?.(false);
+      window.removeEventListener("pointermove", onPointerMove);
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerCancel);
+      clearDragOffset();
+      const settled = followers;
+      followers = [];
+      for (const follower of settled)
+        follower.style.transform = "";
+      if (settled.length > 0) {
+        transitionFrozen = settled;
+        restoreTransitionRafId = requestAnimationFrame(() => {
+          for (const follower of settled)
+            unfreeze(follower);
+          transitionFrozen = [];
+        });
+      }
+      setTimeout(() => {
+        wasDraggedRef.current = false;
+      }, 0);
+    };
+    const onPointerDown = (event) => {
+      if (event.button !== 0)
+        return;
+      if (event.target instanceof Element && event.target.closest(`[${NO_DRAG_ATTR}]`))
+        return;
+      if (activePointerId !== null) {
+        if (dragging)
+          return;
+        endDrag();
+      }
+      activePointerId = event.pointerId;
+      startX = event.clientX;
+      startY = event.clientY;
+      dragging = false;
+      wasDraggedRef.current = false;
+      window.addEventListener("pointermove", onPointerMove);
+      window.addEventListener("pointerup", onPointerUp);
+      window.addEventListener("pointercancel", onPointerCancel);
+    };
+    const onDragStart = (event) => event.preventDefault();
+    el.addEventListener("pointerdown", onPointerDown);
+    el.addEventListener("dragstart", onDragStart);
+    return () => {
+      el.removeEventListener("pointerdown", onPointerDown);
+      el.removeEventListener("dragstart", onDragStart);
+      window.removeEventListener("pointermove", onPointerMove);
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerCancel);
+      if (dragging)
+        reportDraggingRef.current?.(false);
+      clearDragOffset();
+      cancelPendingTransitionRestore();
+      for (const follower of followers) {
+        follower.style.transform = "";
+        unfreeze(follower);
+      }
+    };
+  }, [containerRef]);
+  return { wasDraggedRef };
+}
+
+// src/components/VoiceBarChatLine.tsx
+import { useCallback as useCallback20, useContext as useContext19, useEffect as useEffect35, useRef as useRef29, useState as useState23 } from "react";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+var UNTOUCHED_HIDE_MS = 6000;
+var TYPED_HIDE_MS = 60000;
+function VoiceBarChatLine({ dock, canSend, onClose }) {
+  const { sendChatMessage, isSendingChat } = useChatMessages();
+  const reportChatActivity = useContext19(LiveAgentContext)?.reportChatActivity;
+  const [text, setText] = useState23("");
+  const inputRef = useRef29(null);
+  const idleTimerRef = useRef29(null);
+  const hasTypedRef = useRef29(false);
+  const onCloseRef = useRef29(onClose);
+  onCloseRef.current = onClose;
+  const armIdle = useCallback20(() => {
+    if (idleTimerRef.current)
+      clearTimeout(idleTimerRef.current);
+    const hideAfterMs = hasTypedRef.current ? TYPED_HIDE_MS : UNTOUCHED_HIDE_MS;
+    idleTimerRef.current = setTimeout(() => onCloseRef.current(), hideAfterMs);
+  }, []);
+  useEffect35(() => {
+    inputRef.current?.focus();
+    armIdle();
+    return () => {
+      if (idleTimerRef.current)
+        clearTimeout(idleTimerRef.current);
+    };
+  }, [armIdle]);
+  const hasText = text.trim().length > 0;
+  const sendReady = hasText && canSend && !isSendingChat;
+  const submit = () => {
+    if (!sendReady)
+      return;
+    reportChatActivity?.();
+    const message = text.trim();
+    setText("");
+    armIdle();
+    inputRef.current?.focus();
+    sendChatMessage(message).catch((e) => console.warn("[Skippr] chat send failed", e));
+  };
+  const style = {
+    position: "absolute",
+    left: 0,
+    width: 255,
+    ...dock.edge === "top" ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
+  };
+  return /* @__PURE__ */ jsxs22("div", {
+    style,
+    onPointerDown: (event) => event.stopPropagation(),
+    className: "skippr:z-[4] skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-[12px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:py-[4px] skippr:pl-[13px] skippr:pr-[5px] skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)] skippr:[animation:skippr-fade-in_0.16s_ease]",
+    children: [
+      /* @__PURE__ */ jsx28("input", {
+        ref: inputRef,
+        value: text,
+        onChange: (event) => {
+          setText(event.target.value);
+          hasTypedRef.current = true;
+          armIdle();
+          reportChatActivity?.();
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+            submit();
+          }
+        },
+        placeholder: "type a message…",
+        className: "skippr:min-w-0 skippr:flex-1 skippr:border-none skippr:bg-transparent skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:text-[#2D2D3F] skippr:outline-none skippr:placeholder:text-[#b0aca4]"
+      }),
+      /* @__PURE__ */ jsx28("button", {
+        type: "button",
+        onClick: submit,
+        disabled: !sendReady,
+        style: { background: hasText ? "var(--skippr-brand, #2bc0ae)" : "#cdd8d5" },
+        "aria-label": "Send",
+        className: "skippr:flex skippr:size-[32px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-white skippr:transition-[filter] skippr:hover:brightness-[1.06] skippr:disabled:cursor-not-allowed",
+        children: /* @__PURE__ */ jsx28(Send, {
+          className: "skippr:size-[15px]",
+          strokeWidth: 2
+        })
+      })
+    ]
+  });
+}
+
+// src/components/VoiceBarNotification.tsx
+import { useEffect as useEffect36, useRef as useRef30, useState as useState24 } from "react";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+function VoiceBarNotification({
+  notifications,
+  dock,
+  onDismiss
+}) {
+  const [index2, setIndex] = useState24(0);
+  const [paused, setPaused] = useState24(false);
+  const cardRef = useRef30(null);
+  useEffect36(() => {
+    const el = cardRef.current;
+    if (!el)
+      return;
+    const enter = () => setPaused(true);
+    const leave = () => setPaused(false);
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  useEffect36(() => {
+    if (paused)
+      return;
+    const rotate = setInterval(() => setIndex((current) => (current + 1) % notifications.length), TIP_ROTATE_MS);
+    const hide = setTimeout(onDismiss, TIP_HIDE_MS);
+    return () => {
+      clearInterval(rotate);
+      clearTimeout(hide);
+    };
+  }, [paused, notifications.length, onDismiss]);
+  if (notifications.length === 0)
+    return null;
+  const safeIndex = Math.min(index2, notifications.length - 1);
+  const notification = notifications[safeIndex];
+  if (!notification)
+    return null;
+  const hasMultiple = notifications.length > 1;
+  const wrapperStyle = isHorizontalEdge(dock.edge) ? {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    display: "flex",
+    justifyContent: "center",
+    zIndex: 6,
+    ...dock.edge === "top" ? { top: "calc(100% + 10px)" } : { bottom: "calc(100% + 10px)" }
+  } : {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    display: "flex",
+    alignItems: "center",
+    zIndex: 6,
+    ...dock.edge === "left" ? { left: "calc(100% + 10px)" } : { right: "calc(100% + 10px)" }
+  };
+  return /* @__PURE__ */ jsx29("div", {
+    style: wrapperStyle,
+    "data-skippr-no-drag": "",
+    children: /* @__PURE__ */ jsxs23("div", {
+      ref: cardRef,
+      className: "skippr:flex skippr:w-[255px] skippr:items-center skippr:gap-[8px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
+      children: [
+        /* @__PURE__ */ jsx29("span", {
+          className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[10px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
+          children: /* @__PURE__ */ jsx29("span", {
+            className: "skippr:line-clamp-2",
+            children: notification.message
+          })
+        }),
+        /* @__PURE__ */ jsx29("button", {
+          type: "button",
+          onClick: () => {
+            notification.activate();
+            onDismiss();
+          },
+          className: "skippr:shrink-0 skippr:cursor-pointer skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[9px] skippr:py-[3px] skippr:text-[9.5px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
+          children: "start"
+        }),
+        hasMultiple && /* @__PURE__ */ jsxs23("button", {
+          type: "button",
+          onClick: () => setIndex((current) => (current + 1) % notifications.length),
+          "aria-label": "Next",
+          title: "Next",
+          className: "skippr:flex skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:gap-[1px] skippr:rounded-full skippr:px-[5px] skippr:py-[1px] skippr:font-mono skippr:text-[8.5px] skippr:font-bold skippr:tracking-[0.02em] skippr:text-[#8b877f] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#5a5650]",
+          children: [
+            safeIndex + 1,
+            "/",
+            notifications.length,
+            /* @__PURE__ */ jsx29(ChevronRight, {
+              className: "skippr:size-[11px]",
+              strokeWidth: 2.5
+            })
+          ]
+        })
+      ]
+    }, notification.id)
+  });
+}
+
+// src/components/VoiceBarPlanCard.tsx
+import { useEffect as useEffect37, useState as useState25 } from "react";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+var APPROVING_RESET_MS = 8000;
+function StepIndicator({ step }) {
+  if (step.status === "done") {
+    return /* @__PURE__ */ jsx30("span", {
+      className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
+      children: /* @__PURE__ */ jsx30(Check, {
+        className: "skippr:size-[10px] skippr:text-white",
+        strokeWidth: 3
+      })
+    });
+  }
+  if (step.status === "failed") {
+    return /* @__PURE__ */ jsx30("span", {
+      className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#dc2626]",
+      children: /* @__PURE__ */ jsx30(X, {
+        className: "skippr:size-[10px] skippr:text-white",
+        strokeWidth: 3
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx30("span", {
+    className: cn("skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[9px] skippr:font-bold skippr:text-[#8b877f]", step.status === "active" && "skippr:bg-white skippr:text-brand skippr:shadow-[inset_0_0_0_1.5px_var(--skippr-brand,#2bc0ae)]"),
+    children: step.index + 1
+  });
+}
+function VoiceBarPlanCard({ plan, sendChatMessage, onDismiss }) {
+  const awaitingApproval = plan.state === "proposed";
+  const [isApproving, setIsApproving] = useState25(false);
+  const [lastPlan, setLastPlan] = useState25(plan);
+  if (plan !== lastPlan) {
+    setLastPlan(plan);
+    setIsApproving(false);
+  }
+  const approve = () => {
+    setIsApproving(true);
+    sendChatMessage(APPROVE_MESSAGE).catch((e) => {
+      console.warn("[Skippr] plan reply failed", e);
+      setIsApproving(false);
+    });
+  };
+  const cancel = () => {
+    sendChatMessage(CANCEL_MESSAGE).catch((e) => console.warn("[Skippr] plan reply failed", e));
+  };
+  useEffect37(() => {
+    if (!isApproving)
+      return;
+    const timer = setTimeout(() => setIsApproving(false), APPROVING_RESET_MS);
+    return () => clearTimeout(timer);
+  }, [isApproving]);
+  useEffect37(() => {
+    if (plan.state !== "completed")
+      return;
+    const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
+    return () => clearTimeout(timer);
+  }, [plan.state, onDismiss]);
+  return /* @__PURE__ */ jsxs24("div", {
+    className: "skippr:w-[225px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
+    children: [
+      /* @__PURE__ */ jsxs24("div", {
+        className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
+        children: [
+          /* @__PURE__ */ jsx30("span", {
+            className: "skippr:text-[11px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
+            children: "Plan"
+          }),
+          /* @__PURE__ */ jsx30("button", {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": "Dismiss plan",
+            className: "skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
+            children: /* @__PURE__ */ jsx30(X, {
+              className: "skippr:size-[12px]",
+              strokeWidth: 2.5
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs24("div", {
+        className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[8px]",
+        children: [
+          /* @__PURE__ */ jsx30("p", {
+            className: "skippr:text-[11.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
+            children: "Here's my plan"
+          }),
+          awaitingApproval && /* @__PURE__ */ jsxs24("p", {
+            className: "skippr:mt-[1px] skippr:text-[10px] skippr:text-[#8b877f]",
+            children: [
+              plan.steps.length,
+              " steps · review and approve to run"
+            ]
+          }),
+          /* @__PURE__ */ jsx30("div", {
+            className: "skippr:mt-[8px] skippr:max-h-[132px] skippr:space-y-[6px] skippr:overflow-y-auto skippr:overscroll-contain",
+            children: plan.steps.map((step) => /* @__PURE__ */ jsxs24("div", {
+              className: "skippr:flex skippr:items-center skippr:gap-[7px]",
+              children: [
+                /* @__PURE__ */ jsx30(StepIndicator, {
+                  step
+                }),
+                /* @__PURE__ */ jsx30("p", {
+                  className: cn("skippr:min-w-0 skippr:text-[11px] skippr:leading-snug skippr:text-[#2D2D3F]", step.status === "pending" && "skippr:text-[#8b877f]", step.status === "failed" && "skippr:text-[#dc2626]"),
+                  children: step.label
+                })
+              ]
+            }, step.index))
+          }),
+          /* @__PURE__ */ jsx30("div", {
+            className: "skippr:mt-[9px]",
+            children: awaitingApproval ? /* @__PURE__ */ jsxs24("div", {
+              className: "skippr:flex skippr:gap-[8px]",
+              children: [
+                /* @__PURE__ */ jsxs24("button", {
+                  type: "button",
+                  disabled: isApproving,
+                  onClick: approve,
+                  className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52] skippr:disabled:cursor-default skippr:disabled:opacity-80 skippr:disabled:hover:bg-[#2D2D3F]",
+                  children: [
+                    isApproving && /* @__PURE__ */ jsx30("span", {
+                      className: "skippr:size-[10px] skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
+                    }),
+                    isApproving ? "approving…" : "approve plan"
+                  ]
+                }),
+                /* @__PURE__ */ jsx30("button", {
+                  type: "button",
+                  disabled: isApproving,
+                  onClick: cancel,
+                  className: "skippr:cursor-pointer skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.12)] skippr:bg-white skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-[#2D2D3F] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:disabled:cursor-default skippr:disabled:opacity-50 skippr:disabled:hover:bg-white",
+                  children: "cancel"
+                })
+              ]
+            }) : /* @__PURE__ */ jsxs24("span", {
+              className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:rounded-full skippr:bg-brand skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white",
+              children: [
+                /* @__PURE__ */ jsx30(Check, {
+                  className: "skippr:size-[11px]",
+                  strokeWidth: 3
+                }),
+                "approved"
+              ]
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/VoiceBarFrame.tsx
+import { jsx as jsx31, jsxs as jsxs25, Fragment as Fragment5 } from "react/jsx-runtime";
+var AUTO_OFF_MOTES = [
+  { left: "13%", delay: "0s", size: 4 },
+  { left: "27%", delay: "0.4s", size: 3 },
+  { left: "41%", delay: "0.75s", size: 5 },
+  { left: "54%", delay: "0.2s", size: 3 },
+  { left: "67%", delay: "0.95s", size: 4 },
+  { left: "79%", delay: "0.55s", size: 3 },
+  { left: "90%", delay: "1.2s", size: 4 }
+];
+var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#b8b4ac] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]";
+var PILL = "skippr:relative skippr:flex skippr:h-[36px] skippr:min-w-[96px] skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[8px] skippr:rounded-full skippr:text-[13px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-white";
+function LoadingAvatar({ logoUrl }) {
+  return /* @__PURE__ */ jsxs25("span", {
+    className: "skippr:relative skippr:size-[22px] skippr:shrink-0",
+    children: [
+      /* @__PURE__ */ jsx31("span", {
+        className: "skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand skippr:animate-spin"
+      }),
+      /* @__PURE__ */ jsx31("span", {
+        className: "skippr:absolute skippr:inset-0 skippr:overflow-hidden skippr:rounded-full",
+        children: logoUrl ? /* @__PURE__ */ jsx31("img", {
+          src: logoUrl,
+          alt: "",
+          className: "skippr:block skippr:size-full skippr:object-cover"
+        }) : /* @__PURE__ */ jsx31("span", {
+          className: "skippr:block skippr:size-full skippr:bg-launcher"
+        })
+      })
+    ]
+  });
+}
+function BusyRing({ tone }) {
+  return /* @__PURE__ */ jsx31("span", {
+    className: cn("skippr:pointer-events-none skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:animate-spin", tone === "white" ? "skippr:border-white/30 skippr:border-t-white" : "skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand")
+  });
+}
+function AgentDots() {
+  return /* @__PURE__ */ jsxs25("span", {
+    className: "skippr:flex skippr:items-center skippr:gap-[4px]",
+    children: [
+      /* @__PURE__ */ jsx31("span", {
+        className: "skippr:size-[4px] skippr:rounded-full skippr:bg-white skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
+      }),
+      /* @__PURE__ */ jsx31("span", {
+        className: "skippr:size-[4px] skippr:rounded-full skippr:bg-white skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
+      }),
+      /* @__PURE__ */ jsx31("span", {
+        className: "skippr:size-[4px] skippr:rounded-full skippr:bg-white skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
+      })
+    ]
+  });
+}
+function SpeakingBars() {
+  const { barRefs } = useMicLevel(true);
+  return /* @__PURE__ */ jsx31("span", {
+    className: "skippr:flex skippr:h-[22px] skippr:items-center skippr:gap-[3px]",
+    children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx31("span", {
+      ref: (el) => {
+        barRefs.current[index2] = el;
+      },
+      className: "skippr:w-[2.5px] skippr:rounded-full skippr:bg-white skippr:transition-[height] skippr:duration-75",
+      style: { height: 5 }
+    }, index2))
+  });
+}
+var MIC_HALO_IDLE_PX = 30;
+var MIC_HALO_GROWTH_PX = 12;
+var MIC_HALO_NOISE_GATE = 0.15;
+function MicLevelHalo({ enabled }) {
+  const { microphoneTrack } = useLocalParticipant12();
+  const { barRefs } = useAudioLevelBars(enabled ? microphoneTrack?.track?.mediaStreamTrack : undefined, {
+    barCount: 1,
+    idleHeightPx: MIC_HALO_IDLE_PX,
+    maxGrowthPx: MIC_HALO_GROWTH_PX,
+    noiseGate: MIC_HALO_NOISE_GATE
+  });
+  return /* @__PURE__ */ jsx31("span", {
+    ref: (el) => {
+      barRefs.current[0] = el;
+    },
+    style: { height: MIC_HALO_IDLE_PX },
+    className: "skippr:absolute skippr:left-1/2 skippr:top-1/2 skippr:-translate-x-1/2 skippr:-translate-y-1/2 skippr:aspect-square skippr:rounded-full skippr:bg-white/40 skippr:transition-[height] skippr:duration-75"
+  });
+}
+function ShortcutChip({ children }) {
+  return /* @__PURE__ */ jsx31("span", {
+    className: "skippr:rounded-[5px] skippr:border skippr:border-[rgba(45,45,63,0.1)] skippr:bg-[#f2f0eb] skippr:px-[5px] skippr:py-[1px] skippr:font-mono skippr:text-[10px] skippr:font-semibold skippr:text-[#6b6660]",
+    children
+  });
+}
+function ShortcutHint({
+  enabled,
+  seenRef,
+  suppressed,
+  children
+}) {
+  const ref = useRef31(null);
+  const [visible, setVisible] = useState26(false);
+  useEffect38(() => {
+    if (!enabled)
+      return;
+    const el = ref.current;
+    if (!el)
+      return;
+    const enter = () => {
+      if (!seenRef.current)
+        setVisible(true);
+    };
+    const leave = () => {
+      if (seenRef.current)
+        return;
+      seenRef.current = true;
+      setVisible(false);
+    };
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, [enabled, seenRef]);
+  return /* @__PURE__ */ jsxs25("div", {
+    ref,
+    className: "skippr:relative skippr:flex skippr:min-w-[96px] skippr:flex-1",
+    children: [
+      enabled && visible && !suppressed && /* @__PURE__ */ jsxs25("div", {
+        className: "skippr:pointer-events-none skippr:absolute skippr:bottom-[calc(100%+11px)] skippr:left-1/2 skippr:z-[8] skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-[7px] skippr:whitespace-nowrap skippr:rounded-[11px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[6px] skippr:shadow-[0_8px_22px_rgba(45,45,63,0.12),0_1px_3px_rgba(45,45,63,0.04)] skippr:[animation:skippr-fade-in_0.22s_ease]",
+        children: [
+          /* @__PURE__ */ jsxs25("span", {
+            className: "skippr:flex skippr:items-center skippr:gap-[3px]",
+            children: [
+              /* @__PURE__ */ jsx31(ShortcutChip, {
+                children: "Ctrl"
+              }),
+              /* @__PURE__ */ jsx31("span", {
+                className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
+                children: "+"
+              }),
+              /* @__PURE__ */ jsx31(ShortcutChip, {
+                children: "Space"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx31("span", {
+            className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
+            children: "talk"
+          }),
+          /* @__PURE__ */ jsx31("span", {
+            className: "skippr:text-[10px] skippr:text-[#cbc7bf]",
+            children: "·"
+          }),
+          /* @__PURE__ */ jsxs25("span", {
+            className: "skippr:flex skippr:items-center skippr:gap-[3px]",
+            children: [
+              /* @__PURE__ */ jsx31(ShortcutChip, {
+                children: "Ctrl"
+              }),
+              /* @__PURE__ */ jsx31("span", {
+                className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
+                children: "+"
+              }),
+              /* @__PURE__ */ jsx31(ShortcutChip, {
+                children: "X"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx31("span", {
+            className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
+            children: "stop"
+          }),
+          /* @__PURE__ */ jsx31("span", {
+            className: "skippr:absolute skippr:left-1/2 skippr:top-full skippr:size-[9px] skippr:-translate-x-1/2 skippr:-translate-y-[4px] skippr:rotate-45 skippr:border-b skippr:border-r skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white"
+          })
+        ]
+      }),
+      children
+    ]
+  });
+}
+function VoiceBarFrame({
+  dock,
+  canFold,
+  notifications,
+  onDrop,
+  setDragging
+}) {
+  const ctx = useContext20(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("VoiceBarFrame must be used within a <LiveAgent> provider");
+  }
+  const {
+    isConnected,
+    isStarting,
+    isPausing,
+    isDisconnecting,
+    isAuthenticated,
+    defaultAgentId,
+    startDefaultSession,
+    pauseSession,
+    disconnect,
+    minimizePanel,
+    togglePanel,
+    agentControls,
+    appearance,
+    isPanelOpen,
+    panelRef,
+    textMode,
+    captureMode,
+    chatActivityAt
+  } = ctx;
+  const [bannerOpen, setBannerOpen] = useState26(false);
+  const hasNotifications = notifications.length > 0;
+  const notifAccent = notifications[0]?.accentColor;
+  const closeBanner = useCallback21(() => setBannerOpen(false), []);
+  const containerRef = useRef31(null);
+  const dragFollowers = isPanelOpen ? [panelRef] : null;
+  const { wasDraggedRef } = useVoiceBarDrag(containerRef, onDrop, dragFollowers, setDragging);
+  const { isMuted, toggleMute } = useMediaControls();
+  const { localParticipant } = useLocalParticipant12();
+  const isUserSpeaking = useIsSpeaking(localParticipant);
+  const { state } = useAgentVoiceState();
+  const { isCapturingSpeech, toggle: toggleTapToTalk, start, commit } = useVoiceTurnContext();
+  const holdPushToTalk = usePointerHold(start, commit);
+  const { isHeld, countdown: holdCountdown, toggle: togglePause } = useSessionHoldContext();
+  const plan = usePlanUpdates();
+  const { sendChatMessage } = useChatMessages();
+  const [dismissedPlanId, setDismissedPlanId] = useState26(null);
+  const micMode = agentControls?.micMode;
+  const pushOrTap = isRequestResponseMicMode(micMode);
+  const isPushToTalk = micMode === MIC_MODE.PushToTalk;
+  const agentActive = state === "speaking" || state === "thinking";
+  const { actionsActive } = useActionControl();
+  const showActionControl = isConnected && captureMode === CAPTURE_MODE.Auto && actionsActive;
+  const chatSurface = agentControls?.chat ?? DEFAULT_CHAT_SURFACE;
+  const isRoomChat = chatSurface === CHAT_SURFACE.Room;
+  const [chatLineOpen, setChatLineOpen] = useState26(false);
+  const chatOpen = isRoomChat ? isPanelOpen : chatLineOpen;
+  const toggleChat = () => {
+    if (isRoomChat) {
+      togglePanel();
+    } else {
+      setChatLineOpen((open) => !open);
+    }
+  };
+  useKeyboardPushToTalk({
+    enabled: isConnected && isPushToTalk,
+    onStart: start,
+    onCommit: commit,
+    code: "Space",
+    requireCtrl: true
+  });
+  const sessionLive = isConnected || isStarting || isPausing || isDisconnecting;
+  const canStart = isAuthenticated && !!defaultAgentId;
+  const showClose = canFold || sessionLive;
+  const logoUrl = appearance?.logoUrl ?? null;
+  const ifNotDragged = (action) => () => {
+    if (wasDraggedRef.current)
+      return;
+    action();
+  };
+  const [pauseSource, setPauseSource] = useState26(null);
+  const closeBar = (source) => {
+    if (sessionLive) {
+      setPauseSource(source);
+      pauseSession();
+    } else {
+      minimizePanel();
+    }
+  };
+  useKeyboardStop({ enabled: sessionLive, onStop: () => closeBar("stop") });
+  const hintSeenRef = useRef31(false);
+  const requestPillBg = isCapturingSpeech ? "var(--skippr-brand-active)" : "var(--skippr-brand, #2bc0ae)";
+  const agentStateLabel = state === "thinking" ? "thinking…" : state === "speaking" ? "talking…" : null;
+  const idleRequestLabel = isPushToTalk ? "push to talk" : "tap to talk";
+  const requestLabel = agentStateLabel ?? (isCapturingSpeech ? "listening…" : idleRequestLabel);
+  const livePillBg = agentActive && !isHeld ? "var(--skippr-brand-active)" : "var(--skippr-brand, #2bc0ae)";
+  const glow = isConnected && !isHeld && agentActive;
+  const [autoOffClosing, setAutoOffClosing] = useState26(false);
+  const { reportActivity } = useIdleAutoOff({
+    enabled: isConnected && !autoOffClosing,
+    active: agentActive || isCapturingSpeech || isUserSpeaking,
+    onExpire: () => setAutoOffClosing(true)
+  });
+  useEffect38(() => {
+    if (chatActivityAt)
+      reportActivity();
+  }, [chatActivityAt, reportActivity]);
+  useEffect38(() => {
+    if (!autoOffClosing)
+      return;
+    if (!isConnected) {
+      setAutoOffClosing(false);
+      return;
+    }
+    const timer = setTimeout(() => void disconnect(), AUTO_OFF_NOTICE_MS);
+    return () => clearTimeout(timer);
+  }, [autoOffClosing, isConnected, disconnect]);
+  const sessionTimer = useSessionTimer(isConnected && !isHeld, isConnected);
+  const visiblePlan = isPlanVisible(plan) && plan.planId !== dismissedPlanId ? plan : null;
+  const planCardActive = !!visiblePlan && isConnected && captureMode === CAPTURE_MODE.Auto && !!agentControls?.actions && !(isRoomChat && chatOpen) && !isCapturingSpeech && !isHeld && !autoOffClosing;
+  const planAboveChatLine = planCardActive && !isRoomChat && chatLineOpen;
+  const bannerActive = hasNotifications && bannerOpen;
+  const slotClaimed = chatOpen || bannerActive;
+  const autoBase = !isStarting && isConnected && !textMode && !pushOrTap && !autoOffClosing;
+  const showHeldStrip = !slotClaimed && autoBase && isHeld;
+  const showLiveStrip = !slotClaimed && autoBase && !isHeld && !planCardActive && (state === "thinking" || showActionControl);
+  const showTimerStrip = !slotClaimed && !autoOffClosing && !isCapturingSpeech && !planCardActive && !showLiveStrip && !showHeldStrip && !!sessionTimer;
+  const showAutoOffStrip = !slotClaimed && autoOffClosing;
+  const hintSuppressed = slotClaimed || isCapturingSpeech || planCardActive || showLiveStrip || showHeldStrip || showTimerStrip || showAutoOffStrip;
+  const liveStripLabel = showActionControl ? "working…" : "thinking…";
+  const heldMinutes = Math.floor(holdCountdown / 60);
+  const heldSeconds = String(holdCountdown % 60).padStart(2, "0");
+  const stripStyle = {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    display: "flex",
+    justifyContent: "center",
+    ...dock.edge === "top" ? { top: "calc(100% + 10px)" } : { bottom: "calc(100% + 10px)" }
+  };
+  const planCardOffset = planAboveChatLine ? "calc(100% + 64px)" : "calc(100% + 10px)";
+  const planCardStyle = {
+    ...stripStyle,
+    ...dock.edge === "top" ? { top: planCardOffset } : { bottom: planCardOffset }
+  };
+  const pillEvaporate = autoOffClosing ? "skippr:[animation:skippr-evaporate_3.2s_ease-in_forwards] skippr:motion-reduce:animate-none" : "";
+  return /* @__PURE__ */ jsxs25("div", {
+    ref: containerRef,
+    style: dockStyle(dock),
+    className: "skippr:fixed skippr:z-[9999] skippr:flex skippr:w-[255px] skippr:touch-none skippr:cursor-grab skippr:items-center",
+    children: [
+      glow && /* @__PURE__ */ jsx31("span", {
+        "aria-hidden": true,
+        className: "skippr:pointer-events-none skippr:absolute skippr:-left-[6px] skippr:-right-[6px] skippr:-top-[13px] skippr:h-[24px] skippr:rounded-full skippr:animate-skippr-flow skippr:motion-reduce:animate-none",
+        style: {
+          filter: "blur(13px)",
+          opacity: 0.9,
+          background: "var(--skippr-brand-glow)",
+          backgroundSize: "300% 100%"
+        }
+      }),
+      /* @__PURE__ */ jsx31("span", {
+        className: cn("skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:transition-shadow", glow ? "skippr:shadow-[0_10px_30px_rgba(45,45,63,0.14),0_0_0_1.5px_var(--skippr-brand-ring)]" : "skippr:shadow-[0_8px_30px_rgba(45,45,63,0.14),0_2px_6px_rgba(45,45,63,0.06)]", pillEvaporate)
+      }),
+      autoOffClosing && /* @__PURE__ */ jsx31("span", {
+        "aria-hidden": true,
+        className: "skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:z-[4] skippr:overflow-visible",
+        children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx31("span", {
+          className: "skippr:absolute skippr:top-1/2 skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-mote-rise_1.6s_ease-out_infinite] skippr:motion-reduce:animate-none",
+          style: {
+            left: mote.left,
+            width: mote.size,
+            height: mote.size,
+            animationDelay: mote.delay
+          }
+        }, mote.left))
+      }),
+      showLiveStrip && /* @__PURE__ */ jsx31("div", {
+        style: stripStyle,
+        className: "skippr:pointer-events-none skippr:z-[5]",
+        children: /* @__PURE__ */ jsxs25("div", {
+          className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
+          children: [
+            /* @__PURE__ */ jsx31("span", {
+              style: { background: livePillBg },
+              className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
+            }),
+            /* @__PURE__ */ jsx31("span", {
+              className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
+              children: liveStripLabel
+            })
+          ]
+        })
+      }),
+      showHeldStrip && /* @__PURE__ */ jsx31("div", {
+        style: stripStyle,
+        className: "skippr:pointer-events-none skippr:z-[5]",
+        children: /* @__PURE__ */ jsxs25("div", {
+          role: "timer",
+          "aria-label": `Agent closes in ${holdCountdown} seconds`,
+          className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
+          children: [
+            /* @__PURE__ */ jsx31("span", {
+              className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab]"
+            }),
+            /* @__PURE__ */ jsxs25("span", {
+              className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
+              children: [
+                "Agent closes in",
+                /* @__PURE__ */ jsxs25("span", {
+                  className: "skippr:ml-1 skippr:tabular-nums",
+                  children: [
+                    heldMinutes,
+                    ":",
+                    heldSeconds
+                  ]
+                })
+              ]
+            })
+          ]
+        })
+      }),
+      showTimerStrip && sessionTimer && /* @__PURE__ */ jsx31("div", {
+        style: stripStyle,
+        className: "skippr:pointer-events-none skippr:z-[5]",
+        children: /* @__PURE__ */ jsxs25("div", {
+          className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
+          children: [
+            /* @__PURE__ */ jsx31("span", {
+              style: { background: sessionTimer.warning ? "#f59e0b" : "#b9b4ab" },
+              className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full"
+            }),
+            /* @__PURE__ */ jsx31("span", {
+              className: cn("skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em]", sessionTimer.warning ? "skippr:text-[#b45309]" : "skippr:text-[#5a5650]"),
+              children: sessionTimer.label
+            })
+          ]
+        })
+      }),
+      showAutoOffStrip && /* @__PURE__ */ jsx31("div", {
+        role: "status",
+        style: stripStyle,
+        className: "skippr:pointer-events-none skippr:z-[6]",
+        children: /* @__PURE__ */ jsxs25("div", {
+          className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
+          children: [
+            /* @__PURE__ */ jsx31("span", {
+              className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab] skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
+            }),
+            /* @__PURE__ */ jsx31("span", {
+              className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
+              children: "No activity — closing…"
+            })
+          ]
+        })
+      }),
+      planCardActive && visiblePlan && /* @__PURE__ */ jsx31("div", {
+        style: planCardStyle,
+        className: "skippr:z-[6]",
+        "data-skippr-no-drag": "",
+        children: /* @__PURE__ */ jsx31(VoiceBarPlanCard, {
+          plan: visiblePlan,
+          sendChatMessage,
+          onDismiss: () => setDismissedPlanId(visiblePlan.planId)
+        }, visiblePlan.planId)
+      }),
+      hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx31("button", {
+        type: "button",
+        onClick: ifNotDragged(() => setBannerOpen(true)),
+        "aria-label": "Show notifications",
+        style: {
+          background: notifAccent,
+          "--skippr-pulse-color": notifAccent
+        },
+        className: "skippr:absolute skippr:-top-[3px] skippr:right-[4px] skippr:z-[7] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none"
+      }),
+      bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx31(VoiceBarNotification, {
+        notifications,
+        dock,
+        onDismiss: closeBanner
+      }),
+      /* @__PURE__ */ jsxs25("div", {
+        className: cn("skippr:relative skippr:z-[1] skippr:flex skippr:w-full skippr:items-center skippr:gap-[7px] skippr:px-[7px] skippr:py-[5px]", pillEvaporate),
+        children: [
+          showClose && /* @__PURE__ */ jsxs25("button", {
+            type: "button",
+            onClick: ifNotDragged(() => closeBar("close")),
+            disabled: isPausing || isStarting,
+            "aria-label": sessionLive ? "End session" : "Close",
+            className: cn(EDGE_BUTTON, "skippr:relative skippr:size-[26px]", isStarting && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#b8b4ac]"),
+            children: [
+              isPausing && pauseSource === "close" && /* @__PURE__ */ jsx31(BusyRing, {
+                tone: "brand"
+              }),
+              /* @__PURE__ */ jsx31(X, {
+                className: "skippr:size-[14px]",
+                strokeWidth: 2
+              })
+            ]
+          }),
+          isStarting && /* @__PURE__ */ jsxs25("div", {
+            className: cn(PILL, "skippr:bg-[#F1EFEA] skippr:overflow-hidden skippr:[animation:skippr-fade-in_0.25s_ease]"),
+            children: [
+              /* @__PURE__ */ jsx31(LoadingAvatar, {
+                logoUrl
+              }),
+              /* @__PURE__ */ jsx31("span", {
+                className: "skippr:whitespace-nowrap skippr:text-[12.5px] skippr:font-semibold skippr:text-[#5a5650]",
+                children: "Agent is loading"
+              }),
+              /* @__PURE__ */ jsxs25("span", {
+                className: "skippr:flex skippr:items-end skippr:gap-[3px]",
+                children: [
+                  /* @__PURE__ */ jsx31("span", {
+                    className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
+                  }),
+                  /* @__PURE__ */ jsx31("span", {
+                    className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
+                  }),
+                  /* @__PURE__ */ jsx31("span", {
+                    className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
+                  })
+                ]
+              })
+            ]
+          }),
+          !isStarting && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx31(ShortcutHint, {
+            enabled: isPushToTalk,
+            seenRef: hintSeenRef,
+            suppressed: hintSuppressed,
+            children: /* @__PURE__ */ jsxs25("button", {
+              type: "button",
+              "data-skippr-no-drag": "",
+              style: {
+                background: requestPillBg,
+                "--skippr-pulse-color": "var(--skippr-brand-halo)"
+              },
+              onPointerDown: (event) => {
+                if (isPushToTalk)
+                  holdPushToTalk(event);
+              },
+              onClick: () => {
+                if (!isPushToTalk)
+                  toggleTapToTalk();
+              },
+              "aria-label": requestLabel,
+              className: cn(PILL, "skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98]", isCapturingSpeech && "skippr:animate-skippr-ptt-transmit skippr:motion-reduce:animate-none"),
+              children: [
+                agentActive ? /* @__PURE__ */ jsx31(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx31(SpeakingBars, {}) : /* @__PURE__ */ jsx31(AudioLines, {
+                  className: "skippr:size-[17px]",
+                  strokeWidth: 2
+                }),
+                requestLabel
+              ]
+            })
+          }),
+          !isStarting && isConnected && !textMode && !pushOrTap && /* @__PURE__ */ jsxs25("div", {
+            style: { background: livePillBg },
+            className: cn(PILL, "skippr:gap-[9px] skippr:px-[8px]"),
+            children: [
+              /* @__PURE__ */ jsx31("button", {
+                type: "button",
+                onClick: ifNotDragged(togglePause),
+                "aria-label": isHeld ? "Resume" : "Pause",
+                className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-white skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-white/20",
+                children: isHeld ? /* @__PURE__ */ jsx31(Play, {
+                  className: "skippr:size-[13px]",
+                  fill: "currentColor",
+                  strokeWidth: 0
+                }) : /* @__PURE__ */ jsx31(Pause, {
+                  className: "skippr:size-[13px]",
+                  fill: "currentColor",
+                  strokeWidth: 0
+                })
+              }),
+              !isHeld && /* @__PURE__ */ jsxs25(Fragment5, {
+                children: [
+                  /* @__PURE__ */ jsxs25("span", {
+                    className: "skippr:relative skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
+                    children: [
+                      /* @__PURE__ */ jsx31(MicLevelHalo, {
+                        enabled: !isMuted
+                      }),
+                      /* @__PURE__ */ jsx31("button", {
+                        type: "button",
+                        onClick: ifNotDragged(() => void toggleMute()),
+                        style: { background: "#fff", color: "var(--skippr-brand-deep)" },
+                        "aria-label": isMuted ? "Unmute" : "Mute",
+                        className: "skippr:relative skippr:flex skippr:size-[30px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.06]",
+                        children: isMuted ? /* @__PURE__ */ jsx31(MicOff, {
+                          className: "skippr:size-[15px]",
+                          strokeWidth: 2
+                        }) : /* @__PURE__ */ jsx31(Mic, {
+                          className: "skippr:size-[15px]",
+                          strokeWidth: 2
+                        })
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs25("button", {
+                    type: "button",
+                    onClick: ifNotDragged(() => closeBar("stop")),
+                    disabled: isPausing,
+                    "aria-label": "End session",
+                    className: "skippr:relative skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-white skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-white/20 skippr:disabled:cursor-not-allowed",
+                    children: [
+                      isPausing && pauseSource === "stop" && /* @__PURE__ */ jsx31(BusyRing, {
+                        tone: "white"
+                      }),
+                      /* @__PURE__ */ jsx31(Square, {
+                        className: "skippr:size-[11px]",
+                        fill: "currentColor",
+                        strokeWidth: 0
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          }),
+          !isStarting && isConnected && textMode && /* @__PURE__ */ jsxs25("div", {
+            className: cn(PILL, "skippr:gap-[7px] skippr:bg-[#F1EFEA] skippr:text-[#5a5650] skippr:[animation:skippr-fade-in_0.25s_ease]"),
+            children: [
+              /* @__PURE__ */ jsx31(MessageSquare, {
+                className: "skippr:size-[15px] skippr:text-[#8b877f]",
+                strokeWidth: 2
+              }),
+              "Text mode"
+            ]
+          }),
+          !sessionLive && /* @__PURE__ */ jsxs25("button", {
+            type: "button",
+            onClick: ifNotDragged(() => {
+              if (canStart)
+                startDefaultSession();
+            }),
+            disabled: !canStart,
+            "aria-label": "Talk to Agent",
+            className: cn(PILL, "skippr:cursor-pointer skippr:bg-brand skippr:px-[12px] skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98] skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60"),
+            children: [
+              /* @__PURE__ */ jsx31("span", {
+                className: "skippr:size-[22px] skippr:shrink-0 skippr:overflow-hidden skippr:rounded-full skippr:shadow-[0_0_0_1.5px_rgba(255,255,255,0.85)]",
+                children: logoUrl ? /* @__PURE__ */ jsx31("img", {
+                  src: logoUrl,
+                  alt: "",
+                  className: "skippr:block skippr:size-full skippr:object-cover"
+                }) : /* @__PURE__ */ jsx31("span", {
+                  className: "skippr:block skippr:size-full skippr:bg-launcher"
+                })
+              }),
+              "Talk to Agent"
+            ]
+          }),
+          (sessionLive || isRoomChat) && /* @__PURE__ */ jsx31("button", {
+            type: "button",
+            onClick: ifNotDragged(toggleChat),
+            "aria-label": "Open chat",
+            className: cn(EDGE_BUTTON, "skippr:size-[30px] skippr:text-[#8b877f]"),
+            children: /* @__PURE__ */ jsx31(MessageSquare, {
+              className: "skippr:size-[15px]",
+              strokeWidth: 2
+            })
+          })
+        ]
+      }),
+      !isRoomChat && chatLineOpen && /* @__PURE__ */ jsx31(VoiceBarChatLine, {
+        dock,
+        canSend: isConnected,
+        onClose: () => setChatLineOpen(false)
+      })
+    ]
+  });
+}
+
+// src/components/VoiceBarLauncher.tsx
+import { useCallback as useCallback22, useEffect as useEffect40, useRef as useRef33, useState as useState28 } from "react";
+
+// src/components/LauncherNotification.tsx
+import { useEffect as useEffect39, useRef as useRef32, useState as useState27 } from "react";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+function LauncherNotification({
+  notifications,
+  dock,
+  mode,
+  onDismiss
+}) {
+  const [index2, setIndex] = useState27(0);
+  const [paused, setPaused] = useState27(false);
+  const cardRef = useRef32(null);
+  useEffect39(() => {
+    const el = cardRef.current;
+    if (!el)
+      return;
+    const enter = () => setPaused(true);
+    const leave = () => setPaused(false);
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  useEffect39(() => {
+    if (paused)
+      return;
+    const rotate = setInterval(() => setIndex((current) => (current + 1) % notifications.length), TIP_ROTATE_MS);
+    const hide = setTimeout(onDismiss, TIP_HIDE_MS);
+    return () => {
+      clearInterval(rotate);
+      clearTimeout(hide);
+    };
+  }, [paused, notifications.length, onDismiss]);
+  if (notifications.length === 0)
+    return null;
+  const safeIndex = Math.min(index2, notifications.length - 1);
+  const notification = notifications[safeIndex];
+  if (!notification)
+    return null;
+  const hasMultiple = notifications.length > 1;
+  const verticalAnchor = mode === LAUNCHER_MODE.Strip ? dock.edge === "bottom" ? { bottom: 10 } : { top: 10 } : dock.edge === "bottom" ? { top: 0 } : { bottom: 0 };
+  const wrapperStyle = isHorizontalEdge(dock.edge) ? {
+    position: "absolute",
+    zIndex: 6,
+    ...verticalAnchor,
+    right: "calc(100% + 8px)"
+  } : {
+    position: "absolute",
+    zIndex: 6,
+    ...dock.edge === "left" ? { left: 0 } : { right: 0 },
+    bottom: "calc(100% + 8px)"
+  };
+  return /* @__PURE__ */ jsx32("div", {
+    style: wrapperStyle,
+    "data-skippr-no-drag": "",
+    children: /* @__PURE__ */ jsxs26("div", {
+      ref: cardRef,
+      className: "skippr:flex skippr:w-[148px] skippr:items-center skippr:gap-[4px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pr-[6px] skippr:pl-[9px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
+      children: [
+        /* @__PURE__ */ jsx32("span", {
+          className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[9px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
+          children: /* @__PURE__ */ jsx32("span", {
+            className: "skippr:line-clamp-2",
+            children: notification.message
+          })
+        }),
+        /* @__PURE__ */ jsx32("button", {
+          type: "button",
+          onClick: () => {
+            notification.activate();
+            onDismiss();
+          },
+          "aria-label": "Start",
+          title: "Start",
+          className: "skippr:flex skippr:size-[17px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#2D2D3F] skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
+          children: /* @__PURE__ */ jsx32(Play, {
+            className: "skippr:size-[8px] skippr:fill-current",
+            strokeWidth: 2
+          })
+        }),
+        hasMultiple && /* @__PURE__ */ jsx32("button", {
+          type: "button",
+          onClick: () => setIndex((current) => (current + 1) % notifications.length),
+          "aria-label": "Next",
+          title: "Next",
+          className: "skippr:-ml-[2px] skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#8b877f] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#5a5650]",
+          children: /* @__PURE__ */ jsx32(ChevronRight, {
+            className: "skippr:size-[12px]",
+            strokeWidth: 2.5
+          })
+        })
+      ]
+    }, notification.id)
+  });
+}
+
+// src/components/VoiceBarLauncher.tsx
+import { jsx as jsx33, jsxs as jsxs27, Fragment as Fragment6 } from "react/jsx-runtime";
+function SkipprMark2() {
+  return /* @__PURE__ */ jsx33("svg", {
+    viewBox: "0 0 15.4044 18.4853",
+    className: "skippr:h-[18px] skippr:w-[15px]",
+    fill: "none",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx33("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-white"
+    })
+  });
+}
+var VIEWPORT_ROUNDING = {
+  right: "skippr:rounded-l-full",
+  left: "skippr:rounded-r-full",
+  top: "skippr:rounded-b-full",
+  bottom: "skippr:rounded-t-full"
+};
+var AVATAR_SHADOW = {
+  right: "skippr:shadow-[-4px_6px_18px_rgba(45,45,63,0.16)]",
+  left: "skippr:shadow-[4px_6px_18px_rgba(45,45,63,0.16)]",
+  top: "skippr:shadow-[0_6px_18px_rgba(45,45,63,0.16)]",
+  bottom: "skippr:shadow-[0_-6px_18px_rgba(45,45,63,0.16)]"
+};
+var AVATAR_FLEX = {
+  right: "skippr:flex-row-reverse",
+  left: "skippr:flex-row",
+  top: "skippr:flex-col",
+  bottom: "skippr:flex-col-reverse"
+};
+var STRIP_ROUNDING = {
+  right: "skippr:rounded-l-[6px]",
+  left: "skippr:rounded-r-[6px]",
+  top: "skippr:rounded-b-[6px]",
+  bottom: "skippr:rounded-t-[6px]"
+};
+var STRIP_ROUNDING_EXPANDED = {
+  right: "skippr:rounded-l-[18px]",
+  left: "skippr:rounded-r-[18px]",
+  top: "skippr:rounded-b-[18px]",
+  bottom: "skippr:rounded-t-[18px]"
+};
+var STRIP_SHADOW = {
+  right: "skippr:shadow-[-3px_0_14px_var(--skippr-brand-halo)]",
+  left: "skippr:shadow-[3px_0_14px_var(--skippr-brand-halo)]",
+  top: "skippr:shadow-[0_3px_14px_var(--skippr-brand-halo)]",
+  bottom: "skippr:shadow-[0_-3px_14px_var(--skippr-brand-halo)]"
+};
+var STRIP_NOTIF_CAP = {
+  right: "skippr:top-0 skippr:left-0 skippr:h-[14px] skippr:w-full",
+  left: "skippr:top-0 skippr:left-0 skippr:h-[14px] skippr:w-full",
+  top: "skippr:top-0 skippr:left-0 skippr:h-full skippr:w-[14px]",
+  bottom: "skippr:top-0 skippr:left-0 skippr:h-full skippr:w-[14px]"
+};
+var STRIP_CAP_ROUNDING = {
+  right: "skippr:rounded-tl-[6px]",
+  left: "skippr:rounded-tr-[6px]",
+  top: "skippr:rounded-bl-[6px]",
+  bottom: "skippr:rounded-tl-[6px]"
+};
+var STRIP_DOT_POS = {
+  right: "skippr:-top-[2px] skippr:-left-[2px]",
+  left: "skippr:-top-[2px] skippr:-right-[2px]",
+  top: "skippr:-left-[2px] skippr:-bottom-[2px]",
+  bottom: "skippr:-left-[2px] skippr:-top-[2px]"
+};
+var AVATAR_DOT_REST_LEFT = {
+  right: "-2px",
+  left: "calc(100% - 11px)",
+  top: "calc(100% - 11px)",
+  bottom: "calc(100% - 11px)"
+};
+var AVATAR_DOT_CARD_LEFT = {
+  right: "calc(100% - 13px)",
+  left: "0px",
+  top: "-2px",
+  bottom: "-2px"
+};
+var STRIP_ICON_BUTTON = "skippr:flex skippr:size-[28px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:text-foreground skippr:transition-colors skippr:hover:bg-foreground/8 skippr:[animation:skippr-fade-in_0.2s_ease]";
+function LauncherChat({
+  revealed,
+  edge,
+  onClick
+}) {
+  const vertical = isHorizontalEdge(edge);
+  return /* @__PURE__ */ jsxs27("div", {
+    className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:overflow-hidden skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", AVATAR_FLEX[edge]),
+    style: {
+      width: vertical ? 46 : revealed ? 52 : 0,
+      height: vertical ? revealed ? 52 : 0 : 46,
+      opacity: revealed ? 1 : 0
+    },
+    children: [
+      /* @__PURE__ */ jsx33("button", {
+        type: "button",
+        onClick,
+        "aria-label": "Open chat",
+        tabIndex: revealed ? 0 : -1,
+        className: "skippr:flex skippr:size-[46px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:text-foreground skippr:transition-colors skippr:hover:bg-foreground/8",
+        children: /* @__PURE__ */ jsx33(MessageSquare, {
+          className: "skippr:size-[18px] skippr:shrink-0",
+          strokeWidth: 2
+        })
+      }),
+      /* @__PURE__ */ jsx33("span", {
+        className: cn("skippr:shrink-0 skippr:bg-foreground/10", vertical ? "skippr:h-px skippr:w-[22px]" : "skippr:h-[22px] skippr:w-px")
+      })
+    ]
+  });
+}
+function VoiceBarLauncher({
+  dock,
+  mode,
+  logoUrl,
+  notifications,
+  onOpen,
+  onChat,
+  onDrop,
+  setDragging
+}) {
+  const containerRef = useRef33(null);
+  const { wasDraggedRef } = useVoiceBarDrag(containerRef, onDrop, null, setDragging);
+  const horizontal = isHorizontalEdge(dock.edge);
+  const [cardOpen, setCardOpen] = useState28(false);
+  const [hovered, setHovered] = useState28(false);
+  const hasNotif = notifications.length > 0;
+  const dotColor = notifications.find((item) => item.kind === NOTIFICATION_KIND.Module)?.accentColor ?? notifications[0]?.accentColor ?? NOTIF_ACCENT_COLOR;
+  useEffect40(() => {
+    const el = containerRef.current;
+    if (!el)
+      return;
+    const enter = () => setHovered(true);
+    const leave = () => setHovered(false);
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  const open = () => {
+    if (wasDraggedRef.current)
+      return;
+    onOpen();
+  };
+  const openChat = (event) => {
+    event.stopPropagation();
+    if (wasDraggedRef.current)
+      return;
+    onChat?.();
+  };
+  const toggleCard = (event) => {
+    event.stopPropagation();
+    if (wasDraggedRef.current)
+      return;
+    setCardOpen((open2) => !open2);
+  };
+  const closeCard = useCallback22(() => setCardOpen(false), []);
+  if (mode === "strip") {
+    const expanded = hovered && !!onChat;
+    const length = expanded ? 84 : 40;
+    const thickness = expanded ? 36 : 10;
+    return /* @__PURE__ */ jsxs27("div", {
+      ref: containerRef,
+      style: dockStyleFlush(dock),
+      className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
+      children: [
+        /* @__PURE__ */ jsx33("div", {
+          style: horizontal ? { width: length, height: thickness } : { width: thickness, height: length },
+          className: cn("skippr:relative skippr:flex skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:border-2 skippr:transition-[width,height,background-color,border-color] skippr:duration-200 skippr:ease-out", !horizontal && "skippr:flex-col", expanded ? "skippr:border-brand skippr:bg-white" : "skippr:border-transparent skippr:bg-brand", expanded ? STRIP_ROUNDING_EXPANDED[dock.edge] : STRIP_ROUNDING[dock.edge], expanded ? AVATAR_SHADOW[dock.edge] : STRIP_SHADOW[dock.edge]),
+          children: expanded ? /* @__PURE__ */ jsxs27(Fragment6, {
+            children: [
+              /* @__PURE__ */ jsx33("button", {
+                type: "button",
+                onClick: open,
+                "aria-label": "Open Agent",
+                className: STRIP_ICON_BUTTON,
+                children: /* @__PURE__ */ jsx33(Play, {
+                  className: "skippr:size-[13px] skippr:fill-current",
+                  strokeWidth: 2
+                })
+              }),
+              /* @__PURE__ */ jsx33("span", {
+                className: cn("skippr:shrink-0 skippr:bg-foreground/10", horizontal ? "skippr:h-[16px] skippr:w-px" : "skippr:h-px skippr:w-[16px]")
+              }),
+              /* @__PURE__ */ jsx33("button", {
+                type: "button",
+                onClick: openChat,
+                "aria-label": "Open chat",
+                className: STRIP_ICON_BUTTON,
+                children: /* @__PURE__ */ jsx33(MessageSquare, {
+                  className: "skippr:size-[14px]",
+                  strokeWidth: 2
+                })
+              })
+            ]
+          }) : /* @__PURE__ */ jsx33("button", {
+            type: "button",
+            onClick: open,
+            "aria-label": "Open Agent",
+            className: "skippr:absolute skippr:inset-0 skippr:cursor-grab skippr:bg-transparent skippr:p-0"
+          })
+        }),
+        hasNotif && (expanded ? /* @__PURE__ */ jsx33("button", {
+          type: "button",
+          onClick: toggleCard,
+          "aria-label": "Show notifications",
+          style: {
+            background: dotColor,
+            "--skippr-pulse-color": dotColor
+          },
+          className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_DOT_POS[dock.edge])
+        }) : /* @__PURE__ */ jsx33("button", {
+          type: "button",
+          onClick: toggleCard,
+          "aria-label": "Show notifications",
+          style: {
+            background: dotColor,
+            "--skippr-pulse-color": dotColor
+          },
+          className: cn("skippr:absolute skippr:z-[1] skippr:cursor-pointer skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_NOTIF_CAP[dock.edge], STRIP_CAP_ROUNDING[dock.edge])
+        })),
+        hasNotif && cardOpen && /* @__PURE__ */ jsx33(LauncherNotification, {
+          notifications,
+          dock,
+          mode,
+          onDismiss: closeCard
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs27("div", {
+    ref: containerRef,
+    style: dockStyleFlush(dock),
+    className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
+    children: [
+      /* @__PURE__ */ jsxs27("div", {
+        style: { gap: onChat && hovered ? 2 : 0 },
+        className: cn("skippr:flex skippr:items-center skippr:border-2 skippr:border-brand skippr:bg-white skippr:p-[3px] skippr:transition-[gap] skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", "skippr:[animation:skippr-pop_0.2s_ease]", AVATAR_FLEX[dock.edge], VIEWPORT_ROUNDING[dock.edge], AVATAR_SHADOW[dock.edge]),
+        children: [
+          onChat && /* @__PURE__ */ jsx33(LauncherChat, {
+            revealed: hovered,
+            edge: dock.edge,
+            onClick: openChat
+          }),
+          /* @__PURE__ */ jsx33("button", {
+            type: "button",
+            onClick: open,
+            "aria-label": "Open Agent",
+            className: "skippr:block skippr:shrink-0 skippr:cursor-grab skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:transition-transform skippr:duration-200 skippr:hover:scale-105",
+            children: logoUrl ? /* @__PURE__ */ jsx33("img", {
+              src: logoUrl,
+              alt: "",
+              className: "skippr:block skippr:size-[46px] skippr:rounded-full skippr:object-cover"
+            }) : /* @__PURE__ */ jsx33("span", {
+              className: "skippr:flex skippr:size-[46px] skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-launcher",
+              children: /* @__PURE__ */ jsx33(SkipprMark2, {})
+            })
+          })
+        ]
+      }),
+      hasNotif && /* @__PURE__ */ jsx33("button", {
+        type: "button",
+        onClick: toggleCard,
+        "aria-label": "Show notifications",
+        style: {
+          background: dotColor,
+          "--skippr-pulse-color": dotColor,
+          left: cardOpen ? AVATAR_DOT_CARD_LEFT[dock.edge] : AVATAR_DOT_REST_LEFT[dock.edge]
+        },
+        className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:transition-[left] skippr:duration-300 skippr:ease-[cubic-bezier(0.34,1.3,0.64,1)] skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", dock.edge === "top" ? "skippr:-bottom-[2px]" : "skippr:-top-[2px]")
+      }),
+      hasNotif && cardOpen && /* @__PURE__ */ jsx33(LauncherNotification, {
+        notifications,
+        dock,
+        mode,
+        onDismiss: closeCard
+      })
+    ]
+  });
+}
+
+// src/components/VoiceBar.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function VoiceBar({ revealed }) {
+  const ctx = useContext21(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("VoiceBar must be used within a <LiveAgent> provider");
+  }
+  const {
+    isConnected,
+    isStarting,
+    isPausing,
+    isDisconnecting,
+    isMinimized,
+    isAuthenticated,
+    appearance,
+    defaultAgentId,
+    startDefaultSession,
+    expandPanel,
+    agentControls,
+    setIsDragging,
+    barDock,
+    setBarDock
+  } = ctx;
+  const [launcherDock, setLauncherDock] = useState29(() => readSavedDock("launcher"));
+  const onLauncherDrop = useCallback23((next) => {
+    setLauncherDock(next);
+    persistDock("launcher", next);
+  }, []);
+  const notifications = useBarNotifications();
+  if (!revealed)
+    return null;
+  const launcherMode = appearance?.launcherMode ?? DEFAULT_LAUNCHER_MODE;
+  const sessionLive = isConnected || isStarting || isPausing || isDisconnecting;
+  const canFold = launcherMode !== LAUNCHER_MODE.None;
+  const canStart = isAuthenticated && !!defaultAgentId;
+  const launcherEdge = appearance?.position === "left" ? "left" : "right";
+  const effectiveLauncherDock = launcherDock ?? {
+    edge: launcherEdge,
+    offsetPx: defaultOffset(launcherEdge)
+  };
+  const effectiveBarDock = barDock ?? { edge: "bottom", offsetPx: defaultOffset("bottom") };
+  const roomChatEnabled = (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room;
+  if (launcherMode === LAUNCHER_MODE.Custom && !sessionLive && isMinimized) {
+    return null;
+  }
+  if (launcherMode !== LAUNCHER_MODE.None && !sessionLive && isMinimized) {
+    return /* @__PURE__ */ jsx34(VoiceBarLauncher, {
+      dock: effectiveLauncherDock,
+      mode: launcherMode,
+      logoUrl: appearance?.logoUrl ?? null,
+      notifications,
+      onOpen: canStart ? startDefaultSession : expandPanel,
+      onChat: roomChatEnabled ? expandPanel : null,
+      onDrop: onLauncherDrop,
+      setDragging: setIsDragging
+    });
+  }
+  return /* @__PURE__ */ jsx34(VoiceBarFrame, {
+    dock: effectiveBarDock,
+    canFold,
+    notifications,
+    onDrop: setBarDock,
+    setDragging: setIsDragging
+  });
+}
+
+// src/components/LiveAgent.tsx
+import { jsx as jsx35, jsxs as jsxs28, Fragment as Fragment7 } from "react/jsx-runtime";
+function readSavedPosition() {
+  try {
+    const saved = localStorage.getItem("skippr_widget_position");
+    return saved === "left" || saved === "right" ? saved : null;
+  } catch {
+    return null;
+  }
+}
+function readSavedLauncherBottom() {
+  try {
+    const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
+    return Number.isFinite(saved) && saved > 0 ? saved : null;
+  } catch {
+    return null;
+  }
+}
+function AgentCursorMount({ animated }) {
+  return /* @__PURE__ */ jsx35(AgentCursor, {
+    target: useAgentCursor(),
+    animated
+  });
+}
+function PlanPanelOpener() {
+  const plan = usePlanUpdates();
+  const { expandPanel } = useLiveAgent();
+  const surfacedPlanIdRef = useRef34(null);
+  useEffect41(() => {
+    if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
+      return;
+    surfacedPlanIdRef.current = plan.planId;
+    expandPanel();
+  }, [plan?.planId, plan?.state, expandPanel]);
+  return null;
+}
+function LiveAgent(props) {
   const {
     agentId: hostAgentId,
     authToken: authTokenProp,
@@ -6590,19 +8529,21 @@ function LiveAgent(props) {
   const auth = useAuth({ appKey });
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
-  const [activeModule, setActiveModule] = useState22(null);
-  const minimizeOnSessionStart = useCallback18(() => {
+  const [activeModule, setActiveModule] = useState30(null);
+  const [sessionAgentMode, setSessionAgentMode] = useState30(null);
+  const minimizeOnSessionStart = useCallback24(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback18(() => {
+  const expandOnSessionStartError = useCallback24(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback18(() => {
+  const minimizeOnSessionDisconnect = useCallback24(() => {
     setActiveModule(null);
+    setSessionAgentMode(null);
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
@@ -6636,30 +8577,30 @@ function LiveAgent(props) {
     onStartError: expandOnSessionStartError,
     onDisconnect: minimizeOnSessionDisconnect
   });
-  const teardownInFlightRef = useRef25(false);
+  const teardownInFlightRef = useRef34(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback18(() => {
+  const handleRoomDisconnected = useCallback24(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
   const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
-  const [isPanelOpen, setIsPanelOpen] = useState22(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState22(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState22("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState22([]);
-  const [textMode, setTextMode] = useState22(false);
-  const [panelExpanded, setPanelExpanded] = useState22(false);
-  const togglePanelExpanded = useCallback18(() => setPanelExpanded((prev) => !prev), []);
-  const panelRef = useRef25(null);
-  const controlBarRef = useRef25(null);
-  const [isDragging, setIsDragging] = useState22(false);
-  const setTextModeState = useCallback18((enabled) => {
+  const [isPanelOpen, setIsPanelOpen] = useState30(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState30(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState30("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState30([]);
+  const [textMode, setTextMode] = useState30(false);
+  const [panelExpanded, setPanelExpanded] = useState30(false);
+  const togglePanelExpanded = useCallback24(() => setPanelExpanded((prev) => !prev), []);
+  const panelRef = useRef34(null);
+  const controlBarRef = useRef34(null);
+  const [isDragging, setIsDragging] = useState30(false);
+  const setTextModeState = useCallback24((enabled) => {
     setTextMode(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect30(() => {
+  useEffect41(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -6678,36 +8619,42 @@ function LiveAgent(props) {
     agentId: hostAgentId ?? undefined
   });
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
+  const noModulesAvailable = hasResolvedModules && !modulesError && availableModules.length === 0 && !isSessionLive;
   const isBootAuthPending = usesHostAuth ? !!appKey && !isAuthenticated && !authFailed : !!appKey && !auth.hasResolvedStoredToken;
   const isAwaitingModules = isAuthenticated ? !hasResolvedModules : isBootAuthPending;
   const isLauncherRevealed = useOnceTrue(!isAwaitingModules);
   const { goals: adoptionGoals, attendGoal } = useAdoptionGoals({
-    enabled: !isSessionLive,
+    enabled: !isSessionLive || activeModule?.mode === AGENT_MODE.AlwaysOn || sessionAgentMode === AGENT_MODE.AlwaysOn,
     bearerToken,
     authedFetch
   });
+  const defaultAgentId = hostAgentId ?? defaultSelection.agentId;
+  const defaultModule = availableModules.find((m) => m.id === defaultAgentId) ?? null;
   const operatingModule = activeModule ?? (hostAgentId ? availableModules[0] ?? null : null);
   const agentId = operatingModule?.id ?? null;
-  const agentControls = operatingModule?.controls ?? hostAgentControls;
-  const agentMode = operatingModule?.mode ?? null;
+  const agentControls = operatingModule?.controls ?? defaultModule?.controls ?? hostAgentControls;
+  const agentMode = sessionAgentMode ?? operatingModule?.mode ?? null;
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
   const resumableSession = useMemo7(() => getResumableSession(operatingModule), [operatingModule]);
-  const resumeSession = useCallback18(async () => {
+  const resumeSession = useCallback24(async () => {
     if (!resumableSession)
       return;
-    if (operatingModule)
+    if (operatingModule) {
       setActiveModule(operatingModule);
+      setSessionAgentMode(operatingModule.mode);
+    }
     await startSession({
       agentId: resumableSession.agentId,
       agentControls,
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, operatingModule, startSession, agentControls]);
-  const selectModule = useCallback18((moduleId, opts) => {
+  const selectModule = useCallback24((moduleId, opts) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
     setActiveModule(found);
+    setSessionAgentMode(found.mode);
     startSession({
       agentId: found.id,
       agentControls: found.controls,
@@ -6715,23 +8662,24 @@ function LiveAgent(props) {
       autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession]);
-  const startAdoptionSession = useCallback18((goal) => {
+  const startAdoptionSession = useCallback24((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
       setActiveModule(found);
+    setSessionAgentMode(AGENT_MODE.AlwaysOn);
     startSession({
       agentId: goal.agentId,
       agentControls: found?.controls,
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState22(false);
-  const dismissWelcome = useCallback18(() => setWelcomeDismissed(true), []);
-  const [savedPosition] = useState22(readSavedPosition);
-  const [currentPosition, setCurrentPosition] = useState22(savedPosition ?? "right");
-  const positionLockedRef = useRef25(savedPosition !== null);
-  const setPositionWithPersist = useCallback18((pos) => {
+  const [welcomeDismissed, setWelcomeDismissed] = useState30(false);
+  const dismissWelcome = useCallback24(() => setWelcomeDismissed(true), []);
+  const [savedPosition] = useState30(readSavedPosition);
+  const [currentPosition, setCurrentPosition] = useState30(savedPosition ?? "right");
+  const positionLockedRef = useRef34(savedPosition !== null);
+  const setPositionWithPersist = useCallback24((pos) => {
     positionLockedRef.current = true;
     setCurrentPosition(pos);
     try {
@@ -6739,18 +8687,18 @@ function LiveAgent(props) {
     } catch {}
   }, []);
   const serverPosition = appearance?.position ?? null;
-  useEffect30(() => {
+  useEffect41(() => {
     if (!serverPosition || positionLockedRef.current)
       return;
     setCurrentPosition(serverPosition);
   }, [serverPosition]);
-  const [savedLauncherBottom] = useState22(readSavedLauncherBottom);
-  const hasDraggedRef = useRef25(savedLauncherBottom !== null);
-  const verticalAlignRef = useRef25(hostVerticalAlign ?? "bottom");
-  const [launcherBottomPx, setLauncherBottomPxState] = useState22(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlignRef.current));
-  const [popsDown, setPopsDown] = useState22(() => launcherPopsDown(launcherBottomPx));
+  const [savedLauncherBottom] = useState30(readSavedLauncherBottom);
+  const hasDraggedRef = useRef34(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef34(hostVerticalAlign ?? "bottom");
+  const [launcherBottomPx, setLauncherBottomPxState] = useState30(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlignRef.current));
+  const [popsDown, setPopsDown] = useState30(() => launcherPopsDown(launcherBottomPx));
   const serverVerticalAlign = appearance?.verticalAlign ?? null;
-  useEffect30(() => {
+  useEffect41(() => {
     if (!serverVerticalAlign || hostVerticalAlign !== undefined || hasDraggedRef.current)
       return;
     verticalAlignRef.current = serverVerticalAlign;
@@ -6758,7 +8706,7 @@ function LiveAgent(props) {
     setLauncherBottomPxState(next);
     setPopsDown(launcherPopsDown(next));
   }, [serverVerticalAlign, hostVerticalAlign]);
-  const setLauncherBottomPx = useCallback18((px) => {
+  const setLauncherBottomPx = useCallback24((px) => {
     hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
@@ -6766,13 +8714,23 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_bottom", String(px));
     } catch {}
   }, []);
-  const launcherBottomPxRef = useRef25(launcherBottomPx);
+  const launcherBottomPxRef = useRef34(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
-  const commitLauncherDrop = useCallback18(({ side, bottomPx }) => {
+  const [chatActivityAt, setChatActivityAt] = useState30(0);
+  const reportChatActivity = useCallback24(() => {
+    const now = Date.now();
+    setChatActivityAt((last) => now - last < CHAT_ACTIVITY_THROTTLE_MS ? last : now);
+  }, []);
+  const commitLauncherDrop = useCallback24(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  useEffect30(() => {
+  const [barDock, setBarDockState] = useState30(() => readSavedDock("bar"));
+  const setBarDock = useCallback24((next) => {
+    setBarDockState(next);
+    persistDock("bar", next);
+  }, []);
+  useEffect41(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -6782,29 +8740,29 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncToViewport);
     return () => window.removeEventListener("resize", syncToViewport);
   }, []);
-  const openPanel = useCallback18(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback18(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback18(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback18(() => {
+  const openPanel = useCallback24(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback24(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback24(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback24(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback18(() => {
+  const minimizePanel = useCallback24(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const pauseSessionAndMinimize = useCallback18(async () => {
+  const pauseSessionAndMinimize = useCallback24(async () => {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
-  const defaultAgentId = hostAgentId ?? defaultSelection.agentId;
-  const startDefaultSession = useCallback18(() => {
+  const startDefaultSession = useCallback24(() => {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
     setActiveModule(target);
+    setSessionAgentMode(target.mode);
     startSession({
       agentId: target.id,
       agentControls: target.controls,
@@ -6858,12 +8816,16 @@ function LiveAgent(props) {
     setLauncherBottomPx,
     commitLauncherDrop,
     popsDown,
+    barDock,
+    setBarDock,
     panelExpanded,
     togglePanelExpanded,
     panelRef,
     controlBarRef,
     isDragging,
     setIsDragging,
+    chatActivityAt,
+    reportChatActivity,
     minimizable,
     isMinimized,
     expandPanel,
@@ -6897,7 +8859,8 @@ function LiveAgent(props) {
     hasResolvedModules,
     appearance,
     adoptionGoals,
-    startAdoptionSession
+    startAdoptionSession,
+    attendGoal
   }), [
     connection,
     shouldConnect,
@@ -6928,9 +8891,13 @@ function LiveAgent(props) {
     setLauncherBottomPx,
     commitLauncherDrop,
     popsDown,
+    barDock,
+    setBarDock,
     panelExpanded,
     togglePanelExpanded,
     isDragging,
+    chatActivityAt,
+    reportChatActivity,
     minimizable,
     isMinimized,
     expandPanel,
@@ -6963,54 +8930,74 @@ function LiveAgent(props) {
     hasResolvedModules,
     appearance,
     adoptionGoals,
-    startAdoptionSession
+    startAdoptionSession,
+    attendGoal
   ]);
-  return /* @__PURE__ */ jsx28(LiveAgentContext.Provider, {
+  if (noModulesAvailable) {
+    return /* @__PURE__ */ jsx35(LiveAgentContext.Provider, {
+      value: ctx,
+      children
+    });
+  }
+  return /* @__PURE__ */ jsx35(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs22(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs28(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && !textMode && /* @__PURE__ */ jsx28(RoomAudioRenderer, {}),
-        /* @__PURE__ */ jsxs22(SessionHoldProvider, {
+        connection && !textMode && /* @__PURE__ */ jsx35(RoomAudioRenderer, {}),
+        /* @__PURE__ */ jsxs28(SessionHoldProvider, {
           children: [
-            connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx28(AutoStartMedia, {
+            connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx35(AutoStartMedia, {
               pendingScreenStream,
               pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
             }),
-            connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx28(DomCapture, {
+            connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx35(DomCapture, {
               pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode)
             }),
-            /* @__PURE__ */ jsxs22(ShadowHost, {
+            /* @__PURE__ */ jsxs28(ShadowHost, {
               accentColor: appearance?.accentColor ?? null,
               children: [
-                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx28(HighlightOverlay, {}),
-                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PageActionHandler, {}),
-                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx28(PlanPanelOpener, {}),
-                connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx28(AgentCursorMount, {
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx35(HighlightOverlay, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx35(PageActionHandler, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx35(PlanPanelOpener, {}),
+                connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx35(AgentCursorMount, {
                   animated: shouldAnimateCursor
                 }),
-                /* @__PURE__ */ jsx28(VoiceTurnProvider, {
-                  children: /* @__PURE__ */ jsx28(TranscriptionsProvider, {
-                    children: /* @__PURE__ */ jsxs22("div", {
+                /* @__PURE__ */ jsx35(VoiceTurnProvider, {
+                  children: /* @__PURE__ */ jsx35(TranscriptionsProvider, {
+                    children: /* @__PURE__ */ jsx35("div", {
                       id: WIDGET_ROOT_ID,
-                      children: [
-                        isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx28(MinimizedBubble, {
-                          welcomeMessage,
-                          welcomeDismissed,
-                          onDismissWelcome: dismissWelcome
-                        }),
-                        showControlBar && !hideControls && /* @__PURE__ */ jsx28(SessionControlBar, {}),
-                        /* @__PURE__ */ jsx28(SidebarTrigger, {}),
-                        /* @__PURE__ */ jsx28(Sidebar, {
-                          hideControls,
-                          hideHeader,
-                          startSessionLabel
-                        })
-                      ]
+                      children: variant === "sidebar" ? /* @__PURE__ */ jsxs28(Fragment7, {
+                        children: [
+                          isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx35(MinimizedBubble, {
+                            welcomeMessage,
+                            welcomeDismissed,
+                            onDismissWelcome: dismissWelcome
+                          }),
+                          showControlBar && !hideControls && /* @__PURE__ */ jsx35(SessionControlBar, {}),
+                          /* @__PURE__ */ jsx35(SidebarTrigger, {}),
+                          /* @__PURE__ */ jsx35(Sidebar, {
+                            hideControls,
+                            hideHeader,
+                            startSessionLabel
+                          })
+                        ]
+                      }) : /* @__PURE__ */ jsxs28(Fragment7, {
+                        children: [
+                          /* @__PURE__ */ jsx35(VoiceBar, {
+                            revealed: isLauncherRevealed
+                          }),
+                          (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx35(Sidebar, {
+                            hideControls,
+                            hideHeader,
+                            startSessionLabel
+                          })
+                        ]
+                      })
                     })
                   })
                 })
@@ -7020,14 +9007,14 @@ function LiveAgent(props) {
           ]
         })
       ]
-    })
+    }, connection?.token)
   });
 }
 // src/hooks/useIsLocalSpeaking.ts
-import { useIsSpeaking, useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
+import { useIsSpeaking as useIsSpeaking2, useLocalParticipant as useLocalParticipant13 } from "@livekit/components-react/hooks";
 function useIsLocalSpeaking() {
-  const { localParticipant } = useLocalParticipant12();
-  return useIsSpeaking(localParticipant);
+  const { localParticipant } = useLocalParticipant13();
+  return useIsSpeaking2(localParticipant);
 }
 // src/hooks/useIsSessionHeld.ts
 function useIsSessionHeld() {