@appilots/sdk 0.11.3 → 0.14.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
-export { AppilotsNavigationContainer } from './chunk-JKLE5SLN.mjs';
-import { useAppilotsChat, useAppilotsActions, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-2ZDELL54.mjs';
-export { appilotsSelfCheck, captureSnapshot, executeAction, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-2ZDELL54.mjs';
-import { defaultLightTheme, describeAction, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, componentRegistry } from './chunk-ROXXCDIG.mjs';
-export { AppilotsClient, AppilotsProvider, AppilotsRegistryProvider, RateLimitedError, SDK_VERSION, _patchJsxRuntimes, clearAppilotsDebugTraces, componentRegistry, createComponentRegistry, createElementRegistry, createListRegistry, defaultDarkTheme, defaultLightTheme, describeAction, elementRegistry, enableAppilotsAutoTracking, getAppilotsDebugTraces, getAutoTrackingState, getGlobalConfig, getIntrospectionDiagnostics, humanizeError, initAppilots, isAutoTrackingEnabled, listRegistry, mergeThemeTokens, recordAppilotsDebugTrace, registerScreen, setCurrentScreen, subscribeAppilotsDebugTraces, useAppilotsContext, useResolvedRegistry } from './chunk-ROXXCDIG.mjs';
-import * as React7 from 'react';
-import React7__default, { createContext, useRef, useEffect, useMemo, useContext, useState, useCallback } from 'react';
-import { StyleSheet, Dimensions, Platform, View, Animated, Text, TouchableOpacity, ActivityIndicator, useColorScheme, NativeModules, FlatList, Image, TextInput, Modal, KeyboardAvoidingView, Linking } from 'react-native';
+export { AppilotsNavigationContainer } from './chunk-N66DUP54.mjs';
+import { subscribeSpotlight, getSpotlightTarget, AppilotsI18nProvider, useAppilotsI18n, useAppilotsChat, useAppilotsActions, setSpotlightMode, shouldShowSuggestedPrompts, useSuggestedPrompts, subscribeSpotlightAnnouncement } from './chunk-6JWU3NBT.mjs';
+export { AppilotsI18nProvider, REVEAL_MARGIN, SPOTLIGHT_TTL_MS, appilotsSelfCheck, captureSnapshot, detectDeviceLocale, executeAction, getSpotlightMode, getSpotlightTarget, offsetToReveal, resolveLocale, revealTarget, setSpotlightMode, setSpotlightTarget, subscribeSpotlight, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsI18n, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-6JWU3NBT.mjs';
+import { defaultLightTheme, describeAction, confirmExpiresAt, isRectOnScreen, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, isSpeechHost, subscribeGeometryHost, geometryAvailability, isGeometryResolved, needsWideChatLayout, componentRegistry, startStillWorkingTimer, appilotsDebugWarn, enhancePlainAssistantContent, looksLikeMarkdown, parseMarkdownBlocks, parseInlineMarkdown, getFiberRoot, shouldSkipSubtree, isModalFiber } from './chunk-AKAMWKO6.mjs';
+export { AppilotsClient, AppilotsProvider, AppilotsRegistryProvider, RateLimitedError, SDK_VERSION, _patchJsxRuntimes, clearAppilotsDebugTraces, componentRegistry, createComponentRegistry, createElementRegistry, createListRegistry, defaultDarkTheme, defaultLightTheme, describeAction, elementRegistry, enableAppilotsAutoTracking, getAppilotsDebugTraces, getAutoTrackingState, getGlobalConfig, getIntrospectionDiagnostics, humanizeError, initAppilots, isAutoTrackingEnabled, isSpeechHost, listRegistry, mergeThemeTokens, recordAppilotsDebugTrace, registerScreen, setCurrentScreen, subscribeAppilotsDebugTraces, useAppilotsContext, useResolvedRegistry } from './chunk-AKAMWKO6.mjs';
+import * as React8 from 'react';
+import React8__default, { createContext, useRef, useEffect, useState, useCallback, useSyncExternalStore, useMemo, useContext } from 'react';
+import { StyleSheet, Dimensions, Platform, View, Animated, Text, TouchableOpacity, AccessibilityInfo, ActivityIndicator, useColorScheme, useWindowDimensions, FlatList, Image, TextInput, KeyboardAvoidingView, Modal, Linking } from 'react-native';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import Svg, { Path } from 'react-native-svg';
 
@@ -22,6 +22,43 @@ function useSafeAreaInsetsOrDefault() {
   }
   return NO_INSETS;
 }
+function probeHostModalOpen() {
+  const stack = [getFiberRoot()];
+  const seen = /* @__PURE__ */ new Set();
+  while (stack.length) {
+    const node = stack.pop();
+    if (!node || seen.has(node)) continue;
+    seen.add(node);
+    if (node.sibling) stack.push(node.sibling);
+    if (shouldSkipSubtree(node)) continue;
+    if (isModalFiber(node) && node.child) return true;
+    if (node.child) stack.push(node.child);
+  }
+  return false;
+}
+function useHostModalOpen(enabled) {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (!enabled) {
+      setOpen(false);
+      return;
+    }
+    let closedSince;
+    const sample = () => {
+      if (probeHostModalOpen()) {
+        closedSince = void 0;
+        setOpen(true);
+      } else {
+        closedSince ??= Date.now();
+        if (Date.now() - closedSince >= 300) setOpen(false);
+      }
+    };
+    sample();
+    const timer = setInterval(sample, 150);
+    return () => clearInterval(timer);
+  }, [enabled]);
+  return enabled && open;
+}
 
 // src/components/breadcrumbPresentation.ts
 var DEFAULT_BREADCRUMB_PALETTE = {
@@ -79,13 +116,15 @@ var PT_BR_CONFIRM_FALLBACK = {
   confirmDestructiveApprove: "Sim, executar",
   confirmApprove: "Confirmar",
   confirmCancel: "Cancelar",
-  confirmThisAction: "esta a\xE7\xE3o"
+  confirmThisAction: "esta a\xE7\xE3o",
+  confirmExpired: "Esta confirma\xE7\xE3o expirou. Pe\xE7a de novo ao assistente para continuar."
 };
 function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE, strings) {
   const payload = action.payload ?? {};
   const isDestructive = isDestructiveAction(action);
   const copy = { ...PT_BR_CONFIRM_FALLBACK, ...strings ?? {} };
-  const actionName = typeof payload.actionDescription === "string" && payload.actionDescription || copy.confirmThisAction;
+  const described = typeof payload.actionDescription === "string" ? payload.actionDescription : "";
+  const actionName = described || copy.confirmThisAction;
   const message = typeof payload.message === "string" && payload.message || copy.confirmMessage.replace("{action}", actionName);
   const title = typeof payload.title === "string" && payload.title || (isDestructive ? copy.confirmDestructiveTitle : copy.confirmTitle);
   const confirmLabel = typeof payload.confirmLabel === "string" && payload.confirmLabel || (isDestructive ? copy.confirmDestructiveApprove : copy.confirmApprove);
@@ -96,6 +135,10 @@ function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE,
     message,
     confirmLabel,
     cancelLabel,
+    // A bare "Confirm" heard out of context says nothing about what it does.
+    confirmA11yLabel: described ? `${confirmLabel}: ${described}` : confirmLabel,
+    cancelA11yLabel: described ? `${cancelLabel}: ${described}` : cancelLabel,
+    expiredMessage: copy.confirmExpired ?? PT_BR_CONFIRM_FALLBACK.confirmExpired,
     glyph: isDestructive ? "\u26A0" : "?",
     actionColor: isDestructive ? palette.error : palette.primary,
     cardBackground: palette.surface,
@@ -105,6 +148,79 @@ function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE,
     cancelTextColor: palette.textSecondary
   };
 }
+var TARGET_ANNOUNCEMENT = {
+  "pt-BR": {
+    press: "Tocando em {label}",
+    toggle: "Alternando {label}",
+    focus: "Selecionando {label}",
+    fill: "Preenchendo {label}"
+  },
+  en: {
+    press: "Tapping {label}",
+    toggle: "Toggling {label}",
+    focus: "Selecting {label}",
+    fill: "Filling in {label}"
+  },
+  es: {
+    press: "Tocando {label}",
+    toggle: "Cambiando {label}",
+    focus: "Seleccionando {label}",
+    fill: "Rellenando {label}"
+  },
+  fr: {
+    press: "Appui sur {label}",
+    toggle: "Bascule de {label}",
+    focus: "S\xE9lection de {label}",
+    fill: "Saisie de {label}"
+  }
+};
+function targetAnnouncement(verb, label, locale = "pt-BR") {
+  return (TARGET_ANNOUNCEMENT[locale] ?? TARGET_ANNOUNCEMENT["pt-BR"])[verb].replace(
+    "{label}",
+    label
+  );
+}
+function executorNamesTarget(action) {
+  if (action.type === "form_fill") return true;
+  if (action.type !== "ui_interaction") return false;
+  const interaction = action.payload?.action;
+  return !["scroll", "scroll_to"].includes(String(interaction ?? "press"));
+}
+function actionAnnouncement(action, locale, named) {
+  const { state, label } = describeAction(action, locale);
+  if (state === "failed") return label;
+  const executorNames = executorNamesTarget(action);
+  if (state === "running") return executorNames ? null : label;
+  if (state === "success") return executorNames && !named ? label : null;
+  return null;
+}
+var reduceMotion = false;
+var listeners = /* @__PURE__ */ new Set();
+var subscription;
+function set(value) {
+  if (value === reduceMotion) return;
+  reduceMotion = value;
+  for (const listener of listeners) listener();
+}
+function subscribe(onChange) {
+  listeners.add(onChange);
+  if (!subscription) {
+    subscription = AccessibilityInfo.addEventListener("reduceMotionChanged", set);
+    AccessibilityInfo.isReduceMotionEnabled().then(set, () => {
+    });
+  }
+  return () => {
+    listeners.delete(onChange);
+    if (listeners.size === 0) {
+      subscription?.remove();
+      subscription = void 0;
+    }
+  };
+}
+var get = () => reduceMotion;
+function useReduceMotion() {
+  return useSyncExternalStore(subscribe, get, get);
+}
 
 // src/components/ActionBreadcrumb.tsx
 function ActionBreadcrumb({
@@ -114,9 +230,11 @@ function ActionBreadcrumb({
   fontFamily,
   palette,
   confirmStrings,
+  locale,
   requireApprovalFor,
   onApprove,
-  onReject
+  onReject,
+  onConfirmCardGone
 }) {
   if (actions.length === 0) return null;
   const resolvedPalette = {
@@ -125,7 +243,7 @@ function ActionBreadcrumb({
     primary: primaryColor,
     text: textColor
   };
-  return /* @__PURE__ */ React7__default.createElement(View, { style: styles.container }, actions.map((action) => /* @__PURE__ */ React7__default.createElement(
+  return /* @__PURE__ */ React8__default.createElement(View, { style: styles.container }, actions.map((action) => /* @__PURE__ */ React8__default.createElement(
     BreadcrumbRow,
     {
       key: action.id,
@@ -135,16 +253,18 @@ function ActionBreadcrumb({
       fontFamily,
       palette: resolvedPalette,
       confirmStrings,
+      locale,
       needsApproval: requireApprovalFor?.(action) ?? false,
       onApprove,
-      onReject
+      onReject,
+      onConfirmCardGone
     }
   )));
 }
 function BreadcrumbRow(props) {
   const { action, needsApproval } = props;
   if (action.type === "confirm" && action.status === "pending" && needsApproval) {
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       ConfirmCard,
       {
         action,
@@ -152,11 +272,12 @@ function BreadcrumbRow(props) {
         fontFamily: props.fontFamily,
         confirmStrings: props.confirmStrings,
         onApprove: props.onApprove,
-        onReject: props.onReject
+        onReject: props.onReject,
+        onGone: props.onConfirmCardGone
       }
     );
   }
-  return /* @__PURE__ */ React7__default.createElement(RegularBreadcrumbRow, { ...props });
+  return /* @__PURE__ */ React8__default.createElement(RegularBreadcrumbRow, { ...props });
 }
 function RegularBreadcrumbRow({
   action,
@@ -164,49 +285,49 @@ function RegularBreadcrumbRow({
   textColor,
   fontFamily,
   palette,
+  locale,
   needsApproval,
   onApprove,
   onReject
 }) {
-  const { label, state } = describeAction(action);
+  const { label, state } = describeAction(action, locale);
   const tone = deriveStateTone(palette)[state];
   const fade = useRef(new Animated.Value(0)).current;
   const pulse = useRef(new Animated.Value(1)).current;
   const lastState = useRef(state);
+  const reduceMotion2 = useReduceMotion();
   useEffect(() => {
+    if (reduceMotion2) {
+      fade.setValue(1);
+      return;
+    }
     Animated.timing(fade, {
       toValue: 1,
       duration: 180,
       useNativeDriver: true
     }).start();
-  }, [fade]);
+  }, [fade, reduceMotion2]);
   useEffect(() => {
     if (lastState.current === state) return;
     lastState.current = state;
+    if (reduceMotion2) return;
     pulse.setValue(0.4);
     Animated.timing(pulse, {
       toValue: 1,
       duration: 220,
       useNativeDriver: true
     }).start();
-  }, [state, pulse]);
+  }, [state, pulse, reduceMotion2]);
   const isDestructive = isDestructiveAction(action);
-  return /* @__PURE__ */ React7__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React7__default.createElement(
-    Animated.View,
+  return /* @__PURE__ */ React8__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React8__default.createElement(Animated.View, { style: [styles.labelGroup, { opacity: pulse }] }, /* @__PURE__ */ React8__default.createElement(StateIcon, { state, tone, primaryColor }), /* @__PURE__ */ React8__default.createElement(
+    Text,
     {
-      style: { opacity: pulse, flexDirection: "row", alignItems: "flex-start", flex: 1 }
+      style: [styles.label, { color: state === "failed" ? tone.color : textColor, fontFamily }],
+      accessibilityLabel: `${state}: ${label}`
     },
-    /* @__PURE__ */ React7__default.createElement(StateIcon, { state, tone, primaryColor }),
-    /* @__PURE__ */ React7__default.createElement(
-      Text,
-      {
-        style: [styles.label, { color: state === "failed" ? tone.color : textColor, fontFamily }],
-        accessibilityLabel: `${state}: ${label}`
-      },
-      label,
-      isDestructive && /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.destructiveTag, { color: palette.error }] }, " \u26A0 destrutiva")
-    )
-  ), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React7__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React7__default.createElement(
+    label,
+    isDestructive && /* @__PURE__ */ React8__default.createElement(Text, { style: [styles.destructiveTag, { color: palette.error }] }, " \u26A0 destrutiva")
+  )), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React8__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React8__default.createElement(
     TouchableOpacity,
     {
       onPress: () => onReject(action.id),
@@ -215,8 +336,8 @@ function RegularBreadcrumbRow({
       accessibilityLabel: "Rejeitar a\xE7\xE3o",
       testID: "assistant-action-reject"
     },
-    /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.rejectBtnText, { color: palette.error }] }, "Rejeitar")
-  ), /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React8__default.createElement(Text, { style: [styles.rejectBtnText, { color: palette.error }] }, "Rejeitar")
+  ), /* @__PURE__ */ React8__default.createElement(
     TouchableOpacity,
     {
       onPress: () => onApprove(action.id),
@@ -225,16 +346,18 @@ function RegularBreadcrumbRow({
       accessibilityLabel: "Aprovar a\xE7\xE3o",
       testID: "assistant-action-approve"
     },
-    /* @__PURE__ */ React7__default.createElement(Text, { style: styles.approveBtnText }, "Aprovar")
+    /* @__PURE__ */ React8__default.createElement(Text, { style: styles.approveBtnText }, "Aprovar")
   )));
 }
+var MIN_TOUCH_TARGET = 44;
 function ConfirmCard({
   action,
   palette,
   fontFamily,
   confirmStrings,
   onApprove,
-  onReject
+  onReject,
+  onGone
 }) {
   const {
     isDestructive,
@@ -242,6 +365,9 @@ function ConfirmCard({
     message,
     confirmLabel,
     cancelLabel,
+    confirmA11yLabel,
+    cancelA11yLabel,
+    expiredMessage,
     glyph,
     actionColor,
     cardBackground,
@@ -250,50 +376,91 @@ function ConfirmCard({
     cancelBackground,
     cancelTextColor
   } = deriveConfirmCardContent(action, palette, confirmStrings);
-  return /* @__PURE__ */ React7__default.createElement(
+  const summaryRef = useRef(null);
+  const expiresAt = confirmExpiresAt(action);
+  const [expired, setExpired] = useState(() => expiresAt !== void 0 && expiresAt <= Date.now());
+  const onGoneRef = useRef(onGone);
+  onGoneRef.current = onGone;
+  useEffect(() => {
+    if (summaryRef.current) AccessibilityInfo.sendAccessibilityEvent(summaryRef.current, "focus");
+    return () => onGoneRef.current?.();
+  }, []);
+  useEffect(() => {
+    if (expiresAt === void 0 || expired) return;
+    const timer = setTimeout(() => setExpired(true), expiresAt - Date.now());
+    return () => clearTimeout(timer);
+  }, [expiresAt, expired]);
+  useEffect(() => {
+    if (expired) AccessibilityInfo.announceForAccessibility(expiredMessage);
+  }, [expired, expiredMessage]);
+  return /* @__PURE__ */ React8__default.createElement(
     View,
     {
       style: [
         confirmCardStyles.card,
         { backgroundColor: cardBackground, borderColor: cardBorderColor }
       ],
-      testID: "assistant-confirm-card"
+      testID: "assistant-confirm-card",
+      onAccessibilityEscape: () => onReject?.(action.id)
     },
-    /* @__PURE__ */ React7__default.createElement(View, { style: confirmCardStyles.headerRow }, /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.glyph, { color: actionColor }] }, glyph), /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React8__default.createElement(
+      View,
+      {
+        ref: summaryRef,
+        accessible: true,
+        accessibilityLabel: `${title}. ${message}`,
+        accessibilityLiveRegion: "polite"
+      },
+      /* @__PURE__ */ React8__default.createElement(View, { style: confirmCardStyles.headerRow }, /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.glyph, { color: actionColor }] }, glyph), /* @__PURE__ */ React8__default.createElement(
+        Text,
+        {
+          style: [
+            confirmCardStyles.title,
+            { color: isDestructive ? palette.error : palette.text, fontFamily }
+          ]
+        },
+        title
+      )),
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.message, { color: messageColor, fontFamily }] }, message)
+    ),
+    expired && /* @__PURE__ */ React8__default.createElement(
       Text,
       {
-        style: [
-          confirmCardStyles.title,
-          { color: isDestructive ? palette.error : palette.text, fontFamily }
-        ]
+        style: [confirmCardStyles.expired, { color: palette.error, fontFamily }],
+        accessibilityLiveRegion: "assertive",
+        testID: "assistant-confirm-expired"
       },
-      title
-    )),
-    /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.message, { color: messageColor, fontFamily }] }, message),
-    /* @__PURE__ */ React7__default.createElement(View, { style: confirmCardStyles.buttons }, /* @__PURE__ */ React7__default.createElement(
+      expiredMessage
+    ),
+    /* @__PURE__ */ React8__default.createElement(View, { style: confirmCardStyles.buttons }, /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         onPress: () => onReject?.(action.id),
         style: [confirmCardStyles.btn, { backgroundColor: cancelBackground }],
         activeOpacity: 0.7,
-        accessibilityLabel: cancelLabel,
+        accessibilityRole: "button",
+        accessibilityLabel: cancelA11yLabel,
         testID: "assistant-confirm-reject"
       },
-      /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.cancelText, { color: cancelTextColor, fontFamily }] }, cancelLabel)
-    ), /* @__PURE__ */ React7__default.createElement(
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.cancelText, { color: cancelTextColor, fontFamily }] }, cancelLabel)
+    ), /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         onPress: () => onApprove?.(action.id),
+        disabled: expired,
         style: [
           confirmCardStyles.btn,
           confirmCardStyles.confirmBtn,
-          { backgroundColor: actionColor }
+          { backgroundColor: actionColor },
+          expired && confirmCardStyles.disabledBtn
         ],
         activeOpacity: 0.7,
