@skippr/live-agent-sdk 0.60.0 → 0.62.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 useCallback11, useEffect as useEffect21, useMemo as useMemo6, useRef as useRef17, useState as useState15 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect23, useMemo as useMemo6, useRef as useRef17, useState as useState17 } from "react";
 
 // src/capture/useAgentCursor.ts
 import { useEffect, useState } from "react";
@@ -384,8 +384,109 @@ function useAvailableModules({
   };
 }
 
+// src/hooks/useLiveAgent.ts
+import { useContext } from "react";
+function useLiveAgent() {
+  const ctx = useContext(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useLiveAgent must be used within a <LiveAgent> provider");
+  }
+  const {
+    usesHostAuth,
+    authFailed,
+    connection,
+    shouldConnect,
+    historyMessages,
+    phasesSnapshot,
+    setPhasesSnapshot,
+    hasResolvedModules,
+    adoptionGoals,
+    startAdoptionSession,
+    launcherBottomPx,
+    setLauncherBottomPx,
+    popsDown,
+    panelExpanded,
+    togglePanelExpanded,
+    ...publicValue
+  } = ctx;
+  return publicValue;
+}
+
+// src/hooks/usePlanUpdates.ts
+import { useCallback as useCallback4 } from "react";
+
+// src/lib/constants.ts
+var SIDEBAR_WIDTH = 360;
+var WIDGET_ROOT_ID = "skippr-sdk-root";
+var REF_ATTR = "data-skippr-ref";
+var PRIVATE_ATTR = "data-skippr-private";
+var DOM_SNAPSHOT_TOPIC = "skippr.dom-snapshot";
+var DOM_EVENTS_TOPIC = "skippr.dom-events";
+var HIGHLIGHT_TOPIC = "skippr.highlight";
+var PAGE_ACTIONS_TOPIC = "skippr.page-actions";
+var TEXT_MODE_TOPIC = "skippr.text-mode";
+var ACTION_CONTROL_TOPIC = "skippr.action-control";
+var PLAN_ATTR = "skippr.action-plan";
+var NAME_MAX_CHARS = 80;
+
+// src/hooks/useAgentState.ts
+import { useRemoteParticipants } from "@livekit/components-react/hooks";
+import { useEffect as useEffect5, useState as useState5 } from "react";
+function useAgentState(attributeKey, parse, initial) {
+  const [value, setValue] = useState5(initial);
+  const remoteParticipants = useRemoteParticipants();
+  useEffect5(() => {
+    const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
+    if (agentParticipant) {
+      const attr = agentParticipant.attributes?.[attributeKey];
+      if (attr) {
+        const parsed = parse(attr);
+        if (parsed)
+          setValue(parsed);
+      }
+    }
+    const handlers = new Map;
+    for (const p of remoteParticipants) {
+      const handler = (changedAttributes) => {
+        if (changedAttributes[attributeKey]) {
+          const parsed = parse(changedAttributes[attributeKey]);
+          if (parsed)
+            setValue(parsed);
+        } else if (p.attributes?.[attributeKey]) {
+          const parsed = parse(p.attributes[attributeKey]);
+          if (parsed)
+            setValue(parsed);
+        }
+      };
+      handlers.set(p, handler);
+      p.on("attributesChanged", handler);
+    }
+    return () => {
+      for (const [p, handler] of handlers) {
+        p.off("attributesChanged", handler);
+      }
+    };
+  }, [remoteParticipants, attributeKey, parse]);
+  return value;
+}
+
+// src/hooks/usePlanUpdates.ts
+function parsePlan(json) {
+  try {
+    const data = JSON.parse(json);
+    if (data.type === "plan_update" && typeof data.planId === "string" && Array.isArray(data.steps)) {
+      return { planId: data.planId, steps: data.steps, state: data.state };
+    }
+  } catch {}
+  return null;
+}
+function usePlanUpdates() {
+  const parse = useCallback4(parsePlan, []);
+  return useAgentState(PLAN_ATTR, parse, null);
+}
+
 // src/hooks/useSession.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useRef, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useRef, useState as useState6 } from "react";
 var API_URL4 = "https://specialist.skippr.ai/api";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
