@skippr/live-agent-sdk 0.110.0 → 0.111.0

package/dist/esm/lib-exports.js

@@ -387,63 +387,6 @@ function isEditableTarget() {
   return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el.isContentEditable;
 }
 
-// src/components/ConsentNotice.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ConsentNotice({ className, leadIn, determiner = "Skippr's" }) {
-  return /* @__PURE__ */ jsxs("p", {
-    className: cn("skippr:text-[11px] skippr:leading-[1.2] skippr:text-muted-foreground skippr:text-center", className),
-    children: [
-      leadIn,
-      ", you agree to ",
-      determiner,
-      " ",
-      /* @__PURE__ */ jsx("a", {
-        href: "https://www.skippr.ai/terms",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "skippr:underline skippr:underline-offset-[2px] skippr:decoration-muted-foreground/40 skippr:hover:text-foreground skippr:hover:decoration-muted-foreground",
-        children: "Terms"
-      }),
-      " ",
-      "&",
-      " ",
-      /* @__PURE__ */ jsx("a", {
-        href: "https://www.skippr.ai/privacy",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "skippr:underline skippr:underline-offset-[2px] skippr:decoration-muted-foreground/40 skippr:hover:text-foreground skippr:hover:decoration-muted-foreground",
-        children: "Privacy"
-      })
-    ]
-  });
-}
-
-// src/components/ConsentBubble.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ConsentBubble({
-  className,
-  style,
-  leadIn,
-  onPointerEnter,
-  onPointerLeave
-}) {
-  return /* @__PURE__ */ jsx2("div", {
-    className: cn("skippr:pointer-events-auto skippr:w-[240px] skippr:rounded-2xl skippr:bg-white skippr:px-2.5 skippr:py-1.5 skippr:shadow-[0_6px_16px_rgba(45,45,63,0.14)]", className),
-    style,
-    onPointerEnter,
-    onPointerLeave,
-    children: /* @__PURE__ */ jsx2(ConsentNotice, {
-      leadIn
-    })
-  });
-}
-
-// src/components/VoiceBarLoginCard.tsx
-import { useContext as useContext2 } from "react";
-
-// src/context/LiveAgentContext.tsx
-import { createContext as createContext2 } from "react";
-
 // src/lib/constants.ts
 var BUDDY_SHAPE = {
   Bolt: "bolt",
@@ -542,6 +485,11 @@ var SPLASH_SURFACE = {
   Host: "host"
 };
 var SKIPPR_OPEN_EVENT = "skippr:open";
+var CONSENT_TERMS_PLACEHOLDER = "{terms}";
+var CONSENT_PRIVACY_PLACEHOLDER = "{privacy}";
+var CONSENT_NOTICE_SESSION_START = `By starting a session, you agree to Skippr's ${CONSENT_TERMS_PLACEHOLDER} & ${CONSENT_PRIVACY_PLACEHOLDER}`;
+var CONSENT_NOTICE_CONTINUING = `By continuing, you agree to the ${CONSENT_TERMS_PLACEHOLDER} & ${CONSENT_PRIVACY_PLACEHOLDER}`;
+var CONSENT_NOTICE_AGENT_SESSION_START = `By starting the AI agent session, you agree to Skippr's ${CONSENT_TERMS_PLACEHOLDER} & ${CONSENT_PRIVACY_PLACEHOLDER}`;
 var SPLASH_COPY_DEFAULTS = {
   howItWorksHeading: "How it works",
   lastAccomplishmentHeading: "Last accomplishment",
@@ -558,7 +506,21 @@ var SPLASH_COPY_DEFAULTS = {
   tipsHeading: "Tips",
   tipsCta: "Need help with something else?",
   tipsEmptyTitle: "Ask about this page",
-  tipsEmptyDescription: "Get instant answers about anything you see here"
+  tipsEmptyDescription: "Get instant answers about anything you see here",
+  attributionPrefix: "AI Agent Powered by",
+  closeLabel: "Close",
+  mediaEnableAction: "Enable",
+  mediaEnabledStatus: "Enabled",
+  micMutedStatus: "Muted",
+  screenRequiredStatus: "Required",
+  muteMicAction: "Mute microphone",
+  consentNotice: CONSENT_NOTICE_SESSION_START,
+  sectionRouteTitle: "Guides you step by step",
+  sectionRouteDescription: "Walks you through each step, start to finish",
+  sectionMessagesTitle: "Talk or type",
+  sectionMessagesDescription: "Ask by voice or in chat",
+  sectionPointerTitle: "Ask it to click through for you",
+  sectionPointerDescription: "Controls the environment for you"
 };
 var SPLASH_SECTION_GLYPH = {
   Route: "route",
@@ -568,20 +530,20 @@ var SPLASH_SECTION_GLYPH = {
 var DEFAULT_SPLASH_SECTIONS = [
   {
     id: "9f2b1c4a-5d6e-4f70-8a91-b2c3d4e5f601",
-    title: "Guides you step by step",
-    description: "Walks you through each step, start to finish",
+    title: SPLASH_COPY_DEFAULTS.sectionRouteTitle,
+    description: SPLASH_COPY_DEFAULTS.sectionRouteDescription,
     glyph: SPLASH_SECTION_GLYPH.Route
   },
   {
     id: "9f2b1c4a-5d6e-4f70-8a91-b2c3d4e5f602",
-    title: "Talk or type",
-    description: "Ask by voice or in chat",
+    title: SPLASH_COPY_DEFAULTS.sectionMessagesTitle,
+    description: SPLASH_COPY_DEFAULTS.sectionMessagesDescription,
     glyph: SPLASH_SECTION_GLYPH.Messages
   },
   {
     id: "9f2b1c4a-5d6e-4f70-8a91-b2c3d4e5f603",
-    title: "Ask it to click through for you",
-    description: "Controls the environment for you",
+    title: SPLASH_COPY_DEFAULTS.sectionPointerTitle,
+    description: SPLASH_COPY_DEFAULTS.sectionPointerDescription,
     glyph: SPLASH_SECTION_GLYPH.Pointer
   }
 ];
@@ -625,7 +587,68 @@ var PLAN_ATTR = "skippr.action-plan";
 var LINK_CARD_ATTR = "skippr.link-card";
 var NAME_MAX_CHARS = 80;
 
+// src/components/ConsentNotice.tsx
+import { jsx } from "react/jsx-runtime";
+var CONSENT_LINK_BY_PLACEHOLDER = {
+  [CONSENT_TERMS_PLACEHOLDER]: { href: "https://www.skippr.ai/terms", label: "Terms" },
+  [CONSENT_PRIVACY_PLACEHOLDER]: { href: "https://www.skippr.ai/privacy", label: "Privacy" }
+};
+var CONSENT_LINK_CLASS = "skippr:underline skippr:underline-offset-[2px] skippr:decoration-muted-foreground/40 skippr:hover:text-foreground skippr:hover:decoration-muted-foreground";
+function toConsentParts(template) {
+  const parts = [];
+  let rest = template;
+  while (rest.length > 0) {
+    const next = Object.keys(CONSENT_LINK_BY_PLACEHOLDER).map((placeholder) => ({ placeholder, at: rest.indexOf(placeholder) })).filter(({ at }) => at !== -1).sort((a, b) => a.at - b.at)[0];
+    if (!next) {
+      parts.push(rest);
+      break;
+    }
+    if (next.at > 0)
+      parts.push(rest.slice(0, next.at));
+    parts.push(CONSENT_LINK_BY_PLACEHOLDER[next.placeholder]);
+    rest = rest.slice(next.at + next.placeholder.length);
+  }
+  return parts;
+}
+function ConsentNotice({ className, template }) {
+  return /* @__PURE__ */ jsx("p", {
+    lang: "en",
+    className: cn("skippr:text-[11px] skippr:leading-[1.2] skippr:text-muted-foreground skippr:text-center", className),
+    children: toConsentParts(template).map((part) => typeof part === "string" ? part : /* @__PURE__ */ jsx("a", {
+      href: part.href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: CONSENT_LINK_CLASS,
+      children: part.label
+    }, part.href))
+  });
+}
+
+// src/components/ConsentBubble.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ConsentBubble({
+  className,
+  style,
+  template,
+  onPointerEnter,
+  onPointerLeave
+}) {
+  return /* @__PURE__ */ jsx2("div", {
+    className: cn("skippr:pointer-events-auto skippr:w-[240px] skippr:rounded-2xl skippr:bg-white skippr:px-2.5 skippr:py-1.5 skippr:shadow-[0_6px_16px_rgba(45,45,63,0.14)]", className),
+    style,
+    onPointerEnter,
+    onPointerLeave,
+    children: /* @__PURE__ */ jsx2(ConsentNotice, {
+      template
+    })
+  });
+}
+
+// src/components/VoiceBarLoginCard.tsx
+import { useContext as useContext2 } from "react";
+
 // src/context/LiveAgentContext.tsx
+import { createContext as createContext2 } from "react";
 var LiveAgentContext = createContext2(null);
 
 // src/components/LoginFlow.tsx
@@ -661,7 +684,7 @@ var Button = forwardRef3(({ className, variant = "default", size = "default", ..
 Button.displayName = "Button";
 
 // src/components/LoginFlow.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var OTP_LENGTH = 6;
 var DIGIT_KEYS = ["d0", "d1", "d2", "d3", "d4", "d5"];
 function LoginFlow({ requestOtp, verifyOtp, error, isSubmitting }) {
@@ -705,10 +728,10 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
     if (email.trim())
       onSubmit(email.trim());
   }
-  return /* @__PURE__ */ jsxs2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs2("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
           /* @__PURE__ */ jsx4(Mail, {
@@ -724,7 +747,7 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("form", {
+      /* @__PURE__ */ jsxs("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
@@ -751,7 +774,7 @@ function EmailStep({ email, onEmailChange, onSubmit, error, isSubmitting }) {
             className: "skippr:text-xs skippr:text-center skippr:text-destructive",
             children: error
           }),
-          /* @__PURE__ */ jsxs2("p", {
+          /* @__PURE__ */ jsxs("p", {
             className: "skippr:text-[11px] skippr:leading-relaxed skippr:text-muted-foreground skippr:text-center",
             children: [
               "By continuing, you agree to the",
@@ -851,17 +874,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
     submittedRef.current = false;
     inputRefs.current[0]?.focus();
   }
-  return /* @__PURE__ */ jsxs2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs2("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "skippr:mb-4 skippr:text-center",
         children: [
           /* @__PURE__ */ jsx4("p", {
             className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
             children: "Enter verification code"
           }),
-          /* @__PURE__ */ jsxs2("p", {
+          /* @__PURE__ */ jsxs("p", {
             className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
             children: [
               "We sent a 6-digit code to",
@@ -874,7 +897,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("form", {
+      /* @__PURE__ */ jsxs("form", {
         onSubmit: handleSubmit,
         className: "skippr:flex skippr:flex-col skippr:gap-3",
         children: [
@@ -909,7 +932,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
               className: "skippr:size-4 skippr:animate-spin"
             }) : "Verify"
           }),
-          /* @__PURE__ */ jsxs2("div", {
+          /* @__PURE__ */ jsxs("div", {
             className: "skippr:flex skippr:items-center skippr:justify-between skippr:text-xs",
             children: [
               /* @__PURE__ */ jsx4("button", {
@@ -935,17 +958,17 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 }
 
 // src/components/VoiceBarLoginCard.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function VoiceBarLoginCard({ onDismiss }) {
   const ctx = useContext2(LiveAgentContext);
   if (!ctx) {
     throw new Error("VoiceBarLoginCard must be used within a <LiveAgent> provider");
   }
   const { requestOtp, verifyOtp, authError, isAuthSubmitting } = ctx;
-  return /* @__PURE__ */ jsxs3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "skippr:w-[320px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
     children: [
-      /* @__PURE__ */ jsxs3("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
         children: [
           /* @__PURE__ */ jsx5("span", {
@@ -1178,7 +1201,7 @@ function useVoiceTurn() {
 }
 
 // src/buddy/BuddyFace.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function BuddyFace({
   eyeDx,
   eyeDy,
@@ -1187,7 +1210,7 @@ function BuddyFace({
   lidsPath,
   pupilOpacity
 }) {
-  return /* @__PURE__ */ jsxs4("svg", {
+  return /* @__PURE__ */ jsxs3("svg", {
     width: "52",
     height: "28",
     viewBox: "0 0 52 28",
@@ -1200,7 +1223,7 @@ function BuddyFace({
           transformOrigin: "center",
           animation: "skippr-blink 4.6s ease-in-out infinite"
         },
-        children: /* @__PURE__ */ jsxs4("g", {
+        children: /* @__PURE__ */ jsxs3("g", {
           opacity: pupilOpacity,
           children: [
             /* @__PURE__ */ jsx6("ellipse", {
@@ -1221,7 +1244,7 @@ function BuddyFace({
               stroke: "#2D2D3F",
               strokeWidth: "2"
             }),
-            /* @__PURE__ */ jsxs4("g", {
+            /* @__PURE__ */ jsxs3("g", {
               transform: `translate(${eyeDx} ${eyeDy})`,
               children: [
                 /* @__PURE__ */ jsx6("circle", {
@@ -1289,7 +1312,7 @@ function PeekBody() {
 }
 
 // src/buddy/shapes/colorful.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function BloomBody() {
   return /* @__PURE__ */ jsx8("svg", {
     width: BODY_SIZE.width,
@@ -1336,10 +1359,10 @@ function PopBody() {
     viewBox: "0 0 96 92",
     style: { display: "block", overflow: "visible" },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxs5("g", {
+    children: /* @__PURE__ */ jsxs4("g", {
       fill: "#7B52D3",
       children: [
-        /* @__PURE__ */ jsxs5("g", {
+        /* @__PURE__ */ jsxs4("g", {
           className: "skippr-avatar-bub-tail",
           children: [
             /* @__PURE__ */ jsx8("circle", {
@@ -1368,10 +1391,10 @@ function RoboBody() {
     viewBox: "0 0 96 92",
     style: { display: "block", overflow: "visible" },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxs5("g", {
+    children: /* @__PURE__ */ jsxs4("g", {
       fill: "#5FA8E8",
       children: [
-        /* @__PURE__ */ jsxs5("g", {
+        /* @__PURE__ */ jsxs4("g", {
           className: "skippr-avatar-antenna",
           children: [
             /* @__PURE__ */ jsx8("rect", {
@@ -1411,9 +1434,9 @@ function RoboBody() {
 }
 
 // src/buddy/shapes/glass.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function BoulderBody() {
-  return /* @__PURE__ */ jsxs6("svg", {
+  return /* @__PURE__ */ jsxs5("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1438,7 +1461,7 @@ function BoulderBody() {
   });
 }
 function KiteBody() {
-  return /* @__PURE__ */ jsxs6("svg", {
+  return /* @__PURE__ */ jsxs5("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1464,7 +1487,7 @@ function KiteBody() {
   });
 }
 function LoafBody() {
-  return /* @__PURE__ */ jsxs6("svg", {
+  return /* @__PURE__ */ jsxs5("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1489,7 +1512,7 @@ function LoafBody() {
   });
 }
 function FacetBody() {
-  return /* @__PURE__ */ jsxs6("svg", {
+  return /* @__PURE__ */ jsxs5("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1513,7 +1536,7 @@ function FacetBody() {
   });
 }
 function BellBody() {
-  return /* @__PURE__ */ jsxs6("svg", {
+  return /* @__PURE__ */ jsxs5("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1547,9 +1570,9 @@ function BellBody() {
 }
 
 // src/buddy/shapes/original.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function BoltBody() {
-  return /* @__PURE__ */ jsxs7("svg", {
+  return /* @__PURE__ */ jsxs6("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1611,7 +1634,7 @@ function BoltBody() {
   });
 }
 function TermBody() {
-  return /* @__PURE__ */ jsxs7("svg", {
+  return /* @__PURE__ */ jsxs6("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1656,7 +1679,7 @@ function TermBody() {
   });
 }
 function HexBody() {
-  return /* @__PURE__ */ jsxs7("svg", {
+  return /* @__PURE__ */ jsxs6("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1698,9 +1721,9 @@ function BubBody() {
 }
 
 // src/buddy/shapes/pixel.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function TotemBody() {
-  return /* @__PURE__ */ jsxs8("svg", {
+  return /* @__PURE__ */ jsxs7("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1754,7 +1777,7 @@ function TotemBody() {
   });
 }
 function MelonBody() {
-  return /* @__PURE__ */ jsxs8("svg", {
+  return /* @__PURE__ */ jsxs7("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1815,7 +1838,7 @@ function MelonBody() {
   });
 }
 function SunnyBody() {
-  return /* @__PURE__ */ jsxs8("svg", {
+  return /* @__PURE__ */ jsxs7("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1862,7 +1885,7 @@ function SunnyBody() {
   });
 }
 function StormBody() {
-  return /* @__PURE__ */ jsxs8("svg", {
+  return /* @__PURE__ */ jsxs7("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -1909,7 +1932,7 @@ function StormBody() {
   });
 }
 function ReedBody() {
-  return /* @__PURE__ */ jsxs8("svg", {
+  return /* @__PURE__ */ jsxs7("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.height,
     viewBox: "0 0 96 92",
@@ -2003,7 +2026,7 @@ var SHAPE_FACE_OFFSET = {
 };
 
 // src/buddy/BuddyFamilyFace.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var VIEWBOX_UNITS_PER_PX = 512 / BODY_SIZE.width;
 var COLORFUL_FACE = {
   rAlmond: "M240.7 287.4C262.7 265.4 262.7 229.6 240.7 207.6C235.7 202.6 230 198.7 224 196C203.2 186.6 178 190.5 160.9 207.6C138.9 229.6 138.9 265.4 160.9 287.4C179.7 306.2 208.5 308.9 230.2 295.6C233.9 293.4 237.5 290.6 240.7 287.4C240.7 287.4 240.7 287.4 240.7 287.4Z",
@@ -2041,7 +2064,7 @@ function ColorfulFace({
   const eyeGroupProps = animated ? { className: "skippr-avatar-blink" } : { className: "skippr-buddy-blink" };
   const pupilGroupProps = animated ? { className: "skippr-avatar-pupil" } : { transform: pupilShift };
   if (asleep) {
-    return /* @__PURE__ */ jsxs9("svg", {
+    return /* @__PURE__ */ jsxs8("svg", {
       width: BODY_SIZE.width,
       height: BODY_SIZE.width,
       viewBox: "0 0 512 512",
@@ -2067,7 +2090,7 @@ function ColorfulFace({
       ]
     });
   }
-  return /* @__PURE__ */ jsxs9("svg", {
+  return /* @__PURE__ */ jsxs8("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.width,
     viewBox: "0 0 512 512",
@@ -2087,10 +2110,10 @@ function ColorfulFace({
           d: COLORFUL_FACE.lAlmond
         })
       }),
-      /* @__PURE__ */ jsxs9("g", {
+      /* @__PURE__ */ jsxs8("g", {
         className: animated ? "skippr-avatar-eyes" : undefined,
         children: [
-          /* @__PURE__ */ jsxs9("g", {
+          /* @__PURE__ */ jsxs8("g", {
             ...eyeGroupProps,
             children: [
               /* @__PURE__ */ jsx12("path", {
@@ -2099,7 +2122,7 @@ function ColorfulFace({
               }),
               /* @__PURE__ */ jsx12("g", {
                 clipPath: `url(#${clipId}r)`,
-                children: /* @__PURE__ */ jsxs9("g", {
+                children: /* @__PURE__ */ jsxs8("g", {
                   ...pupilGroupProps,
                   children: [
                     /* @__PURE__ */ jsx12("circle", {
@@ -2117,7 +2140,7 @@ function ColorfulFace({
               })
             ]
           }),
-          /* @__PURE__ */ jsxs9("g", {
+          /* @__PURE__ */ jsxs8("g", {
             ...eyeGroupProps,
             children: [
               /* @__PURE__ */ jsx12("path", {
@@ -2126,7 +2149,7 @@ function ColorfulFace({
               }),
               /* @__PURE__ */ jsx12("g", {
                 clipPath: `url(#${clipId}l)`,
-                children: /* @__PURE__ */ jsxs9("g", {
+                children: /* @__PURE__ */ jsxs8("g", {
                   ...pupilGroupProps,
                   children: [
                     /* @__PURE__ */ jsx12("circle", {
@@ -2160,7 +2183,7 @@ function aimPupil(center, rest, eyeDx, eyeDy) {
 }
 function PixelFace({ eyeDx, eyeDy, asleep }) {
   if (asleep) {
-    return /* @__PURE__ */ jsxs9("svg", {
+    return /* @__PURE__ */ jsxs8("svg", {
       width: BODY_SIZE.width,
       height: BODY_SIZE.width,
       viewBox: "0 0 512 512",
@@ -2189,7 +2212,7 @@ function PixelFace({ eyeDx, eyeDy, asleep }) {
   const tracking = eyeDx !== 0 || eyeDy !== 0;
   const right = tracking ? aimPupil(PIXEL_FACE.r, PIXEL_FACE.pupilRest.r, eyeDx, eyeDy) : PIXEL_FACE.pupilRest.r;
   const left = tracking ? aimPupil(PIXEL_FACE.l, PIXEL_FACE.pupilRest.l, eyeDx, eyeDy) : PIXEL_FACE.pupilRest.l;
-  return /* @__PURE__ */ jsxs9("svg", {
+  return /* @__PURE__ */ jsxs8("svg", {
     width: BODY_SIZE.width,
     height: BODY_SIZE.width,
     viewBox: "0 0 512 512",
@@ -2197,7 +2220,7 @@ function PixelFace({ eyeDx, eyeDy, asleep }) {
     "data-testid": "buddy-face-pixel",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsxs9("g", {
+      /* @__PURE__ */ jsxs8("g", {
         className: "skippr-buddy-blink",
         children: [
           /* @__PURE__ */ jsx12("circle", {
@@ -2216,7 +2239,7 @@ function PixelFace({ eyeDx, eyeDy, asleep }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("g", {
+      /* @__PURE__ */ jsxs8("g", {
         className: "skippr-buddy-blink",
         children: [
           /* @__PURE__ */ jsx12("circle", {
@@ -2240,7 +2263,7 @@ function PixelFace({ eyeDx, eyeDy, asleep }) {
 }
 
 // src/buddy/BuddyCreature.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var COLORFUL_SHAPES = new Set([
   BUDDY_SHAPE.Bloom,
   BUDDY_SHAPE.Wobble,
@@ -2302,7 +2325,7 @@ function BuddyCreature({ shape, mode, eyeDx, eyeDy, isTalking }) {
   const offset = SHAPE_FACE_OFFSET[shape];
   const asleep = mode === BUDDY_MODE.Sleep;
   const colorfulAnimated = isColorful && mode !== BUDDY_MODE.Sleep && mode !== BUDDY_MODE.Happy;
-  return /* @__PURE__ */ jsxs10("span", {
+  return /* @__PURE__ */ jsxs9("span", {
     "data-testid": `buddy-shape-${shape}`,
     style: {
       position: "relative",
@@ -2343,7 +2366,7 @@ function BuddyCreature({ shape, mode, eyeDx, eyeDy, isTalking }) {
           pupilOpacity: face.pupilOpacity
         })
       }),
-      mode === BUDDY_MODE.Sleep && /* @__PURE__ */ jsxs10("span", {
+      mode === BUDDY_MODE.Sleep && /* @__PURE__ */ jsxs9("span", {
         style: {
           position: "absolute",
           bottom: "calc(100% - 10px)",
@@ -2774,7 +2797,7 @@ function useBuddyIdleMode({
 }
 
 // src/buddy/BuddyVoiceBar.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var WAKE_BUBBLE_MS = 2100;
 var FOCUS_RING = {
   outline: "2px solid var(--skippr-brand, #2bc0ae)",
@@ -2833,7 +2856,7 @@ var PEEK_CLASS = {
   bottom: "skippr-peek-bottom"
 };
 function BuddyLoadingDots() {
-  return /* @__PURE__ */ jsxs11("span", {
+  return /* @__PURE__ */ jsxs10("span", {
     className: "skippr:flex skippr:items-center skippr:gap-[3px]",
     "aria-hidden": "true",
     children: [
@@ -3034,7 +3057,7 @@ function BuddyVoiceBar({ revealed }) {
   };
   return /* @__PURE__ */ jsx14("div", {
     style: isConnected ? activeWrapperStyle : { ...edgeWrapperStyle(edgeDrag.pos), touchAction: "none" },
-    children: isConnected ? /* @__PURE__ */ jsxs11("div", {
+    children: isConnected ? /* @__PURE__ */ jsxs10("div", {
       ref: (node) => {
         containerRef.current = node;
       },
@@ -3077,13 +3100,13 @@ function BuddyVoiceBar({ revealed }) {
           "aria-label": "Close buddy session",
           title: "Close",
           className: `skippr:absolute skippr:-right-1 skippr:-top-1 skippr:flex skippr:h-6 skippr:w-6 skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#5c5850] ${isDisconnecting ? "skippr:cursor-default" : "skippr:cursor-pointer skippr:bg-white/80 skippr:shadow-[0_2px_6px_rgba(45,45,63,0.14)] skippr:hover:text-[#2D2D3F]"}`,
-          children: /* @__PURE__ */ jsxs11("span", {
+          children: /* @__PURE__ */ jsxs10("span", {
             className: "skippr:relative skippr:flex skippr:size-5 skippr:items-center skippr:justify-center",
             children: [
               /* @__PURE__ */ jsx14(X, {
                 className: `skippr:size-3.5 skippr:transition-opacity skippr:duration-200 ${isDisconnecting ? "skippr:opacity-40" : ""}`
               }),
-              isDisconnecting && /* @__PURE__ */ jsxs11("svg", {
+              isDisconnecting && /* @__PURE__ */ jsxs10("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 "aria-hidden": "true",
@@ -3111,7 +3134,7 @@ function BuddyVoiceBar({ revealed }) {
             ]
           })
         }),
-        showWakeBubble ? /* @__PURE__ */ jsxs11("div", {
+        showWakeBubble ? /* @__PURE__ */ jsxs10("div", {
           className: "skippr:absolute skippr:-top-8 skippr:left-1/2 skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-1.5 skippr:whitespace-nowrap skippr:rounded-full skippr:bg-white skippr:px-3 skippr:py-1 skippr:text-[11px] skippr:font-medium skippr:text-[#2D2D3F] skippr:shadow-[0_6px_16px_rgba(45,45,63,0.14)]",
           role: "status",
           children: [
@@ -3134,15 +3157,15 @@ function BuddyVoiceBar({ revealed }) {
           children: "hold me down to talk"
         })
       ]
-    }) : /* @__PURE__ */ jsxs11("div", {
+    }) : /* @__PURE__ */ jsxs10("div", {
       ref: setHoverContainer,
       style: { position: "relative", display: "flex" },
       children: [
-        /* @__PURE__ */ jsxs11("div", {
+        /* @__PURE__ */ jsxs10("div", {
           className: isStandingBy || isIdleLauncherHovered ? "skippr-peek-out" : PEEK_CLASS[edgeDrag.pos.edge],
           style: { display: "flex", position: "relative" },
           children: [
-            /* @__PURE__ */ jsxs11("button", {
+            /* @__PURE__ */ jsxs10("button", {
               ref: (node) => {
                 containerRef.current = node;
               },
@@ -3190,7 +3213,7 @@ function BuddyVoiceBar({ revealed }) {
           ]
         }),
         isIdleLauncherHovered && !loginOpen && /* @__PURE__ */ jsx14(ConsentBubble, {
-          leadIn: "By starting the AI agent session",
+          template: CONSENT_NOTICE_AGENT_SESSION_START,
           className: "skippr:absolute skippr:bottom-[calc(100%+8px)] skippr:w-[150px]",
           style: edgeDrag.pos.edge === "left" ? { left: 0 } : edgeDrag.pos.edge === "right" ? { right: 0 } : { left: "50%", transform: "translateX(-50%)" }
         })
@@ -4062,7 +4085,8 @@ function useAvailableModules({
   enabled,
   bearerToken,
   authedFetch,
-  agentId
+  agentId,
+  locale
 }) {
   const [modules, setModules] = useState12([]);
   const [defaultSelection, setDefaultSelection] = useState12(EMPTY_DEFAULT);
@@ -4078,7 +4102,13 @@ function useAvailableModules({
     setIsLoading(true);
     setError(null);
     try {
-      const query = agentId ? `?agentId=${encodeURIComponent(agentId)}` : "";
+      const params = new URLSearchParams;
+      if (agentId)
+        params.set("agentId", agentId);
+      if (locale)
+        params.set("locale", locale);
+      const search = params.toString();
+      const query = search ? `?${search}` : "";
       const resp = await authedFetch(`${API_URL3}/v1/modules/available${query}`, {
         signal: signal ?? null
       });
@@ -4103,7 +4133,7 @@ function useAvailableModules({
         setHasResolved(true);
       }
     }
-  }, [authedFetch, agentId]);
+  }, [authedFetch, agentId, locale]);
   useEffect15(() => {
     if (!enabled || !bearerToken)
       return;
@@ -4759,6 +4789,31 @@ function launcherPopsDown(bottomPx) {
   return bottomPx + LAUNCHER_HEIGHT_PX / 2 > window.innerHeight / 2;
 }
 
+// src/lib/locale.ts
+import { useSyncExternalStore } from "react";
+function detectLocale(configLocale) {
+  return firstNonBlank(configLocale) ?? firstNonBlank(document.documentElement.lang) ?? firstNonBlank(navigator.language);
+}
+function useDetectedLocale(configLocale) {
+  useSyncExternalStore(subscribeToHtmlLang, readHtmlLang, readServerHtmlLang);
+  return detectLocale(configLocale);
+}
+function subscribeToHtmlLang(onChange) {
+  const observer = new MutationObserver(onChange);
+  observer.observe(document.documentElement, { attributes: true, attributeFilter: ["lang"] });
+  return () => observer.disconnect();
+}
+function readHtmlLang() {
+  return document.documentElement.lang;
+}
+function readServerHtmlLang() {
+  return "";
+}
+function firstNonBlank(value) {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : undefined;
+}
+
 // src/lib/splashSurfaces.ts
 var NO_SPLASH_SURFACES = {
   applies: false,
@@ -5074,7 +5129,7 @@ function traceRing(path, durationMs, onFrame, onDone) {
 }
 
 // src/components/AgentCursor.tsx
-import { jsx as jsx18, jsxs as jsxs12, Fragment } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11, Fragment } from "react/jsx-runtime";
 var Z_INDEX = 2147483646;
 var BRAND_COLOR = "var(--skippr-brand, #2bc0ae)";
 var GLIDE_EASE = "cubic-bezier(0.45, 0, 0.25, 1)";
@@ -5305,7 +5360,7 @@ function AgentCursor({
     return null;
   const rippleCenter = ringBox ? centerOf(ringBox) : null;
   const drawing = phase === "travel" || phase === "drawing";
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     "data-skippr-private": "true",
     "aria-hidden": "true",
     children: [
@@ -5322,7 +5377,7 @@ function AgentCursor({
           style: { strokeDasharray: "0 99999" }
         })
       }),
-      phase === "done" && ringBox && /* @__PURE__ */ jsxs12(Fragment, {
+      phase === "done" && ringBox && /* @__PURE__ */ jsxs11(Fragment, {
         children: [
           /* @__PURE__ */ jsx18("div", {
             style: ringBoxStyle(ringBox, Z_INDEX),
@@ -7163,7 +7218,7 @@ function useLauncherDrag(containerRef, onDrop, followRefs, reportDragging, enabl
 }
 
 // src/components/AdoptionBubble.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function AdoptionBubble({
   goal,
   onAttend,
@@ -7177,7 +7232,7 @@ function AdoptionBubble({
       transitionDelay: hidden ? `${exitDelayMs}ms` : "0ms"
     },
     className: cn("skippr:group skippr:relative", "skippr:transition-opacity skippr:duration-300", "skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)_backwards]", hidden && "skippr:opacity-0 skippr:pointer-events-none"),
-    children: /* @__PURE__ */ jsxs13("button", {
+    children: /* @__PURE__ */ jsxs12("button", {
       type: "button",
       onClick: () => onAttend(goal),
       className: cn("skippr:flex skippr:max-w-72 skippr:items-center skippr:gap-2", "skippr:rounded-[14px] skippr:bg-amber-50 skippr:py-1.5 skippr:pr-3 skippr:pl-1.5", "skippr:text-left skippr:shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "skippr:transition-colors skippr:cursor-pointer skippr:hover:bg-amber-100", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-bubble/60"),
@@ -7202,7 +7257,7 @@ function AdoptionBubble({
 }
 
 // src/components/ModulePill.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var RING_RADIUS = 8;
 var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
 function ModulePill({ module, onSelect }) {
@@ -7210,12 +7265,12 @@ function ModulePill({ module, onSelect }) {
   const totalPhases = module.totalPhases;
   const showProgress = module.mode !== AGENT_MODE.AlwaysOn && totalPhases > 0;
   const progressFraction = showProgress ? Math.min(completedPhases / totalPhases, 1) : 0;
-  return /* @__PURE__ */ jsxs14("button", {
+  return /* @__PURE__ */ jsxs13("button", {
     type: "button",
     onClick: () => onSelect(module.id),
     className: cn("skippr:flex skippr:w-40 skippr:items-center skippr:gap-1.5 skippr:whitespace-nowrap", "skippr:rounded-[14px] skippr:bg-white skippr:px-3 skippr:py-1.5", "skippr:text-[13px] skippr:font-medium skippr:text-black", "skippr:shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "skippr:transition-colors skippr:cursor-pointer skippr:hover:bg-neutral-100", "skippr:animate-[skippr-bubble-in_0.28s_ease-out]", "skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-bubble/60"),
     children: [
-      showProgress && /* @__PURE__ */ jsxs14("svg", {
+      showProgress && /* @__PURE__ */ jsxs13("svg", {
         viewBox: "0 0 20 20",
         className: "skippr:size-4 skippr:shrink-0 skippr:-rotate-90",
         "aria-hidden": "true",
@@ -7245,7 +7300,7 @@ function ModulePill({ module, onSelect }) {
         className: "skippr:min-w-0 skippr:flex-1 skippr:truncate skippr:text-left",
         children: module.name
       }),
-      showProgress && /* @__PURE__ */ jsxs14("span", {
+      showProgress && /* @__PURE__ */ jsxs13("span", {
         className: cn("skippr:ml-0.5 skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-1 skippr:rounded-full", "skippr:bg-black/[0.07] skippr:px-1.5 skippr:py-0.5", "skippr:text-[10px] skippr:font-semibold"),
         children: [
           completedPhases,
@@ -7258,7 +7313,7 @@ function ModulePill({ module, onSelect }) {
 }
 
 // src/components/MinimizedBubble.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var GOALS_AUTO_HIDE_MS = 6000;
 var GOAL_FADE_OUT_MS = 300;
 var GOAL_APPEAR_STAGGER_MS = 150;
@@ -7330,7 +7385,7 @@ function IdleLauncher({
   onStart,
   onChat
 }) {
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: cn("skippr:flex skippr:h-[48px] skippr:items-center", "skippr:bg-launcher skippr:p-1.5 skippr:shadow-[-6px_8px_30px_rgba(15,18,26,0.32)]", "skippr:[animation:skippr-orb-in_320ms_cubic-bezier(0.34,1.3,0.64,1)]", "skippr:transition-transform skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", position === "right" ? "skippr:rounded-l-[18px] skippr:origin-right" : "skippr:rounded-r-[18px] skippr:origin-left", position === "right" ? isHovered || logoUrl ? "skippr:translate-x-3" : "skippr:translate-x-7" : isHovered || logoUrl ? "skippr:-translate-x-3" : "skippr:-translate-x-7"),
     style: { gap: isHovered ? 8 : 0 },
     children: [
@@ -7357,7 +7412,7 @@ function WelcomeBubble({
     const timer = setTimeout(onDismiss, 5000);
     return () => clearTimeout(timer);
   }, [onDismiss]);
-  return /* @__PURE__ */ jsxs15("button", {
+  return /* @__PURE__ */ jsxs14("button", {
     type: "button",
     className: cn("skippr:absolute", popsDown ? "skippr:top-full skippr:mt-3" : "skippr:bottom-full skippr:mb-3", "skippr:max-w-64 skippr:rounded-xl skippr:bg-card skippr:shadow-lg", "skippr:border skippr:border-border skippr:px-4 skippr:py-3", "skippr:text-sm skippr:text-foreground skippr:leading-relaxed skippr:text-left", "skippr:animate-[skippr-fade-in_0.3s_ease-out]", "skippr:cursor-pointer", position === "right" ? "skippr:right-0" : "skippr:left-0"),
     onClick,
@@ -7485,12 +7540,12 @@ function MinimizedBubble({
       expandPanel();
     }
   };
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     ref: hoverContainerRef,
     style: { bottom: launcherBottomPx },
     className: cn("skippr:fixed skippr:z-[9999] skippr:touch-none", "skippr:flex skippr:items-center skippr:gap-2", position === "right" ? "skippr:right-3" : "skippr:left-3"),
     children: [
-      (modulePills.length > 0 || visibleGoals.length > 0) && /* @__PURE__ */ jsxs15("div", {
+      (modulePills.length > 0 || visibleGoals.length > 0) && /* @__PURE__ */ jsxs14("div", {
         className: cn("skippr:absolute skippr:gap-2", popsDown ? "skippr:top-full skippr:mt-3 skippr:flex skippr:flex-col-reverse" : "skippr:bottom-full skippr:mb-3 skippr:flex skippr:flex-col", position === "right" ? "skippr:right-0 skippr:items-end" : "skippr:left-0 skippr:items-start"),
         children: [
           visibleGoals.map((goal, index2) => /* @__PURE__ */ jsx21(AdoptionBubble, {
@@ -7522,11 +7577,11 @@ function MinimizedBubble({
             onDismissWelcome();
         }
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "skippr:relative",
         children: [
           isLauncherHovered && /* @__PURE__ */ jsx21(ConsentBubble, {
-            leadIn: "By starting a session",
+            template: CONSENT_NOTICE_SESSION_START,
             className: cn("skippr:absolute skippr:bottom-[calc(100%+8px)]", position === "right" ? "skippr:right-0" : "skippr:left-0")
           }),
           /* @__PURE__ */ jsx21(IdleLauncher, {
@@ -8068,17 +8123,17 @@ function useMicLevel(enabled) {
 }
 
 // src/components/PausedCountdown.tsx
-import { jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsxs as jsxs15 } from "react/jsx-runtime";
 function PausedCountdown({ secondsRemaining }) {
   const minutes = Math.floor(secondsRemaining / 60);
   const seconds = String(secondsRemaining % 60).padStart(2, "0");
-  return /* @__PURE__ */ jsxs16("span", {
+  return /* @__PURE__ */ jsxs15("span", {
     role: "timer",
     "aria-label": `Agent closes in ${secondsRemaining} seconds`,
     className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:whitespace-nowrap skippr:px-1 skippr:text-[13px] skippr:font-medium skippr:text-neutral-500 skippr:[animation:skippr-stage-fade_240ms_ease-out]",
     children: [
       "Agent closes in",
-      /* @__PURE__ */ jsxs16("span", {
+      /* @__PURE__ */ jsxs15("span", {
         className: "skippr:ml-1 skippr:font-semibold skippr:tabular-nums skippr:text-bubble",
         children: [
           minutes,
@@ -8091,15 +8146,15 @@ function PausedCountdown({ secondsRemaining }) {
 }
 
 // src/components/PushToTalkHint.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function PushToTalkHint() {
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     className: cn("skippr:absolute skippr:top-full skippr:left-2 skippr:mt-2 skippr:flex skippr:w-fit skippr:items-center skippr:gap-1.5 skippr:whitespace-nowrap skippr:rounded-full skippr:bg-[#f4ecd8] skippr:px-2.5 skippr:py-1 skippr:text-[10px] skippr:font-medium skippr:text-black skippr:shadow-[0_4px_14px_rgba(0,0,0,0.12)] skippr:[animation:skippr-agent-in_200ms_ease-out]"),
     children: [
       /* @__PURE__ */ jsx22("span", {
         children: "Hold the"
       }),
-      /* @__PURE__ */ jsxs17("kbd", {
+      /* @__PURE__ */ jsxs16("kbd", {
         className: "skippr:flex skippr:items-center skippr:gap-0.5 skippr:rounded skippr:border skippr:border-black/25 skippr:bg-white/70 skippr:px-1.5 skippr:py-0.5 skippr:font-mono skippr:text-[11px] skippr:leading-none skippr:text-black",
         children: [
           /* @__PURE__ */ jsx22("span", {
@@ -8122,7 +8177,7 @@ function PushToTalkHint() {
 }
 
 // src/components/PushToTalkMic.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function PushToTalkMic({
   isCapturingSpeech,
   showLabel,
@@ -8133,7 +8188,7 @@ function PushToTalkMic({
   const holdPushToTalk = usePointerHold(onStart, onCommit);
   const label = isCapturingSpeech ? "Release to send" : "Hold to talk";
   const withLabel = isCapturingSpeech || showLabel;
-  return /* @__PURE__ */ jsxs18("button", {
+  return /* @__PURE__ */ jsxs17("button", {
     type: "button",
     "data-skippr-no-drag": "",
     onPointerDown: holdPushToTalk,
@@ -8170,9 +8225,9 @@ function PushToTalkMic({
 }
 
 // src/components/StopActionsIcon.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 function StopActionsIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", {
+  return /* @__PURE__ */ jsxs18("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -8196,12 +8251,12 @@ function StopActionsIcon({ className }) {
 }
 
 // src/components/TapToTalkMic.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function TapToTalkMic({ isCapturingSpeech, showLabel, onToggle }) {
   const { barRefs, isTalking } = useMicLevel(isCapturingSpeech);
   const label = isCapturingSpeech ? "Tap to send" : "Tap to talk";
   const withLabel = isCapturingSpeech || showLabel;
-  return /* @__PURE__ */ jsxs20("button", {
+  return /* @__PURE__ */ jsxs19("button", {
     type: "button",
     onClick: onToggle,
     "aria-label": "Tap to talk",
@@ -8237,7 +8292,7 @@ function TapToTalkMic({ isCapturingSpeech, showLabel, onToggle }) {
 }
 
 // src/components/SessionControlBar.tsx
-import { jsx as jsx26, jsxs as jsxs21, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20, Fragment as Fragment2 } from "react/jsx-runtime";
 var STANDBY_BAR_WIDTH = 168;
 var READY_BAR_WIDTH = 238;
 var PAUSED_BAR_WIDTH = 248;
@@ -8270,7 +8325,7 @@ function AgentActivity({
     noiseGate: AGENT_NOISE_GATE
   });
   const label = isActing ? "Working" : AGENT_STATE_LABELS[state] ?? "";
-  return /* @__PURE__ */ jsxs21("span", {
+  return /* @__PURE__ */ jsxs20("span", {
     role: "status",
     className: "skippr:flex skippr:items-center skippr:gap-1.5 skippr:text-bubble",
     "aria-label": isActing ? "Agent is acting" : `Agent is ${state}`,
@@ -8280,7 +8335,7 @@ function AgentActivity({
         children: isActing ? /* @__PURE__ */ jsx26(MousePointerClick, {
           strokeWidth: 2,
           className: "skippr:size-5 skippr:[animation:skippr-finger-tap_1.1s_ease-in-out_infinite]"
-        }) : /* @__PURE__ */ jsxs21(Fragment2, {
+        }) : /* @__PURE__ */ jsxs20(Fragment2, {
           children: [
             state === "speaking" && /* @__PURE__ */ jsx26("span", {
               className: "skippr:flex skippr:h-5 skippr:items-center skippr:gap-[2px]",
@@ -8292,7 +8347,7 @@ function AgentActivity({
                 style: { height: AGENT_BAR_IDLE_HEIGHT_PX }
               }, index2))
             }),
-            state === "thinking" && /* @__PURE__ */ jsxs21("span", {
+            state === "thinking" && /* @__PURE__ */ jsxs20("span", {
               className: "skippr:flex skippr:items-center skippr:gap-[3px]",
               children: [
                 /* @__PURE__ */ jsx26("span", {
@@ -8306,7 +8361,7 @@ function AgentActivity({
                 })
               ]
             }),
-            state === "listening" && /* @__PURE__ */ jsxs21("svg", {
+            state === "listening" && /* @__PURE__ */ jsxs20("svg", {
               viewBox: "0 0 24 24",
               className: "skippr:size-5",
               fill: "none",
@@ -8451,7 +8506,7 @@ function SessionControlBar() {
       className: "skippr:size-5"
     })
   });
-  return /* @__PURE__ */ jsxs21("div", {
+  return /* @__PURE__ */ jsxs20("div", {
     ref: controlBarRef,
     style: { bottom: launcherBottomPx },
     className: cn("skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab", position === "right" ? "skippr:right-3" : "skippr:left-3"),
@@ -8463,14 +8518,14 @@ function SessionControlBar() {
           children: "Listening…"
         })
       }),
-      /* @__PURE__ */ jsxs21("div", {
+      /* @__PURE__ */ jsxs20("div", {
         style: { width: isReady && pushOrTapMicMode ? "auto" : barWidth },
         className: cn("skippr:group skippr:relative skippr:flex skippr:h-[54px] skippr:items-center skippr:justify-center skippr:gap-2", "skippr:rounded-[20px] skippr:bg-white skippr:p-2", "skippr:shadow-[0_10px_32px_rgba(0,0,0,0.18)] skippr:ring-1 skippr:ring-black/5", "skippr:transition-[width,margin] skippr:duration-300 skippr:ease-out", "skippr:[animation:skippr-toolset-pop_440ms_cubic-bezier(0.22,1,0.36,1)]", isReady && (position === "right" ? "skippr:mr-7" : "skippr:ml-7")),
         children: [
-          !isReady && /* @__PURE__ */ jsxs21("span", {
+          !isReady && /* @__PURE__ */ jsxs20("span", {
             className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:justify-center skippr:gap-2 skippr:text-[13px] skippr:font-medium skippr:text-bubble skippr:[animation:skippr-stage-fade_240ms_ease-out]",
             children: [
-              /* @__PURE__ */ jsxs21("span", {
+              /* @__PURE__ */ jsxs20("span", {
                 className: "skippr:flex skippr:items-center skippr:gap-[3px]",
                 children: [
                   /* @__PURE__ */ jsx26("span", {
@@ -8489,7 +8544,7 @@ function SessionControlBar() {
               })
             ]
           }),
-          isReady && /* @__PURE__ */ jsxs21("div", {
+          isReady && /* @__PURE__ */ jsxs20("div", {
             className: cn("skippr:flex skippr:items-center skippr:gap-2 skippr:[animation:skippr-stage-fade_240ms_ease-out]", isHeld && "skippr:w-full skippr:justify-start"),
             children: [
               /* @__PURE__ */ jsx26("button", {
@@ -8506,16 +8561,16 @@ function SessionControlBar() {
                   fill: "currentColor"
                 })
               }),
-              isHeld ? /* @__PURE__ */ jsxs21(Fragment2, {
+              isHeld ? /* @__PURE__ */ jsxs20(Fragment2, {
                 children: [
                   /* @__PURE__ */ jsx26(PausedCountdown, {
                     secondsRemaining: countdown
                   }),
                   panelToggleButton
                 ]
-              }) : /* @__PURE__ */ jsxs21(Fragment2, {
+              }) : /* @__PURE__ */ jsxs20(Fragment2, {
                 children: [
-                  !textMode && pushOrTapMicMode && /* @__PURE__ */ jsxs21("div", {
+                  !textMode && pushOrTapMicMode && /* @__PURE__ */ jsxs20("div", {
                     className: "skippr:flex skippr:h-[38px] skippr:items-center skippr:gap-2",
                     children: [
                       micMode === MIC_MODE.PushToTalk ? /* @__PURE__ */ jsx26(PushToTalkMic, {
@@ -8541,7 +8596,7 @@ function SessionControlBar() {
                       })
                     ]
                   }),
-                  !textMode && !pushOrTapMicMode && /* @__PURE__ */ jsxs21("div", {
+                  !textMode && !pushOrTapMicMode && /* @__PURE__ */ jsxs20("div", {
                     className: "skippr:relative skippr:h-[38px]",
                     style: { width: MIC_REGION_WIDTH },
                     children: [
@@ -8554,7 +8609,7 @@ function SessionControlBar() {
                           mediaStreamTrack: agentMediaStreamTrack
                         })
                       }),
-                      /* @__PURE__ */ jsxs21("button", {
+                      /* @__PURE__ */ jsxs20("button", {
                         type: "button",
                         onClick: ifNotDragged(() => void toggleMute()),
                         "aria-label": isMuted ? "Unmute" : "Mute",
@@ -8619,14 +8674,14 @@ function SessionControlBar() {
         "aria-label": "End session",
         "aria-busy": isPausing,
         className: cn("skippr:absolute skippr:top-1/2 skippr:z-20 skippr:flex skippr:h-[54px] skippr:w-[50px] skippr:-mt-[27px] skippr:items-center", position === "right" ? "skippr:-right-8 skippr:justify-start skippr:pl-2.5" : "skippr:-left-8 skippr:justify-end skippr:pr-2.5", "skippr:rounded-[16px] skippr:bg-red-500 skippr:text-white", "skippr:shadow-[0_4px_14px_rgba(239,68,68,0.45)]", "skippr:transition-colors skippr:duration-150", "skippr:[animation:skippr-toolset-pop_280ms_cubic-bezier(0.22,1,0.36,1)]", isPausing ? "skippr:cursor-default" : "skippr:cursor-pointer skippr:hover:bg-red-600"),
-        children: /* @__PURE__ */ jsxs21("span", {
+        children: /* @__PURE__ */ jsxs20("span", {
           className: "skippr:relative skippr:flex skippr:size-5 skippr:items-center skippr:justify-center",
           children: [
             /* @__PURE__ */ jsx26(X, {
               className: cn("skippr:size-4 skippr:transition-opacity skippr:duration-200", isPausing && "skippr:opacity-40"),
               strokeWidth: 2.5
             }),
-            isPausing && /* @__PURE__ */ jsxs21("svg", {
+            isPausing && /* @__PURE__ */ jsxs20("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
               "aria-hidden": "true",
@@ -9011,7 +9066,7 @@ function useTextMode() {
 }
 
 // src/components/ChatHeader.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var TABS_PILL_BASE = "skippr:cursor-pointer skippr:rounded-full skippr:border-none skippr:bg-transparent skippr:px-[9px] skippr:py-[3px] skippr:text-[11.5px] skippr:font-semibold skippr:text-[#8b877f] skippr:transition-colors";
 var TABS_PILL_ACTIVE = "skippr:bg-white skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.08)]";
 function ChatHeader({ wasDraggedRef, draggable, headerRef }) {
@@ -9035,11 +9090,11 @@ function ChatHeader({ wasDraggedRef, draggable, headerRef }) {
   const displayedMode = agentMode ?? defaultModule?.mode ?? null;
   const showAgenda = displayedMode !== AGENT_MODE.AlwaysOn;
   const showToggle = isConnected && (sidebarTab === "chat" || !showAgenda);
-  return /* @__PURE__ */ jsxs22("header", {
+  return /* @__PURE__ */ jsxs21("header", {
     ref: headerRef,
     className: cn("skippr:sticky skippr:top-0 skippr:z-10 skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-[7px] skippr:border-b skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pl-[13px] skippr:pr-[9px] skippr:pt-[9px] skippr:pb-[8px]", draggable && "skippr:cursor-grab"),
     children: [
-      showAgenda ? /* @__PURE__ */ jsxs22("div", {
+      showAgenda ? /* @__PURE__ */ jsxs21("div", {
         role: "tablist",
         "aria-label": "Panel",
         "data-skippr-no-drag": "",
@@ -9069,7 +9124,7 @@ function ChatHeader({ wasDraggedRef, draggable, headerRef }) {
       /* @__PURE__ */ jsx28("div", {
         className: "skippr:flex-1"
       }),
-      showToggle && /* @__PURE__ */ jsxs22("button", {
+      showToggle && /* @__PURE__ */ jsxs21("button", {
         type: "button",
         disabled: isHeld,
         onClick: () => void toggleTextMode(),
@@ -9108,12 +9163,12 @@ function ChatHeader({ wasDraggedRef, draggable, headerRef }) {
 }
 
 // src/components/LoadingDots.tsx
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function LoadingDots({ label }) {
-  return /* @__PURE__ */ jsxs23("div", {
+  return /* @__PURE__ */ jsxs22("div", {
     className: "skippr:flex skippr:items-center skippr:gap-2 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxs23("div", {
+      /* @__PURE__ */ jsxs22("div", {
         className: "skippr:flex skippr:gap-1",
         children: [
           /* @__PURE__ */ jsx29("span", {
@@ -9136,9 +9191,9 @@ function LoadingDots({ label }) {
 }
 
 // src/components/LogoMark.tsx
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 function LogoMark({ className, decorative }) {
-  return /* @__PURE__ */ jsxs24("svg", {
+  return /* @__PURE__ */ jsxs23("svg", {
     viewBox: "21 21 109 109",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -9164,7 +9219,7 @@ import { useCallback as useCallback27, useLayoutEffect as useLayoutEffect3, useR
 
 // src/components/ChatInput.tsx
 import { useContext as useContext16, useEffect as useEffect34, useRef as useRef30, useState as useState26 } from "react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   const ctx = useContext16(LiveAgentContext);
@@ -9206,7 +9261,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsxs25("form", {
+  return /* @__PURE__ */ jsxs24("form", {
     onSubmit: handleSubmit,
     "data-skippr-no-drag": "",
     className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
@@ -9241,7 +9296,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -9253,7 +9308,7 @@ function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
   return /* @__PURE__ */ jsx32("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
-    children: /* @__PURE__ */ jsxs26("div", {
+    children: /* @__PURE__ */ jsxs25("div", {
       className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
       children: [
         /* @__PURE__ */ jsx32("div", {
@@ -9283,7 +9338,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/LinkCard.tsx
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var COPIED_RESET_MS = 2000;
 var DISMISS_AFTER_COPY_MS = 3000;
 function LinkCard({ card, onDismiss }) {
@@ -9308,10 +9363,10 @@ function LinkCard({ card, onDismiss }) {
     setCopied(true);
     dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS);
   }, [card.url, onDismiss]);
-  return /* @__PURE__ */ jsxs27("div", {
+  return /* @__PURE__ */ jsxs26("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsxs27("div", {
+      /* @__PURE__ */ jsxs26("div", {
         className: "skippr:mb-1 skippr:flex skippr:items-start skippr:justify-between skippr:gap-2",
         children: [
           card.title && /* @__PURE__ */ jsx33("p", {
@@ -9334,10 +9389,10 @@ function LinkCard({ card, onDismiss }) {
         className: "skippr:mb-3 skippr:truncate skippr:text-xs skippr:text-muted-foreground",
         children: card.url
       }),
-      /* @__PURE__ */ jsxs27("div", {
+      /* @__PURE__ */ jsxs26("div", {
         className: "skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsxs27("a", {
+          /* @__PURE__ */ jsxs26("a", {
             href: card.url,
             target: "_blank",
             rel: "noopener noreferrer",
@@ -9349,7 +9404,7 @@ function LinkCard({ card, onDismiss }) {
               "Open"
             ]
           }),
-          /* @__PURE__ */ jsxs27(Button, {
+          /* @__PURE__ */ jsxs26(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             onClick: handleCopy,
@@ -9371,7 +9426,7 @@ function LinkCard({ card, onDismiss }) {
 
 // src/components/PlanCard.tsx
 import { useEffect as useEffect36, useState as useState28 } from "react";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var APPROVE_MESSAGE = "Yes, go ahead.";
 var CANCEL_MESSAGE = "No, cancel that.";
 var COMPLETED_CARD_VISIBLE_MS = 2500;
@@ -9423,7 +9478,7 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs28("div", {
+  return /* @__PURE__ */ jsxs27("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
       /* @__PURE__ */ jsx34("p", {
@@ -9432,7 +9487,7 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
       }),
       /* @__PURE__ */ jsx34("div", {
         className: "skippr:space-y-2",
-        children: plan.steps.map((step) => /* @__PURE__ */ jsxs28("div", {
+        children: plan.steps.map((step) => /* @__PURE__ */ jsxs27("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
             /* @__PURE__ */ jsx34(StepIcon, {
@@ -9445,10 +9500,10 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
           ]
         }, step.index))
       }),
-      awaitingApproval && /* @__PURE__ */ jsxs28("div", {
+      awaitingApproval && /* @__PURE__ */ jsxs27("div", {
         className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsxs28(Button, {
+          /* @__PURE__ */ jsxs27(Button, {
             className: "skippr:flex-1 skippr:gap-1.5 skippr:py-2",
             disabled: isApproving,
             onClick: approve,
@@ -9473,17 +9528,17 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function TypingIndicator() {
   return /* @__PURE__ */ jsx35("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsxs29("div", {
+    children: /* @__PURE__ */ jsxs28("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__ */ jsx35("span", {
           children: "Agent is analyzing your screen"
         }),
-        /* @__PURE__ */ jsxs29("span", {
+        /* @__PURE__ */ jsxs28("span", {
           className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
           children: [
             /* @__PURE__ */ jsx35("span", {
@@ -9503,7 +9558,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
 function MessageList({
   messages,
@@ -9562,13 +9617,13 @@ function MessageList({
     container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs30("div", {
+  return /* @__PURE__ */ jsxs29("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs30("div", {
+      /* @__PURE__ */ jsxs29("div", {
         className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
         children: [
-          /* @__PURE__ */ jsxs30("div", {
+          /* @__PURE__ */ jsxs29("div", {
             ref: containerRef,
             onScroll: handleScroll,
             "data-skippr-no-drag": "",
@@ -9625,7 +9680,7 @@ function MessageList({
 
 // src/components/SessionAgenda.tsx
 import { useContext as useContext17 } from "react";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   const ctx = useContext17(LiveAgentContext);
   const title = ctx?.activeModule?.name ?? "Agenda";
@@ -9642,17 +9697,17 @@ function SessionAgenda({ phases, hasStarted }) {
   const activeIndex = phases.findIndex((p) => p.status === "active");
   const currentStep = activeIndex >= 0 ? activeIndex + 1 : Math.min(completedCount + 1, total);
   const progressPct = Math.round(completedCount / total * 100);
-  return /* @__PURE__ */ jsxs31("div", {
+  return /* @__PURE__ */ jsxs30("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:p-[14px]",
     children: [
-      /* @__PURE__ */ jsxs31("div", {
+      /* @__PURE__ */ jsxs30("div", {
         className: "skippr:mb-2 skippr:flex skippr:items-baseline skippr:justify-between",
         children: [
           /* @__PURE__ */ jsx37("span", {
             className: "skippr:text-[12.5px] skippr:font-semibold skippr:text-[#2D2D3F]",
             children: title
           }),
-          /* @__PURE__ */ jsxs31("span", {
+          /* @__PURE__ */ jsxs30("span", {
             className: "skippr:text-[11px] skippr:font-semibold skippr:text-[var(--skippr-brand-deep)]",
             children: [
               "step ",
@@ -9678,7 +9733,7 @@ function SessionAgenda({ phases, hasStarted }) {
       phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs31("div", {
+        return /* @__PURE__ */ jsxs30("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[9px] skippr:py-[5px]",
           children: [
             isCompleted ? /* @__PURE__ */ jsx37("span", {
@@ -9726,7 +9781,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx39, jsxs as jsxs32, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31, Fragment as Fragment4 } from "react/jsx-runtime";
 var ATTRIBUTION_PREFIX = "Powered by";
 var ATTRIBUTION_BRAND = "Skippr";
 var ATTRIBUTION_URL = "https://www.skippr.ai/";
@@ -9813,7 +9868,7 @@ function Sidebar({
   }, [isSidebar, isPanelOpen, position]);
   if (splashReplacesPanel)
     return null;
-  return /* @__PURE__ */ jsxs32("div", {
+  return /* @__PURE__ */ jsxs31("div", {
     ref: internalCtx?.panelRef,
     className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:rounded-[16px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:shadow-[0_14px_34px_rgba(45,45,63,0.15),0_2px_6px_rgba(45,45,63,0.06)]", isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", anchor2 && panelTransformOrigin(anchor2.popsDown, anchor2.isLeftAligned), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", followsPanel && "skippr:select-none", 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 },
@@ -9875,7 +9930,7 @@ function AuthenticatedContent({
 }) {
   const inSession = isConnected || isStarting || isPaused || isPausing;
   const effectiveTab = showAgenda ? activeTab : "chat";
-  return /* @__PURE__ */ jsxs32(Fragment4, {
+  return /* @__PURE__ */ jsxs31(Fragment4, {
     children: [
       isConnected && /* @__PURE__ */ jsx39(ConnectedBanner, {}),
       /* @__PURE__ */ jsx39("div", {
@@ -9903,7 +9958,7 @@ function AuthenticatedContent({
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
         children: /* @__PURE__ */ jsx39("div", {
           className: "skippr:flex skippr:items-center skippr:justify-center skippr:px-4 skippr:pt-1 skippr:pb-0.5 skippr:text-[10px] skippr:text-muted-foreground",
-          children: /* @__PURE__ */ jsxs32("a", {
+          children: /* @__PURE__ */ jsxs31("a", {
             href: ATTRIBUTION_URL,
             target: "_blank",
             rel: "noopener noreferrer",
@@ -9927,8 +9982,7 @@ function AuthenticatedContent({
         "data-skippr-no-drag": "",
         className: `skippr:shrink-0 skippr:px-2${hideControls ? " skippr:pb-4 skippr:border-t skippr:border-border skippr:pt-1" : " skippr:pb-1"}`,
         children: /* @__PURE__ */ jsx39(ConsentNotice, {
-          leadIn: "By continuing",
-          determiner: "the",
+          template: CONSENT_NOTICE_CONTINUING,
           className: "skippr:whitespace-nowrap skippr:text-[10px]"
         })
       })
@@ -9936,7 +9990,7 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs32("div", {
+  return /* @__PURE__ */ jsxs31("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__ */ jsx39(CircleAlert, {
@@ -9976,7 +10030,7 @@ function IdleHistory({
       })
     });
   }
-  return /* @__PURE__ */ jsxs32("div", {
+  return /* @__PURE__ */ jsxs31("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
     children: [
       activeTab === "agenda" ? /* @__PURE__ */ jsx39("div", {
@@ -9991,11 +10045,11 @@ function IdleHistory({
         isStreaming: false,
         readOnly: true
       }),
-      (showTalk || error) && /* @__PURE__ */ jsxs32("div", {
+      (showTalk || error) && /* @__PURE__ */ jsxs31("div", {
         "data-skippr-no-drag": "",
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
         children: [
-          showTalk && /* @__PURE__ */ jsxs32("button", {
+          showTalk && /* @__PURE__ */ jsxs31("button", {
             type: "button",
             onClick: onTalk,
             disabled: talkDisabled,
@@ -10056,9 +10110,9 @@ function ConnectedBody({
 import { useContext as useContext19 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function Logo({ className, decorative }) {
-  return /* @__PURE__ */ jsxs33("svg", {
+  return /* @__PURE__ */ jsxs32("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -10075,7 +10129,7 @@ function Logo({ className, decorative }) {
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs33("g", {
+      /* @__PURE__ */ jsxs32("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
           /* @__PURE__ */ jsx40("path", {
@@ -10168,6 +10222,7 @@ function resolveSplashPresentation(splash) {
   const width = splash?.width;
   const maxHeight = splash?.maxHeight;
   return {
+    locale: splash?.locale ?? "en",
     copy,
     card: {
       width: width === undefined ? DEFAULT_SPLASH_WIDTH_PX : clampSplashWidth(width),
@@ -10327,12 +10382,7 @@ var CARD_FRAME = "skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px
 
 // src/components/SplashMediaSection.tsx
 import { useCallback as useCallback30, useRef as useRef34 } from "react";
-import { jsx as jsx42, jsxs as jsxs34, Fragment as Fragment5 } from "react/jsx-runtime";
-var SCREEN_NOTICE = "Required";
-var ENABLE_ACTION = "Enable";
-var MEDIA_ENABLED_STATUS = "Enabled";
-var MIC_MUTED_STATUS = "Muted";
-var MUTE_MIC_ACTION = "Mute microphone";
+import { jsx as jsx42, jsxs as jsxs33, Fragment as Fragment5 } from "react/jsx-runtime";
 var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
 var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
 var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-brand-on-white skippr:underline-offset-2 skippr:hover:underline`;
@@ -10340,14 +10390,14 @@ var MEDIA_STATUS_SHAPE = "skippr:shrink-0 skippr:text-[14px]";
 var MEDIA_STATUS_MUTED = `${MEDIA_STATUS_SHAPE} skippr:text-[#6b6875]`;
 var MEDIA_STATUS_BRAND = `${MEDIA_STATUS_SHAPE} skippr:font-medium skippr:text-brand-on-white`;
 function MediaRow({ icon, label, subtext, trailing }) {
-  return /* @__PURE__ */ jsxs34("li", {
+  return /* @__PURE__ */ jsxs33("li", {
     className: "skippr:flex skippr:items-center skippr:gap-3",
     children: [
       /* @__PURE__ */ jsx42("span", {
         className: ICON_TILE,
         children: icon
       }),
-      /* @__PURE__ */ jsxs34("span", {
+      /* @__PURE__ */ jsxs33("span", {
         className: `skippr:flex-1 ${ROW_TEXT}`,
         children: [
           /* @__PURE__ */ jsx42("span", {
@@ -10368,12 +10418,12 @@ function MediaRow({ icon, label, subtext, trailing }) {
     ]
   });
 }
-function EnableButton({ onEnable }) {
+function EnableButton({ label, onEnable }) {
   return /* @__PURE__ */ jsx42("button", {
     type: "button",
     onClick: onEnable,
     className: MEDIA_LINK,
-    children: ENABLE_ACTION
+    children: label
   });
 }
 function MediaStatus({ label, className }) {
@@ -10384,6 +10434,7 @@ function MediaStatus({ label, className }) {
 }
 function MicToggle({
   muted,
+  muteLabel,
   onToggle,
   toggleRef
 }) {
@@ -10392,7 +10443,7 @@ function MicToggle({
     type: "button",
     onClick: onToggle,
     "aria-pressed": muted,
-    "aria-label": MUTE_MIC_ACTION,
+    "aria-label": muteLabel,
     className: `${MEDIA_PILL} ${FOCUS_RING3} skippr:flex skippr:items-center skippr:justify-center ${muted ? "skippr:bg-[#f2f0eb] skippr:text-[#6b6875]" : "skippr:text-[#2D2D3F] skippr:hover:bg-[#f2f0eb]"}`,
     children: muted ? /* @__PURE__ */ jsx42(MicOff, {
       className: ROW_ICON,
@@ -10405,18 +10456,23 @@ function MicToggle({
     })
   });
 }
-function ScreenTrailing({ enabled, onEnable }) {
+function ScreenTrailing({
+  copy,
+  enabled,
+  onEnable
+}) {
   if (enabled === null)
     return /* @__PURE__ */ jsx42(MediaStatus, {
-      label: SCREEN_NOTICE,
+      label: copy.screenRequiredStatus,
       className: MEDIA_STATUS_BRAND
     });
   if (enabled)
     return /* @__PURE__ */ jsx42(MediaStatus, {
-      label: MEDIA_ENABLED_STATUS,
+      label: copy.mediaEnabledStatus,
       className: MEDIA_STATUS_BRAND
     });
   return /* @__PURE__ */ jsx42(EnableButton, {
+    label: copy.mediaEnableAction,
     onEnable
   });
 }
@@ -10440,14 +10496,14 @@ function SplashMediaSection({
     micFocusPending.current = true;
     enableMic();
   };
-  return /* @__PURE__ */ jsxs34("section", {
+  return /* @__PURE__ */ jsxs33("section", {
     className: SECTION_BLOCK,
     children: [
       /* @__PURE__ */ jsx42("h3", {
         className: SECTION_HEADING,
         children: copy.mediaHeading
       }),
-      /* @__PURE__ */ jsxs34("ul", {
+      /* @__PURE__ */ jsxs33("ul", {
         className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
         children: [
           /* @__PURE__ */ jsx42(MediaRow, {
@@ -10458,19 +10514,21 @@ function SplashMediaSection({
             }),
             label: copy.micLabel,
             subtext: copy.micSubtext,
-            trailing: micEnabled ? /* @__PURE__ */ jsxs34(Fragment5, {
+            trailing: micEnabled ? /* @__PURE__ */ jsxs33(Fragment5, {
               children: [
                 /* @__PURE__ */ jsx42(MicToggle, {
                   muted: startMuted,
+                  muteLabel: copy.muteMicAction,
                   onToggle: toggleStartMuted,
                   toggleRef: focusMicToggle
                 }),
                 /* @__PURE__ */ jsx42(MediaStatus, {
-                  label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS,
+                  label: startMuted ? copy.micMutedStatus : copy.mediaEnabledStatus,
                   className: startMuted ? MEDIA_STATUS_MUTED : MEDIA_STATUS_BRAND
                 })
               ]
             }) : /* @__PURE__ */ jsx42(EnableButton, {
+              label: copy.mediaEnableAction,
               onEnable: grantMic
             })
           }),
@@ -10483,6 +10541,7 @@ function SplashMediaSection({
             label: copy.screenLabel,
             subtext: copy.screenSubtext,
             trailing: /* @__PURE__ */ jsx42(ScreenTrailing, {
+              copy,
               enabled: screenEnabled,
               onEnable: enableScreen
             })
@@ -10494,16 +10553,16 @@ function SplashMediaSection({
 }
 
 // src/components/SplashOptOut.tsx
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function SplashOptOut({
   label,
   checked,
   onToggle
 }) {
-  return /* @__PURE__ */ jsxs35("label", {
+  return /* @__PURE__ */ jsxs34("label", {
     className: "skippr:mt-2 skippr:flex skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:py-1",
     children: [
-      /* @__PURE__ */ jsxs35("span", {
+      /* @__PURE__ */ jsxs34("span", {
         className: "skippr:relative skippr:flex skippr:size-4 skippr:shrink-0 skippr:items-center skippr:justify-center",
         children: [
           /* @__PURE__ */ jsx43("input", {
@@ -10528,19 +10587,16 @@ function SplashOptOut({
 }
 
 // src/components/SplashAlwaysOn.tsx
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
-var ATTRIBUTION_PREFIX2 = "AI Agent Powered by";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 var ATTRIBUTION_BRAND2 = "Skippr";
 var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
-var CLOSE_LABEL = "Close";
-var CONSENT_LEAD_IN = "By starting a session";
 function TipRow({
   title,
   subtext,
   onStart
 }) {
   return /* @__PURE__ */ jsx44("li", {
-    children: /* @__PURE__ */ jsxs36("button", {
+    children: /* @__PURE__ */ jsxs35("button", {
       type: "button",
       onClick: onStart,
       className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-start skippr:gap-3 skippr:rounded-[11px] skippr:text-left skippr:transition-colors skippr:hover:bg-[rgba(45,45,63,0.04)]`,
@@ -10553,7 +10609,7 @@ function TipRow({
             "aria-hidden": true
           })
         }),
-        /* @__PURE__ */ jsxs36("span", {
+        /* @__PURE__ */ jsxs35("span", {
           className: ROW_TEXT,
           children: [
             /* @__PURE__ */ jsx44("span", {
@@ -10591,18 +10647,19 @@ function SplashAlwaysOn({
   ctaRef
 }) {
   const { copy, card } = presentation;
-  return /* @__PURE__ */ jsxs36("section", {
+  return /* @__PURE__ */ jsxs35("section", {
     "aria-label": agentName,
+    lang: presentation.locale,
     style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
     className: `${CARD_SHELL} ${CARD_FRAME}`,
     children: [
-      /* @__PURE__ */ jsxs36("div", {
+      /* @__PURE__ */ jsxs35("div", {
         className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
         children: [
-          /* @__PURE__ */ jsxs36("div", {
+          /* @__PURE__ */ jsxs35("div", {
             className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
             children: [
-              /* @__PURE__ */ jsxs36("span", {
+              /* @__PURE__ */ jsxs35("span", {
                 className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
                 children: [
                   headerIconUrl ? /* @__PURE__ */ jsx44("img", {
@@ -10620,7 +10677,7 @@ function SplashAlwaysOn({
                   })
                 ]
               }),
-              attributionVisible && /* @__PURE__ */ jsxs36("a", {
+              attributionVisible && /* @__PURE__ */ jsxs35("a", {
                 href: ATTRIBUTION_URL2,
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -10630,7 +10687,7 @@ function SplashAlwaysOn({
                     decorative: true,
                     className: "skippr:size-[13px]"
                   }),
-                  ATTRIBUTION_PREFIX2,
+                  copy.attributionPrefix,
                   " ",
                   /* @__PURE__ */ jsx44("span", {
                     className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
@@ -10643,7 +10700,7 @@ function SplashAlwaysOn({
           /* @__PURE__ */ jsx44("button", {
             type: "button",
             onClick: dismiss,
-            "aria-label": CLOSE_LABEL,
+            "aria-label": copy.closeLabel,
             className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
             children: /* @__PURE__ */ jsx44(X, {
               className: "skippr:size-4",
@@ -10653,11 +10710,11 @@ function SplashAlwaysOn({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs36("div", {
+      /* @__PURE__ */ jsxs35("div", {
         tabIndex: 0,
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
         children: [
-          /* @__PURE__ */ jsxs36("section", {
+          /* @__PURE__ */ jsxs35("section", {
             className: SECTION_BLOCK,
             children: [
               /* @__PURE__ */ jsx44("h3", {
@@ -10689,10 +10746,10 @@ function SplashAlwaysOn({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs36("div", {
+      /* @__PURE__ */ jsxs35("div", {
         className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
         children: [
-          /* @__PURE__ */ jsxs36("button", {
+          /* @__PURE__ */ jsxs35("button", {
             ref: ctaRef,
             type: "button",
             onClick: start,
@@ -10712,7 +10769,7 @@ function SplashAlwaysOn({
             onToggle: toggleOptOut
           }),
           /* @__PURE__ */ jsx44(ConsentNotice, {
-            leadIn: CONSENT_LEAD_IN,
+            template: copy.consentNotice,
             className: "skippr:mt-3"
           })
         ]
@@ -10722,12 +10779,9 @@ function SplashAlwaysOn({
 }
 
 // src/components/SplashPrimary.tsx
-import { jsx as jsx45, jsxs as jsxs37, Fragment as Fragment6 } from "react/jsx-runtime";
-var ATTRIBUTION_PREFIX3 = "AI Agent Powered by";
+import { jsx as jsx45, jsxs as jsxs36, Fragment as Fragment6 } from "react/jsx-runtime";
 var ATTRIBUTION_BRAND3 = "Skippr";
 var ATTRIBUTION_URL3 = "https://www.skippr.ai/";
-var CLOSE_LABEL2 = "Close";
-var CONSENT_LEAD_IN2 = "By starting a session";
 var GLYPH_COMPONENT = {
   [SPLASH_SECTION_GLYPH.Route]: Route,
   [SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
@@ -10735,7 +10789,7 @@ var GLYPH_COMPONENT = {
 };
 function SectionRow({ iconUrl, glyph, title, description }) {
   const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
-  return /* @__PURE__ */ jsxs37("li", {
+  return /* @__PURE__ */ jsxs36("li", {
     className: "skippr:flex skippr:items-start skippr:gap-3",
     children: [
       /* @__PURE__ */ jsx45("span", {
@@ -10750,7 +10804,7 @@ function SectionRow({ iconUrl, glyph, title, description }) {
           "aria-hidden": true
         })
       }),
-      /* @__PURE__ */ jsxs37("span", {
+      /* @__PURE__ */ jsxs36("span", {
         className: ROW_TEXT,
         children: [
           /* @__PURE__ */ jsx45("span", {
@@ -10790,18 +10844,19 @@ function SplashPrimary({
   ctaRef
 }) {
   const { copy, card } = presentation;
-  return /* @__PURE__ */ jsxs37("section", {
+  return /* @__PURE__ */ jsxs36("section", {
     "aria-label": agentName,
+    lang: presentation.locale,
     style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
     className: `${CARD_SHELL} ${CARD_FRAME}`,
     children: [
-      /* @__PURE__ */ jsxs37("div", {
+      /* @__PURE__ */ jsxs36("div", {
         className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
         children: [
-          /* @__PURE__ */ jsxs37("div", {
+          /* @__PURE__ */ jsxs36("div", {
             className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
             children: [
-              /* @__PURE__ */ jsxs37("span", {
+              /* @__PURE__ */ jsxs36("span", {
                 className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
                 children: [
                   headerIconUrl ? /* @__PURE__ */ jsx45("img", {
@@ -10819,7 +10874,7 @@ function SplashPrimary({
                   })
                 ]
               }),
-              attributionVisible && /* @__PURE__ */ jsxs37("a", {
+              attributionVisible && /* @__PURE__ */ jsxs36("a", {
                 href: ATTRIBUTION_URL3,
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -10829,7 +10884,7 @@ function SplashPrimary({
                     decorative: true,
                     className: "skippr:size-[13px]"
                   }),
-                  ATTRIBUTION_PREFIX3,
+                  copy.attributionPrefix,
                   " ",
                   /* @__PURE__ */ jsx45("span", {
                     className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
@@ -10842,7 +10897,7 @@ function SplashPrimary({
           /* @__PURE__ */ jsx45("button", {
             type: "button",
             onClick: dismiss,
-            "aria-label": CLOSE_LABEL2,
+            "aria-label": copy.closeLabel,
             className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
             children: /* @__PURE__ */ jsx45(X, {
               className: "skippr:size-4",
@@ -10852,11 +10907,11 @@ function SplashPrimary({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs37("div", {
+      /* @__PURE__ */ jsxs36("div", {
         tabIndex: 0,
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
         children: [
-          intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs37("section", {
+          intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs36("section", {
             className: SECTION_BLOCK,
             children: [
               /* @__PURE__ */ jsx45("h3", {
@@ -10870,16 +10925,16 @@ function SplashPrimary({
                 }, section.id))
               })
             ]
-          }) : /* @__PURE__ */ jsxs37(Fragment6, {
+          }) : /* @__PURE__ */ jsxs36(Fragment6, {
             children: [
-              lastCompletedPhase && /* @__PURE__ */ jsxs37("section", {
+              lastCompletedPhase && /* @__PURE__ */ jsxs36("section", {
                 className: SECTION_BLOCK,
                 children: [
                   /* @__PURE__ */ jsx45("h3", {
                     className: SECTION_HEADING,
                     children: copy.lastAccomplishmentHeading
                   }),
-                  /* @__PURE__ */ jsxs37("div", {
+                  /* @__PURE__ */ jsxs36("div", {
                     className: "skippr:flex skippr:items-start skippr:gap-3",
                     children: [
                       /* @__PURE__ */ jsx45("span", {
@@ -10890,7 +10945,7 @@ function SplashPrimary({
                           "aria-hidden": true
                         })
                       }),
-                      /* @__PURE__ */ jsxs37("span", {
+                      /* @__PURE__ */ jsxs36("span", {
                         className: ROW_TEXT,
                         children: [
                           /* @__PURE__ */ jsx45("span", {
@@ -10907,7 +10962,7 @@ function SplashPrimary({
                   })
                 ]
               }),
-              upcomingPhases.length > 0 && /* @__PURE__ */ jsxs37("section", {
+              upcomingPhases.length > 0 && /* @__PURE__ */ jsxs36("section", {
                 className: SECTION_BLOCK,
                 children: [
                   /* @__PURE__ */ jsx45("h3", {
@@ -10916,14 +10971,14 @@ function SplashPrimary({
                   }),
                   /* @__PURE__ */ jsx45("ol", {
                     className: "skippr:flex skippr:flex-col skippr:gap-3",
-                    children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs37("li", {
+                    children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs36("li", {
                       className: "skippr:flex skippr:items-start skippr:gap-3",
                       children: [
                         /* @__PURE__ */ jsx45("span", {
                           className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[12px] skippr:font-semibold skippr:text-[#6b6875]",
                           children: index2 + 1
                         }),
-                        /* @__PURE__ */ jsxs37("span", {
+                        /* @__PURE__ */ jsxs36("span", {
                           className: ROW_TEXT,
                           children: [
                             /* @__PURE__ */ jsx45("span", {
@@ -10954,10 +11009,10 @@ function SplashPrimary({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs37("div", {
+      /* @__PURE__ */ jsxs36("div", {
         className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
         children: [
-          /* @__PURE__ */ jsxs37("button", {
+          /* @__PURE__ */ jsxs36("button", {
             ref: ctaRef,
             type: "button",
             onClick: start,
@@ -10983,7 +11038,7 @@ function SplashPrimary({
             onToggle: toggleOptOut
           }),
           /* @__PURE__ */ jsx45(ConsentNotice, {
-            leadIn: CONSENT_LEAD_IN2,
+            template: copy.consentNotice,
             className: "skippr:mt-3"
           })
         ]
@@ -11427,7 +11482,7 @@ function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
 
 // src/components/VoiceBarChatLine.tsx
 import { useCallback as useCallback32, useContext as useContext25, useEffect as useEffect42, useRef as useRef39, useState as useState33 } from "react";
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 var IDLE_HIDE_MS = 6000;
 function VoiceBarChatLine({
   popsDown,
@@ -11476,7 +11531,7 @@ function VoiceBarChatLine({
     width: 255,
     ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
   };
-  return /* @__PURE__ */ jsxs38("div", {
+  return /* @__PURE__ */ jsxs37("div", {
     style: embedded ? undefined : style,
     onPointerDown: (event) => event.stopPropagation(),
     className: cn("skippr:flex skippr:items-center skippr:gap-[7px] skippr:py-[4px] skippr:pl-[13px] skippr:pr-[5px]", !embedded && "skippr:z-[4] skippr:rounded-[12px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)] skippr:[animation:skippr-fade-in_0.16s_ease]"),
@@ -11520,7 +11575,7 @@ function VoiceBarChatLine({
 
 // src/components/VoiceBarLinkCard.tsx
 import { useCallback as useCallback33, useEffect as useEffect43, useRef as useRef40, useState as useState34 } from "react";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
 var COPIED_RESET_MS2 = 2000;
 var DISMISS_AFTER_COPY_MS2 = 3000;
 function VoiceBarLinkCard({ card, onDismiss }) {
@@ -11545,7 +11600,7 @@ function VoiceBarLinkCard({ card, onDismiss }) {
     setCopied(true);
     dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS2);
   }, [card.url, onDismiss]);
-  return /* @__PURE__ */ jsxs39("div", {
+  return /* @__PURE__ */ jsxs38("div", {
     className: "skippr:relative skippr:w-[225px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
     children: [
       /* @__PURE__ */ jsx49("button", {
@@ -11558,17 +11613,17 @@ function VoiceBarLinkCard({ card, onDismiss }) {
           strokeWidth: 2.5
         })
       }),
-      /* @__PURE__ */ jsxs39("div", {
+      /* @__PURE__ */ jsxs38("div", {
         className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[10px]",
         children: [
           /* @__PURE__ */ jsx49("p", {
             className: "skippr:mr-[22px] skippr:truncate skippr:text-[10px] skippr:text-[#8b877f]",
             children: card.url
           }),
-          /* @__PURE__ */ jsxs39("div", {
+          /* @__PURE__ */ jsxs38("div", {
             className: "skippr:mt-[9px] skippr:flex skippr:gap-[8px]",
             children: [
-              /* @__PURE__ */ jsxs39("a", {
+              /* @__PURE__ */ jsxs38("a", {
                 href: card.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -11581,7 +11636,7 @@ function VoiceBarLinkCard({ card, onDismiss }) {
                   "open"
                 ]
               }),
-              /* @__PURE__ */ jsxs39("button", {
+              /* @__PURE__ */ jsxs38("button", {
                 type: "button",
                 onClick: handleCopy,
                 "aria-label": "Copy link",
@@ -11607,7 +11662,7 @@ function VoiceBarLinkCard({ card, onDismiss }) {
 
 // src/components/VoiceBarNotification.tsx
 import { useEffect as useEffect44, useRef as useRef41, useState as useState35 } from "react";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
 function VoiceBarNotification({ notifications, pos, onDismiss }) {
   const [index2, setIndex] = useState35(0);
   const [paused, setPaused] = useState35(false);
@@ -11655,7 +11710,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
   return /* @__PURE__ */ jsx50("div", {
     style: wrapperStyle,
     "data-skippr-no-drag": "",
-    children: /* @__PURE__ */ jsxs40("div", {
+    children: /* @__PURE__ */ jsxs39("div", {
       ref: cardRef,
       className: "skippr:flex skippr:w-[255px] skippr:items-center skippr:gap-[8px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
       children: [
@@ -11675,7 +11730,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
           className: "skippr:shrink-0 skippr:cursor-pointer skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[9px] skippr:py-[3px] skippr:text-[9.5px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
           children: "start"
         }),
-        hasMultiple && /* @__PURE__ */ jsxs40("button", {
+        hasMultiple && /* @__PURE__ */ jsxs39("button", {
           type: "button",
           onClick: () => setIndex((current) => (current + 1) % notifications.length),
           "aria-label": "Next",
@@ -11698,7 +11753,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
 
 // src/components/VoiceBarPlanCard.tsx
 import { useEffect as useEffect45, useState as useState36 } from "react";
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
 var APPROVING_RESET_MS2 = 8000;
 function StepIndicator({ step }) {
   if (step.status === "done") {
@@ -11760,10 +11815,10 @@ function VoiceBarPlanCard({
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs41("div", {
+  return /* @__PURE__ */ jsxs40("div", {
     className: cn(!embedded && "skippr:w-[255px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]"),
     children: [
-      /* @__PURE__ */ jsxs41("div", {
+      /* @__PURE__ */ jsxs40("div", {
         className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
         children: [
           /* @__PURE__ */ jsx51("span", {
@@ -11782,14 +11837,14 @@ function VoiceBarPlanCard({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs41("div", {
+      /* @__PURE__ */ jsxs40("div", {
         className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[8px]",
         children: [
           /* @__PURE__ */ jsx51("p", {
             className: "skippr:text-[11.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
             children: "Here's my plan"
           }),
-          awaitingApproval && /* @__PURE__ */ jsxs41("p", {
+          awaitingApproval && /* @__PURE__ */ jsxs40("p", {
             className: "skippr:mt-[1px] skippr:text-[10px] skippr:text-[#8b877f]",
             children: [
               plan.steps.length,
@@ -11798,7 +11853,7 @@ function VoiceBarPlanCard({
           }),
           /* @__PURE__ */ jsx51("div", {
             className: "skippr:mt-[8px] skippr:max-h-[132px] skippr:space-y-[6px] skippr:overflow-y-auto skippr:overscroll-contain",
-            children: plan.steps.map((step) => /* @__PURE__ */ jsxs41("div", {
+            children: plan.steps.map((step) => /* @__PURE__ */ jsxs40("div", {
               className: "skippr:flex skippr:items-center skippr:gap-[7px]",
               children: [
                 /* @__PURE__ */ jsx51(StepIndicator, {
@@ -11813,10 +11868,10 @@ function VoiceBarPlanCard({
           }),
           /* @__PURE__ */ jsx51("div", {
             className: "skippr:mt-[9px]",
-            children: awaitingApproval ? /* @__PURE__ */ jsxs41("div", {
+            children: awaitingApproval ? /* @__PURE__ */ jsxs40("div", {
               className: "skippr:flex skippr:gap-[8px]",
               children: [
-                /* @__PURE__ */ jsxs41("button", {
+                /* @__PURE__ */ jsxs40("button", {
                   type: "button",
                   disabled: isApproving,
                   onClick: approve,
@@ -11836,7 +11891,7 @@ function VoiceBarPlanCard({
                   children: "cancel"
                 })
               ]
-            }) : /* @__PURE__ */ jsxs41("span", {
+            }) : /* @__PURE__ */ jsxs40("span", {
               style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
               className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:rounded-full skippr:bg-brand skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold",
               children: [
@@ -11855,7 +11910,7 @@ function VoiceBarPlanCard({
 }
 
 // src/components/VoiceBarFrame.tsx
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
 var AUTO_OFF_MOTES = [
   { left: "13%", delay: "0s", size: 4 },
   { left: "27%", delay: "0.4s", size: 3 },
@@ -11868,7 +11923,7 @@ var AUTO_OFF_MOTES = [
 var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#2D2D3F] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb]";
 var PILL = "skippr:relative skippr:flex skippr:h-[36px] skippr:min-w-[96px] skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[8px] skippr:rounded-full skippr:text-[13px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-white";
 function LoadingAvatar({ logoUrl }) {
-  return /* @__PURE__ */ jsxs42("span", {
+  return /* @__PURE__ */ jsxs41("span", {
     className: "skippr:relative skippr:size-[22px] skippr:shrink-0",
     children: [
       /* @__PURE__ */ jsx52("span", {
@@ -11893,7 +11948,7 @@ function BusyRing({ tone }) {
   });
 }
 function AgentDots() {
-  return /* @__PURE__ */ jsxs42("span", {
+  return /* @__PURE__ */ jsxs41("span", {
     className: "skippr:flex skippr:items-center skippr:gap-[4px]",
     children: [
       /* @__PURE__ */ jsx52("span", {
@@ -11991,14 +12046,14 @@ function ShortcutHint({
       el.removeEventListener("mouseleave", leave);
     };
   }, [enabled, seenRef]);
-  return /* @__PURE__ */ jsxs42("div", {
+  return /* @__PURE__ */ jsxs41("div", {
     ref,
     className: "skippr:relative skippr:flex skippr:min-w-[96px] skippr:flex-1",
     children: [
-      enabled && visible && !suppressed && /* @__PURE__ */ jsxs42("div", {
+      enabled && visible && !suppressed && /* @__PURE__ */ jsxs41("div", {
         className: "skippr:pointer-events-none skippr:absolute skippr:bottom-[calc(100%+11px)] skippr:left-1/2 skippr:z-[8] skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-[7px] skippr:whitespace-nowrap skippr:rounded-[11px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[6px] skippr:shadow-[0_8px_22px_rgba(45,45,63,0.12),0_1px_3px_rgba(45,45,63,0.04)] skippr:[animation:skippr-fade-in_0.22s_ease]",
         children: [
-          /* @__PURE__ */ jsxs42("span", {
+          /* @__PURE__ */ jsxs41("span", {
             className: "skippr:flex skippr:items-center skippr:gap-[3px]",
             children: [
               /* @__PURE__ */ jsx52(ShortcutChip, {
@@ -12021,7 +12076,7 @@ function ShortcutHint({
             className: "skippr:text-[10px] skippr:text-[#cbc7bf]",
             children: "·"
           }),
-          /* @__PURE__ */ jsxs42("span", {
+          /* @__PURE__ */ jsxs41("span", {
             className: "skippr:flex skippr:items-center skippr:gap-[3px]",
             children: [
               /* @__PURE__ */ jsx52(ShortcutChip, {
@@ -12255,7 +12310,7 @@ function VoiceBarFrame({
     ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
   };
   const pillEvaporate = autoOffClosing ? "skippr:[animation:skippr-evaporate_3.2s_ease-in_forwards] skippr:motion-reduce:animate-none" : "";
-  return /* @__PURE__ */ jsxs42("div", {
+  return /* @__PURE__ */ jsxs41("div", {
     ref: setContainerRefs,
     style: barPosStyle(pos),
     className: cn("skippr:fixed skippr:z-[9999] skippr:flex skippr:touch-none skippr:cursor-grab skippr:items-center", barWidthClass),
@@ -12289,7 +12344,7 @@ function VoiceBarFrame({
       showLiveStrip && /* @__PURE__ */ jsx52("div", {
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[5]",
-        children: /* @__PURE__ */ jsxs42("div", {
+        children: /* @__PURE__ */ jsxs41("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
             /* @__PURE__ */ jsx52("span", {
@@ -12306,7 +12361,7 @@ function VoiceBarFrame({
       showTimerStrip && sessionTimer && /* @__PURE__ */ jsx52("div", {
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[5]",
-        children: /* @__PURE__ */ jsxs42("div", {
+        children: /* @__PURE__ */ jsxs41("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
             /* @__PURE__ */ jsx52("span", {
@@ -12324,7 +12379,7 @@ function VoiceBarFrame({
         role: "status",
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[6]",
-        children: /* @__PURE__ */ jsxs42("div", {
+        children: /* @__PURE__ */ jsxs41("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
             /* @__PURE__ */ jsx52("span", {
@@ -12375,7 +12430,7 @@ function VoiceBarFrame({
         children: /* @__PURE__ */ jsx52("div", {
           className: "skippr:w-[220px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-3 skippr:py-2 skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
           children: /* @__PURE__ */ jsx52(ConsentNotice, {
-            leadIn: "By starting a session"
+            template: CONSENT_NOTICE_SESSION_START
           })
         })
       }),
@@ -12394,10 +12449,10 @@ function VoiceBarFrame({
         pos,
         onDismiss: closeBanner
       }),
-      /* @__PURE__ */ jsxs42("div", {
+      /* @__PURE__ */ jsxs41("div", {
         className: cn("skippr:relative skippr:z-[1] skippr:flex skippr:w-full skippr:items-center skippr:gap-[7px] skippr:px-[7px] skippr:py-[5px]", pillEvaporate),
         children: [
-          showClose && /* @__PURE__ */ jsxs42("button", {
+          showClose && /* @__PURE__ */ jsxs41("button", {
             type: "button",
             onClick: ifNotDragged(closeBar),
             disabled: isPausing || isLoading,
@@ -12413,7 +12468,7 @@ function VoiceBarFrame({
               })
             ]
           }),
-          isLoading && /* @__PURE__ */ jsxs42("div", {
+          isLoading && /* @__PURE__ */ jsxs41("div", {
             className: cn(PILL, "skippr:bg-[#F1EFEA] skippr:overflow-hidden", !isExchanging && "skippr:[animation:skippr-fade-in_0.25s_ease]"),
             children: [
               /* @__PURE__ */ jsx52(LoadingAvatar, {
@@ -12423,7 +12478,7 @@ function VoiceBarFrame({
                 className: "skippr:whitespace-nowrap skippr:text-[12.5px] skippr:font-semibold skippr:text-[#5a5650]",
                 children: "Agent is loading"
               }),
-              /* @__PURE__ */ jsxs42("span", {
+              /* @__PURE__ */ jsxs41("span", {
                 className: "skippr:flex skippr:items-end skippr:gap-[3px]",
                 children: [
                   /* @__PURE__ */ jsx52("span", {
@@ -12443,7 +12498,7 @@ function VoiceBarFrame({
             enabled: isPushToTalk,
             seenRef: hintSeenRef,
             suppressed: hintSuppressed,
-            children: /* @__PURE__ */ jsxs42("button", {
+            children: /* @__PURE__ */ jsxs41("button", {
               type: "button",
               "data-skippr-no-drag": "",
               style: {
@@ -12470,7 +12525,7 @@ function VoiceBarFrame({
               ]
             })
           }),
-          showLivePill && /* @__PURE__ */ jsxs42("div", {
+          showLivePill && /* @__PURE__ */ jsxs41("div", {
             style: { background: livePillBg, color: "var(--skippr-brand-foreground, #2d2b3d)" },
             className: cn(PILL, "skippr:min-w-0 skippr:gap-[10px] skippr:px-[5px]"),
             children: [
@@ -12500,7 +12555,7 @@ function VoiceBarFrame({
               })
             ]
           }),
-          !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs42("div", {
+          !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs41("div", {
             className: cn(PILL, "skippr:gap-[7px] skippr:bg-[#F1EFEA] skippr:text-[#5a5650] skippr:[animation:skippr-fade-in_0.25s_ease]"),
             children: [
               /* @__PURE__ */ jsx52(MessageSquare, {
@@ -12510,7 +12565,7 @@ function VoiceBarFrame({
               "Text mode"
             ]
           }),
-          !sessionLive && /* @__PURE__ */ jsxs42("button", {
+          !sessionLive && /* @__PURE__ */ jsxs41("button", {
             type: "button",
             onClick: ifNotDragged(() => {
               if (canStart) {
@@ -12551,7 +12606,7 @@ function VoiceBarFrame({
           })
         ]
       }),
-      lineBlockOpen && /* @__PURE__ */ jsxs42("div", {
+      lineBlockOpen && /* @__PURE__ */ jsxs41("div", {
         style: chatBlockStyle,
         "data-skippr-no-drag": "",
         onPointerDown: (event) => event.stopPropagation(),
@@ -12583,7 +12638,7 @@ import { useCallback as useCallback35, useEffect as useEffect48, useRef as useRe
 
 // src/components/LauncherNotification.tsx
 import { useEffect as useEffect47, useRef as useRef43, useState as useState38 } from "react";
-import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function LauncherNotification({
   notifications,
   dock,
@@ -12638,7 +12693,7 @@ function LauncherNotification({
   return /* @__PURE__ */ jsx53("div", {
     style: wrapperStyle,
     "data-skippr-no-drag": "",
-    children: /* @__PURE__ */ jsxs43("div", {
+    children: /* @__PURE__ */ jsxs42("div", {
       ref: cardRef,
       className: "skippr:flex skippr:w-[148px] skippr:items-center skippr:gap-[4px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pr-[6px] skippr:pl-[9px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
       children: [
@@ -12680,7 +12735,7 @@ function LauncherNotification({
 }
 
 // src/components/VoiceBarLauncher.tsx
-import { jsx as jsx54, jsxs as jsxs44, Fragment as Fragment7 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs43, Fragment as Fragment7 } from "react/jsx-runtime";
 function SkipprMark2() {
   return /* @__PURE__ */ jsx54("svg", {
     viewBox: "0 0 15.4044 18.4853",
@@ -12766,7 +12821,7 @@ function LauncherChat({
   onClick
 }) {
   const vertical = isHorizontalEdge(edge);
-  return /* @__PURE__ */ jsxs44("div", {
+  return /* @__PURE__ */ jsxs43("div", {
     className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:overflow-hidden skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", AVATAR_FLEX[edge]),
     style: {
       width: vertical ? 46 : revealed ? 52 : 0,
@@ -12909,7 +12964,7 @@ function VoiceBarLauncher({
     const expanded = hovered && !!onChat;
     const length = expanded ? 84 : 40;
     const thickness = expanded ? 36 : 10;
-    return /* @__PURE__ */ jsxs44("div", {
+    return /* @__PURE__ */ jsxs43("div", {
       ref: containerRef,
       style: dockStyleFlush(dock),
       className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
@@ -12917,7 +12972,7 @@ function VoiceBarLauncher({
         /* @__PURE__ */ jsx54("div", {
           style: horizontal ? { width: length, height: thickness } : { width: thickness, height: length },
           className: cn("skippr:relative skippr:flex skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:border-2 skippr:transition-[width,height,background-color,border-color] skippr:duration-200 skippr:ease-out", !horizontal && "skippr:flex-col", expanded ? "skippr:border-brand skippr:bg-white" : "skippr:border-transparent skippr:bg-brand", expanded ? STRIP_ROUNDING_EXPANDED[dock.edge] : STRIP_ROUNDING[dock.edge], expanded ? AVATAR_SHADOW[dock.edge] : STRIP_SHADOW[dock.edge]),
-          children: expanded ? /* @__PURE__ */ jsxs44(Fragment7, {
+          children: expanded ? /* @__PURE__ */ jsxs43(Fragment7, {
             children: [
               /* @__PURE__ */ jsx54("button", {
                 type: "button",
@@ -12979,12 +13034,12 @@ function VoiceBarLauncher({
       ]
     });
   }
-  return /* @__PURE__ */ jsxs44("div", {
+  return /* @__PURE__ */ jsxs43("div", {
     ref: containerRef,
     style: dockStyleFlush(dock),
     className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
     children: [
-      /* @__PURE__ */ jsxs44("div", {
+      /* @__PURE__ */ jsxs43("div", {
         style: { gap: onChat && hovered ? 2 : 0 },
         className: cn("skippr:flex skippr:items-center skippr:border-2 skippr:border-brand skippr:bg-white skippr:p-[3px] skippr:transition-[gap] skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", "skippr:[animation:skippr-pop_0.2s_ease]", AVATAR_FLEX[dock.edge], VIEWPORT_ROUNDING[dock.edge], AVATAR_SHADOW[dock.edge]),
         children: [
@@ -13099,7 +13154,7 @@ function VoiceBar({ revealed }) {
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx56, jsxs as jsxs45, Fragment as Fragment9 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44, Fragment as Fragment9 } from "react/jsx-runtime";
 function readSavedPosition() {
   try {
     const saved = localStorage.getItem("skippr_widget_position");
@@ -13142,6 +13197,7 @@ function LiveAgent(props) {
     getUserToken,
     userToken,
     userContext,
+    locale: hostLocale,
     verticalAlign: hostVerticalAlign,
     variant = "floating",
     minimizable = true,
@@ -13258,6 +13314,7 @@ function LiveAgent(props) {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
+  const locale = useDetectedLocale(hostLocale);
   const {
     modules: availableModules,
     defaultSelection,
@@ -13271,7 +13328,8 @@ function LiveAgent(props) {
     enabled: !isSessionLive,
     bearerToken,
     authedFetch,
-    agentId: hostAgentId ?? undefined
+    agentId: hostAgentId ?? undefined,
+    locale
   });
   const isAuthenticated = bearerToken !== null || auth.isAuthenticated;
   const noModulesAvailable = hasResolvedModules && !modulesError && availableModules.length === 0 && !isSessionLive;
@@ -13833,17 +13891,17 @@ function LiveAgent(props) {
   }
   return /* @__PURE__ */ jsx56(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs45(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs44(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: !startMuted,
       onDisconnected: handleRoomDisconnected,
       children: [
-        /* @__PURE__ */ jsxs45(Fragment8, {
+        /* @__PURE__ */ jsxs44(Fragment8, {
           children: [
             connection && !textMode && /* @__PURE__ */ jsx56(RoomAudioRenderer, {}),
-            /* @__PURE__ */ jsxs45(SessionHoldProvider, {
+            /* @__PURE__ */ jsxs44(SessionHoldProvider, {
               children: [
                 connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx56(AutoStartMedia, {
                   pendingScreenStream,
@@ -13854,7 +13912,7 @@ function LiveAgent(props) {
                   pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
                   startMuted
                 }),
-                /* @__PURE__ */ jsxs45(ShadowHost, {
+                /* @__PURE__ */ jsxs44(ShadowHost, {
                   accentColor: appearance?.accentColor ?? null,
                   children: [
                     connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx56(HighlightOverlay, {}),
@@ -13867,7 +13925,7 @@ function LiveAgent(props) {
                       children: /* @__PURE__ */ jsx56(TranscriptionsProvider, {
                         children: /* @__PURE__ */ jsx56("div", {
                           id: WIDGET_ROOT_ID,
-                          children: variant === "sidebar" ? /* @__PURE__ */ jsxs45(Fragment9, {
+                          children: variant === "sidebar" ? /* @__PURE__ */ jsxs44(Fragment9, {
                             children: [
                               isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx56(MinimizedBubble, {
                                 welcomeMessage,
@@ -13884,12 +13942,12 @@ function LiveAgent(props) {
                             ]
                           }) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx56(BuddyVoiceBar, {
                             revealed: isLauncherRevealed
-                          }) : /* @__PURE__ */ jsxs45(Fragment9, {
+                          }) : /* @__PURE__ */ jsxs44(Fragment9, {
                             children: [
                               /* @__PURE__ */ jsx56(VoiceBar, {
                                 revealed: isLauncherRevealed
                               }),
-                              (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsxs45(Fragment9, {
+                              (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsxs44(Fragment9, {
                                 children: [
                                   /* @__PURE__ */ jsx56(SplashPanel, {}),
                                   /* @__PURE__ */ jsx56(Sidebar, {