-        accessibilityLabel: confirmLabel,
+        accessibilityRole: "button",
+        accessibilityState: { disabled: expired },
+        accessibilityLabel: confirmA11yLabel,
         testID: "assistant-confirm-approve"
       },
-      /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.confirmText, { fontFamily }] }, confirmLabel)
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.confirmText, { fontFamily }] }, confirmLabel)
     ))
   );
 }
@@ -327,18 +494,33 @@ var confirmCardStyles = StyleSheet.create({
     // color set inline — theme-driven (textSecondary).
     marginBottom: 12
   },
+  // Wraps: on one line the two buttons ran off the LEFT edge at iOS AX5
+  // and Cancel was unreachable — on the one card that gates something
+  // irreversible.
   buttons: {
     flexDirection: "row",
+    flexWrap: "wrap",
     gap: 8,
     justifyContent: "flex-end"
   },
   btn: {
+    minHeight: MIN_TOUCH_TARGET,
+    maxWidth: "100%",
+    justifyContent: "center",
     paddingHorizontal: 14,
     paddingVertical: 8,
     borderRadius: 10,
     minWidth: 96,
     alignItems: "center"
   },
+  disabledBtn: {
+    opacity: 0.4
+  },
+  expired: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginBottom: 12
+  },
   cancelText: {
     fontSize: 13,
     fontWeight: "600"
@@ -358,7 +540,11 @@ function StateIcon({
   tone,
   primaryColor
 }) {
-  return /* @__PURE__ */ React7__default.createElement(View, { style: [styles.iconCircle, { backgroundColor: tone.iconBg }] }, state === "running" ? /* @__PURE__ */ React7__default.createElement(ActivityIndicator, { size: "small", color: primaryColor }) : /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.iconGlyph, { color: tone.color }] }, iconGlyphFor(state)));
+  return /* @__PURE__ */ React8__default.createElement(View, { style: [styles.iconCircle, { backgroundColor: tone.iconBg }] }, state === "running" ? /* @__PURE__ */ React8__default.createElement(ActivityIndicator, { size: "small", color: primaryColor }) : (
+    // Decorative, inside a fixed circle: capped so it cannot clip. The
+    // state is also in the row's accessibilityLabel.
+    /* @__PURE__ */ React8__default.createElement(Text, { maxFontSizeMultiplier: 1.3, style: [styles.iconGlyph, { color: tone.color }] }, iconGlyphFor(state))
+  ));
 }
 var styles = StyleSheet.create({
   container: {
@@ -366,12 +552,26 @@ var styles = StyleSheet.create({
     marginBottom: 8,
     paddingVertical: 4
   },
+  // Wraps so Approve/Reject drop below the label at large text sizes. On
+  // one line they squeezed the label to zero width (iOS AX5): the user was
+  // asked to approve an action they could not read.
   row: {
     flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8,
     alignItems: "center",
     paddingVertical: 6,
     paddingHorizontal: 4
   },
+  labelGroup: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    // What forces the wrap: the label keeps at least half the row.
+    minWidth: "50%"
+  },
   iconCircle: {
     width: 22,
     height: 22,
@@ -399,9 +599,11 @@ var styles = StyleSheet.create({
   approvalButtons: {
     flexDirection: "row",
     gap: 6,
-    marginLeft: 8
+    marginLeft: "auto"
   },
   btn: {
+    minHeight: MIN_TOUCH_TARGET,
+    justifyContent: "center",
     paddingHorizontal: 10,
     paddingVertical: 5,
     borderRadius: 8
@@ -449,7 +651,7 @@ function resolvePersonalization(props, remote) {
   };
 }
 function ChatIcon({ size = 24, color = "#ffffff" }) {
-  return /* @__PURE__ */ React7.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React8.createElement(
     Path,
     {
       d: "M5 3.5h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-7.4l-4.6 4v-4H5a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3z",
@@ -457,8 +659,524 @@ function ChatIcon({ size = 24, color = "#ffffff" }) {
     }
   ));
 }
+
+// src/components/internalProps.ts
+var APPILOTS_SKIP_PROPS = {
+  __appilotsSkip: true,
+  __appilotsInternal: true
+};
+
+// src/components/AgentPill.tsx
+var PILL_MAX_FONT_SCALE = 1.5;
+function toneFor(state, colors) {
+  switch (state) {
+    case "success":
+      return colors.success;
+    case "failed":
+      return colors.error;
+    default:
+      return colors.primary;
+  }
+}
+function AgentPill({
+  label,
+  state,
+  onExpand,
+  expandRef,
+  onStop,
+  position,
+  insets,
+  colors,
+  fontFamily,
+  strings
+}) {
+  const atTop = position === "top-left" || position === "top-right";
+  const reduceMotion2 = useReduceMotion();
+  const enter = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (reduceMotion2) {
+      enter.setValue(1);
+      return;
+    }
+    Animated.spring(enter, {
+      toValue: 1,
+      useNativeDriver: true,
+      tension: 70,
+      friction: 12
+    }).start();
+  }, [enter, reduceMotion2]);
+  const translateY = enter.interpolate({
+    inputRange: [0, 1],
+    outputRange: [atTop ? -80 : 80, 0]
+  });
+  const running = state === "running" || state === "pending";
+  return /* @__PURE__ */ React8__default.createElement(
+    Animated.View,
+    {
+      ...APPILOTS_SKIP_PROPS,
+      pointerEvents: "box-none",
+      style: [
+        styles2.wrapper,
+        atTop ? { top: insets.top + 8 } : { bottom: insets.bottom + 8 },
+        { opacity: enter, transform: [{ translateY }] }
+      ]
+    },
+    /* @__PURE__ */ React8__default.createElement(
+      TouchableOpacity,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        ref: expandRef,
+        testID: "appilots-agent-pill",
+        accessibilityRole: "button",
+        accessibilityLabel: strings.expandA11y,
+        activeOpacity: 0.85,
+        onPress: onExpand,
+        style: [styles2.pill, { backgroundColor: colors.surface, borderColor: colors.border }]
+      },
+      running ? /* @__PURE__ */ React8__default.createElement(ActivityIndicator, { size: "small", color: toneFor(state, colors) }) : /* @__PURE__ */ React8__default.createElement(View, { style: [styles2.dot, { backgroundColor: toneFor(state, colors) }] }),
+      /* @__PURE__ */ React8__default.createElement(
+        Text,
+        {
+          testID: "appilots-agent-pill-label",
+          numberOfLines: 2,
+          maxFontSizeMultiplier: PILL_MAX_FONT_SCALE,
+          style: [styles2.label, { color: colors.text, fontFamily }]
+        },
+        label
+      ),
+      onStop ? /* @__PURE__ */ React8__default.createElement(
+        TouchableOpacity,
+        {
+          ...APPILOTS_SKIP_PROPS,
+          testID: "appilots-agent-pill-stop",
+          accessibilityRole: "button",
+          accessibilityLabel: strings.stopA11y,
+          onPress: onStop,
+          hitSlop: { top: 12, bottom: 12, left: 12, right: 12 },
+          style: [styles2.stop, { borderColor: colors.border }]
+        },
+        /* @__PURE__ */ React8__default.createElement(View, { style: [styles2.stopGlyph, { backgroundColor: colors.textSecondary }] })
+      ) : null
+    )
+  );
+}
+var styles2 = StyleSheet.create({
+  // `box-none` above + `position: absolute` here is what lets touches
+  // outside the pill itself reach the app underneath.
+  wrapper: {
+    position: "absolute",
+    left: 12,
+    right: 12,
+    zIndex: 999,
+    alignItems: "center"
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    maxWidth: "100%",
+    paddingLeft: 14,
+    paddingRight: 8,
+    paddingVertical: 10,
+    borderRadius: 24,
+    borderWidth: StyleSheet.hairlineWidth,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.18,
+    shadowRadius: 8,
+    elevation: 8
+  },
+  dot: { width: 8, height: 8, borderRadius: 4 },
+  label: { flexShrink: 1, fontSize: 14, fontWeight: "500" },
+  stop: {
+    width: 26,
+    height: 26,
+    borderRadius: 13,
+    borderWidth: StyleSheet.hairlineWidth,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stopGlyph: { width: 9, height: 9, borderRadius: 1.5 }
+});
+var PADDING = 6;
+var CAPTION_HEIGHT = 28;
+var CAPTION_GAP = 8;
+function SpotlightOverlay({
+  rect,
+  seq,
+  label,
+  color,
+  captionBackground,
+  captionColor,
+  fontFamily,
+  window: win
+}) {
+  const reduceMotion2 = useReduceMotion();
+  const pulse = useRef(new Animated.Value(reduceMotion2 ? 1 : 0)).current;
+  useEffect(() => {
+    if (reduceMotion2) {
+      pulse.stopAnimation();
+      pulse.setValue(1);
+      return;
+    }
+    pulse.setValue(0);
+    Animated.timing(pulse, {
+      toValue: 1,
+      duration: 220,
+      useNativeDriver: true
+    }).start();
+  }, [seq, pulse, reduceMotion2]);
+  if (!isRectOnScreen(rect, win)) return null;
+  const frame = {
+    left: rect.x - PADDING,
+    top: rect.y - PADDING,
+    width: rect.width + PADDING * 2,
+    height: rect.height + PADDING * 2
+  };
+  const above = frame.top - CAPTION_GAP - CAPTION_HEIGHT >= 0;
+  const captionTop = above ? frame.top - CAPTION_GAP - CAPTION_HEIGHT : frame.top + frame.height + CAPTION_GAP;
+  const captionFits = captionTop + CAPTION_HEIGHT <= win.height;
+  return /* @__PURE__ */ React8__default.createElement(
+    View,
+    {
+      ...APPILOTS_SKIP_PROPS,
+      pointerEvents: "none",
+      style: StyleSheet.absoluteFill,
+      testID: "appilots-spotlight"
+    },
+    /* @__PURE__ */ React8__default.createElement(
+      Animated.View,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        pointerEvents: "none",
+        style: [
+          styles3.ring,
+          frame,
+          { borderColor: color },
+          {
+            opacity: pulse,
+            // Settles inward: the ring arrives slightly large and snaps
+            // to the control, which reads as "this one" rather than as a
+            // box that was always there.
+            transform: [
+              {
+                scale: pulse.interpolate({ inputRange: [0, 1], outputRange: [1.08, 1] })
+              }
+            ]
+          }
+        ]
+      }
+    ),
+    label && captionFits ? /* @__PURE__ */ React8__default.createElement(
+      Animated.View,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        pointerEvents: "none",
+        style: [
+          styles3.caption,
+          {
+            top: captionTop,
+            // Clamped so a control at either edge does not push the
+            // caption off screen.
+            left: Math.max(8, Math.min(frame.left, win.width - 8)),
+            maxWidth: win.width - 16,
+            backgroundColor: captionBackground,
+            opacity: pulse
+          }
+        ]
+      },
+      /* @__PURE__ */ React8__default.createElement(
+        Text,
+        {
+          testID: "appilots-spotlight-label",
+          numberOfLines: 1,
+          style: [styles3.captionText, { color: captionColor, fontFamily }]
+        },
+        label
+      )
+    ) : null
+  );
+}
+var styles3 = StyleSheet.create({
+  ring: {
+    position: "absolute",
+    borderWidth: 2.5,
+    borderRadius: 10
+  },
+  caption: {
+    position: "absolute",
+    height: CAPTION_HEIGHT,
+    justifyContent: "center",
+    paddingHorizontal: 10,
+    borderRadius: 8
+  },
+  captionText: { fontSize: 13, fontWeight: "500" }
+});
+var NEVER = () => () => {
+};
+var NULL_TARGET = () => null;
+function useSpotlight(enabled) {
+  const subscribe2 = useCallback(
+    (onChange) => enabled ? subscribeSpotlight(onChange) : NEVER(),
+    [enabled]
+  );
+  return useSyncExternalStore(subscribe2, enabled ? getSpotlightTarget : NULL_TARGET, NULL_TARGET);
+}
+
+// src/components/pillStatus.ts
+function resolvePillStatus(actions, busy, strings) {
+  for (let i = actions.length - 1; i >= 0; i--) {
+    const action = actions[i];
+    if (action.status === "executing") return describeAction(action, strings.locale);
+  }
+  if (!busy) {
+    for (let i = actions.length - 1; i >= 0; i--) {
+      const action = actions[i];
+      if (action.status === "completed" || action.status === "failed") {
+        return describeAction(action, strings.locale);
+      }
+    }
+    return { label: strings.done, state: "success" };
+  }
+  return { label: strings.working, state: "running" };
+}
+var STREAMING_PREFIX = "streaming_";
+function announce(message) {
+  if (Platform.OS === "ios" && AccessibilityInfo.announceForAccessibilityWithOptions) {
+    AccessibilityInfo.announceForAccessibilityWithOptions(message, { queue: true });
+  } else {
+    AccessibilityInfo.announceForAccessibility(message);
+  }
+}
+var speakable = (content) => content.replace(/[*`#]+/g, "").trim();
+function useChatAnnouncements({
+  messages,
+  actions,
+  awaitingApproval,
+  acting,
+  locale,
+  strings
+}) {
+  const seenMessages = useRef(null);
+  if (!seenMessages.current) seenMessages.current = new Set(messages.map((m) => m.id));
+  const seenActions = useRef(null);
+  if (!seenActions.current) seenActions.current = new Map(actions.map((a) => [a.id, a.status]));
+  const prev = useRef({ awaitingApproval, acting });
+  const namedSinceSettle = useRef(false);
+  const localeRef = useRef(locale);
+  localeRef.current = locale;
+  useEffect(
+    () => subscribeSpotlightAnnouncement((label, verb) => {
+      namedSinceSettle.current = true;
+      announce(targetAnnouncement(verb, label, localeRef.current));
+    }),
+    []
+  );
+  useEffect(() => {
+    const out = [];
+    for (const message of messages) {
+      if (message.role === "user" || message.id.startsWith(STREAMING_PREFIX)) continue;
+      if (seenMessages.current.has(message.id)) continue;
+      seenMessages.current.add(message.id);
+      const text = speakable(message.content);
+      if (text) out.push(text);
+    }
+    for (const action of actions) {
+      if (action.type === "confirm") continue;
+      if (seenActions.current.get(action.id) === action.status) continue;
+      seenActions.current.set(action.id, action.status);
+      const line = actionAnnouncement(action, locale, namedSinceSettle.current);
+      if (action.status === "completed" || action.status === "failed") {
+        namedSinceSettle.current = false;
+      }
+      if (line) out.push(line);
+    }
+    if (awaitingApproval && !prev.current.awaitingApproval) out.push(strings.a11yAwaitingApproval);
+    if (prev.current.acting && !acting) out.push(strings.a11yTurnDone);
+    prev.current = { awaitingApproval, acting };
+    for (const line of out) announce(line);
+  }, [messages, actions, awaitingApproval, acting, locale, strings]);
+}
+function useStillWorking(active, template) {
+  const [seconds, setSeconds] = useState(0);
+  useEffect(() => {
+    setSeconds(0);
+    if (!active) return;
+    return startStillWorkingTimer((elapsed) => {
+      setSeconds(elapsed);
+      AccessibilityInfo.announceForAccessibility(template.replace("{seconds}", String(elapsed)));
+    });
+  }, [active, template]);
+  return seconds;
+}
+function useVoiceInput({
+  host,
+  locale,
+  onTranscript
+}) {
+  const [state, setState] = useState("idle");
+  const [partial, setPartial] = useState("");
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const onTranscriptRef = useRef(onTranscript);
+  onTranscriptRef.current = onTranscript;
+  const stateRef = useRef("idle");
+  stateRef.current = state;
+  useEffect(() => {
+    return () => {
+      if (stateRef.current === "listening" || stateRef.current === "starting") {
+        void host?.cancel().catch(() => {
+        });
+      }
+    };
+  }, [host]);
+  const start = useCallback(() => {
+    if (!host) return;
+    if (state !== "idle" && state !== "error") return;
+    setState("starting");
+    setPartial("");
+    host.start({ locale }).then(() => {
+      if (!mounted.current) return;
+      setState("listening");
+    }).catch((err) => {
+      appilotsDebugWarn("useVoiceInput: start failed", err);
+      if (!mounted.current) return;
+      setState("error");
+    });
+  }, [host, locale, state]);
+  const stop = useCallback(() => {
+    if (!host) return;
+    if (state !== "listening" && state !== "starting") return;
+    setState("stopping");
+    host.stop().then((text) => {
+      if (!mounted.current) return;
+      setState("idle");
+      setPartial("");
+      const trimmed = text?.trim();
+      if (trimmed) onTranscriptRef.current(trimmed);
+    }).catch((err) => {
+      appilotsDebugWarn("useVoiceInput: stop failed", err);
+      if (!mounted.current) return;
+      setState("error");
+      setPartial("");
+    });
+  }, [host, state]);
+  const cancel = useCallback(() => {
+    if (!host) return;
+    setPartial("");
+    setState("idle");
+    void host.cancel().catch((err) => appilotsDebugWarn("useVoiceInput: cancel failed", err));
+  }, [host]);
+  useEffect(() => {
+    if (!host?.onPartial) return;
+    if (state !== "listening") return;
+    const dispose = host.onPartial((text) => {
+      if (mounted.current) setPartial(text);
+    });
+    return dispose;
+  }, [host, state]);
+  useEffect(() => {
+    if (!host?.onEnd) return;
+    if (state !== "listening") return;
+    return host.onEnd((error) => {
+      if (!mounted.current) return;
+      setPartial("");
+      setState(error ? "error" : "idle");
+    });
+  }, [host, state]);
+  return { state, partial, start, stop, cancel };
+}
+
+// src/components/experience.ts
+var DEFAULT_EXPERIENCE = {
+  presence: "sheet",
+  spotlight: "off",
+  control: "agent",
+  entry: ["fab"],
+  input: ["text"]
+};
+function uniq(values) {
+  return values.filter((value, index) => values.indexOf(value) === index);
+}
+function resolveExperience(requested, caps) {
+  const downgrades = [];
+  let presence = requested?.presence ?? DEFAULT_EXPERIENCE.presence;
+  let spotlight = requested?.spotlight ?? DEFAULT_EXPERIENCE.spotlight;
+  const control = requested?.control ?? DEFAULT_EXPERIENCE.control;
+  const entry = uniq(requested?.entry ?? DEFAULT_EXPERIENCE.entry);
+  let input = uniq(requested?.input ?? DEFAULT_EXPERIENCE.input);
+  if (spotlight !== "off" && !caps.geometry) {
+    downgrades.push({
+      field: "spotlight",
+      from: spotlight,
+      to: "off",
+      reason: 'spotlight needs Fabric window geometry, which this app cannot report. Enable the new React Native architecture, or set spotlight:"off" to silence this.'
+    });
+    spotlight = "off";
+  }
+  if (spotlight !== "off" && presence === "sheet") {
+    downgrades.push({
+      field: "presence",
+      from: "sheet",
+      to: "pill",
+      reason: 'spotlight draws on the app, which the sheet covers. Set presence:"pill" or "hidden" explicitly to silence this.'
+    });
+    presence = "pill";
+  }
+  if (control === "shared" && presence === "sheet") {
+    downgrades.push({
+      field: "presence",
+      from: "sheet",
+      to: "pill",
+      reason: 'control:"shared" needs the app to be touchable, and the sheet is a native Modal that swallows every touch. Set presence:"pill" or "hidden" to silence this.'
+    });
+    presence = "pill";
+  }
+  if (input.includes("voice") && !caps.speech) {
+    downgrades.push({
+      field: "input",
+      from: input.join("+"),
+      to: input.filter((mode) => mode !== "voice").join("+") || "text",
+      reason: 'input:"voice" needs a SpeechHost passed to <AppilotsChat speech={...} />. The SDK ships no speech engine of its own \u2014 see https://docs.appilots.com/docs/guides/voice-input.'
+    });
+    input = input.filter((mode) => mode !== "voice");
+  }
+  if (input.length === 0) input = ["text"];
+  return {
+    experience: { presence, spotlight, control, entry, input },
+    downgrades
+  };
+}
+function formatDowngrades(downgrades) {
+  return downgrades.map(
+    (d) => `[appilots] experience.${d.field}: "${d.from}" -> "${d.to}". ${d.reason}`
+  );
+}
+
+// src/components/presence.ts
+function resolveSurface(presence, activity) {
+  if (presence === "sheet") return activity.open ? "sheet" : "none";
+  if (activity.awaitingUser) return "sheet";
+  if (activity.busy && (activity.acting || !activity.open)) return "pill";
+  if (activity.hostModalOpen && !activity.explicitlyOpened && (activity.open || activity.unread))
+    return "pill";
+  if (activity.open) return "sheet";
+  if (activity.unread) return "pill";
+  return "none";
+}
+function shouldReopenOnTurnEnd(presence) {
+  return presence === "pill";
+}
+function usesPill(presence) {
+  return presence !== "sheet";
+}
 function HeadsetIcon({ size = 18, color = "#ffffff" }) {
-  return /* @__PURE__ */ React7.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React8.createElement(
     Path,
     {
       d: "M12 3a8 8 0 0 0-8 8v5.5A2.5 2.5 0 0 0 6.5 19H8a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H6v-1a6 6 0 0 1 12 0v1h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1.5a2.5 2.5 0 0 0 2.5-2.5V11a8 8 0 0 0-8-8z",
@@ -499,195 +1217,6 @@ function buildChatTimeline(messages, actions) {
   }
   return timeline;
 }
-
-// src/components/markdownContent.ts
-var ORDERED_LINE = /^\s*(\d+)\.\s+(.+)$/;
-var BULLET_LINE = /^\s*[-*•]\s+(.+)$/;
-var HEADING_LINE = /^\s*(#{1,6})\s+(.+)$/;
-var FENCE_LINE = /^\s*```\s*([A-Za-z0-9+#_-]*)\s*$/;
-var INLINE_PATTERN = /\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|\*\*(.+?)\*\*|__(.+?)__|`([^`]+)`|\*(.+?)\*|_(.+?)_/g;
-var MIN_ENHANCE_LENGTH = 80;
-var SENTENCE_SPLIT = /[^.!?]+[.!?]+(?=\s+[A-ZÁÉÍÓÚÀÈÌÒÙÂÊÎÔÛÃÕÇÑ¿¡"“]|$)|[^.!?]+$/g;
-var CAPABILITY_SENTENCE = /^((?:No aplicativo,?|In (?:this|the) app,?|En la aplicaci[oó]n,?|Dans l['’]application,?)?(?:\s+(?:voc[eê]|voce|you|tu|usted|puedes|puede|peux))?\s*(?:pode(?:m|r)?|can|could|puedes|puede|peux|peut))\s+(.+?)\.?\s*$/i;
-var INCLUDE_LIST_SENTENCE = /^(.+?)\s+(?:incluem|inclui|include|includes|incluye|incluyen|such as|for example|par exemple|por exemplo)\s+(.+?)\.?\s*$/i;
-function looksLikeMarkdown(content) {
-  if (!content) return false;
-  return /\*\*.+?\*\*/.test(content) || /__.+?__/.test(content) || /`[^`\n]+`/.test(content) || /^\s*[-*•]\s+/m.test(content) || /^\s*\d+\.\s+/m.test(content) || /^\s*#{1,6}\s+/m.test(content) || /^\s*```/m.test(content) || /\[[^\]\n]+\]\(https?:\/\/[^\s)]+\)/.test(content);
-}
-function splitEnumeration(text) {
-  const trimmed = text.trim().replace(/\.\s*$/, "");
-  if (!trimmed) return [];
-  const commaParts = trimmed.split(",").map((part) => part.trim()).filter(Boolean);
-  if (commaParts.length <= 1) {
-    const conjParts = trimmed.split(/\s+(?:e|and|y|ou|or)\s+/i).map((part) => part.trim());
-    return conjParts.filter(Boolean);
-  }
-  const last = commaParts[commaParts.length - 1];
-  const conjMatch = last.match(/^(.+?)\s+(?:e|and|y|ou|or)\s+(.+)$/i);
-  if (conjMatch) {
-    commaParts[commaParts.length - 1] = conjMatch[1].trim();
-    commaParts.push(conjMatch[2].trim());
-  }
-  return commaParts.filter(Boolean);
-}
-function splitSentences(text) {
-  const matches = text.match(SENTENCE_SPLIT);
-  if (!matches) return [text.trim()];
-  return matches.map((part) => part.trim()).filter(Boolean);
-}
-function formatCapabilitySentence(sentence) {
-  const match = CAPABILITY_SENTENCE.exec(sentence.trim());
-  if (!match) return null;
-  const items = splitEnumeration(match[2] ?? "");
-  if (items.length < 3) return null;
-  const intro = `${match[1].trim()}:`;
-  return `${intro}
-${items.map((item) => `- ${item}`).join("\n")}`;
-}
-function formatIncludeListSentence(sentence) {
-  const match = INCLUDE_LIST_SENTENCE.exec(sentence.trim());
-  if (!match) return null;
-  const intro = match[1].trim().replace(/[,:]\s*$/, "");
-  const items = splitEnumeration(match[2] ?? "");
-  if (items.length < 2) return null;
-  return `${intro}:
-${items.map((item) => `- ${item}`).join("\n")}`;
-}
-function formatReadableSentence(sentence) {
-  return formatCapabilitySentence(sentence) ?? formatIncludeListSentence(sentence) ?? sentence.trim();
-}
-function enhancePlainAssistantContent(content) {
-  if (!content?.trim() || looksLikeMarkdown(content)) return content;
-  const trimmed = content.trim();
-  if (trimmed.length < MIN_ENHANCE_LENGTH) return content;
-  const sentences = splitSentences(trimmed);
-  if (sentences.length === 0) return content;
-  const blocks = sentences.map(formatReadableSentence);
-  const enhanced = blocks.join("\n\n");
-  return enhanced || content;
-}
-function needsWideChatLayout(content) {
-  if (!content?.trim()) return false;
-  const prepared = enhancePlainAssistantContent(content);
-  return looksLikeMarkdown(prepared) || /\n\n+/.test(prepared);
-}
-function parseMarkdownBlocks(content) {
-  const lines = content.replace(/\r\n/g, "\n").split("\n");
-  const blocks = [];
-  let paragraph = [];
-  let bulletItems = [];
-  let orderedItems = [];
-  let codeLines = null;
-  let codeLanguage;
-  const flushParagraph = () => {
-    if (paragraph.length === 0) return;
-    blocks.push({ kind: "paragraph", text: paragraph.join("\n") });
-    paragraph = [];
-  };
-  const flushBullets = () => {
-    if (bulletItems.length === 0) return;
-    blocks.push({ kind: "bullet", items: bulletItems });
-    bulletItems = [];
-  };
-  const flushOrdered = () => {
-    if (orderedItems.length === 0) return;
-    blocks.push({ kind: "ordered", items: orderedItems });
-    orderedItems = [];
-  };
-  const flushLists = () => {
-    flushBullets();
-    flushOrdered();
-  };
-  const flushCode = () => {
-    if (codeLines === null) return;
-    blocks.push({
-      kind: "codeblock",
-      code: codeLines.join("\n"),
-      ...codeLanguage ? { language: codeLanguage } : {}
-    });
-    codeLines = null;
-    codeLanguage = void 0;
-  };
-  for (const line of lines) {
-    if (codeLines !== null) {
-      if (/^\s*```\s*$/.test(line)) {
-        flushCode();
-      } else {
-        codeLines.push(line);
-      }
-      continue;
-    }
-    const fence = FENCE_LINE.exec(line);
-    if (fence) {
-      flushParagraph();
-      flushLists();
-      codeLines = [];
-      codeLanguage = fence[1] || void 0;
-      continue;
-    }
-    const trimmed = line.trim();
-    if (!trimmed) {
-      flushParagraph();
-      flushLists();
-      continue;
-    }
-    const heading = HEADING_LINE.exec(line);
-    if (heading) {
-      flushParagraph();
-      flushLists();
-      const level = Math.min(heading[1].length, 3);
-      blocks.push({ kind: "heading", level, text: heading[2].trim() });
-      continue;
-    }
-    const ordered = ORDERED_LINE.exec(line);
-    if (ordered) {
-      flushParagraph();
-      flushBullets();
-      orderedItems.push(ordered[2].trim());
-      continue;
-    }
-    const bullet = BULLET_LINE.exec(line);
-    if (bullet) {
-      flushParagraph();
-      flushOrdered();
-      bulletItems.push(bullet[1].trim());
-      continue;
-    }
-    flushLists();
-    paragraph.push(line);
-  }
-  flushParagraph();
-  flushLists();
-  flushCode();
-  return blocks.length > 0 ? blocks : [{ kind: "paragraph", text: content }];
-}
-function parseInlineMarkdown(text) {
-  if (!text) return [{ kind: "text", value: "" }];
-  const segments = [];
-  let lastIndex = 0;
-  INLINE_PATTERN.lastIndex = 0;
-  for (let match = INLINE_PATTERN.exec(text); match; match = INLINE_PATTERN.exec(text)) {
-    if (match.index > lastIndex) {
-      segments.push({ kind: "text", value: text.slice(lastIndex, match.index) });
-    }
-    if (match[1] && match[2]) {
-      segments.push({ kind: "link", value: match[1].trim(), href: match[2] });
-    } else if (match[3] || match[4]) {
-      segments.push({ kind: "bold", value: (match[3] ?? match[4]).trim() });
-    } else if (match[5]) {
-      segments.push({ kind: "code", value: match[5] });
-    } else if (match[6] || match[7]) {
-      segments.push({ kind: "italic", value: (match[6] ?? match[7]).trim() });
-    }
-    lastIndex = INLINE_PATTERN.lastIndex;
-  }
-  if (lastIndex < text.length) {
-    segments.push({ kind: "text", value: text.slice(lastIndex) });
-  }
-  return segments.length > 0 ? segments : [{ kind: "text", value: text }];
-}
-
-// src/components/ChatMarkdown.tsx
 function segmentKey(segment, index) {
   return `${segment.kind}-${index}-${segment.value.slice(0, 12)}`;
 }
@@ -697,17 +1226,17 @@ function renderInlineSegments(text, theme, baseStyle) {
     const key = segmentKey(segment, index);
     switch (segment.kind) {
       case "bold":
-        return /* @__PURE__ */ React7__default.createElement(Text, { key, style: [baseStyle, styles2.bold] }, segment.value);
+        return /* @__PURE__ */ React8__default.createElement(Text, { key, style: [baseStyle, styles4.bold] }, segment.value);
       case "italic":
-        return /* @__PURE__ */ React7__default.createElement(Text, { key, style: [baseStyle, styles2.italic] }, segment.value);
+        return /* @__PURE__ */ React8__default.createElement(Text, { key, style: [baseStyle, styles4.italic] }, segment.value);
       case "code":
-        return /* @__PURE__ */ React7__default.createElement(
+        return /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             key,
             style: [
               baseStyle,
-              styles2.code,
+              styles4.code,
               {
                 backgroundColor: theme.codeBackground ?? (theme.variant === "user" ? "rgba(255,255,255,0.22)" : "rgba(0,0,0,0.06)"),
                 color: theme.codeColor ?? theme.color
@@ -717,14 +1246,14 @@ function renderInlineSegments(text, theme, baseStyle) {
           segment.value
         );
       case "link":
-        return /* @__PURE__ */ React7__default.createElement(
+        return /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             key,
             accessibilityRole: "link",
             style: [
               baseStyle,
-              styles2.link,
+              styles4.link,
               {
                 color: theme.linkColor ?? (theme.variant === "user" ? theme.color : "#2563EB")
               }
@@ -751,7 +1280,7 @@ function InlineMarkdown({
     fontSize: theme.fontSize,
     lineHeight: theme.lineHeight
   };
-  return /* @__PURE__ */ React7__default.createElement(Text, { style: baseStyle }, renderInlineSegments(text, theme, baseStyle));
+  return /* @__PURE__ */ React8__default.createElement(Text, { style: baseStyle }, renderInlineSegments(text, theme, baseStyle));
 }
 function ChatMarkdown({ content, theme, contentWidth }) {
   const prepared = enhancePlainAssistantContent(content);
@@ -761,29 +1290,29 @@ function ChatMarkdown({ content, theme, contentWidth }) {
     fontSize: theme.fontSize,
     lineHeight: theme.lineHeight
   };
-  const rootStyle = contentWidth ? [styles2.root, { width: contentWidth }] : styles2.root;
+  const rootStyle = contentWidth ? [styles4.root, { width: contentWidth }] : styles4.root;
   if (!looksLikeMarkdown(prepared)) {
     const paragraphs = prepared.split(/\n\n+/).map((part) => part.trim()).filter(Boolean);
     if (paragraphs.length > 1) {
-      return /* @__PURE__ */ React7__default.createElement(View, { style: rootStyle }, paragraphs.map((paragraph, index) => /* @__PURE__ */ React7__default.createElement(View, { key: `plain-p-${index}`, style: index > 0 ? styles2.blockGap : void 0 }, /* @__PURE__ */ React7__default.createElement(Text, { style: baseTextStyle }, paragraph))));
+      return /* @__PURE__ */ React8__default.createElement(View, { style: rootStyle }, paragraphs.map((paragraph, index) => /* @__PURE__ */ React8__default.createElement(View, { key: `plain-p-${index}`, style: index > 0 ? styles4.blockGap : void 0 }, /* @__PURE__ */ React8__default.createElement(Text, { style: baseTextStyle }, paragraph))));
     }
-    return /* @__PURE__ */ React7__default.createElement(Text, { style: baseTextStyle }, prepared);
+    return /* @__PURE__ */ React8__default.createElement(Text, { style: baseTextStyle }, prepared);
   }
   const blocks = parseMarkdownBlocks(prepared);
-  return /* @__PURE__ */ React7__default.createElement(View, { style: rootStyle }, blocks.map((block, blockIndex) => {
+  return /* @__PURE__ */ React8__default.createElement(View, { style: rootStyle }, blocks.map((block, blockIndex) => {
     if (block.kind === "paragraph") {
-      return /* @__PURE__ */ React7__default.createElement(View, { key: `p-${blockIndex}`, style: blockIndex > 0 ? styles2.blockGap : void 0 }, /* @__PURE__ */ React7__default.createElement(InlineMarkdown, { text: block.text, theme }));
+      return /* @__PURE__ */ React8__default.createElement(View, { key: `p-${blockIndex}`, style: blockIndex > 0 ? styles4.blockGap : void 0 }, /* @__PURE__ */ React8__default.createElement(InlineMarkdown, { text: block.text, theme }));
     }
     if (block.kind === "heading") {
       const scale = block.level === 1 ? 1.25 : block.level === 2 ? 1.15 : 1.05;
       const headingSize = Math.round((theme.fontSize ?? 15) * scale);
-      return /* @__PURE__ */ React7__default.createElement(View, { key: `h-${blockIndex}`, style: blockIndex > 0 ? styles2.blockGap : void 0 }, /* @__PURE__ */ React7__default.createElement(
+      return /* @__PURE__ */ React8__default.createElement(View, { key: `h-${blockIndex}`, style: blockIndex > 0 ? styles4.blockGap : void 0 }, /* @__PURE__ */ React8__default.createElement(
         Text,
         {
           accessibilityRole: "header",
           style: [
             baseTextStyle,
-            styles2.bold,
+            styles4.bold,
             { fontSize: headingSize, lineHeight: Math.round(headingSize * 1.35) }
           ]
         },
@@ -795,23 +1324,23 @@ function ChatMarkdown({ content, theme, contentWidth }) {
       ));
     }
     if (block.kind === "codeblock") {
-      return /* @__PURE__ */ React7__default.createElement(
+      return /* @__PURE__ */ React8__default.createElement(
         View,
         {
           key: `code-${blockIndex}`,
           style: [
-            styles2.codeBlock,
-            blockIndex > 0 ? styles2.blockGap : void 0,
+            styles4.codeBlock,
+            blockIndex > 0 ? styles4.blockGap : void 0,
             {
               backgroundColor: theme.codeBackground ?? (theme.variant === "user" ? "rgba(255,255,255,0.18)" : "rgba(0,0,0,0.055)")
             }
           ]
         },
-        /* @__PURE__ */ React7__default.createElement(
+        /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             style: [
-              styles2.code,
+              styles4.code,
               {
                 color: theme.codeColor ?? theme.color,
                 fontSize: (theme.fontSize ?? 15) - 1,
@@ -824,28 +1353,28 @@ function ChatMarkdown({ content, theme, contentWidth }) {
       );
     }
     if (block.kind === "bullet") {
-      return /* @__PURE__ */ React7__default.createElement(View, { key: `ul-${blockIndex}`, style: blockIndex > 0 ? styles2.blockGap : void 0 }, block.items.map((item, itemIndex) => /* @__PURE__ */ React7__default.createElement(
+      return /* @__PURE__ */ React8__default.createElement(View, { key: `ul-${blockIndex}`, style: blockIndex > 0 ? styles4.blockGap : void 0 }, block.items.map((item, itemIndex) => /* @__PURE__ */ React8__default.createElement(
         Text,
         {
           key: `ul-${blockIndex}-${itemIndex}`,
-          style: [baseTextStyle, itemIndex > 0 ? styles2.listItemGap : void 0]
+          style: [baseTextStyle, itemIndex > 0 ? styles4.listItemGap : void 0]
         },
         "\u2022 ",
         renderInlineSegments(item, theme, baseTextStyle)
       )));
     }
-    return /* @__PURE__ */ React7__default.createElement(View, { key: `ol-${blockIndex}`, style: blockIndex > 0 ? styles2.blockGap : void 0 }, block.items.map((item, itemIndex) => /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(View, { key: `ol-${blockIndex}`, style: blockIndex > 0 ? styles4.blockGap : void 0 }, block.items.map((item, itemIndex) => /* @__PURE__ */ React8__default.createElement(
       Text,
       {
         key: `ol-${blockIndex}-${itemIndex}`,
-        style: [baseTextStyle, itemIndex > 0 ? styles2.listItemGap : void 0]
+        style: [baseTextStyle, itemIndex > 0 ? styles4.listItemGap : void 0]
       },
       `${itemIndex + 1}. `,
       renderInlineSegments(item, theme, baseTextStyle)
     )));
   }));
 }
-var styles2 = StyleSheet.create({
+var styles4 = StyleSheet.create({
   root: {
     flexShrink: 1,
     alignSelf: "stretch"
@@ -889,7 +1418,7 @@ function AppilotsThemeProvider({
     () => mergeThemeTokens(resolveBaseTheme(mode, systemScheme), theme ?? void 0),
     [mode, systemScheme, theme]
   );
-  return /* @__PURE__ */ React7__default.createElement(ThemeContext.Provider, { value: tokens }, children);
+  return /* @__PURE__ */ React8__default.createElement(ThemeContext.Provider, { value: tokens }, children);
 }
 function useAppilotsTheme() {
   return useContext(ThemeContext);
@@ -982,177 +1511,6 @@ var appilotsTheme = {
   fromTailwind: appilotsThemeFromTailwind
 };
 
-// src/i18n/bundles/pt-BR.ts
-var ptBR = {
-  chatTitle: "Assistente Appilots",
-  clearButton: "Limpar",
-  inputPlaceholder: "Digite uma mensagem...",
-  emptyTitle: "Como posso ajudar?",
-  emptySubtitle: "Navego, preencho formul\xE1rios e executo a\xE7\xF5es neste app.",
-  thinking: "Pensando...",
-  statusAnalyzing: "Analisando a tela...",
-  statusWaitingApp: "Aguardando o app responder...",
-  statusAdjusting: "Ajustando o plano...",
-  poweredBy: "Powered by Appilots",
-  approve: "Aprovar",
-  reject: "Rejeitar",
-  cancelledByUser: "Cancelado pelo usu\xE1rio",
-  confirmDestructiveTitle: "A\xE7\xE3o destrutiva",
-  confirmTitle: "Confirma\xE7\xE3o necess\xE1ria",
-  confirmMessage: 'Tem certeza que deseja "{action}"?',
-  confirmDestructiveApprove: "Sim, executar",
-  confirmApprove: "Confirmar",
-  confirmCancel: "Cancelar",
-  confirmThisAction: "esta a\xE7\xE3o",
-  unknownAction: "A\xE7\xE3o desconhecida",
-  somethingWentWrong: "Algo deu errado",
-  openChatA11y: "Abrir chat do assistente",
-  closeChatA11y: "Fechar chat do assistente",
-  stopGeneratingA11y: "Parar gera\xE7\xE3o",
-  talkToHumanA11y: "Falar com um atendente humano",
-  humanAgentLabel: "Atendente",
-  escalationRequested: "Certo! Chamei um atendente humano. Voc\xEA pode continuar usando o app normalmente enquanto isso.",
-  escalationConnected: "Um atendente entrou na conversa.",
-  escalationResolved: "O atendimento humano foi encerrado. Voltei a te ajudar por aqui.",
-  escalationOffer: "Se preferir, posso chamar uma pessoa para ajudar.",
-  escalationOfferChip: "Falar com um atendente",
-  escalationPendingBanner: "Aguardando um atendente...",
-  escalationActiveBanner: "Voc\xEA est\xE1 falando com um atendente"
-};
-
-// src/i18n/bundles/en.ts
-var en = {
-  chatTitle: "Appilots Assistant",
-  clearButton: "Clear",
-  inputPlaceholder: "Type a message...",
-  emptyTitle: "How can I help?",
-  emptySubtitle: "I navigate, fill forms, and run actions in this app.",
-  thinking: "Thinking...",
-  statusAnalyzing: "Reading the screen...",
-  statusWaitingApp: "Waiting for the app...",
-  statusAdjusting: "Adjusting the plan...",
-  poweredBy: "Powered by Appilots",
-  approve: "Approve",
-  reject: "Reject",
-  cancelledByUser: "Cancelled by user",
-  confirmDestructiveTitle: "Destructive action",
-  confirmTitle: "Confirmation needed",
-  confirmMessage: 'Are you sure you want to "{action}"?',
-  confirmDestructiveApprove: "Yes, do it",
-  confirmApprove: "Confirm",
-  confirmCancel: "Cancel",
-  confirmThisAction: "this action",
-  unknownAction: "Unknown action",
-  somethingWentWrong: "Something went wrong",
-  openChatA11y: "Open assistant chat",
-  closeChatA11y: "Close assistant chat",
-  stopGeneratingA11y: "Stop generating",
-  talkToHumanA11y: "Talk to a human agent",
-  humanAgentLabel: "Agent",
-  escalationRequested: "Done! I've called a human agent. You can keep using the app normally in the meantime.",
-  escalationConnected: "A human agent joined the conversation.",
-  escalationResolved: "The human handoff has ended. I'm back to help you here.",
-  escalationOffer: "If you prefer, I can bring in a person to help.",
-  escalationOfferChip: "Talk to a human",
-  escalationPendingBanner: "Waiting for a human agent...",
-  escalationActiveBanner: "You're talking to a human agent"
-};
-
-// src/i18n/bundles/es.ts
-var es = {
-  chatTitle: "Asistente Appilots",
-  clearButton: "Limpiar",
-  inputPlaceholder: "Escribe un mensaje...",
-  emptyTitle: "\xBFEn qu\xE9 puedo ayudarte?",
-  emptySubtitle: "Navego, relleno formularios y ejecuto acciones en esta app.",
-  thinking: "Pensando...",
-  statusAnalyzing: "Analizando la pantalla...",
-  statusWaitingApp: "Esperando a la app...",
-  statusAdjusting: "Ajustando el plan...",
-  poweredBy: "Hecho con Appilots",
-  approve: "Aprobar",
-  reject: "Rechazar",
-  cancelledByUser: "Cancelado por el usuario",
-  confirmDestructiveTitle: "Acci\xF3n destructiva",
-  confirmTitle: "Confirmaci\xF3n necesaria",
-  confirmMessage: '\xBFSeguro que quieres "{action}"?',
-  confirmDestructiveApprove: "S\xED, ejecutar",
-  confirmApprove: "Confirmar",
-  confirmCancel: "Cancelar",
-  confirmThisAction: "esta acci\xF3n",
-  unknownAction: "Acci\xF3n desconocida",
-  somethingWentWrong: "Algo sali\xF3 mal",
-  openChatA11y: "Abrir chat del asistente",
-  closeChatA11y: "Cerrar chat del asistente",
-  stopGeneratingA11y: "Detener generaci\xF3n",
-  talkToHumanA11y: "Hablar con un agente humano",
-  humanAgentLabel: "Agente",
-  escalationRequested: "\xA1Listo! Llam\xE9 a un agente humano. Mientras tanto puedes seguir usando la app con normalidad.",
-  escalationConnected: "Un agente humano se uni\xF3 a la conversaci\xF3n.",
-  escalationResolved: "La atenci\xF3n humana termin\xF3. Vuelvo a ayudarte por aqu\xED.",
-  escalationOffer: "Si prefieres, puedo llamar a una persona para ayudarte.",
-  escalationOfferChip: "Hablar con un agente",
-  escalationPendingBanner: "Esperando a un agente...",
-  escalationActiveBanner: "Est\xE1s hablando con un agente humano"
-};
-var BUNDLES = {
-  "pt-BR": ptBR,
-  en,
-  es
-};
-var DEFAULT_LOCALE = "en";
-function detectDeviceLocale() {
-  try {
-    let raw;
-    if (Platform.OS === "ios") {
-      const settings = NativeModules?.SettingsManager?.settings;
-      raw = settings?.AppleLocale || (Array.isArray(settings?.AppleLanguages) ? settings?.AppleLanguages?.[0] : void 0);
-    } else if (Platform.OS === "android") {
-      raw = NativeModules?.I18nManager?.localeIdentifier;
-    }
-    if (!raw || typeof raw !== "string") return null;
-    const lower = raw.toLowerCase().replace("_", "-");
-    if (lower.startsWith("pt")) return "pt-BR";
-    if (lower.startsWith("es")) return "es";
-    if (lower.startsWith("en")) return "en";
-    return null;
-  } catch {
-    return null;
-  }
-}
-function resolveLocale(prop) {
-  if (prop && BUNDLES[prop]) return prop;
-  const detected = detectDeviceLocale();
-  if (detected && BUNDLES[detected]) return detected;
-  return DEFAULT_LOCALE;
-}
-var I18nContext = createContext(null);
-function AppilotsI18nProvider({
-  locale,
-  overrides,
-  children
-}) {
-  const value = useMemo(() => {
-    const resolved = resolveLocale(locale ?? null);
-    const merged = overrides ? { ...BUNDLES[resolved], ...overrides } : BUNDLES[resolved];
-    return {
-      locale: resolved,
-      strings: merged,
-      t: (key) => merged[key]
-    };
-  }, [locale, overrides]);
-  return /* @__PURE__ */ React7__default.createElement(I18nContext.Provider, { value }, children);
-}
-function useAppilotsI18n() {
-  const ctx = useContext(I18nContext);
-  if (ctx) return ctx;
-  return {
-    locale: DEFAULT_LOCALE,
-    strings: BUNDLES[DEFAULT_LOCALE],
-    t: (key) => BUNDLES[DEFAULT_LOCALE][key]
-  };
-}
-
 // src/components/AppilotsChat.tsx
 function translateLegacyTheme(legacy) {
   const out = {};
@@ -1180,34 +1538,42 @@ function isImageSource(value) {
   return typeof value === "number" || /^https?:\/\//i.test(value.trim());
 }
 var { height: SCREEN_HEIGHT, width: SCREEN_WIDTH } = Dimensions.get("window");
+var A11Y_FOCUS_DELAY_MS = 500;
 var CHAT_HORIZONTAL_PADDING = 16;
 var BUBBLE_HORIZONTAL_PADDING = 14;
 var ASSISTANT_CONTENT_WIDTH = SCREEN_WIDTH - CHAT_HORIZONTAL_PADDING * 2 - BUBBLE_HORIZONTAL_PADDING * 2;
-var APPILOTS_SKIP_PROPS = {
-  __appilotsSkip: true,
-  __appilotsInternal: true
-};
+var MIN_TOUCH_TARGET2 = 44;
+var LARGE_TEXT_FONT_SCALE = 1.6;
+var INPUT_MAX_HEIGHT = 120;
 function AppilotsChat(props) {
   const { degraded } = useAppilotsContext();
   if (degraded) return null;
-  return /* @__PURE__ */ React7__default.createElement(AppilotsErrorBoundary, { surface: "chat", fallback: null }, /* @__PURE__ */ React7__default.createElement(AppilotsChatSurface, { ...props }));
+  return /* @__PURE__ */ React8__default.createElement(AppilotsErrorBoundary, { surface: "chat", fallback: null }, /* @__PURE__ */ React8__default.createElement(AppilotsChatSurface, { ...props }));
 }
 function AppilotsChatSurface(props) {
+  const [conversationLocale, setConversationLocale] = useState(null);
   const { remotePersonalization } = useAppilotsContext();
   const themeProp = useMemo(() => {
     if (!props.theme) return void 0;
     return isLegacyTheme(props.theme) ? translateLegacyTheme(props.theme) : props.theme;
   }, [props.theme]);
-  return /* @__PURE__ */ React7__default.createElement(
+  return /* @__PURE__ */ React8__default.createElement(
     AppilotsThemeProvider,
     {
       theme: resolveTheme(themeProp, remotePersonalization),
       mode: resolveThemeMode(props.themeMode, remotePersonalization)
     },
-    /* @__PURE__ */ React7__default.createElement(AppilotsI18nProvider, { locale: resolveLocaleProp(props.locale, remotePersonalization) }, /* @__PURE__ */ React7__default.createElement(AppilotsChatInner, { ...props }))
+    /* @__PURE__ */ React8__default.createElement(
+      AppilotsI18nProvider,
+      {
+        locale: conversationLocale ?? resolveLocaleProp(props.locale, remotePersonalization)
+      },
+      /* @__PURE__ */ React8__default.createElement(AppilotsChatInner, { ...props, onReplyLocaleChange: setConversationLocale })
+    )
   );
 }
 function AppilotsChatInner({
+  onReplyLocaleChange,
   visible: controlledVisible,
   onClose,
   placeholder,
@@ -1223,14 +1589,22 @@ function AppilotsChatInner({
   triggerButton = "default",
   triggerIcon,
   triggerButtonColor: triggerButtonColorProp,
-  triggerButtonImage: triggerButtonImageProp
+  triggerButtonImage: triggerButtonImageProp,
+  experience: experienceProp,
+  speech: speechProp
 }) {
   const theme = useAppilotsTheme();
-  const { strings, t } = useAppilotsI18n();
+  const { strings, t, locale: resolvedLocale } = useAppilotsI18n();
   const {
     messages,
+    mission,
+    pauseMission,
+    resumeMission,
+    cancelMission,
+    replyLocale,
     isLoading,
     loadingStatusKey,
+    hasStartedActing,
     sendMessage,
     cancelMessage,
     clearMessages,
@@ -1245,6 +1619,9 @@ function AppilotsChatInner({
       offer: t("escalationOffer")
     }
   });
+  useEffect(() => {
+    onReplyLocaleChange(replyLocale);
+  }, [replyLocale, onReplyLocaleChange]);
   const { pendingActions, executingActions, completedActions, approveAction, rejectAction } = useAppilotsActions({ autoExecute });
   const { emit, remotePersonalization } = useAppilotsContext();
   const {
@@ -1270,18 +1647,87 @@ function AppilotsChatInner({
   );
   const allActions = [...pendingActions, ...executingActions, ...completedActions];
   const timeline = buildChatTimeline(messages, allActions);
-  const lastAssistantMessageId = React7__default.useMemo(() => {
+  const lastAssistantMessageId = React8__default.useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i--) {
       if (messages[i].role === "assistant") return messages[i].id;
     }
     return void 0;
   }, [messages]);
   const insets = useSafeAreaInsetsOrDefault();
+  const { fontScale } = useWindowDimensions();
   const [internalVisible, setInternalVisible] = useState(mode === "inline");
   const [inputText, setInputText] = useState("");
   const flatListRef = useRef(null);
   const slideAnim = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
-  const isVisible = mode === "inline" ? true : controlledVisible !== void 0 ? controlledVisible : internalVisible;
+  const wantsSheet = mode === "inline" ? true : controlledVisible !== void 0 ? controlledVisible : internalVisible;
+  const speechHost = isSpeechHost(speechProp) ? speechProp : null;
+  const hasGeometry = useSyncExternalStore(
+    subscribeGeometryHost,
+    () => geometryAvailability() !== "unavailable",
+    () => false
+  );
+  const capabilities = useMemo(
+    () => ({ geometry: hasGeometry, speech: speechHost !== null }),
+    [hasGeometry, speechHost]
+  );
+  const { experience, downgrades } = useMemo(
+    () => resolveExperience(experienceProp, capabilities),
+    [experienceProp, capabilities]
+  );
+  const presence = mode === "inline" ? "sheet" : experience.presence;
+  useEffect(() => {
+    if (!__DEV__ || downgrades.length === 0) return;
+    if (!isGeometryResolved()) return;
+    for (const line of formatDowngrades(downgrades)) {
+      console.warn(line);
+    }
+  }, [downgrades, hasGeometry]);
+  const [unreadResult, setUnreadResult] = useState(false);
+  const [explicitlyOpened, setExplicitlyOpened] = useState(false);
+  const requireApproval = useCallback(
+    (action) => {
+      if (action.status !== "pending") return false;
+      if (action.type === "confirm") return true;
+      return !autoExecute;
+    },
+    [autoExecute]
+  );
+  const awaitingApproval = pendingActions.some((action) => requireApproval(action));
+  const awaitingUser = awaitingApproval || escalation?.status === "pending" || escalation?.status === "active";
+  const busy = isLoading || executingActions.length > 0;
+  const stillWorkingSeconds = useStillWorking(busy && !awaitingUser, strings.stillWorking);
+  const acting = busy && hasStartedActing;
+  useChatAnnouncements({
+    messages,
+    actions: allActions,
+    awaitingApproval,
+    acting,
+    locale: resolvedLocale,
+    strings
+  });
+  const hostModalOpen = useHostModalOpen(
+    usesPill(presence) && (busy || wantsSheet || unreadResult)
+  );
+  const surface = resolveSurface(presence, {
+    busy,
+    acting,
+    awaitingUser,
+    open: wantsSheet,
+    unread: unreadResult,
+    hostModalOpen,
+    explicitlyOpened
+  });
+  const isVisible = mode === "inline" ? true : surface === "sheet";
+  const spotlight = useSpotlight(experience.spotlight !== "off");
+  useEffect(() => {
+    setSpotlightMode(experience.spotlight);
+    return () => setSpotlightMode("off");
+  }, [experience.spotlight]);
+  const { label: pillLabel, state: pillState } = surface === "pill" ? resolvePillStatus(allActions, busy, {
+    working: strings.pillWorking,
+    done: strings.pillDone,
+    locale: resolvedLocale
+  }) : { label: "", state: "pending" };
   const showSuggestedPrompts = shouldShowSuggestedPrompts({
     isVisible,
     messageCount: messages.length,
@@ -1292,14 +1738,38 @@ function AppilotsChatInner({
     limit: 3
   });
   const openChat = useCallback(() => {
+    setExplicitlyOpened(true);
     setInternalVisible(true);
     emit({ type: "chat:open", timestamp: Date.now(), data: {} });
   }, [emit]);
   const closeChat = useCallback(() => {
+    setExplicitlyOpened(false);
     setInternalVisible(false);
     onClose?.();
     emit({ type: "chat:close", timestamp: Date.now(), data: {} });
   }, [onClose, emit]);
+  useEffect(() => {
+    if (acting) setExplicitlyOpened(false);
+    if (presence === "hidden" && acting) setInternalVisible(false);
+  }, [presence, acting]);
+  const wasActingRef = useRef(false);
+  useEffect(() => {
+    if (!usesPill(presence)) {
+      wasActingRef.current = acting;
+      return;
+    }
+    if (acting) {
+      wasActingRef.current = true;
+      return;
+    }
+    if (!wasActingRef.current) return;
+    wasActingRef.current = false;
+    if (shouldReopenOnTurnEnd(presence)) setInternalVisible(true);
+    else setUnreadResult(true);
+  }, [acting, presence]);
+  useEffect(() => {
+    if (surface === "sheet") setUnreadResult(false);
+  }, [surface]);
   useEffect(() => {
     if (mode === "inline") return;
     Animated.spring(slideAnim, {
@@ -1309,11 +1779,30 @@ function AppilotsChatInner({
       friction: 11
     }).start();
   }, [isVisible, slideAnim, mode]);
+  const titleRef = useRef(null);
+  const launcherRef = useRef(null);
+  const pillRef = useRef(null);
+  const wasVisibleRef = useRef(isVisible);
+  useEffect(() => {
+    if (mode === "inline" || wasVisibleRef.current === isVisible) return;
+    wasVisibleRef.current = isVisible;
+    const timer = setTimeout(() => {
+      const target = isVisible ? titleRef.current : pillRef.current ?? launcherRef.current;
+      if (target) AccessibilityInfo.sendAccessibilityEvent(target, "focus");
+    }, A11Y_FOCUS_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [isVisible, mode]);
   useEffect(() => {
     if (messages.length > 0) {
       setTimeout(() => flatListRef.current?.scrollToEnd({ animated: true }), 100);
     }
   }, [messages.length]);
+  const voiceEnabled = experience.input.includes("voice");
+  const voice = useVoiceInput({
+    host: voiceEnabled ? speechHost : null,
+    locale: resolvedLocale,
+    onTranscript: sendMessage
+  });
   const handleSend = useCallback(() => {
     if (!inputText.trim()) return;
     sendMessage(inputText.trim());
@@ -1323,11 +1812,11 @@ function AppilotsChatInner({
     ({ item }) => {
       if (item.role === "system") {
         const isOffer = item.metadata?.escalationOffer === true;
-        return /* @__PURE__ */ React7__default.createElement(View, { style: styles3.systemMessageContainer }, /* @__PURE__ */ React7__default.createElement(
+        return /* @__PURE__ */ React8__default.createElement(View, { style: styles5.systemMessageContainer }, /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             style: [
-              styles3.systemMessageText,
+              styles5.systemMessageText,
               {
                 color: theme.colors.textSecondary,
                 fontFamily: theme.typography.fontFamily,
@@ -1336,13 +1825,13 @@ function AppilotsChatInner({
             ]
           },
           item.content
-        ), isOffer && !escalation && /* @__PURE__ */ React7__default.createElement(
+        ), isOffer && !escalation && /* @__PURE__ */ React8__default.createElement(
           TouchableOpacity,
           {
             ...APPILOTS_SKIP_PROPS,
             style: [
-              styles3.chip,
-              styles3.escalationOfferChip,
+              styles5.chip,
+              styles5.escalationOfferChip,
               {
                 backgroundColor: theme.colors.surface,
                 borderColor: theme.colors.border,
@@ -1355,12 +1844,12 @@ function AppilotsChatInner({
             accessibilityLabel: strings.talkToHumanA11y,
             testID: "escalation-offer-chip"
           },
-          /* @__PURE__ */ React7__default.createElement(HeadsetIcon, { size: 14, color: theme.colors.textSecondary }),
-          /* @__PURE__ */ React7__default.createElement(
+          /* @__PURE__ */ React8__default.createElement(HeadsetIcon, { size: 14, color: theme.colors.textSecondary }),
+          /* @__PURE__ */ React8__default.createElement(
             Text,
             {
               style: [
-                styles3.chipText,
+                styles5.chipText,
                 {
                   color: theme.colors.text,
                   fontFamily: theme.typography.fontFamily,
@@ -1376,11 +1865,11 @@ function AppilotsChatInner({
       const isHumanAgent = item.role === "human_agent";
       const useWideAssistantLayout = !isUser && needsWideChatLayout(item.content);
       if (isHumanAgent) {
-        return /* @__PURE__ */ React7__default.createElement(View, { style: styles3.humanAgentContainer, testID: "human-agent-message" }, /* @__PURE__ */ React7__default.createElement(View, { style: styles3.humanAgentLabelRow }, /* @__PURE__ */ React7__default.createElement(HeadsetIcon, { size: 11, color: theme.colors.secondary }), /* @__PURE__ */ React7__default.createElement(
+        return /* @__PURE__ */ React8__default.createElement(View, { style: styles5.humanAgentContainer, testID: "human-agent-message" }, /* @__PURE__ */ React8__default.createElement(View, { style: styles5.humanAgentLabelRow }, /* @__PURE__ */ React8__default.createElement(HeadsetIcon, { size: 11, color: theme.colors.secondary }), /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             style: [
-              styles3.humanAgentLabel,
+              styles5.humanAgentLabel,
               {
                 color: theme.colors.textSecondary,
                 fontFamily: theme.typography.fontFamily
@@ -1388,17 +1877,17 @@ function AppilotsChatInner({
             ]
           },
           escalation?.operatorName ?? strings.humanAgentLabel
-        )), /* @__PURE__ */ React7__default.createElement(
+        )), /* @__PURE__ */ React8__default.createElement(
           View,
           {
             accessibilityLabel: item.content,
             style: [
-              styles3.messageBubble,
-              styles3.assistantBubble,
+              styles5.messageBubble,
+              styles5.assistantBubble,
               { backgroundColor: theme.colors.surface }
             ]
           },
-          /* @__PURE__ */ React7__default.createElement(
+          /* @__PURE__ */ React8__default.createElement(
             ChatMarkdown,
             {
               content: item.content,
@@ -1413,21 +1902,21 @@ function AppilotsChatInner({
           )
         ));
       }
-      return /* @__PURE__ */ React7__default.createElement(
+      return /* @__PURE__ */ React8__default.createElement(
         View,
         {
           testID: isUser ? void 0 : item.id === lastAssistantMessageId ? "assistant-last-message" : "assistant-message",
           accessibilityLabel: isUser ? void 0 : item.content,
           style: [
-            styles3.messageBubble,
-            isUser ? [styles3.userBubble, { backgroundColor: theme.colors.primary }] : [
-              styles3.assistantBubble,
-              useWideAssistantLayout && styles3.assistantBubbleWide,
+            styles5.messageBubble,
+            isUser ? [styles5.userBubble, { backgroundColor: theme.colors.primary }] : [
+              styles5.assistantBubble,
+              useWideAssistantLayout && styles5.assistantBubbleWide,
               { backgroundColor: theme.colors.surface }
             ]
           ]
         },
-        /* @__PURE__ */ React7__default.createElement(
+        /* @__PURE__ */ React8__default.createElement(
           ChatMarkdown,
           {
             content: item.content,
@@ -1445,19 +1934,16 @@ function AppilotsChatInner({
     },
     [theme, lastAssistantMessageId, escalation, requestHuman, strings]
   );
-  const requireApproval = useCallback(
-    (action) => {
-      if (action.status !== "pending") return false;
-      if (action.type === "confirm") return true;
-      return !autoExecute;
-    },
-    [autoExecute]
-  );
+  const composerRef = useRef(null);
+  const returnFocusToComposer = useCallback(() => {
+    if (composerRef.current) AccessibilityInfo.sendAccessibilityEvent(composerRef.current, "focus");
+  }, []);
   const renderBreadcrumb = useCallback(
-    (actions) => /* @__PURE__ */ React7__default.createElement(
+    (actions) => /* @__PURE__ */ React8__default.createElement(
       ActionBreadcrumb,
       {
         actions,
+        locale: resolvedLocale,
         primaryColor: theme.colors.primary,
         textColor: theme.colors.text,
         fontFamily: theme.typography.fontFamily,
@@ -1468,7 +1954,8 @@ function AppilotsChatInner({
           confirmDestructiveApprove: strings.confirmDestructiveApprove,
           confirmApprove: strings.confirmApprove,
           confirmCancel: strings.confirmCancel,
-          confirmThisAction: strings.confirmThisAction
+          confirmThisAction: strings.confirmThisAction,
+          confirmExpired: strings.confirmExpired
         },
         palette: {
           textSecondary: theme.colors.textSecondary,
@@ -1480,7 +1967,8 @@ function AppilotsChatInner({
         },
         requireApprovalFor: requireApproval,
         onApprove: approveAction,
-        onReject: rejectAction
+        onReject: rejectAction,
+        onConfirmCardGone: returnFocusToComposer
       }
     ),
     [
@@ -1493,9 +1981,12 @@ function AppilotsChatInner({
       theme.colors.warning,
       theme.colors.error,
       theme.typography.fontFamily,
+      strings,
+      resolvedLocale,
       requireApproval,
       approveAction,
-      rejectAction
+      rejectAction,
+      returnFocusToComposer
     ]
   );
   const resolvedHeaderTitle = resolvedTitle ?? t("chatTitle");
@@ -1505,17 +1996,17 @@ function AppilotsChatInner({
   const showEmptySubtitle = resolvedEmptySubtitle.length > 0 && !(showSuggestedPrompts && suggestedPrompts.length > 0);
   const renderAvatar = () => {
     if (!assistantAvatar) {
-      return /* @__PURE__ */ React7__default.createElement(View, { style: [styles3.headerDot, { backgroundColor: theme.colors.primary }] });
+      return /* @__PURE__ */ React8__default.createElement(View, { style: [styles5.headerDot, { backgroundColor: theme.colors.primary }] });
     }
     if (typeof assistantAvatar === "string") {
-      return /* @__PURE__ */ React7__default.createElement(Image, { source: { uri: assistantAvatar }, style: styles3.headerAvatar });
+      return /* @__PURE__ */ React8__default.createElement(Image, { source: { uri: assistantAvatar }, style: styles5.headerAvatar });
     }
     if (typeof assistantAvatar === "number") {
-      return /* @__PURE__ */ React7__default.createElement(Image, { source: assistantAvatar, style: styles3.headerAvatar });
+      return /* @__PURE__ */ React8__default.createElement(Image, { source: assistantAvatar, style: styles5.headerAvatar });
     }
-    return /* @__PURE__ */ React7__default.createElement(View, { style: styles3.headerAvatarSlot }, assistantAvatar);
+    return /* @__PURE__ */ React8__default.createElement(View, { style: styles5.headerAvatarSlot }, assistantAvatar);
   };
-  const showTrigger = mode === "bubble" && !isVisible && controlledVisible === void 0 && triggerButton !== "none";
+  const showTrigger = mode === "bubble" && surface === "none" && experience.entry.includes("fab") && controlledVisible === void 0 && triggerButton !== "none";
   const fabPositionStyle = (() => {
     switch (position) {
       case "bottom-left":
@@ -1529,15 +2020,16 @@ function AppilotsChatInner({
         return { bottom: 24, right: 24 };
     }
   })();
-  const chatSurface = /* @__PURE__ */ React7__default.createElement(
+  const chatSurface = /* @__PURE__ */ React8__default.createElement(
     View,
     {
       ...APPILOTS_SKIP_PROPS,
       style: [
-        styles3.chatContainer,
-        mode === "fullscreen" && styles3.chatContainerFullscreen,
-        mode === "sidebar" && styles3.chatContainerSidebar,
-        mode === "inline" && styles3.chatContainerInline,
+        styles5.chatContainer,
+        mode === "fullscreen" && styles5.chatContainerFullscreen,
+        mode === "sidebar" && styles5.chatContainerSidebar,
+        mode === "inline" && styles5.chatContainerInline,
+        mode === "bubble" && fontScale >= LARGE_TEXT_FONT_SCALE && styles5.chatContainerFullscreen,
         {
           backgroundColor: theme.colors.background,
           borderTopLeftRadius: theme.radii.lg,
@@ -1545,11 +2037,13 @@ function AppilotsChatInner({
         }
       ]
     },
-    /* @__PURE__ */ React7__default.createElement(View, { style: [styles3.header, { borderBottomColor: theme.colors.border }] }, /* @__PURE__ */ React7__default.createElement(View, { style: styles3.headerLeft }, renderAvatar(), /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React8__default.createElement(View, { style: [styles5.header, { borderBottomColor: theme.colors.border }] }, /* @__PURE__ */ React8__default.createElement(View, { style: styles5.headerLeft }, renderAvatar(), /* @__PURE__ */ React8__default.createElement(
       Text,
       {
+        ref: titleRef,
+        accessibilityRole: "header",
         style: [
-          styles3.headerTitle,
+          styles5.headerTitle,
           {
             color: theme.colors.text,
             fontFamily: theme.typography.fontFamily,
@@ -1558,50 +2052,50 @@ function AppilotsChatInner({
         ]
       },
       resolvedHeaderTitle
-    )), /* @__PURE__ */ React7__default.createElement(View, { style: styles3.headerActions }, /* @__PURE__ */ React7__default.createElement(
+    )), /* @__PURE__ */ React8__default.createElement(View, { style: styles5.headerActions }, /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
         onPress: () => requestHuman("user_requested"),
-        style: styles3.headerButton,
+        style: styles5.headerButton,
         accessibilityRole: "button",
         accessibilityLabel: strings.talkToHumanA11y,
         testID: "escalation-header-button"
       },
-      /* @__PURE__ */ React7__default.createElement(
+      /* @__PURE__ */ React8__default.createElement(
         HeadsetIcon,
         {
           size: 16,
           color: escalation ? theme.colors.primary : theme.colors.textSecondary
         }
       )
-    ), /* @__PURE__ */ React7__default.createElement(
+    ), /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
         onPress: clearMessages,
-        style: styles3.headerButton,
+        style: styles5.headerButton,
         accessibilityRole: "button",
         testID: "assistant-clear"
       },
-      /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.headerButtonText, { color: theme.colors.textSecondary }] }, strings.clearButton)
-    ), mode !== "inline" && /* @__PURE__ */ React7__default.createElement(
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [styles5.headerButtonText, { color: theme.colors.textSecondary }] }, strings.clearButton)
+    ), mode !== "inline" && /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
         onPress: closeChat,
-        style: styles3.closeButton,
+        style: styles5.closeButton,
         accessibilityRole: "button",
         accessibilityLabel: strings.closeChatA11y,
         testID: "assistant-close"
       },
-      /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.closeButtonText, { color: theme.colors.text }] }, "\u2715")
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [styles5.closeButtonText, { color: theme.colors.text }] }, "\u2715")
     ))),
-    escalation && /* @__PURE__ */ React7__default.createElement(
+    escalation && /* @__PURE__ */ React8__default.createElement(
       View,
       {
         style: [
-          styles3.escalationBanner,
+          styles5.escalationBanner,
           {
             borderBottomColor: theme.colors.border,
             backgroundColor: theme.colors.primary + "0d"
@@ -1609,12 +2103,12 @@ function AppilotsChatInner({
         ],
         testID: "escalation-banner"
       },
-      /* @__PURE__ */ React7__default.createElement(HeadsetIcon, { size: 12, color: theme.colors.primary }),
-      /* @__PURE__ */ React7__default.createElement(
+      /* @__PURE__ */ React8__default.createElement(HeadsetIcon, { size: 12, color: theme.colors.primary }),
+      /* @__PURE__ */ React8__default.createElement(
         Text,
         {
           style: [
-            styles3.escalationBannerText,
+            styles5.escalationBannerText,
             {
               color: theme.colors.textSecondary,
               fontFamily: theme.typography.fontFamily,
@@ -1625,10 +2119,11 @@ function AppilotsChatInner({
         escalation.status === "pending" ? strings.escalationPendingBanner : strings.escalationActiveBanner
       )
     ),
-    /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React8__default.createElement(
       FlatList,
       {
         ...APPILOTS_SKIP_PROPS,
+        testID: "assistant-transcript",
         ref: flatListRef,
         data: timeline,
         keyExtractor: (item) => item.type === "message" ? item.data.id : item.key,
@@ -1641,48 +2136,47 @@ function AppilotsChatInner({
           }
           return null;
         },
-        contentContainerStyle: styles3.messageList,
-        ListEmptyComponent: /* @__PURE__ */ React7__default.createElement(View, { style: styles3.emptyState }, emptyStateIcon && isImageSource(emptyStateIcon) ? /* @__PURE__ */ React7__default.createElement(
+        contentContainerStyle: styles5.messageList,
+        ListEmptyComponent: /* @__PURE__ */ React8__default.createElement(View, { style: styles5.emptyState }, emptyStateIcon && isImageSource(emptyStateIcon) ? /* @__PURE__ */ React8__default.createElement(
           Image,
           {
             source: typeof emptyStateIcon === "string" ? { uri: emptyStateIcon } : emptyStateIcon,
-            style: styles3.emptyIconImage,
+            style: styles5.emptyIconImage,
             resizeMode: "contain"
           }
-        ) : /* @__PURE__ */ React7__default.createElement(
+        ) : /* @__PURE__ */ React8__default.createElement(
           View,
           {
-            style: [styles3.emptyIconBadge, { backgroundColor: theme.colors.primary + "14" }]
+            style: [styles5.emptyIconBadge, { backgroundColor: theme.colors.primary + "14" }]
           },
-          emptyStateIcon ? /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.emptyIconEmoji }, emptyStateIcon) : /* @__PURE__ */ React7__default.createElement(ChatIcon, { size: 30, color: theme.colors.primary })
-        ), /* @__PURE__ */ React7__default.createElement(
+          emptyStateIcon ? /* @__PURE__ */ React8__default.createElement(Text, { style: styles5.emptyIconEmoji }, emptyStateIcon) : /* @__PURE__ */ React8__default.createElement(ChatIcon, { size: 30, color: theme.colors.primary })
+        ), /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             style: [
-              styles3.emptyTitle,
+              styles5.emptyTitle,
               { color: theme.colors.text, fontFamily: theme.typography.fontFamily }
             ]
           },
           resolvedEmptyTitle
-        ), showEmptySubtitle && /* @__PURE__ */ React7__default.createElement(
+        ), showEmptySubtitle && /* @__PURE__ */ React8__default.createElement(
           Text,
           {
             style: [
-              styles3.emptySubtitle,
+              styles5.emptySubtitle,
               {
                 color: theme.colors.textSecondary,
                 fontFamily: theme.typography.fontFamily
               }
-            ],
-            numberOfLines: 2
+            ]
           },
           resolvedEmptySubtitle
-        ), showSuggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ React7__default.createElement(View, { style: styles3.chipsContainer, testID: "assistant-suggested-prompts" }, suggestedPrompts.map((prompt) => /* @__PURE__ */ React7__default.createElement(
+        ), showSuggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ React8__default.createElement(View, { style: styles5.chipsContainer, testID: "assistant-suggested-prompts" }, suggestedPrompts.map((prompt) => /* @__PURE__ */ React8__default.createElement(
           TouchableOpacity,
           {
             key: `${prompt.source}:${prompt.text}`,
             style: [
-              styles3.chip,
+              styles5.chip,
               {
                 backgroundColor: theme.colors.surface,
                 borderColor: theme.colors.border,
@@ -1693,67 +2187,101 @@ function AppilotsChatInner({
             activeOpacity: 0.7,
             accessibilityLabel: `Suggested prompt: ${prompt.text}`
           },
-          /* @__PURE__ */ React7__default.createElement(
+          /* @__PURE__ */ React8__default.createElement(
             Text,
             {
               style: [
-                styles3.chipText,
+                styles5.chipText,
                 {
                   color: theme.colors.buttonText,
                   fontFamily: theme.typography.fontFamily,
                   fontSize: theme.typography.fontSizeSm
                 }
-              ],
-              numberOfLines: 1
+              ]
             },
             prompt.text
           )
         )))),
-        ListFooterComponent: isLoading ? /* @__PURE__ */ React7__default.createElement(
+        ListFooterComponent: isLoading ? /* @__PURE__ */ React8__default.createElement(
           View,
           {
             style: [
-              styles3.messageBubble,
-              styles3.assistantBubble,
+              styles5.messageBubble,
+              styles5.assistantBubble,
               { backgroundColor: theme.colors.surface }
             ]
           },
-          /* @__PURE__ */ React7__default.createElement(
+          /* @__PURE__ */ React8__default.createElement(
             Text,
             {
               style: [
-                styles3.messageText,
+                styles5.messageText,
                 { color: theme.colors.textSecondary, fontFamily: theme.typography.fontFamily }
               ]
             },
-            strings[loadingStatusKey] ?? strings.thinking
+            stillWorkingSeconds ? strings.stillWorking.replace("{seconds}", String(stillWorkingSeconds)) : strings[loadingStatusKey] ?? strings.thinking
           )
         ) : null
       }
     ),
-    /* @__PURE__ */ React7__default.createElement(
+    mission && !["completed", "cancelled"].includes(mission.status) && /* @__PURE__ */ React8__default.createElement(View, { style: { padding: 12, gap: 8 }, testID: "appilots-mission-controls" }, /* @__PURE__ */ React8__default.createElement(Text, { style: { color: theme.colors.text }, testID: "appilots-mission-progress" }, mission.progressText, mission.status === "paused" ? ` \xB7 ${strings.missionPaused}` : ""), /* @__PURE__ */ React8__default.createElement(View, { style: styles5.missionButtons }, mission.status === "running" ? /* @__PURE__ */ React8__default.createElement(
+      TouchableOpacity,
+      {
+        onPress: () => void pauseMission(),
+        testID: "appilots-mission-pause",
+        style: styles5.missionButton,
+        accessibilityRole: "button"
+      },
+      /* @__PURE__ */ React8__default.createElement(Text, { style: { color: theme.colors.text } }, strings.missionPause)
+    ) : mission.status !== "awaiting_approval" ? /* @__PURE__ */ React8__default.createElement(
+      TouchableOpacity,
+      {
+        onPress: () => void resumeMission(),
+        disabled: isLoading,
+        testID: "appilots-mission-resume",
+        style: styles5.missionButton,
+        accessibilityRole: "button"
+      },
+      /* @__PURE__ */ React8__default.createElement(Text, { style: { color: theme.colors.text } }, strings.missionResume)
+    ) : null, /* @__PURE__ */ React8__default.createElement(
+      TouchableOpacity,
+      {
+        onPress: () => void cancelMission(),
+        testID: "appilots-mission-cancel",
+        style: styles5.missionButton,
+        accessibilityRole: "button"
+      },
+      /* @__PURE__ */ React8__default.createElement(Text, { style: { color: theme.colors.text } }, strings.missionCancel)
+    ))),
+    /* @__PURE__ */ React8__default.createElement(
       View,
       {
         style: [
-          styles3.inputContainer,
+          styles5.inputContainer,
           {
             borderTopColor: theme.colors.border,
             paddingBottom: Math.max(insets.bottom, 10)
           }
         ]
       },
-      /* @__PURE__ */ React7__default.createElement(
+      /* @__PURE__ */ React8__default.createElement(
         TextInput,
         {
+          ref: composerRef,
           style: [
-            styles3.input,
+            styles5.input,
             {
               backgroundColor: theme.colors.surface,
               color: theme.colors.text,
               borderRadius: theme.radii.md,
               fontFamily: theme.typography.fontFamily,
               fontSize: theme.typography.fontSizeBase,
-              lineHeight: theme.typography.fontSizeBase * 1.35
+              lineHeight: theme.typography.fontSizeBase * 1.35,
+              // The 120pt cap is ~5 lines at default size and barely one at
+              // iOS AX5, where even the placeholder was cut. It grows with
+              // the text, but never past a quarter of the screen, so the
+              // keyboard still leaves room for the transcript.
+              maxHeight: Math.min(INPUT_MAX_HEIGHT * fontScale, SCREEN_HEIGHT * 0.25)
             }
           ],
           placeholder: resolvedPlaceholder,
@@ -1763,16 +2291,35 @@ function AppilotsChatInner({
           multiline: true,
           blurOnSubmit: false,
           scrollEnabled: true,
-          editable: !isLoading,
+          editable: !isLoading && (!mission || ["completed", "cancelled"].includes(mission.status)),
           testID: "assistant-input",
           __appilotsInternal: true
         }
       ),
-      isLoading ? /* @__PURE__ */ React7__default.createElement(
+      voiceEnabled && !isLoading ? /* @__PURE__ */ React8__default.createElement(
         TouchableOpacity,
         {
           style: [
-            styles3.sendButton,
+            styles5.sendButton,
+            {
+              backgroundColor: voice.state === "listening" || voice.state === "starting" ? theme.colors.error : theme.colors.primary + "40",
+              borderRadius: theme.radii.md
+            }
+          ],
+          onPressIn: voice.start,
+          onPressOut: voice.stop,
+          accessibilityRole: "button",
+          accessibilityLabel: voice.state === "listening" ? strings.micStopA11y : strings.micStartA11y,
+          testID: "appilots-mic-button",
+          activeOpacity: 0.7
+        },
+        /* @__PURE__ */ React8__default.createElement(Text, { style: styles5.sendButtonText }, "\u25CF")
+      ) : null,
+      isLoading ? /* @__PURE__ */ React8__default.createElement(
+        TouchableOpacity,
+        {
+          style: [
+            styles5.sendButton,
             {
               backgroundColor: theme.colors.primary,
               borderRadius: theme.radii.md
@@ -1784,31 +2331,31 @@ function AppilotsChatInner({
           testID: "appilots-stop-button",
           activeOpacity: 0.7
         },
-        /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.sendButtonText }, "\u25A0")
-      ) : /* @__PURE__ */ React7__default.createElement(
+        /* @__PURE__ */ React8__default.createElement(Text, { style: styles5.sendButtonText }, "\u25A0")
+      ) : /* @__PURE__ */ React8__default.createElement(
         TouchableOpacity,
         {
           style: [
-            styles3.sendButton,
+            styles5.sendButton,
             {
               backgroundColor: inputText.trim() ? theme.colors.primary : theme.colors.primary + "40",
               borderRadius: theme.radii.md
             }
           ],
           onPress: handleSend,
-          disabled: !inputText.trim(),
+          disabled: !inputText.trim() || !!(mission && !["completed", "cancelled"].includes(mission.status)),
           activeOpacity: 0.7,
           accessibilityRole: "button",
           testID: "assistant-send"
         },
-        /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.sendButtonText }, "\u2191")
+        /* @__PURE__ */ React8__default.createElement(Text, { style: styles5.sendButtonText }, "\u2191")
       )
     ),
-    poweredByVisible && /* @__PURE__ */ React7__default.createElement(View, { style: styles3.poweredByContainer }, /* @__PURE__ */ React7__default.createElement(
+    poweredByVisible && /* @__PURE__ */ React8__default.createElement(View, { style: styles5.poweredByContainer }, /* @__PURE__ */ React8__default.createElement(
       Text,
       {
         style: [
-          styles3.poweredByText,
+          styles5.poweredByText,
           {
             color: theme.colors.textSecondary,
             fontFamily: theme.typography.fontFamily,
@@ -1824,11 +2371,12 @@ function AppilotsChatInner({
   }
   const renderTrigger = () => {
     if (triggerButton === "none") return null;
-    if (triggerButton !== "default" && React7__default.isValidElement(triggerButton)) {
-      return /* @__PURE__ */ React7__default.createElement(View, { ...APPILOTS_SKIP_PROPS, style: [styles3.fabWrapper, fabPositionStyle] }, /* @__PURE__ */ React7__default.createElement(
+    if (triggerButton !== "default" && React8__default.isValidElement(triggerButton)) {
+      return /* @__PURE__ */ React8__default.createElement(View, { ...APPILOTS_SKIP_PROPS, style: [styles5.fabWrapper, fabPositionStyle] }, /* @__PURE__ */ React8__default.createElement(
         TouchableOpacity,
         {
           ...APPILOTS_SKIP_PROPS,
+          ref: launcherRef,
           onPress: openChat,
           activeOpacity: 0.8,
           accessibilityRole: "button",
@@ -1838,12 +2386,13 @@ function AppilotsChatInner({
         triggerButton
       ));
     }
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
+        ref: launcherRef,
         style: [
-          styles3.fab,
+          styles5.fab,
           fabPositionStyle,
           { backgroundColor: triggerButtonColor ?? theme.colors.primary }
         ],
@@ -1853,55 +2402,116 @@ function AppilotsChatInner({
         accessibilityLabel: strings.openChatA11y,
         testID: "assistant-launcher"
       },
-      triggerIcon ?? (triggerButtonImage ? /* @__PURE__ */ React7__default.createElement(
+      triggerIcon ?? (triggerButtonImage ? /* @__PURE__ */ React8__default.createElement(
         Image,
         {
           source: typeof triggerButtonImage === "string" ? { uri: triggerButtonImage } : triggerButtonImage,
-          style: styles3.fabImage,
+          style: styles5.fabImage,
           resizeMode: "contain"
         }
-      ) : /* @__PURE__ */ React7__default.createElement(ChatIcon, { size: 26, color: "#ffffff" }))
+      ) : /* @__PURE__ */ React8__default.createElement(ChatIcon, { size: 26, color: "#ffffff" }))
     );
   };
-  return /* @__PURE__ */ React7__default.createElement(React7__default.Fragment, null, showTrigger && renderTrigger(), /* @__PURE__ */ React7__default.createElement(
-    Modal,
+  return /* @__PURE__ */ React8__default.createElement(React8__default.Fragment, null, showTrigger && renderTrigger(), spotlight && experience.spotlight !== "off" ? /* @__PURE__ */ React8__default.createElement(
+    SpotlightOverlay,
+    {
+      rect: spotlight.rect,
+      seq: spotlight.seq,
+      label: spotlight.label,
+      color: theme.colors.primary,
+      captionBackground: theme.colors.surface,
+      captionColor: theme.colors.text,
+      fontFamily: theme.typography.fontFamily,
+      window: { width: SCREEN_WIDTH, height: SCREEN_HEIGHT }
+    }
+  ) : null, surface === "pill" && /* @__PURE__ */ React8__default.createElement(
+    AgentPill,
+    {
+      label: mission && !["completed", "cancelled"].includes(mission.status) ? mission.progressText : pillLabel,
+      state: pillState,
+      position,
+      insets,
+      fontFamily: theme.typography.fontFamily,
+      colors: {
+        surface: theme.colors.surface,
+        text: theme.colors.text,
+        textSecondary: theme.colors.textSecondary,
+        primary: theme.colors.primary,
+        border: theme.colors.border,
+        success: theme.colors.success,
+        error: theme.colors.error
+      },
+      strings: { expandA11y: strings.pillExpandA11y, stopA11y: strings.pillStopA11y },
+      onExpand: openChat,
+      expandRef: pillRef,
+      onStop: busy ? cancelMessage : void 0
+    }
+  ), /* @__PURE__ */ React8__default.createElement(SheetHost, { useModal: presence === "sheet", visible: isVisible, onRequestClose: closeChat }, /* @__PURE__ */ React8__default.createElement(
+    Animated.View,
     {
       ...APPILOTS_SKIP_PROPS,
-      visible: isVisible,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: closeChat
+      pointerEvents: presence === "sheet" ? "auto" : "box-none",
+      onAccessibilityEscape: closeChat,
+      style: [
+        mode === "fullscreen" ? styles5.modalContainerFullscreen : styles5.modalContainer,
+        mode === "sidebar" && styles5.modalContainerSidebar,
+        presence !== "sheet" && styles5.sheetContainerNoScrim,
+        // Keeps the sheet out of the status bar / notch. It is padding
+        // and not a margin so the scrim still covers the full screen.
+        // Only reachable now that the sheet can grow to the top edge:
+        // `fullscreen` and `sidebar` always could, and `bubble` does
+        // whenever the keyboard shrinks it — without this, the header
+        // renders under the clock.
+        { paddingTop: insets.top },
+        { transform: [{ translateY: slideAnim }] }
+      ]
     },
-    /* @__PURE__ */ React7__default.createElement(
-      Animated.View,
+    /* @__PURE__ */ React8__default.createElement(
+      KeyboardAvoidingView,
       {
-        ...APPILOTS_SKIP_PROPS,
-        style: [
-          mode === "fullscreen" ? styles3.modalContainerFullscreen : styles3.modalContainer,
-          mode === "sidebar" && styles3.modalContainerSidebar,
-          // Keeps the sheet out of the status bar / notch. It is padding
-          // and not a margin so the scrim still covers the full screen.
-          // Only reachable now that the sheet can grow to the top edge:
-          // `fullscreen` and `sidebar` always could, and `bubble` does
-          // whenever the keyboard shrinks it — without this, the header
-          // renders under the clock.
-          { paddingTop: insets.top },
-          { transform: [{ translateY: slideAnim }] }
-        ]
+        style: styles5.keyboardView,
+        behavior: Platform.OS === "ios" ? "padding" : "height",
+        keyboardVerticalOffset: 0
       },
-      /* @__PURE__ */ React7__default.createElement(
-        KeyboardAvoidingView,
-        {
-          style: styles3.keyboardView,
-          behavior: Platform.OS === "ios" ? "padding" : "height",
-          keyboardVerticalOffset: 0
-        },
-        chatSurface
-      )
+      chatSurface
     )
-  ));
+  )));
 }
-var styles3 = StyleSheet.create({
+function SheetHost({
+  useModal,
+  visible,
+  onRequestClose,
+  children
+}) {
+  if (useModal) {
+    return /* @__PURE__ */ React8__default.createElement(
+      Modal,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        visible,
+        transparent: true,
+        animationType: "none",
+        onRequestClose
+      },
+      children
+    );
+  }
+  if (!visible) return null;
+  return /* @__PURE__ */ React8__default.createElement(
+    View,
+    {
+      ...APPILOTS_SKIP_PROPS,
+      pointerEvents: "box-none",
+      accessibilityViewIsModal: true,
+      style: [StyleSheet.absoluteFill, styles5.sheetOverlay]
+    },
+    children
+  );
+}
+var styles5 = StyleSheet.create({
+  // An explicitly opened chat must not mount underneath a sibling portal.
+  // Automatic expansion is separately deferred while the host modal is open.
+  sheetOverlay: { zIndex: 1e3, elevation: 7 },
   fab: {
     position: "absolute",
     width: 56,
@@ -1944,6 +2554,12 @@ var styles3 = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "flex-end"
   },
+  // Non-modal presences drop the scrim entirely: dimming the app is
+  // the opposite of the point, and a painted full-screen surface is
+  // touch-opaque no matter what pointerEvents the parent asks for.
+  sheetContainerNoScrim: {
+    backgroundColor: "transparent"
+  },
   keyboardView: {
     flex: 1,
     justifyContent: "flex-end"
@@ -1985,8 +2601,13 @@ var styles3 = StyleSheet.create({
     maxHeight: "100%",
     flex: 1
   },
+  // Wraps instead of squeezing: at large text sizes the title alone is
+  // wider than the row, and without the wrap it pushed Clear and ✕ off the
+  // right edge — the chat could not be closed (measured at iOS AX5).
   header: {
     flexDirection: "row",
+    flexWrap: "wrap",
+    rowGap: 4,
     alignItems: "center",
     justifyContent: "space-between",
     paddingHorizontal: 16,
@@ -1996,7 +2617,8 @@ var styles3 = StyleSheet.create({
   headerLeft: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 8
+    gap: 8,
+    flexShrink: 1
   },
   headerDot: {
     width: 8,
@@ -2015,24 +2637,30 @@ var styles3 = StyleSheet.create({
     justifyContent: "center"
   },
   headerTitle: {
-    fontWeight: "600"
+    fontWeight: "600",
+    flexShrink: 1
   },
   headerActions: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 12
+    gap: 4,
+    // Stays right-aligned when the header wraps it onto its own line.
+    marginLeft: "auto"
   },
   headerButton: {
+    minWidth: MIN_TOUCH_TARGET2,
+    minHeight: MIN_TOUCH_TARGET2,
     paddingHorizontal: 8,
-    paddingVertical: 4
+    alignItems: "center",
+    justifyContent: "center"
   },
   headerButtonText: {
     fontSize: 13
   },
   closeButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 14,
+    minWidth: MIN_TOUCH_TARGET2,
+    minHeight: MIN_TOUCH_TARGET2,
+    borderRadius: MIN_TOUCH_TARGET2 / 2,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -2114,6 +2742,8 @@ var styles3 = StyleSheet.create({
     maxWidth: 320
   },
   chip: {
+    minHeight: MIN_TOUCH_TARGET2,
+    justifyContent: "center",
     paddingHorizontal: 16,
     paddingVertical: 10,
     borderWidth: 1,
@@ -2176,16 +2806,16 @@ var styles3 = StyleSheet.create({
   },
   input: {
     flex: 1,
-    minHeight: 38,
-    maxHeight: 120,
+    minHeight: MIN_TOUCH_TARGET2,
+    maxHeight: INPUT_MAX_HEIGHT,
     paddingHorizontal: 16,
     paddingTop: Platform.OS === "ios" ? 9 : 8,
     paddingBottom: Platform.OS === "ios" ? 9 : 8,
     textAlignVertical: "top"
   },
   sendButton: {
-    width: 38,
-    height: 38,
+    minWidth: MIN_TOUCH_TARGET2,
+    minHeight: MIN_TOUCH_TARGET2,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -2194,6 +2824,15 @@ var styles3 = StyleSheet.create({
     fontSize: 18,
     fontWeight: "700"
   },
+  missionButtons: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: 12
+  },
+  missionButton: {
+    minHeight: MIN_TOUCH_TARGET2,
+    justifyContent: "center"
+  },
   poweredByContainer: {
     alignItems: "center",
     paddingVertical: 4
@@ -2208,6 +2847,11 @@ function ConfirmDialog(_props = {}) {
   return null;
 }
 
+// src/auto/appilotsListTotal.ts
+function appilotsListTotal(total) {
+  return { appilotsTotalItemCount: total };
+}
+
 // src/hoc/canHoldRef.ts
 var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
 var MEMO = /* @__PURE__ */ Symbol.for("react.memo");
@@ -2234,12 +2878,19 @@ function canHoldRef(type) {
   }
 }
 
+// src/hoc/withDeclaredIdentity.ts
+function withDeclaredIdentity(props, declaredId, enabled) {
+  if (!enabled || !declaredId) return props;
+  if (props.testID != null) return props;
+  return { ...props, testID: declaredId };
+}
+
 // src/hoc/createAppilotsInput.tsx
 function normalizeId(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsInput(WrappedComponent) {
-  const AppilotsInput = React7__default.forwardRef((props, ref) => {
+  const AppilotsInput = React8__default.forwardRef((props, ref) => {
     const {
       appilotsId,
       appilotsScreen,
@@ -2294,10 +2945,14 @@ function createAppilotsInput(WrappedComponent) {
       },
       [ref]
     );
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       WrappedComponent,
       {
-        ...{ label, value, onChangeText, ...rest },
+        ...withDeclaredIdentity(
+          { label, value, onChangeText, ...rest },
+          fieldId,
+          appilotsEnabled
+        ),
         ...canHoldRef(WrappedComponent) ? { ref: mergedRef } : {}
       }
     );
@@ -2309,7 +2964,7 @@ function normalizeId2(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsButton(WrappedComponent) {
-  const AppilotsButton = React7__default.forwardRef((props, ref) => {
+  const AppilotsButton = React8__default.forwardRef((props, ref) => {
     const {
       appilotsId,
       appilotsScreen,
@@ -2335,10 +2990,10 @@ function createAppilotsButton(WrappedComponent) {
         componentRegistry.unregister(targetId);
       };
     }, [targetId, appilotsEnabled, press, title, appilotsScreen]);
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       WrappedComponent,
       {
-        ...{ title, onPress, ...rest },
+        ...withDeclaredIdentity({ title, onPress, ...rest }, targetId, appilotsEnabled),
         ...canHoldRef(WrappedComponent) ? { ref } : {}
       }
     );
@@ -2350,7 +3005,7 @@ function normalizeId3(label) {
   return label.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+(.)/g, (_, c) => c.toUpperCase());
 }
 function createAppilotsSwitch(WrappedComponent) {
-  const AppilotsSwitch = React7__default.forwardRef((props, ref) => {
+  const AppilotsSwitch = React8__default.forwardRef((props, ref) => {
     const {
       appilotsId,
       appilotsScreen,
@@ -2381,10 +3036,14 @@ function createAppilotsSwitch(WrappedComponent) {
         componentRegistry.unregister(toggleId);
       };
     }, [toggleId, appilotsEnabled, getValue, setValue, label, appilotsScreen]);
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       WrappedComponent,
       {
-        ...{ label, value, onValueChange, ...rest },
+        ...withDeclaredIdentity(
+          { label, value, onValueChange, ...rest },
+          toggleId,
+          appilotsEnabled
+        ),
         ...canHoldRef(WrappedComponent) ? { ref } : {}
       }
     );
@@ -2393,4 +3052,4 @@ function createAppilotsSwitch(WrappedComponent) {
   return AppilotsSwitch;
 }
 
-export { ActionBreadcrumb, AppilotsChat, AppilotsI18nProvider, AppilotsThemeProvider, ChatIcon, ConfirmDialog, HeadsetIcon, appilotsTheme, appilotsThemeFromTailwind, createAppilotsButton, createAppilotsInput, createAppilotsSwitch, detectDeviceLocale, resolveLocale, useAppilotsI18n, useAppilotsTheme };
+export { ActionBreadcrumb, AgentPill, AppilotsChat, AppilotsThemeProvider, ChatIcon, ConfirmDialog, DEFAULT_EXPERIENCE, HeadsetIcon, SpotlightOverlay, appilotsListTotal, appilotsTheme, appilotsThemeFromTailwind, createAppilotsButton, createAppilotsInput, createAppilotsSwitch, formatDowngrades, resolveExperience, resolvePillStatus, resolveSurface, shouldReopenOnTurnEnd, useAppilotsTheme, useSpotlight, usesPill };