@appilots/sdk 0.11.1 → 0.13.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
-export { AppilotsNavigationContainer } from './chunk-LLH7QCSX.mjs';
-import { useAppilotsChat, useAppilotsActions, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-GSHE45YX.mjs';
-export { appilotsSelfCheck, captureSnapshot, executeAction, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-GSHE45YX.mjs';
-import { defaultLightTheme, describeAction, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, componentRegistry } from './chunk-PQZ64CCE.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-PQZ64CCE.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-L3SY3Q4K.mjs';
+import { subscribeSpotlight, getSpotlightTarget, AppilotsI18nProvider, useAppilotsI18n, useAppilotsChat, useAppilotsActions, setSpotlightMode, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-UYBKXULM.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-UYBKXULM.mjs';
+import { defaultLightTheme, describeAction, isRectOnScreen, mergeThemeTokens, resolveBaseTheme, useAppilotsContext, AppilotsErrorBoundary, subscribeGeometryHost, geometryAvailability, isGeometryResolved, needsWideChatLayout, componentRegistry, appilotsDebugWarn, enhancePlainAssistantContent, looksLikeMarkdown, parseMarkdownBlocks, parseInlineMarkdown, getFiberRoot, shouldSkipSubtree, isModalFiber } from './chunk-HRWBK35Y.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-HRWBK35Y.mjs';
+import * as React8 from 'react';
+import React8__default, { createContext, useRef, useEffect, useCallback, useSyncExternalStore, useMemo, useContext, useState } from 'react';
+import { StyleSheet, Dimensions, Platform, View, Animated, Text, TouchableOpacity, ActivityIndicator, useColorScheme, 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 = {
@@ -114,6 +151,7 @@ function ActionBreadcrumb({
   fontFamily,
   palette,
   confirmStrings,
+  locale,
   requireApprovalFor,
   onApprove,
   onReject
@@ -125,7 +163,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,6 +173,7 @@ function ActionBreadcrumb({
       fontFamily,
       palette: resolvedPalette,
       confirmStrings,
+      locale,
       needsApproval: requireApprovalFor?.(action) ?? false,
       onApprove,
       onReject
@@ -144,7 +183,7 @@ function ActionBreadcrumb({
 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,
@@ -156,7 +195,7 @@ function BreadcrumbRow(props) {
       }
     );
   }
-  return /* @__PURE__ */ React7__default.createElement(RegularBreadcrumbRow, { ...props });
+  return /* @__PURE__ */ React8__default.createElement(RegularBreadcrumbRow, { ...props });
 }
 function RegularBreadcrumbRow({
   action,
@@ -164,11 +203,12 @@ 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;
@@ -191,39 +231,41 @@ function RegularBreadcrumbRow({
     }).start();
   }, [state, pulse]);
   const isDestructive = isDestructiveAction(action);
-  return /* @__PURE__ */ React7__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React7__default.createElement(
+  return /* @__PURE__ */ React8__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React8__default.createElement(
     Animated.View,
     {
       style: { opacity: pulse, flexDirection: "row", alignItems: "flex-start", flex: 1 }
     },
-    /* @__PURE__ */ React7__default.createElement(StateIcon, { state, tone, primaryColor }),
-    /* @__PURE__ */ React7__default.createElement(
+    /* @__PURE__ */ React8__default.createElement(StateIcon, { state, tone, primaryColor }),
+    /* @__PURE__ */ React8__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")
+      isDestructive && /* @__PURE__ */ React8__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(
+  ), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React8__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React8__default.createElement(
     TouchableOpacity,
     {
       onPress: () => onReject(action.id),
       style: [styles.btn, { backgroundColor: deriveStateTone(palette).failed.iconBg }],
       activeOpacity: 0.7,
-      accessibilityLabel: "Rejeitar a\xE7\xE3o"
+      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),
       style: [styles.btn, styles.approveBtn, { backgroundColor: primaryColor }],
       activeOpacity: 0.7,
-      accessibilityLabel: "Aprovar a\xE7\xE3o"
+      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")
   )));
 }
 function ConfirmCard({
@@ -248,7 +290,7 @@ function ConfirmCard({
     cancelBackground,
     cancelTextColor
   } = deriveConfirmCardContent(action, palette, confirmStrings);
-  return /* @__PURE__ */ React7__default.createElement(
+  return /* @__PURE__ */ React8__default.createElement(
     View,
     {
       style: [
@@ -257,7 +299,7 @@ function ConfirmCard({
       ],
       testID: "assistant-confirm-card"
     },
-    /* @__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, { style: confirmCardStyles.headerRow }, /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.glyph, { color: actionColor }] }, glyph), /* @__PURE__ */ React8__default.createElement(
       Text,
       {
         style: [
@@ -267,18 +309,18 @@ function ConfirmCard({
       },
       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(
+    /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.message, { color: messageColor, fontFamily }] }, message),
+    /* @__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: "Cancelar",
+        accessibilityLabel: cancelLabel,
         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),
@@ -288,10 +330,10 @@ function ConfirmCard({
           { backgroundColor: actionColor }
         ],
         activeOpacity: 0.7,
-        accessibilityLabel: "Confirmar",
+        accessibilityLabel: confirmLabel,
         testID: "assistant-confirm-approve"
       },
-      /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.confirmText, { fontFamily }] }, confirmLabel)
+      /* @__PURE__ */ React8__default.createElement(Text, { style: [confirmCardStyles.confirmText, { fontFamily }] }, confirmLabel)
     ))
   );
 }
@@ -356,7 +398,7 @@ 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 }) : /* @__PURE__ */ React8__default.createElement(Text, { style: [styles.iconGlyph, { color: tone.color }] }, iconGlyphFor(state)));
 }
 var styles = StyleSheet.create({
   container: {
@@ -447,7 +489,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",
@@ -455,8 +497,438 @@ function ChatIcon({ size = 24, color = "#ffffff" }) {
     }
   ));
 }
+
+// src/components/internalProps.ts
+var APPILOTS_SKIP_PROPS = {
+  __appilotsSkip: true,
+  __appilotsInternal: true
+};
+
+// src/components/AgentPill.tsx
+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,
+  onStop,
+  position,
+  insets,
+  colors,
+  fontFamily,
+  strings
+}) {
+  const atTop = position === "top-left" || position === "top-right";
+  const enter = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.spring(enter, {
+      toValue: 1,
+      useNativeDriver: true,
+      tension: 70,
+      friction: 12
+    }).start();
+  }, [enter]);
+  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,
+        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: 1,
+          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 pulse = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    pulse.setValue(0);
+    Animated.timing(pulse, {
+      toValue: 1,
+      duration: 220,
+      useNativeDriver: true
+    }).start();
+  }, [seq, pulse]);
+  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 subscribe = useCallback(
+    (onChange) => enabled ? subscribeSpotlight(onChange) : NEVER(),
+    [enabled]
+  );
+  return useSyncExternalStore(subscribe, 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" };
+}
+
+// src/components/speech.ts
+function isSpeechHost(value) {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return typeof candidate.start === "function" && typeof candidate.stop === "function" && typeof candidate.cancel === "function";
+}
+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]);
+  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 docs/experience.md.'
+    });
+    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",
@@ -497,195 +969,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)}`;
 }
@@ -695,17 +978,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
@@ -715,14 +998,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")
               }
@@ -749,7 +1032,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);
@@ -759,29 +1042,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) }
           ]
         },
@@ -793,23 +1076,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,
@@ -822,28 +1105,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"
@@ -887,7 +1170,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);
@@ -980,177 +1263,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 = {};
@@ -1181,31 +1293,35 @@ var { height: SCREEN_HEIGHT, width: SCREEN_WIDTH } = Dimensions.get("window");
 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
-};
 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,
@@ -1221,14 +1337,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,
@@ -1243,6 +1367,9 @@ function AppilotsChatInner({
       offer: t("escalationOffer")
     }
   });
+  useEffect(() => {
+    onReplyLocaleChange(replyLocale);
+  }, [replyLocale, onReplyLocaleChange]);
   const { pendingActions, executingActions, completedActions, approveAction, rejectAction } = useAppilotsActions({ autoExecute });
   const { emit, remotePersonalization } = useAppilotsContext();
   const {
@@ -1268,7 +1395,7 @@ 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;
     }
@@ -1279,7 +1406,65 @@ function AppilotsChatInner({
   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 awaitingUser = pendingActions.some((action) => requireApproval(action)) || escalation?.status === "pending" || escalation?.status === "active";
+  const busy = isLoading || executingActions.length > 0;
+  const acting = busy && hasStartedActing;
+  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,
@@ -1290,14 +1475,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, {
@@ -1312,6 +1521,12 @@ function AppilotsChatInner({
       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());
@@ -1321,11 +1536,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,
@@ -1334,13 +1549,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,
@@ -1353,12 +1568,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,
@@ -1374,11 +1589,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
@@ -1386,17 +1601,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,
@@ -1411,21 +1626,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,
@@ -1443,19 +1658,12 @@ 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 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,
@@ -1491,6 +1699,8 @@ function AppilotsChatInner({
       theme.colors.warning,
       theme.colors.error,
       theme.typography.fontFamily,
+      strings,
+      resolvedLocale,
       requireApproval,
       approveAction,
       rejectAction
@@ -1503,17 +1713,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":
@@ -1527,15 +1737,15 @@ 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,
         {
           backgroundColor: theme.colors.background,
           borderTopLeftRadius: theme.radii.lg,
@@ -1543,11 +1753,11 @@ 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,
       {
         style: [
-          styles3.headerTitle,
+          styles5.headerTitle,
           {
             color: theme.colors.text,
             fontFamily: theme.typography.fontFamily,
@@ -1556,46 +1766,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,
-        accessibilityLabel: strings.closeChatA11y
+        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"
@@ -1603,12 +1817,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,
@@ -1619,10 +1833,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,
@@ -1635,34 +1850,34 @@ 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
@@ -1671,12 +1886,12 @@ function AppilotsChatInner({
             numberOfLines: 2
           },
           resolvedEmptySubtitle
-        ), showSuggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ React7__default.createElement(View, { style: styles3.chipsContainer }, 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,
@@ -1687,11 +1902,11 @@ 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,
@@ -1703,20 +1918,20 @@ function AppilotsChatInner({
             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 }
               ]
             },
@@ -1725,22 +1940,48 @@ function AppilotsChatInner({
         ) : 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: { flexDirection: "row", gap: 12 } }, mission.status === "running" ? /* @__PURE__ */ React8__default.createElement(
+      TouchableOpacity,
+      {
+        onPress: () => void pauseMission(),
+        testID: "appilots-mission-pause",
+        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",
+        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",
+        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,
         {
           style: [
-            styles3.input,
+            styles5.input,
             {
               backgroundColor: theme.colors.surface,
               color: theme.colors.text,
@@ -1757,16 +1998,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: [
+            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: [
-            styles3.sendButton,
+            styles5.sendButton,
             {
               backgroundColor: theme.colors.primary,
               borderRadius: theme.radii.md
@@ -1778,31 +2038,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,
@@ -1818,8 +2078,8 @@ 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,
@@ -1832,12 +2092,12 @@ function AppilotsChatInner({
         triggerButton
       ));
     }
-    return /* @__PURE__ */ React7__default.createElement(
+    return /* @__PURE__ */ React8__default.createElement(
       TouchableOpacity,
       {
         ...APPILOTS_SKIP_PROPS,
         style: [
-          styles3.fab,
+          styles5.fab,
           fabPositionStyle,
           { backgroundColor: triggerButtonColor ?? theme.colors.primary }
         ],
@@ -1847,48 +2107,113 @@ 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,
+      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",
+      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,
-          { 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",
+      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,
@@ -1931,12 +2256,31 @@ 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"
   },
+  // The sheet has to be able to SHRINK, so its size is a maximum and not
+  // a height. `keyboardView` is a KeyboardAvoidingView on `padding`
+  // (`height` on Android): when the keyboard opens, the space left for
+  // this child drops by the keyboard's height. A fixed `height` ignores
+  // that — the sheet keeps its full size, the parent's
+  // `justifyContent: 'flex-end'` pins it to the bottom, and it overflows
+  // off the TOP, carrying the header away with it. Measured on a
+  // third-party app at 0.75 × 812pt against a ~336pt keyboard: focusing
+  // the input put the entire header off screen, close button included,
+  // and nothing could dismiss the chat. `flex: 1` + `maxHeight` keeps the
+  // same size with the keyboard down and shrinks instead of overflowing
+  // with it up.
   chatContainer: {
-    height: SCREEN_HEIGHT * 0.75,
+    flex: 1,
+    maxHeight: SCREEN_HEIGHT * 0.75,
     shadowColor: "#000",
     shadowOffset: { width: 0, height: -3 },
     shadowOpacity: 0.1,
@@ -1944,15 +2288,19 @@ var styles3 = StyleSheet.create({
     elevation: 10
   },
   chatContainerFullscreen: {
-    height: SCREEN_HEIGHT
+    maxHeight: SCREEN_HEIGHT
   },
   chatContainerSidebar: {
-    height: SCREEN_HEIGHT,
+    maxHeight: SCREEN_HEIGHT,
     width: SCREEN_WIDTH > 600 ? SCREEN_WIDTH * 0.4 : SCREEN_WIDTH
   },
+  // Inline renders in place with no modal and no KeyboardAvoidingView, so
+  // it fills its host instead — the 75% cap above would shrink it to
+  // three quarters of whatever the integrator sized the slot.
   chatContainerInline: {
     height: "100%",
     width: "100%",
+    maxHeight: "100%",
     flex: 1
   },
   header: {
@@ -2178,6 +2526,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");
@@ -2204,12 +2557,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,
@@ -2264,10 +2624,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 } : {}
       }
     );
@@ -2279,7 +2643,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,
@@ -2305,10 +2669,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 } : {}
       }
     );
@@ -2320,7 +2684,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,
@@ -2351,10 +2715,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 } : {}
       }
     );
@@ -2363,4 +2731,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 };