@@ -443,26 +544,26 @@ function useSession({
   onStartError,
   onDisconnect
 }) {
-  const [connection, setConnection] = useState5(null);
-  const [shouldConnect, setShouldConnect] = useState5(false);
-  const [isStarting, setIsStarting] = useState5(false);
-  const [isDisconnecting, setIsDisconnecting] = useState5(false);
-  const [error, setError] = useState5("");
-  const [errorCode, setErrorCode] = useState5(null);
-  const [sessionId, setSessionId] = useState5(null);
-  const [bearerToken, setBearerToken] = useState5(authToken ?? null);
-  const [pendingScreenStream, setPendingScreenStream] = useState5(null);
-  const [isPaused, setIsPaused] = useState5(false);
-  const [isPausing, setIsPausing] = useState5(false);
-  const [historyMessages, setHistoryMessages] = useState5([]);
-  const [authFailed, setAuthFailed] = useState5(false);
+  const [connection, setConnection] = useState6(null);
+  const [shouldConnect, setShouldConnect] = useState6(false);
+  const [isStarting, setIsStarting] = useState6(false);
+  const [isDisconnecting, setIsDisconnecting] = useState6(false);
+  const [error, setError] = useState6("");
+  const [errorCode, setErrorCode] = useState6(null);
+  const [sessionId, setSessionId] = useState6(null);
+  const [bearerToken, setBearerToken] = useState6(authToken ?? null);
+  const [pendingScreenStream, setPendingScreenStream] = useState6(null);
+  const [isPaused, setIsPaused] = useState6(false);
+  const [isPausing, setIsPausing] = useState6(false);
+  const [historyMessages, setHistoryMessages] = useState6([]);
+  const [authFailed, setAuthFailed] = useState6(false);
   const tokenRef = useRef(authToken ? { token: authToken, expiresAt: null } : null);
   const getUserTokenRef = useRef(getUserToken);
   getUserTokenRef.current = getUserToken ?? (userToken ? () => Promise.resolve(userToken) : undefined);
   const failedBearerRef = useRef(null);
   const inFlightExchangeRef = useRef(null);
-  const canExchange = useCallback4(() => !!appKey && !!getUserTokenRef.current, [appKey]);
-  const reExchange = useCallback4(async () => {
+  const canExchange = useCallback5(() => !!appKey && !!getUserTokenRef.current, [appKey]);
+  const reExchange = useCallback5(async () => {
     if (inFlightExchangeRef.current)
       return inFlightExchangeRef.current;
     const provider = getUserTokenRef.current;
@@ -482,7 +583,7 @@ function useSession({
       inFlightExchangeRef.current = null;
     }
   }, [appKey]);
-  const getValidBearer = useCallback4(async () => {
+  const getValidBearer = useCallback5(async () => {
     const current = tokenRef.current;
     if (current) {
       if (current.expiresAt === null)
@@ -494,7 +595,7 @@ function useSession({
       return reExchange();
     return current?.token ?? null;
   }, [canExchange, reExchange]);
-  const authedFetch = useCallback4(async (input, init = {}) => {
+  const authedFetch = useCallback5(async (input, init = {}) => {
     const isSecretMode = canExchange();
     const onTerminalAuthFailure = () => {
       if (isSecretMode)
@@ -536,7 +637,7 @@ function useSession({
       setAuthFailed(false);
     return resp;
   }, [canExchange, getValidBearer, reExchange]);
-  useEffect5(() => {
+  useEffect6(() => {
     let stale = false;
     if (authToken) {
       tokenRef.current = { token: authToken, expiresAt: null };
@@ -557,7 +658,7 @@ function useSession({
   }, [authToken, canExchange, reExchange]);
   const pauseOnUnloadRef = useRef(null);
   pauseOnUnloadRef.current = connection !== null && !isPaused && sessionId && bearerToken ? { sessionId, bearerToken } : null;
-  useEffect5(() => {
+  useEffect6(() => {
     const onPageHide = () => {
       const pending = pauseOnUnloadRef.current;
       if (!pending)
@@ -572,7 +673,7 @@ function useSession({
     window.addEventListener("pagehide", onPageHide);
     return () => window.removeEventListener("pagehide", onPageHide);
   }, []);
-  const startSession = useCallback4(async ({ agentId, agentControls, existingSessionId, adoptionGoalId }) => {
+  const startSession = useCallback5(async ({ agentId, agentControls, existingSessionId, adoptionGoalId }) => {
     if (!bearerToken) {
       setError("No auth token available");
       return;
@@ -648,7 +749,7 @@ function useSession({
       setIsStarting(false);
     }
   }, [captureMode, bearerToken, authedFetch, onStart, onStartError]);
-  const pauseSession = useCallback4(async () => {
+  const pauseSession = useCallback5(async () => {
     if (!sessionId || !bearerToken)
       return;
     setIsPausing(true);
@@ -674,7 +775,7 @@ function useSession({
     setIsPaused(true);
     setIsPausing(false);
   }, [sessionId, bearerToken, authedFetch, pendingScreenStream]);
-  const disconnect = useCallback4(async () => {
+  const disconnect = useCallback5(async () => {
     setIsDisconnecting(true);
     try {
       if (sessionId && bearerToken) {
@@ -717,18 +818,6 @@ function useSession({
   };
 }
 
-// src/lib/constants.ts
-var SIDEBAR_WIDTH = 360;
-var WIDGET_ROOT_ID = "skippr-sdk-root";
-var REF_ATTR = "data-skippr-ref";
-var PRIVATE_ATTR = "data-skippr-private";
-var DOM_SNAPSHOT_TOPIC = "skippr.dom-snapshot";
-var DOM_EVENTS_TOPIC = "skippr.dom-events";
-var HIGHLIGHT_TOPIC = "skippr.highlight";
-var PAGE_ACTIONS_TOPIC = "skippr.page-actions";
-var TEXT_MODE_TOPIC = "skippr.text-mode";
-var NAME_MAX_CHARS = 80;
-
 // src/lib/launcher.ts
 var DEFAULT_LAUNCHER_BOTTOM_PX = 48;
 var LAUNCHER_HEIGHT_PX = 50;
@@ -849,9 +938,9 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/context.js
-import { createContext as createContext2, useContext, useMemo as useMemo2, createElement } from "react";
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2, createElement } from "react";
 var LucideContext = createContext2({});
-var useLucideContext = () => useContext(LucideContext);
+var useLucideContext = () => useContext2(LucideContext);
 
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
@@ -904,11 +993,18 @@ var __iconNode2 = [
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
 var CircleCheck = createLucideIcon("circle-check", __iconNode2);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/circle-x.js
+var __iconNode3 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+];
+var CircleX = createLucideIcon("circle-x", __iconNode3);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode3 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode3);
+var __iconNode4 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode4);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/sparkles.js
-var __iconNode4 = [
+var __iconNode5 = [
   [
     "path",
     {
@@ -920,29 +1016,29 @@ var __iconNode4 = [
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
-var Sparkles = createLucideIcon("sparkles", __iconNode4);
+var Sparkles = createLucideIcon("sparkles", __iconNode5);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/arrow-right.js
-var __iconNode5 = [
+var __iconNode6 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-var ArrowRight = createLucideIcon("arrow-right", __iconNode5);
+var ArrowRight = createLucideIcon("arrow-right", __iconNode6);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/calendar.js
-var __iconNode6 = [
+var __iconNode7 = [
   ["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" }]
 ];
-var Calendar = createLucideIcon("calendar", __iconNode6);
+var Calendar = createLucideIcon("calendar", __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/circle.js
-var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("circle", __iconNode8);
+var __iconNode9 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("circle", __iconNode9);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/lightbulb.js
-var __iconNode9 = [
+var __iconNode10 = [
   [
     "path",
     {
@@ -953,23 +1049,23 @@ var __iconNode9 = [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-var Lightbulb = createLucideIcon("lightbulb", __iconNode9);
+var Lightbulb = createLucideIcon("lightbulb", __iconNode10);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode10 = [
+var __iconNode11 = [
   ["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);
+var Mail = createLucideIcon("mail", __iconNode11);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/maximize-2.js
-var __iconNode11 = [
+var __iconNode12 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-var Maximize2 = createLucideIcon("maximize-2", __iconNode11);
+var Maximize2 = createLucideIcon("maximize-2", __iconNode12);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-circle.js
-var __iconNode12 = [
+var __iconNode13 = [
   [
     "path",
     {
@@ -978,9 +1074,9 @@ var __iconNode12 = [
     }
   ]
 ];
-var MessageCircle = createLucideIcon("message-circle", __iconNode12);
+var MessageCircle = createLucideIcon("message-circle", __iconNode13);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-square.js
-var __iconNode13 = [
+var __iconNode14 = [
   [
     "path",
     {
@@ -989,9 +1085,9 @@ var __iconNode13 = [
     }
   ]
 ];
-var MessageSquare = createLucideIcon("message-square", __iconNode13);
+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 __iconNode14 = [
+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" }],
@@ -999,40 +1095,40 @@ var __iconNode14 = [
   ["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", __iconNode14);
+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 __iconNode15 = [
+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", __iconNode15);
+var Mic = createLucideIcon("mic", __iconNode16);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minimize-2.js
-var __iconNode16 = [
+var __iconNode17 = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-var Minimize2 = createLucideIcon("minimize-2", __iconNode16);
+var Minimize2 = createLucideIcon("minimize-2", __iconNode17);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor-off.js
-var __iconNode17 = [
+var __iconNode18 = [
   ["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", __iconNode17);
+var MonitorOff = createLucideIcon("monitor-off", __iconNode18);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor.js
-var __iconNode18 = [
+var __iconNode19 = [
   ["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", __iconNode18);
+var Monitor = createLucideIcon("monitor", __iconNode19);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mouse-pointer-2.js
-var __iconNode19 = [
+var __iconNode20 = [
   [
     "path",
     {
@@ -1041,9 +1137,35 @@ var __iconNode19 = [
     }
   ]
 ];
-var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode19);
+var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode20);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js
+var __iconNode21 = [
+  ["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" }],
+  ["path", { d: "M7.2 2.2 8 5.1", key: "1cfko1" }],
+  [
+    "path",
+    {
+      d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",
+      key: "s0h3yz"
+    }
+  ]
+];
+var MousePointerClick = createLucideIcon("mouse-pointer-click", __iconNode21);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/play.js
+var __iconNode22 = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+];
+var Play = createLucideIcon("play", __iconNode22);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
-var __iconNode20 = [
+var __iconNode23 = [
   [
     "path",
     {
@@ -1053,15 +1175,20 @@ var __iconNode20 = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-var Send = createLucideIcon("send", __iconNode20);
+var Send = createLucideIcon("send", __iconNode23);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/square.js
+var __iconNode24 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+];
+var Square = createLucideIcon("square", __iconNode24);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode21 = [
+var __iconNode25 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode21);
+var X = createLucideIcon("x", __iconNode25);
 // src/components/AgentCursor.tsx
-import { useContext as useContext2, useEffect as useEffect6, useLayoutEffect, useRef as useRef2, useState as useState6 } from "react";
+import { useContext as useContext3, useEffect as useEffect7, useLayoutEffect, useRef as useRef2, useState as useState7 } from "react";
 
 // src/capture/elementRef.ts
 function safeGetIframeDocument(iframe) {
@@ -1243,12 +1370,12 @@ function AgentCursor({
   target,
   animated = false
 }) {
-  const ctx = useContext2(LiveAgentContext);
-  const [cursor, setCursor] = useState6(null);
-  const [glideMs, setGlideMs] = useState6(0);
-  const [phase, setPhase] = useState6("idle");
-  const [ringBox, setRingBox] = useState6(null);
-  const [clickPulse, setClickPulse] = useState6(0);
+  const ctx = useContext3(LiveAgentContext);
+  const [cursor, setCursor] = useState7(null);
+  const [glideMs, setGlideMs] = useState7(0);
+  const [phase, setPhase] = useState7("idle");
+  const [ringBox, setRingBox] = useState7(null);
+  const [clickPulse, setClickPulse] = useState7(0);
   const cursorElRef = useRef2(null);
   const pathRef = useRef2(null);
   const prevCursorRef = useRef2(null);
@@ -1371,7 +1498,7 @@ function AgentCursor({
     });
     return cancelAnimation;
   }, [target, animated]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!target || target.kind === "gesture" || phase === "idle")
       return;
     const track = () => {
@@ -1403,7 +1530,7 @@ function AgentCursor({
       }
     };
   }, [target, phase]);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       traceRef.current?.cancel();
       for (const t of timersRef.current)
@@ -1496,12 +1623,12 @@ function AgentCursor({
 // src/components/AutoStartMedia.tsx
 import { useConnectionState, useLocalParticipant } from "@livekit/components-react/hooks";
 import { ConnectionState, Track } from "livekit-client";
-import { useEffect as useEffect7, useRef as useRef3 } from "react";
+import { useEffect as useEffect8, useRef as useRef3 } from "react";
 function AutoStartMedia({ pendingScreenStream }) {
   const { localParticipant } = useLocalParticipant();
   const connectionState = useConnectionState();
   const didStartRef = useRef3(false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState.Connected)
@@ -1526,7 +1653,7 @@ function AutoStartMedia({ pendingScreenStream }) {
 // src/components/DomCapture.tsx
 import { useConnectionState as useConnectionState2, useLocalParticipant as useLocalParticipant2 } from "@livekit/components-react/hooks";
 import { ConnectionState as ConnectionState2, ScreenSharePresets, Track as Track2 } from "livekit-client";
-import { useEffect as useEffect8, useRef as useRef4 } from "react";
+import { useEffect as useEffect9, useRef as useRef4 } from "react";
 
 // src/capture/a11yUtils.ts
 var ROLE_BY_TAG = {
@@ -2081,6 +2208,53 @@ function runAgentAction(dispatch) {
 function isAgentActionInProgress() {
   return isDispatchingAgentAction;
 }
+var snapshotRequestHandler = null;
+function onSnapshotRequest(handler) {
+  snapshotRequestHandler = handler;
+  return () => {
+    if (snapshotRequestHandler === handler)
+      snapshotRequestHandler = null;
+  };
+}
+function requestSnapshotAfterAction() {
+  snapshotRequestHandler?.();
+}
+var actionsPaused = false;
+var pausedSubscribers = new Set;
+function setActionsPaused(paused) {
+  if (actionsPaused === paused)
+    return;
+  actionsPaused = paused;
+  for (const cb of pausedSubscribers)
+    cb(paused);
+}
+function isActionsPaused() {
+  return actionsPaused;
+}
+function onActionsPausedChange(cb) {
+  pausedSubscribers.add(cb);
+  return () => {
+    pausedSubscribers.delete(cb);
+  };
+}
+var actionsBusy = false;
+var busySubscribers = new Set;
+function setActionsBusy(busy) {
+  if (actionsBusy === busy)
+    return;
+  actionsBusy = busy;
+  for (const cb of busySubscribers)
+    cb(busy);
+}
+function isActionsBusy() {
+  return actionsBusy;
+}
+function subscribeActionsBusy(cb) {
+  busySubscribers.add(cb);
+  return () => {
+    busySubscribers.delete(cb);
+  };
+}
 
 // src/capture/domEvents.ts
 var MUTATION_DEBOUNCE_MS = 250;
@@ -2378,7 +2552,7 @@ function DomCapture() {
   const { localParticipant } = useLocalParticipant2();
   const connectionState = useConnectionState2();
   const didStartRef = useRef4(false);
-  useEffect8(() => {
+  useEffect9(() => {
     if (didStartRef.current)
       return;
     if (connectionState !== ConnectionState2.Connected)
@@ -2454,6 +2628,10 @@ function DomCapture() {
         tickSnapshot();
       }
     });
+    const cleanupSnapshotRequest = onSnapshotRequest(() => {
+      tickA11yPublish();
+      tickSnapshot();
+    });
     let snapshotTimer = null;
     const scheduleNextSnapshot = (delay) => {
       if (cancelled)
@@ -2473,6 +2651,7 @@ function DomCapture() {
         clearTimeout(snapshotTimer);
       clearInterval(a11yPublishTimer);
       cleanupDomEventListeners();
+      cleanupSnapshotRequest();
       unpublishAndStopTrack(localParticipant, videoTrack);
       for (const track of canvasStream.getTracks())
         track.stop();
@@ -2483,7 +2662,7 @@ function DomCapture() {
 
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
-import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef5 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 1e4;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -2508,14 +2687,14 @@ function parseHighlightMessage(payload) {
 function HighlightOverlay() {
   const targetRef = useRef5(null);
   const autoClearRef = useRef5(null);
-  const clear = useCallback5(() => {
+  const clear = useCallback6(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     autoClearRef.current = null;
     targetRef.current = null;
     clearCursorTarget("guide");
   }, []);
-  const onHighlightMessage = useCallback5((msg) => {
+  const onHighlightMessage = useCallback6((msg) => {
     const parsed = parseHighlightMessage(msg.payload);
     if (!parsed)
       return;
@@ -2539,7 +2718,7 @@ function HighlightOverlay() {
     autoClearRef.current = setTimeout(clear, HIGHLIGHT_AUTO_CLEAR_MS);
   }, [clear]);
   useDataChannel(HIGHLIGHT_TOPIC, onHighlightMessage);
-  useEffect9(() => {
+  useEffect10(() => {
     const onClick = (event) => {
       const target = targetRef.current;
       const node = event.target;
@@ -2549,15 +2728,15 @@ function HighlightOverlay() {
     document.addEventListener("click", onClick, { capture: true });
     return () => document.removeEventListener("click", onClick, { capture: true });
   }, [clear]);
-  useEffect9(() => clear, [clear]);
+  useEffect10(() => clear, [clear]);
   return null;
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext3, useEffect as useEffect11, useRef as useRef7, useState as useState7 } from "react";
+import { useContext as useContext4, useEffect as useEffect12, useRef as useRef7, useState as useState8 } from "react";
 
 // src/hooks/useLauncherDrag.ts
-import { useEffect as useEffect10, useRef as useRef6 } from "react";
+import { useEffect as useEffect11, useRef as useRef6 } from "react";
 import { flushSync } from "react-dom";
 var DRAG_THRESHOLD_PX = 5;
 function useLauncherDrag(containerRef, onDrop, followRef) {
@@ -2566,7 +2745,7 @@ function useLauncherDrag(containerRef, onDrop, followRef) {
   onDropRef.current = onDrop;
   const followTargetRef = useRef6(followRef);
   followTargetRef.current = followRef;
-  useEffect10(() => {
+  useEffect11(() => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -2819,7 +2998,7 @@ function WelcomeBubble({
   onDismiss,
   onClick
 }) {
-  useEffect11(() => {
+  useEffect12(() => {
     const timer = setTimeout(onDismiss, 5000);
     return () => clearTimeout(timer);
   }, [onDismiss]);
@@ -2841,7 +3020,7 @@ function MinimizedBubble({
   welcomeDismissed,
   onDismissWelcome
 }) {
-  const ctx = useContext3(LiveAgentContext);
+  const ctx = useContext4(LiveAgentContext);
   if (!ctx) {
     throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
   }
@@ -2861,13 +3040,13 @@ function MinimizedBubble({
     selectModule,
     expandPanel
   } = ctx;
-  const [goalsAutoHidden, setGoalsAutoHidden] = useState7(false);
-  const [isLauncherHovered, setIsLauncherHovered] = useState7(false);
-  const [visitHref, setVisitHref] = useState7(() => window.location.href);
+  const [goalsAutoHidden, setGoalsAutoHidden] = useState8(false);
+  const [isLauncherHovered, setIsLauncherHovered] = useState8(false);
+  const [visitHref, setVisitHref] = useState8(() => window.location.href);
   const revealedHrefRef = useRef7(null);
   const hoverContainerRef = useRef7(null);
-  useEffect11(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
-  useEffect11(() => {
+  useEffect12(() => subscribeToLocationChange(() => setVisitHref(window.location.href)), []);
+  useEffect12(() => {
     const el = hoverContainerRef.current;
     if (!el)
       return;
@@ -2893,7 +3072,7 @@ function MinimizedBubble({
   const onboardingModule = pillCandidates.find((module) => module.type === "onboarding");
   const modulePills = onboardingModule ? [onboardingModule] : pillCandidates.slice(0, MAX_MODULE_PILLS).reverse();
   const goalsEligible = adoptionGoals.length > 0 && !onboardingModule && (!hasModuleSelector || hasResolvedModules);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!goalsEligible)
       return;
     if (revealedHrefRef.current === visitHref) {
@@ -2907,8 +3086,8 @@ function MinimizedBubble({
   }, [goalsEligible, visitHref]);
   const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
   const goalsHidden = goalsAutoHidden && !isLauncherHovered;
-  const [goalsUnmounted, setGoalsUnmounted] = useState7(false);
-  useEffect11(() => {
+  const [goalsUnmounted, setGoalsUnmounted] = useState8(false);
+  useEffect12(() => {
     if (!goalsHidden) {
       setGoalsUnmounted(false);
       return;
@@ -2976,8 +3155,9 @@ function MinimizedBubble({
 
 // src/components/PageActionHandler.tsx
 import { useDataChannel as useDataChannel2 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback6, useEffect as useEffect12, useRef as useRef8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef8 } from "react";
 var STEP_MAX_WAIT_MS = 5000;
+var POST_ACTION_SETTLE_SNAPSHOT_MS = 300;
 var textDecoder2 = new TextDecoder;
 function parseScrollDirection(value) {
   return value === "down" || value === "up" || value === "top" || value === "bottom" ? value : null;
@@ -3135,37 +3315,15 @@ function nearestScrollableContainer(element) {
   }
   return document.documentElement;
 }
-var PAGE_SCROLLER_MAX_DEPTH = 3;
-function collectShallow(element, depth, out) {
-  for (const child of Array.from(element.children)) {
-    if (child instanceof HTMLElement)
-      out.push(child);
-    if (depth > 1)
-      collectShallow(child, depth - 1, out);
-  }
-}
 function pickPageScroller() {
-  const documentScroller = document.scrollingElement;
-  if (documentScroller && documentScroller.scrollHeight - documentScroller.clientHeight > 1) {
-    return documentScroller;
-  }
-  const candidates = [];
-  collectShallow(document.body, PAGE_SCROLLER_MAX_DEPTH, candidates);
-  let largest = null;
-  let largestArea = 0;
-  for (const element of candidates) {
-    if (!isScrollableY(element))
-      continue;
-    const rect = element.getBoundingClientRect();
-    if (rect.bottom <= 0 || rect.top >= window.innerHeight)
-      continue;
-    const area = rect.width * rect.height;
-    if (area > largestArea) {
-      largestArea = area;
-      largest = element;
-    }
+  const centerX = window.innerWidth / 2;
+  const centerY = window.innerHeight / 2;
+  for (const element of document.elementsFromPoint(centerX, centerY)) {
+    if (element instanceof HTMLElement && isScrollableY(element))
+      return element;
   }
-  return largest ?? documentScroller ?? document.documentElement;
+  const documentScroller = document.scrollingElement;
+  return documentScroller ?? document.documentElement;
 }
 function gestureFor(direction) {
   return direction === "up" || direction === "top" ? "up" : "down";
@@ -3231,13 +3389,15 @@ function PageActionHandler() {
   const mountedRef = useRef8(true);
   const queueRef = useRef8([]);
   const drainingRef = useRef8(false);
-  const runStep = useCallback6((action) => {
+  const settleTimerRef = useRef8(null);
+  const endStepRef = useRef8(null);
+  const runStep = useCallback7((action) => {
     return new Promise((resolve) => {
       if (action.type === "navigate") {
         queueRef.current.length = 0;
         if (isSameOriginHttpUrl(action.url))
           window.location.assign(action.url);
-        resolve();
+        resolve(true);
         return;
       }
       if (action.type === "scroll_page") {
@@ -3246,7 +3406,7 @@ function PageActionHandler() {
           if (scrolled)
             return;
           scrolled = true;
-          resolve();
+          resolve(true);
         };
         const fallback2 = setTimeout(finishScroll, STEP_MAX_WAIT_MS);
         setCursorTarget("act", {
@@ -3266,20 +3426,23 @@ function PageActionHandler() {
       }
       const element = findElementByRef(action.ref);
       if (!element?.isConnected || !isVisible2(element) || isActionBlocked(element)) {
-        resolve();
+        resolve(false);
         return;
       }
       if (action.type === "click" && isActionBlocked(resolveClickTarget(element))) {
-        resolve();
+        resolve(false);
         return;
       }
+      let acted = false;
       let done = false;
       const finish = () => {
         if (done)
           return;
         done = true;
-        resolve();
+        endStepRef.current = null;
+        resolve(acted);
       };
+      endStepRef.current = finish;
       const fallback = setTimeout(finish, STEP_MAX_WAIT_MS);
       setCursorTarget("act", {
         element,
@@ -3288,47 +3451,83 @@ function PageActionHandler() {
         onAct: () => {
           clearTimeout(fallback);
           const resolved = action.type === "click" ? resolveClickTarget(element) : element;
-          if (mountedRef.current && element.isConnected && !isActionBlocked(element) && !isActionBlocked(resolved)) {
+          if (mountedRef.current && !isActionsPaused() && element.isConnected && !isActionBlocked(element) && !isActionBlocked(resolved)) {
+            acted = true;
             runAgentAction(() => performAction(action, element));
+            requestSnapshotAfterAction();
+            if (settleTimerRef.current)
+              clearTimeout(settleTimerRef.current);
+            settleTimerRef.current = setTimeout(() => {
+              if (mountedRef.current)
+                requestSnapshotAfterAction();
+            }, POST_ACTION_SETTLE_SNAPSHOT_MS);
           }
           finish();
         }
       });
     });
   }, []);
-  const drain = useCallback6(async () => {
+  const drain = useCallback7(async () => {
     if (drainingRef.current)
       return;
     drainingRef.current = true;
+    setActionsBusy(true);
+    let pausedMidQueue = false;
     try {
       while (mountedRef.current && queueRef.current.length > 0) {
-        const action = queueRef.current.shift();
+        if (isActionsPaused()) {
+          pausedMidQueue = true;
+          break;
+        }
+        const action = queueRef.current[0];
         if (!action)
           break;
-        await runStep(action);
+        const acted = await runStep(action);
+        if (isActionsPaused() && !acted) {
+          pausedMidQueue = true;
+          break;
+        }
+        queueRef.current.shift();
       }
     } finally {
       drainingRef.current = false;
-      if (mountedRef.current)
+      if (mountedRef.current) {
         clearCursorTarget("act");
+        if (!pausedMidQueue)
+          setActionsBusy(false);
+      }
     }
   }, [runStep]);
-  const onMessage = useCallback6((msg) => {
+  const onMessage = useCallback7((msg) => {
     const action = parsePageAction(msg.payload);
     if (!action)
       return;
     queueRef.current.push(action);
     drain();
   }, [drain]);
-  useEffect12(() => {
+  useEffect13(() => {
     mountedRef.current = true;
     drainingRef.current = false;
     return () => {
       mountedRef.current = false;
       queueRef.current.length = 0;
+      if (settleTimerRef.current)
+        clearTimeout(settleTimerRef.current);
       clearCursorTarget("act");
+      setActionsBusy(false);
     };
   }, []);
+  useEffect13(() => {
+    return onActionsPausedChange((paused) => {
+      if (paused) {
+        clearCursorTarget("act");
+        clearCursorTarget("guide");
+        endStepRef.current?.();
+      } else {
+        drain();
+      }
+    });
+  }, [drain]);
   useDataChannel2(PAGE_ACTIONS_TOPIC, onMessage);
   return null;
 }
@@ -3336,6 +3535,30 @@ function PageActionHandler() {
 // src/components/SessionControlBar.tsx
 import { useContext as useContext6, useRef as useRef10 } from "react";
 
+// src/hooks/useActionControl.ts
+import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback8, useEffect as useEffect14, useState as useState9 } from "react";
+var textEncoder3 = new TextEncoder;
+function useActionControl() {
+  const { localParticipant } = useLocalParticipant3();
+  const plan = usePlanUpdates();
+  const [busy, setBusy] = useState9(isActionsBusy);
+  const [actionsPaused2, setPaused] = useState9(false);
+  useEffect14(() => subscribeActionsBusy(setBusy), []);
+  const actionsActive = busy || plan?.state === "executing";
+  const togglePaused = useCallback8(async () => {
+    const next = !actionsPaused2;
+    setPaused(next);
+    setActionsPaused(next);
+    try {
+      await localParticipant.publishData(textEncoder3.encode(JSON.stringify({ type: next ? "pause" : "resume" })), { reliable: true, topic: ACTION_CONTROL_TOPIC });
+    } catch (error) {
+      console.error("Failed to send action pause/resume:", error);
+    }
+  }, [actionsPaused2, localParticipant]);
+  return { actionsActive, actionsPaused: actionsPaused2, togglePaused };
+}
+
 // src/hooks/useAgentVoiceState.ts
 import { useVoiceAssistant } from "@livekit/components-react/hooks";
 function useAgentVoiceState() {
@@ -3349,13 +3572,13 @@ function useAgentVoiceState() {
 }
 
 // src/hooks/useAudioLevelBars.ts
-import { useEffect as useEffect13, useRef as useRef9, useState as useState8 } from "react";
+import { useEffect as useEffect15, useRef as useRef9, useState as useState10 } from "react";
 var TALKING_LEVEL_THRESHOLD = 0.2;
 var TALKING_HOLD_MS = 400;
 function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowthPx, noiseGate }) {
   const barRefs = useRef9([]);
-  const [isTalking, setIsTalking] = useState8(false);
-  useEffect13(() => {
+  const [isTalking, setIsTalking] = useState10(false);
+  useEffect15(() => {
     if (!mediaStreamTrack) {
       for (const bar of barRefs.current) {
         if (bar)
@@ -3405,55 +3628,27 @@ function useAudioLevelBars(mediaStreamTrack, { barCount, idleHeightPx, maxGrowth
   return { barRefs, isTalking };
 }
 
-// src/hooks/useLiveAgent.ts
-import { useContext as useContext4 } from "react";
-function useLiveAgent() {
-  const ctx = useContext4(LiveAgentContext);
-  if (!ctx) {
-    throw new Error("useLiveAgent must be used within a <LiveAgent> provider");
-  }
-  const {
-    usesHostAuth,
-    authFailed,
-    connection,
-    shouldConnect,
-    historyMessages,
-    phasesSnapshot,
-    setPhasesSnapshot,
-    hasResolvedModules,
-    adoptionGoals,
-    startAdoptionSession,
-    launcherBottomPx,
-    setLauncherBottomPx,
-    popsDown,
-    panelExpanded,
-    togglePanelExpanded,
-    ...publicValue
-  } = ctx;
-  return publicValue;
-}
-
 // src/hooks/useMediaControls.ts
-import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
 import { ScreenSharePresets as ScreenSharePresets2 } from "livekit-client";
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback9 } from "react";
 var SCREEN_SHARE_OPTIONS = {
   video: { displaySurface: "browser" },
   resolution: ScreenSharePresets2.h720fps30.resolution,
   contentHint: "detail"
 };
 function useMediaControls() {
-  const { localParticipant } = useLocalParticipant3();
+  const { localParticipant } = useLocalParticipant4();
   const isMuted = !localParticipant.isMicrophoneEnabled;
   const isScreenSharing = localParticipant.isScreenShareEnabled;
-  const toggleMute = useCallback7(async () => {
+  const toggleMute = useCallback9(async () => {
     try {
       await localParticipant.setMicrophoneEnabled(isMuted);
     } catch (error) {
       console.error("Failed to toggle microphone:", error);
     }
   }, [localParticipant, isMuted]);
-  const toggleScreenShare = useCallback7(async () => {
+  const toggleScreenShare = useCallback9(async () => {
     try {
       await localParticipant.setScreenShareEnabled(!isScreenSharing, SCREEN_SHARE_OPTIONS);
     } catch (error) {
@@ -3464,13 +3659,13 @@ function useMediaControls() {
 }
 
 // src/hooks/useMicLevel.ts
-import { useLocalParticipant as useLocalParticipant4 } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
 var MIC_BARS = 5;
 var IDLE_BAR_HEIGHT_PX = 5;
 var MAX_BAR_GROWTH_PX = 17;
 var MIC_NOISE_GATE = 0.15;
 function useMicLevel(enabled) {
-  const { microphoneTrack } = useLocalParticipant4();
+  const { microphoneTrack } = useLocalParticipant5();
   const mediaStreamTrack = microphoneTrack?.track?.mediaStreamTrack;
   return useAudioLevelBars(enabled ? mediaStreamTrack : undefined, {
     barCount: MIC_BARS,
@@ -3481,50 +3676,7 @@ function useMicLevel(enabled) {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback8, useContext as useContext5, useEffect as useEffect15 } from "react";
-
-// src/hooks/useAgentState.ts
-import { useRemoteParticipants } from "@livekit/components-react/hooks";
-import { useEffect as useEffect14, useState as useState9 } from "react";
-function useAgentState(attributeKey, parse, initial) {
-  const [value, setValue] = useState9(initial);
-  const remoteParticipants = useRemoteParticipants();
-  useEffect14(() => {
-    const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
-    if (agentParticipant) {
-      const attr = agentParticipant.attributes?.[attributeKey];
-      if (attr) {
-        const parsed = parse(attr);
-        if (parsed)
-          setValue(parsed);
-      }
-    }
-    const handlers = new Map;
-    for (const p of remoteParticipants) {
-      const handler = (changedAttributes) => {
-        if (changedAttributes[attributeKey]) {
-          const parsed = parse(changedAttributes[attributeKey]);
-          if (parsed)
-            setValue(parsed);
-        } else if (p.attributes?.[attributeKey]) {
-          const parsed = parse(p.attributes[attributeKey]);
-          if (parsed)
-            setValue(parsed);
-        }
-      };
-      handlers.set(p, handler);
-      p.on("attributesChanged", handler);
-    }
-    return () => {
-      for (const [p, handler] of handlers) {
-        p.off("attributesChanged", handler);
-      }
-    };
-  }, [remoteParticipants, attributeKey, parse]);
-  return value;
-}
-
-// src/hooks/usePhaseUpdates.ts
+import { useCallback as useCallback10, useContext as useContext5, useEffect as useEffect16 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -3535,10 +3687,10 @@ function parsePhases(json) {
   return null;
 }
 function usePhaseUpdates() {
-  const parse = useCallback8(parsePhases, []);
+  const parse = useCallback10(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
   const ctx = useContext5(LiveAgentContext);
-  useEffect15(() => {
+  useEffect16(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
   }, [livePhases, ctx?.setPhasesSnapshot]);
@@ -3552,6 +3704,7 @@ var STANDBY_BAR_WIDTH = 168;
 var READY_BAR_WIDTH = 176;
 var TEXT_BAR_WIDTH = 64;
 var SCREEN_SHARE_EXTRA_WIDTH = 56;
+var ACTION_CONTROL_EXTRA_WIDTH = 56;
 var MIC_REGION_WIDTH = 104;
 var MIC_SQUARE_WIDTH = 48;
 var SQUARE_BUTTON = "skippr:flex skippr:size-12 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-2xl skippr:cursor-pointer skippr:transition-colors";
@@ -3561,6 +3714,7 @@ var AGENT_BAR_MAX_GROWTH_PX = 12;
 var AGENT_NOISE_GATE = 0;
 function AgentActivity({
   state,
+  isActing,
   mediaStreamTrack
 }) {
   const { barRefs } = useAudioLevelBars(state === "speaking" ? mediaStreamTrack : undefined, {
@@ -3569,6 +3723,17 @@ function AgentActivity({
     maxGrowthPx: AGENT_BAR_MAX_GROWTH_PX,
     noiseGate: AGENT_NOISE_GATE
   });
+  if (isActing) {
+    return /* @__PURE__ */ jsx5("span", {
+      role: "status",
+      className: "skippr:flex skippr:h-5 skippr:w-12 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:text-bubble",
+      "aria-label": "Agent is acting",
+      children: /* @__PURE__ */ jsx5(MousePointerClick, {
+        strokeWidth: 2,
+        className: "skippr:size-5 skippr:[animation:skippr-finger-tap_1.1s_ease-in-out_infinite]"
+      })
+    });
+  }
   return /* @__PURE__ */ jsxs5("span", {
     role: "status",
     className: "skippr:flex skippr:h-5 skippr:w-12 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:text-bubble",
@@ -3649,13 +3814,17 @@ function SessionControlBar() {
   const { isMuted, toggleMute, isScreenSharing, toggleScreenShare } = useMediaControls();
   const { state, mediaStreamTrack: agentMediaStreamTrack } = useAgentVoiceState();
   const { phases } = usePhaseUpdates();
+  const { actionsActive, actionsPaused: actionsPaused2, togglePaused } = useActionControl();
   const isReady = state === "listening" || state === "thinking" || state === "speaking";
   const { barRefs, isTalking } = useMicLevel(isReady && !isMuted && !textMode);
   const showScreenShareToggle = captureMode === "screenshare";
+  const showActionControl = captureMode === "auto" && actionsActive;
   const screenShareExtra = showScreenShareToggle ? SCREEN_SHARE_EXTRA_WIDTH : 0;
+  const actionControlExtra = showActionControl ? ACTION_CONTROL_EXTRA_WIDTH : 0;
   let barWidth = STANDBY_BAR_WIDTH;
   if (isReady) {
-    barWidth = textMode ? TEXT_BAR_WIDTH + screenShareExtra : READY_BAR_WIDTH + screenShareExtra;
+    const base = textMode ? TEXT_BAR_WIDTH : READY_BAR_WIDTH;
+    barWidth = base + screenShareExtra + actionControlExtra;
   }
   const agendaModule = activeModule && activeModule.mode !== AGENT_MODE.AlwaysOn && activeModule.totalPhases > 0 ? activeModule : null;
   const agendaProgress = phases.length > 0 ? {
@@ -3735,6 +3904,7 @@ function SessionControlBar() {
                     className: "skippr:absolute skippr:inset-y-0 skippr:right-[-3px] skippr:flex skippr:w-14 skippr:items-center skippr:justify-center skippr:[animation:skippr-agent-in_200ms_ease-out_240ms_both]",
                     children: /* @__PURE__ */ jsx5(AgentActivity, {
                       state,
+                      isActing: showActionControl && !actionsPaused2,
                       mediaStreamTrack: agentMediaStreamTrack
                     })
                   }),
@@ -3786,6 +3956,20 @@ function SessionControlBar() {
                 children: /* @__PURE__ */ jsx5(MessageSquare, {
                   className: "skippr:size-5"
                 })
+              }),
+              showActionControl && /* @__PURE__ */ jsx5("button", {
+                type: "button",
+                onClick: ifNotDragged(() => void togglePaused()),
+                "aria-label": actionsPaused2 ? "Resume actions" : "Stop actions",
+                title: actionsPaused2 ? "Resume" : "Stop",
+                className: cn(SQUARE_BUTTON, actionsPaused2 ? "skippr:bg-green-100 skippr:text-green-700 skippr:hover:bg-green-200" : "skippr:bg-red-100 skippr:text-red-600 skippr:hover:bg-red-200"),
+                children: actionsPaused2 ? /* @__PURE__ */ jsx5(Play, {
+                  className: "skippr:size-5",
+                  fill: "currentColor"
+                }) : /* @__PURE__ */ jsx5(Square, {
+                  className: "skippr:size-5",
+                  fill: "currentColor"
+                })
               })
             ]
           }, textMode ? "ready-text" : "ready"),
@@ -3835,7 +4019,7 @@ function SessionControlBar() {
 }
 
 // src/components/ShadowHost.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState10 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState11 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx6, Fragment } from "react/jsx-runtime";
 var PROPERTIES_STYLE_ID = "skippr-tw-properties";
@@ -3853,9 +4037,9 @@ function hoistTailwindProperties(css) {
 }
 function ShadowHost({ children }) {
   const hostRef = useRef11(null);
-  const [shadowRoot, setShadowRoot] = useState10(null);
+  const [shadowRoot, setShadowRoot] = useState11(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-emerald-500:oklch(69.6% .17 162.48);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-2{top:calc(var(--skippr-spacing)*-2)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-2{right:calc(var(--skippr-spacing)*-2)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[-3px\\]{right:-3px}.skippr\\:right-\\[24px\\]{right:24px}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:left-\\[24px\\]{left:24px}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:flex{display:flex}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-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-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-16{height:calc(var(--skippr-spacing)*16)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[50px\\]{height:50px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.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-12{width:calc(var(--skippr-spacing)*12)}.skippr\\:w-14{width:calc(var(--skippr-spacing)*14)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-pulse{animation:var(--skippr-animate-pulse)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-emerald-500{background-color:var(--skippr-color-emerald-500)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pt-2{padding-top:calc(var(--skippr-spacing)*2)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-0{padding-bottom:calc(var(--skippr-spacing)*0)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_6px_22px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:-6px 6px 22px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_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\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-muted\\/70:hover{background-color:oklab(97% -.000282743 .000959196/.7)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\: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-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-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-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-green-100:oklch(96.2% .044 156.743);--skippr-color-green-200:oklch(92.5% .084 155.995);--skippr-color-green-700:oklch(52.7% .154 150.069);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-emerald-500:oklch(69.6% .17 162.48);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-leading-tight:1.25;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-2{top:calc(var(--skippr-spacing)*-2)}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-full{top:100%}.skippr\\:-right-2{right:calc(var(--skippr-spacing)*-2)}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[-3px\\]{right:-3px}.skippr\\:right-\\[24px\\]{right:24px}.skippr\\:-bottom-1{bottom:calc(var(--skippr-spacing)*-1)}.skippr\\:-bottom-9{bottom:calc(var(--skippr-spacing)*-9)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-full{bottom:100%}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:left-\\[24px\\]{left:24px}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:mt-0\\.5{margin-top:calc(var(--skippr-spacing)*.5)}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:flex{display:flex}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-0\\.5{height:calc(var(--skippr-spacing)*.5)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-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-12{height:calc(var(--skippr-spacing)*12)}.skippr\\:h-16{height:calc(var(--skippr-spacing)*16)}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[50px\\]{height:50px}.skippr\\:h-full{height:100%}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.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-12{width:calc(var(--skippr-spacing)*12)}.skippr\\:w-14{width:calc(var(--skippr-spacing)*14)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-full{width:100%}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-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_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-pulse{animation:var(--skippr-animate-pulse)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}:where(.skippr\\:space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-lg{border-radius:.625rem}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-\\[\\#2bc0ae\\]{border-color:#2bc0ae}.skippr\\:border-border,.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:oklab(29.9244% .0107414 -.0305411/.2)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2bc0ae\\]{background-color:#2bc0ae}.skippr\\:bg-\\[\\#2bc0ae\\]\\/50{background-color:oklab(72.9347% -.121518 -.00545585/.5)}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-emerald-500{background-color:var(--skippr-color-emerald-500)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-green-100{background-color:var(--skippr-color-green-100)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted{background-color:oklch(97% .001 106.424)}.skippr\\:bg-muted-foreground\\/20{background-color:oklab(55.3% .00687528 .0110332/.2)}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-muted\\/50{background-color:oklab(97% -.000282743 .000959196/.5)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary{background-color:#2d2b3d}.skippr\\:bg-primary-foreground\\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.skippr\\:bg-primary\\/10{background-color:oklab(29.9244% .0107414 -.0305411/.1)}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-400{background-color:var(--skippr-color-red-400)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white{background-color:var(--skippr-color-white)}.skippr\\:fill-brand{fill:#2bc0ae}.skippr\\:fill-primary\\/30{fill:oklab(29.9244% .0107414 -.0305411/.3)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:pt-1\\.5{padding-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:pt-2{padding-top:calc(var(--skippr-spacing)*2)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pb-0{padding-bottom:calc(var(--skippr-spacing)*0)}.skippr\\:pb-2{padding-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:leading-tight{--tw-leading:var(--skippr-leading-tight);line-height:var(--skippr-leading-tight)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2bc0ae\\]{color:#2bc0ae}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black{color:var(--skippr-color-black)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-green-700{color:var(--skippr-color-green-700)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/40{color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-muted-foreground\\/70{color:oklab(55.3% .00687528 .0110332/.7)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:#2d2b3d}.skippr\\:text-primary-foreground{color:#fff}.skippr\\:text-primary-foreground\\/70{color:oklab(100% 0 5.96046e-8/.7)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white{color:var(--skippr-color-white)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_6px_22px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:-6px 6px 22px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029),0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:#2bc0ae}.skippr\\:ring-foreground\\/10{--tw-ring-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:ring-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\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-green-200:hover{background-color:var(--skippr-color-green-200)}.skippr\\:hover\\:bg-muted\\/70:hover{background-color:oklab(97% -.000282743 .000959196/.7)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary-foreground\\/10:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:oklab(29.9244% .0107414 -.0305411/.9)}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:text-primary-foreground:hover{color:#fff}.skippr\\:hover\\: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-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 #2bc0ae80}50%{box-shadow:0 0 0 6px #2bc0ae00}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   useLayoutEffect2(() => {
     const host = hostRef.current;
     if (!host || !css)
@@ -3880,13 +4064,13 @@ function ShadowHost({ children }) {
 }
 
 // src/components/Sidebar.tsx
-import { useContext as useContext10, useEffect as useEffect20 } from "react";
+import { useContext as useContext10, useEffect as useEffect22 } from "react";
 
 // src/hooks/useCombinedMessages.ts
 import { useContext as useContext7, useMemo as useMemo5 } from "react";
 
 // src/hooks/useChatMessages.ts
-import { useChat, useLocalParticipant as useLocalParticipant5 } from "@livekit/components-react/hooks";
+import { useChat, useLocalParticipant as useLocalParticipant6 } from "@livekit/components-react/hooks";
 import { useMemo as useMemo3 } from "react";
 
 // src/lib/filterSystemMessages.ts
@@ -3898,7 +4082,7 @@ function filterSystemMessages(messages) {
 // src/hooks/useChatMessages.ts
 function useChatMessages() {
   const { chatMessages: rawMessages, send, isSending } = useChat();
-  const { localParticipant } = useLocalParticipant5();
+  const { localParticipant } = useLocalParticipant6();
   const localIdentity = localParticipant.identity;
   const chatMessages = useMemo3(() => {
     const sortedMessages = rawMessages.map((msg) => ({
@@ -3914,11 +4098,11 @@ function useChatMessages() {
 }
 
 // src/hooks/useStreamingTranscript.ts
-import { useLocalParticipant as useLocalParticipant6, useTranscriptions } from "@livekit/components-react/hooks";
+import { useLocalParticipant as useLocalParticipant7, useTranscriptions } from "@livekit/components-react/hooks";
 import { useMemo as useMemo4 } from "react";
 function useStreamingTranscript() {
   const transcriptions = useTranscriptions();
-  const { localParticipant } = useLocalParticipant6();
+  const { localParticipant } = useLocalParticipant7();
   const localIdentity = localParticipant.identity;
   const transcriptMessages = useMemo4(() => filterSystemMessages(transcriptions.filter((stream) => stream.text.trim().length > 0).map((stream) => ({
     id: stream.streamInfo.id,
@@ -3969,7 +4153,7 @@ function useCombinedMessages() {
 }
 
 // src/hooks/useSessionRemaining.ts
-import { useEffect as useEffect16, useRef as useRef12, useState as useState11 } from "react";
+import { useEffect as useEffect17, useRef as useRef12, useState as useState12 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -3986,8 +4170,8 @@ function parseNumber(s) {
 function useSessionRemaining() {
   const maxCallDuration = useAgentState("maxCallDuration", parseNumber, null);
   const endTimeRef = useRef12(null);
-  const [remaining, setRemaining] = useState11(null);
-  useEffect16(() => {
+  const [remaining, setRemaining] = useState12(null);
+  useEffect17(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     const endTime = Date.now() + maxCallDuration * 1000;
@@ -4004,25 +4188,25 @@ function useSessionRemaining() {
 }
 
 // src/hooks/useTextMode.ts
-import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback9, useContext as useContext8, useRef as useRef13 } from "react";
-var textEncoder3 = new TextEncoder;
+import { useLocalParticipant as useLocalParticipant8 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback11, useContext as useContext8, useRef as useRef13 } from "react";
+var textEncoder4 = new TextEncoder;
 function useTextMode() {
   const ctx = useContext8(LiveAgentContext);
   if (!ctx) {
     throw new Error("useTextMode must be used within a <LiveAgent> provider");
   }
   const { textMode, setTextModeState, sidebarTab, setSidebarTab } = ctx;
-  const { localParticipant } = useLocalParticipant7();
+  const { localParticipant } = useLocalParticipant8();
   const confirmedTextModeRef = useRef13(false);
-  const toggleTextMode = useCallback9(async () => {
+  const toggleTextMode = useCallback11(async () => {
     const next = !textMode;
     setTextModeState(next);
     if (next && sidebarTab === "agenda") {
       setSidebarTab("chat");
     }
     try {
-      await localParticipant.publishData(textEncoder3.encode(JSON.stringify({ textMode: next })), {
+      await localParticipant.publishData(textEncoder4.encode(JSON.stringify({ textMode: next })), {
         reliable: true,
         topic: TEXT_MODE_TOPIC
       });
@@ -4040,10 +4224,10 @@ function useTextMode() {
 import { useContext as useContext9 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect17, useState as useState12 } from "react";
+import { useEffect as useEffect18, useState as useState13 } from "react";
 function useElapsedSeconds(isRunning) {
-  const [elapsed, setElapsed] = useState12(0);
-  useEffect17(() => {
+  const [elapsed, setElapsed] = useState13(0);
+  useEffect18(() => {
     if (!isRunning) {
       setElapsed(0);
       return;
@@ -4147,7 +4331,7 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback10, useEffect as useEffect18, useRef as useRef14, useState as useState13 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect19, useRef as useRef14, useState as useState14 } from "react";
 
 // src/components/ui/button.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -4183,20 +4367,20 @@ import { jsx as jsx10, jsxs as jsxs8 } 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] = useState13("email");
-  const [email, setEmail] = useState13("");
-  const handleRequestOtp = useCallback10(async (emailValue) => {
+  const [step, setStep] = useState14("email");
+  const [email, setEmail] = useState14("");
+  const handleRequestOtp = useCallback12(async (emailValue) => {
     const success = await requestOtp(emailValue);
     if (success)
       setStep("otp");
   }, [requestOtp]);
-  const handleVerifyOtp = useCallback10(async (code) => {
+  const handleVerifyOtp = useCallback12(async (code) => {
     await verifyOtp(email, code);
   }, [verifyOtp, email]);
-  const handleBack = useCallback10(() => {
+  const handleBack = useCallback12(() => {
     setStep("email");
   }, []);
-  const handleResend = useCallback10(async () => {
+  const handleResend = useCallback12(async () => {
     await requestOtp(email);
   }, [requestOtp, email]);
   if (step === "otp") {
@@ -4273,30 +4457,30 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
   });
 }
 function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
-  const [digits, setDigits] = useState13(Array(OTP_LENGTH).fill(""));
-  const [resendCooldown, setResendCooldown] = useState13(0);
+  const [digits, setDigits] = useState14(Array(OTP_LENGTH).fill(""));
+  const [resendCooldown, setResendCooldown] = useState14(0);
   const inputRefs = useRef14([]);
   const submittedRef = useRef14(false);
-  useEffect18(() => {
+  useEffect19(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
     return () => clearTimeout(timer);
   }, [resendCooldown]);
-  const submitCode = useCallback10((code) => {
+  const submitCode = useCallback12((code) => {
     if (submittedRef.current || isSubmitting)
       return;
     submittedRef.current = true;
     onSubmit(code);
   }, [onSubmit, isSubmitting]);
-  const handleDigitChange = useCallback10((index2, value) => {
+  const handleDigitChange = useCallback12((index2, value) => {
     const digit = value.replace(/\D/g, "").slice(-1);
     const newDigits = [...digits];
     newDigits[index2] = digit;
@@ -4310,12 +4494,12 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
         submitCode(code);
     }
   }, [digits, submitCode]);
-  const handleKeyDown = useCallback10((index2, e) => {
+  const handleKeyDown = useCallback12((index2, e) => {
     if (e.key === "Backspace" && !digits[index2] && index2 > 0) {
       inputRefs.current[index2 - 1]?.focus();
     }
   }, [digits]);
-  const handlePaste = useCallback10((e) => {
+  const handlePaste = useCallback12((e) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, OTP_LENGTH);
     if (pasted.length > 0) {
@@ -4425,17 +4609,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/MessageList.tsx
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef16 } from "react";
+import { useCallback as useCallback13, useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState16 } from "react";
 
 // src/components/ChatInput.tsx
-import { useEffect as useEffect19, useRef as useRef15, useState as useState14 } from "react";
+import { useEffect as useEffect20, useRef as useRef15, useState as useState15 } from "react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const [inputText, setInputText] = useState14("");
+  const [inputText, setInputText] = useState15("");
   const textareaRef = useRef15(null);
   const canSend = inputText.trim().length > 0 && !isSendingChat;
-  useEffect19(() => {
+  useEffect20(() => {
     if (autoFocus)
       textareaRef.current?.focus();
   }, [autoFocus]);
@@ -4533,34 +4717,110 @@ function ChatMessage({ message }) {
   });
 }
 
-// src/components/TypingIndicator.tsx
+// src/components/PlanCard.tsx
+import { useEffect as useEffect21 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function TypingIndicator() {
+var APPROVE_MESSAGE = "Yes, go ahead.";
+var CANCEL_MESSAGE = "No, cancel that.";
+var COMPLETED_CARD_VISIBLE_MS = 2500;
+function StepIcon({ status }) {
+  if (status === "done") {
+    return /* @__PURE__ */ jsx13(CircleCheck, {
+      className: "skippr:size-4 skippr:text-chart-3"
+    });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsx13(CircleX, {
+      className: "skippr:size-4 skippr:text-destructive"
+    });
+  }
+  if (status === "active") {
+    return /* @__PURE__ */ jsx13(Circle, {
+      className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
+    });
+  }
+  return /* @__PURE__ */ jsx13(Circle, {
+    className: "skippr:size-4 skippr:text-muted-foreground/30"
+  });
+}
+function PlanCard({ plan, sendChatMessage, onDismiss }) {
+  const awaitingApproval = plan.state === "proposed";
+  useEffect21(() => {
+    if (plan.state !== "completed")
+      return;
+    const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
+    return () => clearTimeout(timer);
+  }, [plan.state, onDismiss]);
   return /* @__PURE__ */ jsxs11("div", {
-    className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
+    className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
+      /* @__PURE__ */ jsx13("p", {
+        className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
+        children: "Plan"
+      }),
       /* @__PURE__ */ jsx13("div", {
+        className: "skippr:space-y-2",
+        children: plan.steps.map((step) => /* @__PURE__ */ jsxs11("div", {
+          className: "skippr:flex skippr:items-center skippr:gap-2",
+          children: [
+            /* @__PURE__ */ jsx13(StepIcon, {
+              status: step.status
+            }),
+            /* @__PURE__ */ jsx13("p", {
+              className: cn("skippr:text-sm skippr:leading-snug", step.status === "done" && "skippr:text-muted-foreground skippr:line-through", step.status === "active" && "skippr:font-medium skippr:text-foreground", step.status === "pending" && "skippr:text-muted-foreground", step.status === "failed" && "skippr:text-destructive"),
+              children: step.label
+            })
+          ]
+        }, step.index))
+      }),
+      awaitingApproval && /* @__PURE__ */ jsxs11("div", {
+        className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
+        children: [
+          /* @__PURE__ */ jsx13(Button, {
+            className: "skippr:flex-1 skippr:py-2",
+            onClick: () => sendChatMessage(APPROVE_MESSAGE),
+            children: "Approve"
+          }),
+          /* @__PURE__ */ jsx13(Button, {
+            variant: "outline",
+            className: "skippr:flex-1 skippr:py-2",
+            onClick: () => sendChatMessage(CANCEL_MESSAGE),
+            children: "Cancel"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/TypingIndicator.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function TypingIndicator() {
+  return /* @__PURE__ */ jsxs12("div", {
+    className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
+    children: [
+      /* @__PURE__ */ jsx14("div", {
         className: "skippr:mt-0.5 skippr:flex skippr:size-7 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-md skippr:bg-primary",
-        children: /* @__PURE__ */ jsx13(Sparkles, {
+        children: /* @__PURE__ */ jsx14(Sparkles, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
         })
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
         children: [
-          /* @__PURE__ */ jsx13("span", {
+          /* @__PURE__ */ jsx14("span", {
             children: "Agent is analyzing your screen"
           }),
-          /* @__PURE__ */ jsxs11("span", {
+          /* @__PURE__ */ jsxs12("span", {
             className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
             children: [
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx14("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
               }),
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx14("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
               }),
-              /* @__PURE__ */ jsx13("span", {
+              /* @__PURE__ */ jsx14("span", {
                 className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
               })
             ]
@@ -4572,16 +4832,25 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function isPlanVisible(plan) {
+  return !!plan && plan.steps.length > 0 && plan.state !== "abandoned";
+}
 function MessageList({
   messages,
   isStreaming,
   sendChatMessage,
   isSendingChat,
+  plan,
   autoFocus = false
 }) {
   const containerRef = useRef16(null);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
+  const [dismissedPlanId, setDismissedPlanId] = useState16(null);
+  const dismissPlan = useCallback13(() => {
+    if (plan)
+      setDismissedPlanId(plan.planId);
+  }, [plan]);
   useLayoutEffect3(() => {
     const container = containerRef.current;
     if (!container)
@@ -4591,23 +4860,31 @@ function MessageList({
       container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs13("div", {
         ref: containerRef,
         className: "skippr:min-h-0 skippr:flex-1 skippr:space-y-4 skippr:overflow-y-auto skippr:p-4 skippr:[overflow-anchor:none]",
         children: [
-          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx14(LoadingDots, {
+          messages.length === 0 && !showTyping && /* @__PURE__ */ jsx15(LoadingDots, {
             label: "Waiting for conversation to begin..."
           }),
-          messages.map((message) => /* @__PURE__ */ jsx14(ChatMessage, {
+          messages.map((message) => /* @__PURE__ */ jsx15(ChatMessage, {
             message
           }, message.id)),
-          showTyping && /* @__PURE__ */ jsx14(TypingIndicator, {})
+          showTyping && /* @__PURE__ */ jsx15(TypingIndicator, {})
         ]
       }),
-      /* @__PURE__ */ jsx14(ChatInput, {
+      isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx15("div", {
+        className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
+        children: /* @__PURE__ */ jsx15(PlanCard, {
+          plan,
+          sendChatMessage,
+          onDismiss: dismissPlan
+        }, plan.planId)
+      }),
+      /* @__PURE__ */ jsx15(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -4617,49 +4894,49 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx15("div", {
+    return /* @__PURE__ */ jsx16("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx15(LoadingDots, {
+      children: /* @__PURE__ */ jsx16(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
   }
-  return /* @__PURE__ */ jsx15("div", {
+  return /* @__PURE__ */ jsx16("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
-    children: /* @__PURE__ */ jsx15("div", {
+    children: /* @__PURE__ */ jsx16("div", {
       className: "skippr:space-y-1",
       children: phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs13("div", {
+        return /* @__PURE__ */ jsxs14("div", {
           className: cn("skippr:flex skippr:items-start skippr:gap-2.5 skippr:rounded-lg skippr:p-2 skippr:transition-colors", isActive && "skippr:bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx15("div", {
+            /* @__PURE__ */ jsx16("div", {
               className: "skippr:mt-0.5",
-              children: isCompleted ? /* @__PURE__ */ jsx15(CircleCheck, {
+              children: isCompleted ? /* @__PURE__ */ jsx16(CircleCheck, {
                 className: "skippr:size-4 skippr:text-chart-3"
-              }) : isActive ? /* @__PURE__ */ jsx15(Circle, {
+              }) : isActive ? /* @__PURE__ */ jsx16(Circle, {
                 className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
-              }) : /* @__PURE__ */ jsx15(Circle, {
+              }) : /* @__PURE__ */ jsx16(Circle, {
                 className: "skippr:size-4 skippr:text-muted-foreground/30"
               })
             }),
-            /* @__PURE__ */ jsxs13("div", {
+            /* @__PURE__ */ jsxs14("div", {
               className: "skippr:min-w-0 skippr:flex-1",
               children: [
-                /* @__PURE__ */ jsx15("p", {
+                /* @__PURE__ */ jsx16("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__ */ jsx15("ul", {
+                phase.highlights.length > 0 && /* @__PURE__ */ jsx16("ul", {
                   className: "skippr:mt-1 skippr:space-y-0.5",
-                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs13("li", {
+                  children: phase.highlights.map((text) => /* @__PURE__ */ jsxs14("li", {
                     className: cn("skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-[11px] skippr:leading-tight", isCompleted ? "skippr:text-muted-foreground/40 skippr:line-through" : "skippr:text-muted-foreground/70"),
                     children: [
-                      /* @__PURE__ */ jsx15("span", {
+                      /* @__PURE__ */ jsx16("span", {
                         className: "skippr:size-1 skippr:shrink-0 skippr:rounded-full skippr:bg-current"
                       }),
                       text
@@ -4676,12 +4953,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var SESSION_WARNING_THRESHOLD_SECS = 60;
 function SessionWarningBanner({ remaining }) {
   if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
     return null;
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-testid": "session-warning-banner",
     className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
     children: "Session ending soon"
@@ -4689,7 +4966,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/StartSessionPrompt.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var PROMPT_BUTTON = "skippr:cursor-pointer skippr:rounded-xl skippr:bg-primary skippr:px-8 skippr:py-3 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60";
 function StartSessionPrompt({
   onStartSession,
@@ -4701,16 +4978,16 @@ function StartSessionPrompt({
   canResume = false,
   onResume
 }) {
-  return /* @__PURE__ */ jsxs14("div", {
+  return /* @__PURE__ */ jsxs15("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:gap-3 skippr:px-4",
     children: [
-      canResume && onResume ? /* @__PURE__ */ jsx17("button", {
+      canResume && onResume ? /* @__PURE__ */ jsx18("button", {
         type: "button",
         onClick: onResume,
         disabled: isStarting,
         className: PROMPT_BUTTON,
         children: isStarting ? "Resuming..." : "Resume session"
-      }) : /* @__PURE__ */ jsx17("button", {
+      }) : /* @__PURE__ */ jsx18("button", {
         type: "button",
         onClick: () => {
           if (!agentId)
@@ -4721,7 +4998,7 @@ function StartSessionPrompt({
         className: PROMPT_BUTTON,
         children: isStarting ? "Starting..." : label
       }),
-      error && /* @__PURE__ */ jsx17("p", {
+      error && /* @__PURE__ */ jsx18("p", {
         className: "skippr:text-xs skippr:text-destructive",
         children: error
       })
@@ -4730,7 +5007,7 @@ function StartSessionPrompt({
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx18, jsxs as jsxs15, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment2 } from "react/jsx-runtime";
 var PANEL_GAP_PX = 12;
 var PANEL_VIEWPORT_MARGIN_PX = 24;
 var PANEL_MAX_HEIGHT_PX = 460;
@@ -4784,7 +5061,7 @@ function Sidebar({
       height: panelExpanded ? availableHeight : `min(${PANEL_MAX_HEIGHT_PX}px, ${availableHeight})`
     };
   }
-  useEffect20(() => {
+  useEffect22(() => {
     if (!isSidebar)
       return;
     const prop = position === "right" ? "marginRight" : "marginLeft";
@@ -4798,13 +5075,13 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     ref: internalCtx?.panelRef,
     className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:border skippr:border-border skippr:rounded-2xl skippr:shadow-[0_8px_30px_rgba(0,0,0,0.16),0_4px_12px_rgba(0,0,0,0.08)]", isFloating && (position === "right" ? "skippr:right-6" : "skippr:left-6"), isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? position === "right" ? "skippr:origin-top-right" : "skippr:origin-top-left" : position === "right" ? "skippr:origin-bottom-right" : "skippr:origin-bottom-left"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
     style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx18(ChatHeader, {}),
-      authFailed ? /* @__PURE__ */ jsx18(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx18(AuthenticatedContent, {
+      !hideHeader && /* @__PURE__ */ jsx19(ChatHeader, {}),
+      authFailed ? /* @__PURE__ */ jsx19(AuthError, {}) : isAuthenticated ? /* @__PURE__ */ jsx19(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
@@ -4822,12 +5099,12 @@ function Sidebar({
         agentId,
         agentControls,
         showAgenda
-      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx18("div", {
+      }) : usesHostAuth || isValidating ? /* @__PURE__ */ jsx19("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx18(LoadingDots, {
+        children: /* @__PURE__ */ jsx19(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx18(LoginFlow, {
+      }) : /* @__PURE__ */ jsx19(LoginFlow, {
         requestOtp,
         verifyOtp,
         error: authError,
@@ -4865,63 +5142,63 @@ function AuthenticatedContent({
   } else if (isPaused) {
     transitionLabel = "Paused";
   }
-  return /* @__PURE__ */ jsxs15(Fragment2, {
+  return /* @__PURE__ */ jsxs16(Fragment2, {
     children: [
-      isConnected && /* @__PURE__ */ jsx18(ConnectedBanner, {}),
-      /* @__PURE__ */ jsxs15("div", {
+      isConnected && /* @__PURE__ */ jsx19(ConnectedBanner, {}),
+      /* @__PURE__ */ jsxs16("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2 skippr:border-b skippr:border-border skippr:px-3 skippr:py-1",
         children: [
-          /* @__PURE__ */ jsxs15("button", {
+          /* @__PURE__ */ jsxs16("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:transition-all", activeTab === "chat" ? "skippr:text-foreground" : "skippr:text-muted-foreground skippr:hover:text-foreground"),
             onClick: () => onTabChange("chat"),
             children: [
-              /* @__PURE__ */ jsx18(MessageCircle, {
+              /* @__PURE__ */ jsx19(MessageCircle, {
                 className: "skippr:size-3.5"
               }),
               "Chat",
-              activeTab === "chat" && /* @__PURE__ */ jsx18("span", {
+              activeTab === "chat" && /* @__PURE__ */ jsx19("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           }),
-          showAgenda && /* @__PURE__ */ jsxs15("button", {
+          showAgenda && /* @__PURE__ */ jsxs16("button", {
             type: "button",
             className: cn("skippr:relative skippr:inline-flex skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-lg skippr:px-3 skippr:py-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__ */ jsx18(Calendar, {
+              /* @__PURE__ */ jsx19(Calendar, {
                 className: "skippr:size-3.5"
               }),
               "Agenda",
-              activeTab === "agenda" && /* @__PURE__ */ jsx18("span", {
+              activeTab === "agenda" && /* @__PURE__ */ jsx19("span", {
                 className: "skippr:absolute skippr:-bottom-1 skippr:left-3 skippr:right-3 skippr:h-0.5 skippr:rounded-full skippr:bg-foreground"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx18("div", {
+      /* @__PURE__ */ jsx19("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx18("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx19("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx18(LoadingDots, {
+          children: /* @__PURE__ */ jsx19(LoadingDots, {
             label: "Ending session..."
           })
-        }) : inSession ? /* @__PURE__ */ jsxs15(Fragment2, {
+        }) : inSession ? /* @__PURE__ */ jsxs16(Fragment2, {
           children: [
-            transitionLabel && /* @__PURE__ */ jsx18("div", {
+            transitionLabel && /* @__PURE__ */ jsx19("div", {
               className: "skippr:shrink-0 skippr:border-b skippr:border-border skippr:bg-muted/50 skippr:px-3 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:text-muted-foreground",
               children: transitionLabel
             }),
-            /* @__PURE__ */ jsx18(ConnectedBody, {
+            /* @__PURE__ */ jsx19(ConnectedBody, {
               activeTab: effectiveTab,
               autoFocusChat
             })
           ]
-        }) : /* @__PURE__ */ jsx18("div", {
+        }) : /* @__PURE__ */ jsx19("div", {
           className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-          children: /* @__PURE__ */ jsx18(StartSessionPrompt, {
+          children: /* @__PURE__ */ jsx19(StartSessionPrompt, {
             onStartSession,
             agentId,
             agentControls,
@@ -4933,11 +5210,11 @@ function AuthenticatedContent({
           })
         }, `${activeTab}-empty`)
       }),
-      !hideControls && /* @__PURE__ */ jsxs15("div", {
+      !hideControls && /* @__PURE__ */ jsxs16("div", {
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
         children: [
-          isConnected && !isDisconnecting && /* @__PURE__ */ jsx18(ModeToggleRow, {}),
-          /* @__PURE__ */ jsx18("div", {
+          isConnected && !isDisconnecting && /* @__PURE__ */ jsx19(ModeToggleRow, {}),
+          /* @__PURE__ */ jsx19("div", {
             className: "skippr:px-4 skippr:pt-1.5 skippr:pb-2 skippr:text-center skippr:text-[10px] skippr:text-muted-foreground",
             children: "Powered by Skippr"
           })
@@ -4948,23 +5225,23 @@ function AuthenticatedContent({
 }
 function ModeToggleRow() {
   const { textMode, toggleTextMode } = useTextMode();
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx19("div", {
     className: "skippr:flex skippr:justify-center skippr:px-3 skippr:pt-2 skippr:pb-0",
-    children: /* @__PURE__ */ jsx18("button", {
+    children: /* @__PURE__ */ jsx19("button", {
       type: "button",
       "aria-label": textMode ? "Switch to voice mode" : "Switch to text mode",
       className: "skippr:flex skippr:cursor-pointer skippr:items-center skippr:gap-2 skippr:rounded-xl skippr:bg-muted skippr:px-4 skippr:py-1.5 skippr:text-sm skippr:font-medium skippr:text-foreground skippr:transition-colors skippr:hover:bg-muted/70",
       onClick: () => void toggleTextMode(),
-      children: textMode ? /* @__PURE__ */ jsxs15(Fragment2, {
+      children: textMode ? /* @__PURE__ */ jsxs16(Fragment2, {
         children: [
-          /* @__PURE__ */ jsx18(Mic, {
+          /* @__PURE__ */ jsx19(Mic, {
             className: "skippr:size-4"
           }),
           "Voice mode"
         ]
-      }) : /* @__PURE__ */ jsxs15(Fragment2, {
+      }) : /* @__PURE__ */ jsxs16(Fragment2, {
         children: [
-          /* @__PURE__ */ jsx18(MessageSquare, {
+          /* @__PURE__ */ jsx19(MessageSquare, {
             className: "skippr:size-4"
           }),
           "Text mode"
@@ -4974,17 +5251,17 @@ function ModeToggleRow() {
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
     children: [
-      /* @__PURE__ */ jsx18(CircleAlert, {
+      /* @__PURE__ */ jsx19(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx18("p", {
+      /* @__PURE__ */ jsx19("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx18("p", {
+      /* @__PURE__ */ jsx19("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -4993,7 +5270,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx18(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx19(SessionWarningBanner, {
     remaining
   });
 }
@@ -5003,22 +5280,25 @@ function ConnectedBody({
 }) {
   const { allMessages, agentState, sendChatMessage, isSendingChat } = useCombinedMessages();
   const { phases } = usePhaseUpdates();
+  const plan = usePlanUpdates();
+  const { agentControls } = useLiveAgent();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx18("div", {
+    return /* @__PURE__ */ jsx19("div", {
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx18(SessionAgenda, {
+      children: /* @__PURE__ */ jsx19(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx19("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx18(MessageList, {
+    children: /* @__PURE__ */ jsx19(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
       isSendingChat,
+      plan: agentControls?.actions ? plan : null,
       autoFocus: autoFocusChat
     })
   }, "chat");
@@ -5028,9 +5308,9 @@ function ConnectedBody({
 import { useContext as useContext11 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsxs16("svg", {
+  return /* @__PURE__ */ jsxs17("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -5040,20 +5320,20 @@ function Logo({ className }) {
     "aria-label": "Skippr",
     className,
     children: [
-      /* @__PURE__ */ jsx19("rect", {
+      /* @__PURE__ */ jsx20("rect", {
         width: "200",
         height: "200",
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs16("g", {
+      /* @__PURE__ */ jsxs17("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
-          /* @__PURE__ */ jsx19("path", {
+          /* @__PURE__ */ jsx20("path", {
             d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
             fill: "white"
           }),
-          /* @__PURE__ */ jsx19("path", {
+          /* @__PURE__ */ jsx20("path", {
             d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
             className: "skippr:fill-brand"
           })
@@ -5064,7 +5344,7 @@ function Logo({ className }) {
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function SidebarTrigger() {
   const {
     isPanelOpen,
@@ -5083,29 +5363,41 @@ function SidebarTrigger() {
   if (isMinimized || isConnected || isStarting || isPausing)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx20("button", {
+  return /* @__PURE__ */ jsx21("button", {
     type: "button",
     onClick: handleClick,
     title: isPanelOpen ? "Close chat" : "Open chat",
     "aria-label": isPanelOpen ? "Close chat" : "Open chat",
     style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
     className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    children: isPanelOpen ? /* @__PURE__ */ jsx20(ChevronDown, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx21(ChevronDown, {
       className: "skippr:size-5"
-    }) : /* @__PURE__ */ jsx20(Logo, {
+    }) : /* @__PURE__ */ jsx21(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function AgentCursorMount({ animated }) {
-  return /* @__PURE__ */ jsx21(AgentCursor, {
+  return /* @__PURE__ */ jsx22(AgentCursor, {
     target: useAgentCursor(),
     animated
   });
 }
+function PlanPanelOpener() {
+  const plan = usePlanUpdates();
+  const { expandPanel } = useLiveAgent();
+  const surfacedPlanIdRef = useRef17(null);
+  useEffect23(() => {
+    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,
@@ -5138,20 +5430,20 @@ function LiveAgent(props) {
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
   const hasModuleSelector = !hostAgentId;
-  const [activeModule, setActiveModule] = useState15(null);
+  const [activeModule, setActiveModule] = useState17(null);
   const agentId = hasModuleSelector ? activeModule?.id ?? null : hostAgentId;
   const agentControls = hasModuleSelector ? activeModule?.controls : hostAgentControls;
-  const minimizeOnSessionStart = useCallback11(() => {
+  const minimizeOnSessionStart = useCallback14(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback11(() => {
+  const expandOnSessionStartError = useCallback14(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizeOnSessionDisconnect = useCallback11(() => {
+  const minimizeOnSessionDisconnect = useCallback14(() => {
     if (hasModuleSelector) {
       setActiveModule(null);
     }
@@ -5189,27 +5481,27 @@ function LiveAgent(props) {
   });
   const teardownInFlightRef = useRef17(false);
   teardownInFlightRef.current = isPaused || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback11(() => {
+  const handleRoomDisconnected = useCallback14(() => {
     if (teardownInFlightRef.current)
       return;
     disconnect();
   }, [disconnect]);
   const isSessionLive = connection !== null || isStarting || isPausing || isDisconnecting;
-  const [isPanelOpen, setIsPanelOpen] = useState15(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState15(minimizable && !defaultOpen);
-  const [sidebarTab, setSidebarTab] = useState15("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState15([]);
-  const [textMode, setTextMode] = useState15(false);
-  const [panelExpanded, setPanelExpanded] = useState15(false);
-  const togglePanelExpanded = useCallback11(() => setPanelExpanded((prev) => !prev), []);
+  const [isPanelOpen, setIsPanelOpen] = useState17(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState17(minimizable && !defaultOpen);
+  const [sidebarTab, setSidebarTab] = useState17("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState17([]);
+  const [textMode, setTextMode] = useState17(false);
+  const [panelExpanded, setPanelExpanded] = useState17(false);
+  const togglePanelExpanded = useCallback14(() => setPanelExpanded((prev) => !prev), []);
   const panelRef = useRef17(null);
-  const setTextModeState = useCallback11((enabled) => {
+  const setTextModeState = useCallback14((enabled) => {
     setTextMode(enabled);
     setPanelExpanded(enabled);
   }, []);
   const isConnected = connection !== null;
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect21(() => {
+  useEffect23(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -5239,7 +5531,7 @@ function LiveAgent(props) {
   const agentMode = activeModuleForAgent?.mode ?? null;
   const shouldAnimateCursor = activeModuleForAgent?.uiPreferences?.animateCursor ?? animateAgentCursor;
   const resumableSession = useMemo6(() => getResumableSession(activeModuleForAgent), [activeModuleForAgent]);
-  const resumeSession = useCallback11(async () => {
+  const resumeSession = useCallback14(async () => {
     if (!resumableSession)
       return;
     await startSession({
@@ -5248,7 +5540,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, startSession, agentControls]);
-  const selectModule = useCallback11((moduleId) => {
+  const selectModule = useCallback14((moduleId) => {
     const found = availableModules.find((m) => m.id === moduleId);
     if (!found)
       return;
@@ -5259,7 +5551,7 @@ function LiveAgent(props) {
       existingSessionId: getResumableSessionId(found.currentSession, found.mode)
     });
   }, [availableModules, startSession]);
-  const startAdoptionSession = useCallback11((goal) => {
+  const startAdoptionSession = useCallback14((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
@@ -5270,9 +5562,9 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const [welcomeDismissed, setWelcomeDismissed] = useState15(false);
-  const dismissWelcome = useCallback11(() => setWelcomeDismissed(true), []);
-  const [currentPosition, setCurrentPosition] = useState15(() => {
+  const [welcomeDismissed, setWelcomeDismissed] = useState17(false);
+  const dismissWelcome = useCallback14(() => setWelcomeDismissed(true), []);
+  const [currentPosition, setCurrentPosition] = useState17(() => {
     try {
       const saved = localStorage.getItem("skippr_widget_position");
       if (saved === "left" || saved === "right")
@@ -5280,13 +5572,13 @@ function LiveAgent(props) {
     } catch {}
     return position;
   });
-  const setPositionWithPersist = useCallback11((pos) => {
+  const setPositionWithPersist = useCallback14((pos) => {
     setCurrentPosition(pos);
     try {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
-  const [launcherBottomPx, setLauncherBottomPxState] = useState15(() => {
+  const [launcherBottomPx, setLauncherBottomPxState] = useState17(() => {
     try {
       const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
       if (Number.isFinite(saved) && saved > 0)
@@ -5294,8 +5586,8 @@ function LiveAgent(props) {
     } catch {}
     return DEFAULT_LAUNCHER_BOTTOM_PX;
   });
-  const [popsDown, setPopsDown] = useState15(() => launcherPopsDown(launcherBottomPx));
-  const setLauncherBottomPx = useCallback11((px) => {
+  const [popsDown, setPopsDown] = useState17(() => launcherPopsDown(launcherBottomPx));
+  const setLauncherBottomPx = useCallback14((px) => {
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
     try {
@@ -5304,7 +5596,7 @@ function LiveAgent(props) {
   }, []);
   const launcherBottomPxRef = useRef17(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
-  useEffect21(() => {
+  useEffect23(() => {
     const syncToViewport = () => {
       const clamped = clampLauncherBottom(launcherBottomPxRef.current);
       setLauncherBottomPxState(clamped);
@@ -5314,20 +5606,20 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncToViewport);
     return () => window.removeEventListener("resize", syncToViewport);
   }, []);
-  const openPanel = useCallback11(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback11(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback11(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback11(() => {
+  const openPanel = useCallback14(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback14(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback14(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback14(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback11(() => {
+  const minimizePanel = useCallback14(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const pauseSessionAndMinimize = useCallback11(async () => {
+  const pauseSessionAndMinimize = useCallback14(async () => {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
@@ -5456,38 +5748,39 @@ function LiveAgent(props) {
     adoptionGoals,
     startAdoptionSession
   ]);
-  return /* @__PURE__ */ jsx21(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx22(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs17(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs18(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: handleRoomDisconnected,
       children: [
-        connection && !textMode && /* @__PURE__ */ jsx21(RoomAudioRenderer, {}),
-        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx21(AutoStartMedia, {
+        connection && !textMode && /* @__PURE__ */ jsx22(RoomAudioRenderer, {}),
+        connection && captureMode === "screenshare" && /* @__PURE__ */ jsx22(AutoStartMedia, {
           pendingScreenStream
         }),
-        connection && captureMode === "auto" && /* @__PURE__ */ jsx21(DomCapture, {}),
-        /* @__PURE__ */ jsxs17(ShadowHost, {
+        connection && captureMode === "auto" && /* @__PURE__ */ jsx22(DomCapture, {}),
+        /* @__PURE__ */ jsxs18(ShadowHost, {
           children: [
-            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx21(HighlightOverlay, {}),
-            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx21(PageActionHandler, {}),
-            connection && captureMode === "auto" && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx21(AgentCursorMount, {
+            connection && captureMode === "auto" && agentControls?.highlight && /* @__PURE__ */ jsx22(HighlightOverlay, {}),
+            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx22(PageActionHandler, {}),
+            connection && captureMode === "auto" && agentControls?.actions && /* @__PURE__ */ jsx22(PlanPanelOpener, {}),
+            connection && captureMode === "auto" && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx22(AgentCursorMount, {
               animated: shouldAnimateCursor
             }),
-            /* @__PURE__ */ jsxs17("div", {
+            /* @__PURE__ */ jsxs18("div", {
               id: WIDGET_ROOT_ID,
               children: [
-                isMinimized && !showControlBar && /* @__PURE__ */ jsx21(MinimizedBubble, {
+                isMinimized && !showControlBar && /* @__PURE__ */ jsx22(MinimizedBubble, {
                   welcomeMessage,
                   welcomeDismissed,
                   onDismissWelcome: dismissWelcome
                 }),
-                showControlBar && !hideControls && /* @__PURE__ */ jsx21(SessionControlBar, {}),
-                /* @__PURE__ */ jsx21(SidebarTrigger, {}),
-                /* @__PURE__ */ jsx21(Sidebar, {
+                showControlBar && !hideControls && /* @__PURE__ */ jsx22(SessionControlBar, {}),
+                /* @__PURE__ */ jsx22(SidebarTrigger, {}),
+                /* @__PURE__ */ jsx22(Sidebar, {
                   hideControls,
                   hideHeader,
                   startSessionLabel
@@ -5502,9 +5795,9 @@ function LiveAgent(props) {
   });
 }
 // src/hooks/useIsLocalSpeaking.ts
-import { useIsSpeaking, useLocalParticipant as useLocalParticipant8 } from "@livekit/components-react/hooks";
+import { useIsSpeaking, useLocalParticipant as useLocalParticipant9 } from "@livekit/components-react/hooks";
 function useIsLocalSpeaking() {
-  const { localParticipant } = useLocalParticipant8();
+  const { localParticipant } = useLocalParticipant9();
   return useIsSpeaking(localParticipant);
 }
 export {