@appilots/sdk 0.2.0

package/dist/index.mjs

@@ -0,0 +1,2658 @@
+export { AppilotsNavigationContainer } from './chunk-KCDNL4HV.mjs';
+import { useAppilotsChat, useAppilotsActions, shouldShowSuggestedPrompts, useSuggestedPrompts } from './chunk-GEM6TPAK.mjs';
+export { captureSnapshot, executeAction, useAppilots, useAppilotsActions, useAppilotsChat, useAppilotsField, useAppilotsNavigation, useAppilotsSlider, useAppilotsTarget, useAppilotsToggle, useSuggestedPrompts } from './chunk-GEM6TPAK.mjs';
+import { useAppilotsContext, componentRegistry } from './chunk-HDLZGXNF.mjs';
+export { AppilotsClient, AppilotsProvider, AppilotsRegistryProvider, SDK_VERSION, _patchJsxRuntimes, clearAppilotsDebugTraces, componentRegistry, createComponentRegistry, createElementRegistry, createListRegistry, elementRegistry, enableAppilotsAutoTracking, getAppilotsDebugTraces, getGlobalConfig, initAppilots, isAutoTrackingEnabled, listRegistry, recordAppilotsDebugTrace, registerScreen, subscribeAppilotsDebugTraces, useAppilotsContext, useResolvedRegistry } from './chunk-HDLZGXNF.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';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Svg, { Path } from 'react-native-svg';
+
+// ../shared/dist/chunk-43YQ52Q7.mjs
+var SENSITIVE_FIELD_NAME_RE = /(\b|_|-)(password|senha|contrase[ñn]a|mot[\s_-]*de[\s_-]*passe|passwd|pwd|secret|token|api[\s_-]*key|access[\s_-]*key|private[\s_-]*key|cvv|cvc|cvn|cvc2|cid|pin(?:[\s_-]*code)?|otp|one[\s_-]*time[\s_-]*code|2fa|mfa|security[\s_-]*code|c[óo]digo[\s_-]*seguran[çc]a|c[óo]digo[\s_-]*verifica[çc][ãa]o|verification[\s_-]*code)(\b|_|-)/i;
+function isSensitiveFieldName(id, label, placeholder, type) {
+  if (type === "password") return true;
+  for (const candidate of [id, label, placeholder]) {
+    if (typeof candidate === "string" && SENSITIVE_FIELD_NAME_RE.test(candidate)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/components/humanizeAction.ts
+function describeAction(action) {
+  const state = mapStatus(action.status);
+  const label = labelFor(action, state);
+  return { label, state };
+}
+function mapStatus(status) {
+  switch (status) {
+    case "pending":
+      return "pending";
+    case "executing":
+      return "running";
+    case "completed":
+      return "success";
+    case "failed":
+      return "failed";
+    default:
+      return "pending";
+  }
+}
+function labelFor(action, state) {
+  if (state === "failed") {
+    return failureLabel(action);
+  }
+  switch (action.type) {
+    case "navigate":
+      return navigateLabel(action, state);
+    case "form_fill":
+      return formFillLabel(action, state);
+    case "ui_interaction":
+      return uiInteractionLabel(action, state);
+    case "scroll_list":
+      return scrollListLabel(action, state);
+    case "confirm":
+      return confirmLabel(state);
+    default:
+      return genericLabel(action.type, state);
+  }
+}
+function navigateLabel(action, state) {
+  const screen = readString(action.payload, "screenName") || "a outra tela";
+  switch (state) {
+    case "pending":
+      return `Vou navegar para ${screen}`;
+    case "running":
+      return `Navegando para ${screen}...`;
+    case "success":
+      return `Naveguei para ${screen}`;
+    default:
+      return `Navega\xE7\xE3o para ${screen}`;
+  }
+}
+function formFillLabel(action, state) {
+  const fields = readArray(action.payload, "fields");
+  const summary = summariseFields(fields);
+  switch (state) {
+    case "pending":
+      return summary ? `Vou preencher ${summary}` : "Vou preencher o formul\xE1rio";
+    case "running":
+      return summary ? `Preenchendo ${summary}...` : "Preenchendo formul\xE1rio...";
+    case "success":
+      return summary ? `Preenchi ${summary}` : "Preenchi o formul\xE1rio";
+    default:
+      return "Preenchimento do formul\xE1rio";
+  }
+}
+function uiInteractionLabel(action, state) {
+  const verbBase = uiVerb(readString(action.payload, "action"));
+  const target = humanActionTarget(action.payload);
+  const where = target ? ` em ${target}` : "";
+  switch (state) {
+    case "pending":
+      return `Vou ${verbBase.infinitive}${where}`;
+    case "running":
+      return `${verbBase.gerund}${where}...`;
+    case "success":
+      return `${verbBase.past}${where}`;
+    default:
+      return `Intera\xE7\xE3o${where}`;
+  }
+}
+function scrollListLabel(action, state) {
+  const payload = action.payload;
+  const toIndex = typeof payload?.toIndex === "number" ? payload.toIndex : void 0;
+  const direction = payload?.direction === "up" ? "para cima" : "para baixo";
+  const target = toIndex !== void 0 ? `at\xE9 o item ${toIndex}` : direction;
+  switch (state) {
+    case "pending":
+      return `Vou rolar a lista ${target}`;
+    case "running":
+      return `Rolando a lista ${target}...`;
+    case "success":
+      return `Rolei a lista ${target}`;
+    default:
+      return "Rolagem da lista";
+  }
+}
+function confirmLabel(state) {
+  switch (state) {
+    case "pending":
+    case "running":
+      return "Aguardando confirma\xE7\xE3o";
+    case "success":
+      return "Voc\xEA confirmou";
+    case "failed":
+      return "Confirma\xE7\xE3o cancelada";
+    default:
+      return "Confirma\xE7\xE3o";
+  }
+}
+function genericLabel(type, state) {
+  switch (state) {
+    case "pending":
+      return `Vou executar ${type}`;
+    case "running":
+      return `Executando ${type}...`;
+    case "success":
+      return `Executei ${type}`;
+    default:
+      return type;
+  }
+}
+function failureLabel(action) {
+  const cause = humanizeError(action.error);
+  const head = failureHead(action);
+  return cause ? `${head} (${cause})` : head;
+}
+function failureHead(action) {
+  switch (action.type) {
+    case "navigate": {
+      const screen = readString(action.payload, "screenName") || "a tela";
+      return `N\xE3o consegui navegar para ${screen}`;
+    }
+    case "form_fill":
+      return "N\xE3o consegui preencher o formul\xE1rio";
+    case "ui_interaction": {
+      const verb = uiVerb(readString(action.payload, "action"));
+      const target = humanComponentId(
+        readString(action.payload, "componentId") || readString(action.payload, "targetId")
+      );
+      return target ? `N\xE3o consegui ${verb.infinitive} em ${target}` : `N\xE3o consegui ${verb.infinitive}`;
+    }
+    case "scroll_list":
+      return "N\xE3o consegui rolar a lista";
+    case "confirm":
+      return "Voc\xEA cancelou";
+    default:
+      return `N\xE3o consegui executar ${action.type}`;
+  }
+}
+var TECHNICAL_PATTERNS = [
+  /\bat\s+\S+\s*\(/,
+  // stack trace frame
+  /TypeError|ReferenceError|SyntaxError|RangeError/i,
+  /HTTP\s*[45]\d{2}/i,
+  /^\s*\{[\s\S]*\}\s*$/,
+  // JSON dump
+  /undefined is not a function/i,
+  /Cannot read propert/i
+];
+var FRIENDLY_REWRITES = [
+  [/rejected by user/i, "cancelado pelo usu\xE1rio"],
+  [/component '([^']+)' not found/i, "componente $1 n\xE3o encontrado"],
+  [/field '([^']+)' not found/i, "campo $1 n\xE3o encontrado"],
+  [/screen '([^']+)' not registered/i, "tela $1 n\xE3o registrada"],
+  [/permission denied/i, "sem permiss\xE3o"],
+  [/timeout|timed out/i, "tempo esgotado"],
+  [/network/i, "falha de rede"]
+];
+var MAX_REASON_LEN = 80;
+function humanizeError(raw, _action) {
+  if (!raw) return void 0;
+  const trimmed = String(raw).trim();
+  if (!trimmed) return void 0;
+  for (const [pattern, replacement] of FRIENDLY_REWRITES) {
+    if (pattern.test(trimmed)) {
+      return finalize(trimmed.replace(pattern, replacement));
+    }
+  }
+  if (TECHNICAL_PATTERNS.some((p) => p.test(trimmed))) {
+    return "algo deu errado";
+  }
+  if (trimmed.length > MAX_REASON_LEN) {
+    return "algo deu errado";
+  }
+  return finalize(trimmed);
+}
+function finalize(text) {
+  let out = text.trim();
+  if (out.length > MAX_REASON_LEN) out = out.slice(0, MAX_REASON_LEN - 1).trimEnd() + "\u2026";
+  if (out.length > 0) out = out[0].toLowerCase() + out.slice(1);
+  return out;
+}
+function uiVerb(raw) {
+  switch ((raw ?? "press").toLowerCase()) {
+    case "press":
+    case "tap":
+    case "click":
+      return { infinitive: "clicar", gerund: "Clicando", past: "Cliquei" };
+    case "longpress":
+    case "long_press":
+      return { infinitive: "pressionar", gerund: "Pressionando", past: "Pressionei" };
+    case "scroll":
+    case "scroll_to":
+      return { infinitive: "rolar", gerund: "Rolando", past: "Rolei" };
+    case "focus":
+      return { infinitive: "focar", gerund: "Focando", past: "Foquei" };
+    default:
+      return { infinitive: "interagir", gerund: "Interagindo", past: "Interagi" };
+  }
+}
+function summariseFields(fields) {
+  if (!Array.isArray(fields) || fields.length === 0) return void 0;
+  const parts = [];
+  const visible = fields.slice(0, 3);
+  for (const f of visible) {
+    if (!f || typeof f !== "object") continue;
+    const obj = f;
+    const name = humanFieldName(obj.label, obj.fieldId);
+    if (!name) continue;
+    const fieldIdStr = typeof obj.fieldId === "string" ? obj.fieldId : void 0;
+    const labelStr = typeof obj.label === "string" ? obj.label : void 0;
+    const fieldTypeStr = typeof obj.fieldType === "string" ? obj.fieldType : void 0;
+    const sensitive = isSensitiveFieldName(fieldIdStr, labelStr, void 0, fieldTypeStr);
+    if (sensitive) {
+      parts.push(`${name}=\u2022\u2022\u2022\u2022`);
+      continue;
+    }
+    const value = formatFieldValue(obj.value);
+    parts.push(value !== void 0 ? `${name}=${value}` : name);
+  }
+  if (parts.length === 0) return void 0;
+  const extra = fields.length - parts.length;
+  return extra > 0 ? `${parts.join(", ")} +${extra}` : parts.join(", ");
+}
+function formatFieldValue(value) {
+  if (value === void 0 || value === null || value === "") return void 0;
+  if (typeof value === "string") {
+    const v = value.length > 18 ? `${value.slice(0, 17)}\u2026` : value;
+    return `"${v}"`;
+  }
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return void 0;
+}
+function humanActionTarget(payload) {
+  if (!payload || typeof payload !== "object") return "";
+  const record = payload;
+  const friendly = readFriendlyString(record, "label") || readFriendlyString(record, "actionDescription") || readFriendlyString(record, "title") || readFriendlyString(record, "name");
+  if (friendly) return friendly;
+  return humanComponentId(
+    readString(payload, "componentId") || readString(payload, "targetId")
+  );
+}
+function humanFieldName(label, fieldId) {
+  if (typeof label === "string" && label.trim()) return label.trim();
+  if (typeof fieldId !== "string" || isTechnicalIdentifier(fieldId)) return void 0;
+  return humanComponentId(fieldId) || void 0;
+}
+function readFriendlyString(record, key) {
+  const value = record[key];
+  if (typeof value !== "string") return "";
+  const trimmed = value.trim();
+  if (!trimmed || isTechnicalIdentifier(trimmed)) return "";
+  return trimmed;
+}
+function humanComponentId(id) {
+  if (!id) return "";
+  if (isTechnicalIdentifier(id)) return "";
+  const cleaned = id.replace(/^(btn-|btn_|button-|component-)/i, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim();
+  if (!cleaned) return "";
+  return cleaned[0].toUpperCase() + cleaned.slice(1);
+}
+function isTechnicalIdentifier(value) {
+  const raw = value.trim();
+  if (!raw) return false;
+  if (/^el:/i.test(raw)) return true;
+  if (/^list-\d+-item-\d+$/i.test(raw)) return true;
+  if (/(testid|test-id|accessibilityid|accessibility-id|automationid|automation-id)/i.test(raw)) {
+    return true;
+  }
+  if (/^[a-z]+:[^ ]+:[^ ]+/i.test(raw)) return true;
+  if (/^[A-Za-z][\w-]*:[^\s]+$/i.test(raw)) return true;
+  if (/^[a-z]+(?:[-_][a-z]+)*[-_][a-z0-9]{5,}$/i.test(raw)) return true;
+  return false;
+}
+function readString(payload, key) {
+  if (!payload || typeof payload !== "object") return "";
+  const v = payload[key];
+  return typeof v === "string" ? v : "";
+}
+function readArray(payload, key) {
+  if (!payload || typeof payload !== "object") return [];
+  const v = payload[key];
+  return Array.isArray(v) ? v : [];
+}
+
+// src/theme/tokens.ts
+var defaultLightTheme = {
+  colors: {
+    primary: "#6366f1",
+    secondary: "#8b5cf6",
+    background: "#ffffff",
+    surface: "#f3f4f6",
+    text: "#1f2937",
+    textSecondary: "#6b7280",
+    border: "#e5e7eb",
+    // NOTE (BACKLOG 4.2): success/warning/error used to have ZERO visual
+    // consumers — nothing read them, so ActionBreadcrumb's tones and the
+    // confirm card's destructive accents were hardcoded separately with
+    // their OWN hex values (#10B981/#EF4444/#9CA3AF-ish grays). Since no
+    // other UI in the SDK reads these three tokens, we picked these
+    // defaults to exactly match those pre-existing hardcoded values —
+    // wiring the tokens up to ActionBreadcrumb (see breadcrumbPresentation.ts)
+    // is now a no-op for anyone on the bundled default theme, while a
+    // custom theme's success/warning/error now actually do something.
+    success: "#10b981",
+    warning: "#9ca3af",
+    error: "#ef4444",
+    // Same value as `text` — split out so an app can diverge them, but
+    // any app that doesn't set these renders pixel-identical to before.
+    buttonText: "#1f2937",
+    bubbleText: "#1f2937",
+    userBubbleText: "#ffffff"
+  },
+  typography: {
+    fontFamily: "System",
+    fontSizeXs: 11,
+    fontSizeSm: 13,
+    fontSizeBase: 15,
+    fontSizeLg: 18
+  },
+  radii: {
+    sm: 8,
+    md: 12,
+    lg: 16
+  },
+  shadows: {
+    appearance: "light"
+  }
+};
+var defaultDarkTheme = {
+  colors: {
+    primary: "#818cf8",
+    secondary: "#a78bfa",
+    background: "#0f172a",
+    surface: "#1e293b",
+    text: "#f1f5f9",
+    textSecondary: "#94a3b8",
+    border: "#334155",
+    // Kept IDENTICAL to the light theme's success/warning/error (not the
+    // usual "lighter for dark bg" adjustment other tokens get) — the
+    // breadcrumb's tones were a fixed, theme-agnostic hardcoded palette
+    // before this token existed, rendering the SAME hex in light and dark
+    // mode. Diverging them here would change dark-mode breadcrumbs even
+    // though nothing in the token tree asked for that.
+    success: "#10b981",
+    warning: "#9ca3af",
+    error: "#ef4444",
+    buttonText: "#f1f5f9",
+    bubbleText: "#f1f5f9",
+    userBubbleText: "#ffffff"
+  },
+  typography: { ...defaultLightTheme.typography },
+  radii: { ...defaultLightTheme.radii },
+  shadows: { appearance: "dark" }
+};
+function mergeThemeTokens(base, partial) {
+  if (!partial) return base;
+  return {
+    colors: { ...base.colors, ...partial.colors ?? {} },
+    typography: { ...base.typography, ...partial.typography ?? {} },
+    radii: { ...base.radii, ...partial.radii ?? {} },
+    shadows: { ...base.shadows, ...partial.shadows ?? {} }
+  };
+}
+function resolveBaseTheme(mode, systemScheme) {
+  if (mode === "dark") return defaultDarkTheme;
+  if (mode === "light") return defaultLightTheme;
+  return systemScheme === "dark" ? defaultDarkTheme : defaultLightTheme;
+}
+
+// src/components/breadcrumbPresentation.ts
+var DEFAULT_BREADCRUMB_PALETTE = {
+  primary: defaultLightTheme.colors.primary,
+  text: defaultLightTheme.colors.text,
+  textSecondary: defaultLightTheme.colors.textSecondary,
+  surface: defaultLightTheme.colors.surface,
+  border: defaultLightTheme.colors.border,
+  success: defaultLightTheme.colors.success,
+  warning: defaultLightTheme.colors.warning,
+  error: defaultLightTheme.colors.error
+};
+var KNOWN_TINTS = {
+  [DEFAULT_BREADCRUMB_PALETTE.primary.toUpperCase()]: "#EEF2FF",
+  [DEFAULT_BREADCRUMB_PALETTE.success.toUpperCase()]: "#ECFDF5",
+  [DEFAULT_BREADCRUMB_PALETTE.warning.toUpperCase()]: "#F3F4F6",
+  [DEFAULT_BREADCRUMB_PALETTE.error.toUpperCase()]: "#FEF2F2"
+};
+function tint(hex) {
+  const known = KNOWN_TINTS[hex.toUpperCase()];
+  if (known) return known;
+  const base = hex.length === 9 ? hex.slice(0, 7) : hex;
+  return `${base}1a`;
+}
+function deriveStateTone(palette = DEFAULT_BREADCRUMB_PALETTE) {
+  return {
+    pending: { color: palette.warning, iconBg: tint(palette.warning) },
+    running: { color: palette.primary, iconBg: tint(palette.primary) },
+    success: { color: palette.success, iconBg: tint(palette.success) },
+    failed: { color: palette.error, iconBg: tint(palette.error) }
+  };
+}
+deriveStateTone();
+function iconGlyphFor(state) {
+  switch (state) {
+    case "pending":
+      return "\u25CB";
+    case "success":
+      return "\u2713";
+    case "failed":
+      return "\u2717";
+    case "running":
+    default:
+      return "\xB7";
+  }
+}
+function isDestructiveAction(action) {
+  return action.payload?.destructive === true || action.destructive === true;
+}
+DEFAULT_BREADCRUMB_PALETTE.error;
+function deriveConfirmCardContent(action, palette = DEFAULT_BREADCRUMB_PALETTE) {
+  const payload = action.payload ?? {};
+  const isDestructive = isDestructiveAction(action);
+  const message = typeof payload.message === "string" && payload.message || typeof payload.actionDescription === "string" && payload.actionDescription || "Confirme para prosseguir";
+  const title = typeof payload.title === "string" && payload.title || (isDestructive ? "A\xE7\xE3o destrutiva" : "Confirma\xE7\xE3o necess\xE1ria");
+  const confirmLabel2 = typeof payload.confirmLabel === "string" && payload.confirmLabel || (isDestructive ? "Sim, executar" : "Confirmar");
+  const cancelLabel = typeof payload.cancelLabel === "string" && payload.cancelLabel || "Cancelar";
+  return {
+    isDestructive,
+    title,
+    message,
+    confirmLabel: confirmLabel2,
+    cancelLabel,
+    glyph: isDestructive ? "\u26A0" : "?",
+    actionColor: isDestructive ? palette.error : palette.primary,
+    cardBackground: palette.surface,
+    cardBorderColor: isDestructive ? palette.error : palette.border,
+    messageColor: palette.textSecondary,
+    cancelBackground: palette.border,
+    cancelTextColor: palette.textSecondary
+  };
+}
+
+// src/components/ActionBreadcrumb.tsx
+function ActionBreadcrumb({
+  actions,
+  primaryColor,
+  textColor,
+  fontFamily,
+  palette,
+  requireApprovalFor,
+  onApprove,
+  onReject
+}) {
+  if (actions.length === 0) return null;
+  const resolvedPalette = {
+    ...DEFAULT_BREADCRUMB_PALETTE,
+    ...palette,
+    primary: primaryColor,
+    text: textColor
+  };
+  return /* @__PURE__ */ React7__default.createElement(View, { style: styles.container }, actions.map((action) => /* @__PURE__ */ React7__default.createElement(
+    BreadcrumbRow,
+    {
+      key: action.id,
+      action,
+      primaryColor,
+      textColor,
+      fontFamily,
+      palette: resolvedPalette,
+      needsApproval: requireApprovalFor?.(action) ?? false,
+      onApprove,
+      onReject
+    }
+  )));
+}
+function BreadcrumbRow(props) {
+  const { action, needsApproval } = props;
+  if (action.type === "confirm" && action.status === "pending" && needsApproval) {
+    return /* @__PURE__ */ React7__default.createElement(
+      ConfirmCard,
+      {
+        action,
+        palette: props.palette,
+        fontFamily: props.fontFamily,
+        onApprove: props.onApprove,
+        onReject: props.onReject
+      }
+    );
+  }
+  return /* @__PURE__ */ React7__default.createElement(RegularBreadcrumbRow, { ...props });
+}
+function RegularBreadcrumbRow({
+  action,
+  primaryColor,
+  textColor,
+  fontFamily,
+  palette,
+  needsApproval,
+  onApprove,
+  onReject
+}) {
+  const { label, state } = describeAction(action);
+  const tone = deriveStateTone(palette)[state];
+  const fade = useRef(new Animated.Value(0)).current;
+  const pulse = useRef(new Animated.Value(1)).current;
+  const lastState = useRef(state);
+  useEffect(() => {
+    Animated.timing(fade, {
+      toValue: 1,
+      duration: 180,
+      useNativeDriver: true
+    }).start();
+  }, [fade]);
+  useEffect(() => {
+    if (lastState.current === state) return;
+    lastState.current = state;
+    pulse.setValue(0.4);
+    Animated.timing(pulse, {
+      toValue: 1,
+      duration: 220,
+      useNativeDriver: true
+    }).start();
+  }, [state, pulse]);
+  const isDestructive = isDestructiveAction(action);
+  return /* @__PURE__ */ React7__default.createElement(Animated.View, { style: [styles.row, { opacity: fade }] }, /* @__PURE__ */ React7__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(
+    Text,
+    {
+      style: [
+        styles.label,
+        { color: state === "failed" ? tone.color : textColor, fontFamily }
+      ],
+      accessibilityLabel: `${state}: ${label}`
+    },
+    label,
+    isDestructive && /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.destructiveTag, { color: palette.error }] }, " \u26A0 destrutiva")
+  )), needsApproval && action.status === "pending" && onApprove && onReject && /* @__PURE__ */ React7__default.createElement(View, { style: styles.approvalButtons }, /* @__PURE__ */ React7__default.createElement(
+    TouchableOpacity,
+    {
+      onPress: () => onReject(action.id),
+      style: [
+        styles.btn,
+        { backgroundColor: deriveStateTone(palette).failed.iconBg }
+      ],
+      activeOpacity: 0.7,
+      accessibilityLabel: "Rejeitar a\xE7\xE3o"
+    },
+    /* @__PURE__ */ React7__default.createElement(Text, { style: [styles.rejectBtnText, { color: palette.error }] }, "Rejeitar")
+  ), /* @__PURE__ */ React7__default.createElement(
+    TouchableOpacity,
+    {
+      onPress: () => onApprove(action.id),
+      style: [styles.btn, styles.approveBtn, { backgroundColor: primaryColor }],
+      activeOpacity: 0.7,
+      accessibilityLabel: "Aprovar a\xE7\xE3o"
+    },
+    /* @__PURE__ */ React7__default.createElement(Text, { style: styles.approveBtnText }, "Aprovar")
+  )));
+}
+function ConfirmCard({ action, palette, fontFamily, onApprove, onReject }) {
+  const {
+    isDestructive,
+    title,
+    message,
+    confirmLabel: confirmLabel2,
+    cancelLabel,
+    glyph,
+    actionColor,
+    cardBackground,
+    cardBorderColor,
+    messageColor,
+    cancelBackground,
+    cancelTextColor
+  } = deriveConfirmCardContent(action, palette);
+  return /* @__PURE__ */ React7__default.createElement(
+    View,
+    {
+      style: [
+        confirmCardStyles.card,
+        { backgroundColor: cardBackground, borderColor: cardBorderColor }
+      ],
+      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(
+      Text,
+      {
+        style: [
+          confirmCardStyles.title,
+          { color: isDestructive ? palette.error : palette.text, fontFamily }
+        ]
+      },
+      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(
+      TouchableOpacity,
+      {
+        onPress: () => onReject?.(action.id),
+        style: [confirmCardStyles.btn, { backgroundColor: cancelBackground }],
+        activeOpacity: 0.7,
+        accessibilityLabel: "Cancelar",
+        testID: "assistant-confirm-reject"
+      },
+      /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.cancelText, { color: cancelTextColor, fontFamily }] }, cancelLabel)
+    ), /* @__PURE__ */ React7__default.createElement(
+      TouchableOpacity,
+      {
+        onPress: () => onApprove?.(action.id),
+        style: [
+          confirmCardStyles.btn,
+          confirmCardStyles.confirmBtn,
+          { backgroundColor: actionColor }
+        ],
+        activeOpacity: 0.7,
+        accessibilityLabel: "Confirmar",
+        testID: "assistant-confirm-approve"
+      },
+      /* @__PURE__ */ React7__default.createElement(Text, { style: [confirmCardStyles.confirmText, { fontFamily }] }, confirmLabel2)
+    ))
+  );
+}
+var confirmCardStyles = StyleSheet.create({
+  card: {
+    alignSelf: "stretch",
+    marginVertical: 6,
+    padding: 14,
+    borderRadius: 14,
+    borderWidth: 1
+    // backgroundColor / borderColor set inline — theme-driven (surface / border / error).
+  },
+  headerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 6
+  },
+  glyph: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: "700",
+    flexShrink: 1
+  },
+  message: {
+    fontSize: 14,
+    lineHeight: 20,
+    // color set inline — theme-driven (textSecondary).
+    marginBottom: 12
+  },
+  buttons: {
+    flexDirection: "row",
+    gap: 8,
+    justifyContent: "flex-end"
+  },
+  btn: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 10,
+    minWidth: 96,
+    alignItems: "center"
+  },
+  cancelText: {
+    fontSize: 13,
+    fontWeight: "600"
+    // color set inline — theme-driven (textSecondary).
+  },
+  confirmBtn: {
+    // backgroundColor set inline
+  },
+  confirmText: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#FFFFFF"
+  }
+});
+function StateIcon({
+  state,
+  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)));
+}
+var styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch",
+    marginBottom: 8,
+    paddingVertical: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 6,
+    paddingHorizontal: 4
+  },
+  iconCircle: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 10,
+    marginTop: 1
+  },
+  iconGlyph: {
+    fontSize: 13,
+    fontWeight: "700",
+    lineHeight: 16
+  },
+  label: {
+    flex: 1,
+    fontSize: 14,
+    lineHeight: 19
+  },
+  destructiveTag: {
+    // color set inline — theme-driven (error).
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  approvalButtons: {
+    flexDirection: "row",
+    gap: 6,
+    marginLeft: 8
+  },
+  btn: {
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 8
+  },
+  rejectBtnText: {
+    fontSize: 12,
+    fontWeight: "600"
+    // color set inline — theme-driven (error).
+  },
+  approveBtn: {
+    // backgroundColor set inline
+  },
+  approveBtnText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#FFFFFF"
+  }
+});
+
+// src/components/personalization.ts
+function str(value) {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : void 0;
+}
+function resolveTheme(themeProp, remote) {
+  return themeProp ?? remote?.theme ?? void 0;
+}
+function resolveThemeMode(themeModeProp, remote) {
+  return themeModeProp ?? remote?.theme?.mode ?? "auto";
+}
+function resolveLocaleProp(localeProp, remote) {
+  return localeProp ?? remote?.defaultLocale ?? null;
+}
+function resolvePersonalization(props, remote) {
+  return {
+    headerTitle: props.headerTitle ?? props.assistantName ?? str(remote?.chatTitle) ?? str(remote?.assistantName),
+    assistantAvatar: props.assistantAvatar ?? str(remote?.assistantAvatar),
+    emptyStateIcon: props.emptyStateIcon ?? str(remote?.emptyStateIcon),
+    welcomeMessage: props.welcomeMessage ?? str(remote?.welcomeMessage),
+    // Remote is always a boolean when present (server coerces legacy
+    // nulls to true), so `??` chains cleanly to the SDK default.
+    poweredByVisible: props.poweredByVisible ?? remote?.poweredByVisible ?? true,
+    triggerButtonColor: props.triggerButtonColor ?? str(remote?.triggerButtonColor),
+    triggerButtonImage: props.triggerButtonImage ?? str(remote?.triggerButtonImageUrl)
+  };
+}
+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(
+    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",
+      fill: color
+    }
+  ));
+}
+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(
+    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",
+      fill: color
+    }
+  ));
+}
+
+// src/components/chatTimeline.ts
+function buildChatTimeline(messages, actions) {
+  const visibleMessageIds = new Set(messages.map((message) => message.id));
+  const visibleActionPrompts = actions.filter(
+    (action) => action.type === "confirm" && action.status === "pending"
+  );
+  const actionsByMessageId = /* @__PURE__ */ new Map();
+  const orphanActions = [];
+  for (const action of visibleActionPrompts) {
+    if (action.messageId && visibleMessageIds.has(action.messageId)) {
+      const list = actionsByMessageId.get(action.messageId) ?? [];
+      list.push(action);
+      actionsByMessageId.set(action.messageId, list);
+    } else {
+      orphanActions.push(action);
+    }
+  }
+  const timeline = [];
+  for (const msg of messages) {
+    timeline.push({ type: "message", data: msg });
+    if (msg.role === "assistant") {
+      const msgActions = actionsByMessageId.get(msg.id);
+      if (msgActions && msgActions.length > 0) {
+        timeline.push({ type: "breadcrumb", key: `bc-${msg.id}`, actions: msgActions });
+      }
+    }
+  }
+  if (orphanActions.length > 0) {
+    timeline.push({ type: "breadcrumb", key: "bc-orphan", actions: orphanActions });
+  }
+  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)}`;
+}
+function renderInlineSegments(text, theme, baseStyle) {
+  const segments = parseInlineMarkdown(text);
+  return segments.map((segment, index) => {
+    const key = segmentKey(segment, index);
+    switch (segment.kind) {
+      case "bold":
+        return /* @__PURE__ */ React7__default.createElement(Text, { key, style: [baseStyle, styles2.bold] }, segment.value);
+      case "italic":
+        return /* @__PURE__ */ React7__default.createElement(Text, { key, style: [baseStyle, styles2.italic] }, segment.value);
+      case "code":
+        return /* @__PURE__ */ React7__default.createElement(
+          Text,
+          {
+            key,
+            style: [
+              baseStyle,
+              styles2.code,
+              {
+                backgroundColor: theme.codeBackground ?? (theme.variant === "user" ? "rgba(255,255,255,0.22)" : "rgba(0,0,0,0.06)"),
+                color: theme.codeColor ?? theme.color
+              }
+            ]
+          },
+          segment.value
+        );
+      case "link":
+        return /* @__PURE__ */ React7__default.createElement(
+          Text,
+          {
+            key,
+            accessibilityRole: "link",
+            style: [
+              baseStyle,
+              styles2.link,
+              {
+                color: theme.linkColor ?? (theme.variant === "user" ? theme.color : "#2563EB")
+              }
+            ],
+            onPress: () => {
+              Linking.openURL(segment.href).catch(() => {
+              });
+            }
+          },
+          segment.value
+        );
+      default:
+        return segment.value;
+    }
+  });
+}
+function InlineMarkdown({
+  text,
+  theme
+}) {
+  const baseStyle = {
+    color: theme.color,
+    fontFamily: theme.fontFamily,
+    fontSize: theme.fontSize,
+    lineHeight: theme.lineHeight
+  };
+  return /* @__PURE__ */ React7__default.createElement(Text, { style: baseStyle }, renderInlineSegments(text, theme, baseStyle));
+}
+function ChatMarkdown({ content, theme, contentWidth }) {
+  const prepared = enhancePlainAssistantContent(content);
+  const baseTextStyle = {
+    color: theme.color,
+    fontFamily: theme.fontFamily,
+    fontSize: theme.fontSize,
+    lineHeight: theme.lineHeight
+  };
+  const rootStyle = contentWidth ? [styles2.root, { width: contentWidth }] : styles2.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__ */ React7__default.createElement(Text, { style: baseTextStyle }, prepared);
+  }
+  const blocks = parseMarkdownBlocks(prepared);
+  return /* @__PURE__ */ React7__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 }));
+    }
+    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(
+        Text,
+        {
+          accessibilityRole: "header",
+          style: [
+            baseTextStyle,
+            styles2.bold,
+            { fontSize: headingSize, lineHeight: Math.round(headingSize * 1.35) }
+          ]
+        },
+        renderInlineSegments(block.text, theme, {
+          ...baseTextStyle,
+          fontSize: headingSize,
+          lineHeight: Math.round(headingSize * 1.35)
+        })
+      ));
+    }
+    if (block.kind === "codeblock") {
+      return /* @__PURE__ */ React7__default.createElement(
+        View,
+        {
+          key: `code-${blockIndex}`,
+          style: [
+            styles2.codeBlock,
+            blockIndex > 0 ? styles2.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(
+          Text,
+          {
+            style: [
+              styles2.code,
+              {
+                color: theme.codeColor ?? theme.color,
+                fontSize: (theme.fontSize ?? 15) - 1,
+                lineHeight: Math.round(((theme.fontSize ?? 15) - 1) * 1.45)
+              }
+            ]
+          },
+          block.code
+        )
+      );
+    }
+    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(
+        Text,
+        {
+          key: `ul-${blockIndex}-${itemIndex}`,
+          style: [baseTextStyle, itemIndex > 0 ? styles2.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(
+      Text,
+      {
+        key: `ol-${blockIndex}-${itemIndex}`,
+        style: [baseTextStyle, itemIndex > 0 ? styles2.listItemGap : void 0]
+      },
+      `${itemIndex + 1}. `,
+      renderInlineSegments(item, theme, baseTextStyle)
+    )));
+  }));
+}
+var styles2 = StyleSheet.create({
+  root: {
+    flexShrink: 1,
+    alignSelf: "stretch"
+  },
+  blockGap: {
+    marginTop: 8
+  },
+  listItemGap: {
+    marginTop: 4
+  },
+  bold: {
+    fontWeight: "700"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  code: {
+    fontFamily: "Menlo",
+    borderRadius: 4,
+    paddingHorizontal: 4,
+    paddingVertical: 1
+  },
+  codeBlock: {
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    alignSelf: "stretch"
+  },
+  link: {
+    textDecorationLine: "underline"
+  }
+});
+var ThemeContext = createContext(defaultLightTheme);
+function AppilotsThemeProvider({
+  theme,
+  mode = "auto",
+  children
+}) {
+  const systemScheme = useColorScheme();
+  const tokens = useMemo(
+    () => mergeThemeTokens(resolveBaseTheme(mode, systemScheme), theme ?? void 0),
+    [mode, systemScheme, theme]
+  );
+  return /* @__PURE__ */ React7__default.createElement(ThemeContext.Provider, { value: tokens }, children);
+}
+function useAppilotsTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/theme/tailwindBridge.ts
+var PREFERRED_SHADES = ["500", "600", "400", "700", "300", "800", "200", "900"];
+function pickColor(value) {
+  if (!value) return void 0;
+  if (typeof value === "string") return value;
+  for (const shade of PREFERRED_SHADES) {
+    if (typeof value[shade] === "string") return value[shade];
+  }
+  for (const v of Object.values(value)) {
+    if (typeof v === "string") return v;
+  }
+  return void 0;
+}
+function parseSize(value) {
+  if (typeof value === "number") return value;
+  if (Array.isArray(value)) return parseSize(value[0]);
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  if (trimmed.endsWith("rem")) {
+    const n2 = parseFloat(trimmed);
+    if (!Number.isNaN(n2)) return Math.round(n2 * 16);
+  }
+  if (trimmed.endsWith("px")) {
+    const n2 = parseFloat(trimmed);
+    if (!Number.isNaN(n2)) return Math.round(n2);
+  }
+  const n = parseFloat(trimmed);
+  return Number.isNaN(n) ? void 0 : Math.round(n);
+}
+function pickFontFamily(value) {
+  if (!value) return void 0;
+  if (typeof value === "string") return value;
+  return value[0];
+}
+function appilotsThemeFromTailwind(config) {
+  const colors = config.theme?.colors ?? {};
+  const out = {};
+  const c = {};
+  const primary = pickColor(colors.primary);
+  if (primary) c.primary = primary;
+  const secondary = pickColor(colors.secondary ?? colors.accent);
+  if (secondary) c.secondary = secondary;
+  const bg = pickColor(colors.background ?? colors.white);
+  if (bg) c.background = bg;
+  const surface = pickColor(colors.surface ?? colors.gray ?? colors.slate);
+  if (surface) c.surface = surface;
+  const textColor = pickColor(colors.text ?? colors.foreground ?? colors.black);
+  if (textColor) c.text = textColor;
+  const muted = pickColor(colors.muted ?? colors.gray);
+  if (muted && muted !== c.text) c.textSecondary = muted;
+  const border = pickColor(colors.border ?? colors.gray);
+  if (border) c.border = border;
+  const success = pickColor(colors.success ?? colors.green ?? colors.emerald);
+  if (success) c.success = success;
+  const warning = pickColor(colors.warning ?? colors.yellow ?? colors.amber);
+  if (warning) c.warning = warning;
+  const error = pickColor(colors.error ?? colors.danger ?? colors.red);
+  if (error) c.error = error;
+  if (Object.keys(c).length > 0) out.colors = c;
+  const fontFamily = pickFontFamily(
+    config.theme?.fontFamily?.sans ?? config.theme?.fontFamily?.body
+  );
+  const sizeXs = parseSize(config.theme?.fontSize?.xs);
+  const sizeSm = parseSize(config.theme?.fontSize?.sm);
+  const sizeBase = parseSize(config.theme?.fontSize?.base);
+  const sizeLg = parseSize(config.theme?.fontSize?.lg);
+  const typography = {};
+  if (fontFamily) typography.fontFamily = fontFamily;
+  if (sizeXs) typography.fontSizeXs = sizeXs;
+  if (sizeSm) typography.fontSizeSm = sizeSm;
+  if (sizeBase) typography.fontSizeBase = sizeBase;
+  if (sizeLg) typography.fontSizeLg = sizeLg;
+  if (Object.keys(typography).length > 0) out.typography = typography;
+  const radiiSm = parseSize(config.theme?.borderRadius?.sm);
+  const radiiMd = parseSize(config.theme?.borderRadius?.md);
+  const radiiLg = parseSize(config.theme?.borderRadius?.lg);
+  const radii = {};
+  if (radiiSm) radii.sm = radiiSm;
+  if (radiiMd) radii.md = radiiMd;
+  if (radiiLg) radii.lg = radiiLg;
+  if (Object.keys(radii).length > 0) out.radii = radii;
+  return out;
+}
+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",
+  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",
+  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",
+  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 = "pt-BR";
+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 = {};
+  if (legacy.primaryColor || legacy.backgroundColor || legacy.textColor || legacy.inputBackgroundColor) {
+    out.colors = {};
+    if (legacy.primaryColor) out.colors.primary = legacy.primaryColor;
+    if (legacy.backgroundColor) out.colors.background = legacy.backgroundColor;
+    if (legacy.textColor) out.colors.text = legacy.textColor;
+    if (legacy.inputBackgroundColor) out.colors.surface = legacy.inputBackgroundColor;
+  }
+  if (legacy.borderRadius !== void 0) {
+    out.radii = { lg: legacy.borderRadius, md: legacy.borderRadius };
+  }
+  if (legacy.fontFamily) {
+    out.typography = { fontFamily: legacy.fontFamily };
+  }
+  return out;
+}
+function isLegacyTheme(theme) {
+  if (!theme || typeof theme !== "object") return false;
+  const t = theme;
+  return "primaryColor" in t || "backgroundColor" in t || "textColor" in t || "inputBackgroundColor" in t || typeof t.borderRadius === "number" || typeof t.fontFamily === "string" && !("typography" in t);
+}
+function isImageSource(value) {
+  return typeof value === "number" || /^https?:\/\//i.test(value.trim());
+}
+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 { 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(
+    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 }))
+  );
+}
+function AppilotsChatInner({
+  visible: controlledVisible,
+  onClose,
+  placeholder,
+  headerTitle: headerTitleProp,
+  autoExecute = true,
+  assistantName: assistantNameProp,
+  assistantAvatar: assistantAvatarProp,
+  emptyStateIcon: emptyStateIconProp,
+  welcomeMessage: welcomeMessageProp,
+  poweredByVisible: poweredByVisibleProp,
+  mode = "bubble",
+  position = "bottom-right",
+  triggerButton = "default",
+  triggerIcon,
+  triggerButtonColor: triggerButtonColorProp,
+  triggerButtonImage: triggerButtonImageProp
+}) {
+  const theme = useAppilotsTheme();
+  const { strings, t } = useAppilotsI18n();
+  const {
+    messages,
+    isLoading,
+    loadingStatusKey,
+    sendMessage,
+    cancelMessage,
+    clearMessages,
+    escalation,
+    requestHuman
+  } = useAppilotsChat({
+    errorPrefix: t("somethingWentWrong"),
+    escalationStrings: {
+      requested: t("escalationRequested"),
+      connected: t("escalationConnected"),
+      resolved: t("escalationResolved"),
+      offer: t("escalationOffer")
+    }
+  });
+  const {
+    pendingActions,
+    executingActions,
+    completedActions,
+    approveAction,
+    rejectAction
+  } = useAppilotsActions({ autoExecute });
+  const { emit, remotePersonalization } = useAppilotsContext();
+  const {
+    headerTitle: resolvedTitle,
+    assistantAvatar,
+    emptyStateIcon,
+    welcomeMessage,
+    poweredByVisible,
+    triggerButtonColor,
+    triggerButtonImage
+  } = resolvePersonalization(
+    {
+      headerTitle: headerTitleProp,
+      assistantName: assistantNameProp,
+      assistantAvatar: assistantAvatarProp,
+      emptyStateIcon: emptyStateIconProp,
+      welcomeMessage: welcomeMessageProp,
+      poweredByVisible: poweredByVisibleProp,
+      triggerButtonColor: triggerButtonColorProp,
+      triggerButtonImage: triggerButtonImageProp
+    },
+    remotePersonalization
+  );
+  const allActions = [...pendingActions, ...executingActions, ...completedActions];
+  const timeline = buildChatTimeline(messages, allActions);
+  const lastAssistantMessageId = React7__default.useMemo(() => {
+    for (let i = messages.length - 1; i >= 0; i--) {
+      if (messages[i].role === "assistant") return messages[i].id;
+    }
+    return void 0;
+  }, [messages]);
+  const insets = useSafeAreaInsets();
+  const [internalVisible, setInternalVisible] = useState(mode === "inline");
+  const [inputText, setInputText] = useState("");
+  const flatListRef = useRef(null);
+  const slideAnim = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
+  const isVisible = mode === "inline" ? true : controlledVisible !== void 0 ? controlledVisible : internalVisible;
+  const showSuggestedPrompts = shouldShowSuggestedPrompts({
+    isVisible,
+    messageCount: messages.length,
+    inputText
+  });
+  const { prompts: suggestedPrompts } = useSuggestedPrompts({
+    enabled: showSuggestedPrompts,
+    limit: 3
+  });
+  const openChat = useCallback(() => {
+    setInternalVisible(true);
+    emit({ type: "chat:open", timestamp: Date.now(), data: {} });
+  }, [emit]);
+  const closeChat = useCallback(() => {
+    setInternalVisible(false);
+    onClose?.();
+    emit({ type: "chat:close", timestamp: Date.now(), data: {} });
+  }, [onClose, emit]);
+  useEffect(() => {
+    if (mode === "inline") return;
+    Animated.spring(slideAnim, {
+      toValue: isVisible ? 0 : SCREEN_HEIGHT,
+      useNativeDriver: true,
+      tension: 65,
+      friction: 11
+    }).start();
+  }, [isVisible, slideAnim, mode]);
+  useEffect(() => {
+    if (messages.length > 0) {
+      setTimeout(() => flatListRef.current?.scrollToEnd({ animated: true }), 100);
+    }
+  }, [messages.length]);
+  const handleSend = useCallback(() => {
+    if (!inputText.trim()) return;
+    sendMessage(inputText.trim());
+    setInputText("");
+  }, [inputText, sendMessage]);
+  const renderMessage = useCallback(
+    ({ item }) => {
+      if (item.role === "system") {
+        const isOffer = item.metadata?.escalationOffer === true;
+        return /* @__PURE__ */ React7__default.createElement(View, { style: styles3.systemMessageContainer }, /* @__PURE__ */ React7__default.createElement(
+          Text,
+          {
+            style: [
+              styles3.systemMessageText,
+              {
+                color: theme.colors.textSecondary,
+                fontFamily: theme.typography.fontFamily,
+                fontSize: theme.typography.fontSizeSm
+              }
+            ]
+          },
+          item.content
+        ), isOffer && !escalation && /* @__PURE__ */ React7__default.createElement(
+          TouchableOpacity,
+          {
+            ...APPILOTS_SKIP_PROPS,
+            style: [
+              styles3.chip,
+              styles3.escalationOfferChip,
+              {
+                backgroundColor: theme.colors.surface,
+                borderColor: theme.colors.border,
+                borderRadius: 999
+              }
+            ],
+            onPress: () => requestHuman("agent_gave_up"),
+            activeOpacity: 0.7,
+            accessibilityRole: "button",
+            accessibilityLabel: strings.talkToHumanA11y,
+            testID: "escalation-offer-chip"
+          },
+          /* @__PURE__ */ React7__default.createElement(HeadsetIcon, { size: 14, color: theme.colors.textSecondary }),
+          /* @__PURE__ */ React7__default.createElement(
+            Text,
+            {
+              style: [
+                styles3.chipText,
+                {
+                  color: theme.colors.text,
+                  fontFamily: theme.typography.fontFamily,
+                  fontSize: theme.typography.fontSizeSm
+                }
+              ]
+            },
+            strings.escalationOfferChip
+          )
+        ));
+      }
+      const isUser = item.role === "user";
+      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(
+          Text,
+          {
+            style: [
+              styles3.humanAgentLabel,
+              {
+                color: theme.colors.textSecondary,
+                fontFamily: theme.typography.fontFamily
+              }
+            ]
+          },
+          escalation?.operatorName ?? strings.humanAgentLabel
+        )), /* @__PURE__ */ React7__default.createElement(
+          View,
+          {
+            accessibilityLabel: item.content,
+            style: [
+              styles3.messageBubble,
+              styles3.assistantBubble,
+              { backgroundColor: theme.colors.surface }
+            ]
+          },
+          /* @__PURE__ */ React7__default.createElement(
+            ChatMarkdown,
+            {
+              content: item.content,
+              theme: {
+                color: theme.colors.text,
+                fontFamily: theme.typography.fontFamily,
+                fontSize: theme.typography.fontSizeBase,
+                lineHeight: 20,
+                variant: "assistant"
+              }
+            }
+          )
+        ));
+      }
+      return /* @__PURE__ */ React7__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,
+              { backgroundColor: theme.colors.surface }
+            ]
+          ]
+        },
+        /* @__PURE__ */ React7__default.createElement(
+          ChatMarkdown,
+          {
+            content: item.content,
+            contentWidth: useWideAssistantLayout ? ASSISTANT_CONTENT_WIDTH : void 0,
+            theme: {
+              color: isUser ? theme.colors.userBubbleText : theme.colors.bubbleText,
+              fontFamily: theme.typography.fontFamily,
+              fontSize: theme.typography.fontSizeBase,
+              lineHeight: 20,
+              variant: isUser ? "user" : "assistant"
+            }
+          }
+        )
+      );
+    },
+    [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(
+      ActionBreadcrumb,
+      {
+        actions,
+        primaryColor: theme.colors.primary,
+        textColor: theme.colors.text,
+        fontFamily: theme.typography.fontFamily,
+        palette: {
+          textSecondary: theme.colors.textSecondary,
+          surface: theme.colors.surface,
+          border: theme.colors.border,
+          success: theme.colors.success,
+          warning: theme.colors.warning,
+          error: theme.colors.error
+        },
+        requireApprovalFor: requireApproval,
+        onApprove: approveAction,
+        onReject: rejectAction
+      }
+    ),
+    [
+      theme.colors.primary,
+      theme.colors.text,
+      theme.colors.textSecondary,
+      theme.colors.surface,
+      theme.colors.border,
+      theme.colors.success,
+      theme.colors.warning,
+      theme.colors.error,
+      theme.typography.fontFamily,
+      requireApproval,
+      approveAction,
+      rejectAction
+    ]
+  );
+  const resolvedHeaderTitle = resolvedTitle ?? t("chatTitle");
+  const resolvedPlaceholder = placeholder ?? t("inputPlaceholder");
+  const resolvedEmptyTitle = t("emptyTitle");
+  const resolvedEmptySubtitle = welcomeMessage ?? t("emptySubtitle");
+  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 }] });
+    }
+    if (typeof assistantAvatar === "string") {
+      return /* @__PURE__ */ React7__default.createElement(Image, { source: { uri: assistantAvatar }, style: styles3.headerAvatar });
+    }
+    if (typeof assistantAvatar === "number") {
+      return /* @__PURE__ */ React7__default.createElement(Image, { source: assistantAvatar, style: styles3.headerAvatar });
+    }
+    return /* @__PURE__ */ React7__default.createElement(View, { style: styles3.headerAvatarSlot }, assistantAvatar);
+  };
+  const showTrigger = mode === "bubble" && !isVisible && controlledVisible === void 0 && triggerButton !== "none";
+  const fabPositionStyle = (() => {
+    switch (position) {
+      case "bottom-left":
+        return { bottom: 24, left: 24 };
+      case "top-right":
+        return { top: 24, right: 24 };
+      case "top-left":
+        return { top: 24, left: 24 };
+      case "bottom-right":
+      default:
+        return { bottom: 24, right: 24 };
+    }
+  })();
+  const chatSurface = /* @__PURE__ */ React7__default.createElement(
+    View,
+    {
+      ...APPILOTS_SKIP_PROPS,
+      style: [
+        styles3.chatContainer,
+        mode === "fullscreen" && styles3.chatContainerFullscreen,
+        mode === "sidebar" && styles3.chatContainerSidebar,
+        mode === "inline" && styles3.chatContainerInline,
+        {
+          backgroundColor: theme.colors.background,
+          borderTopLeftRadius: theme.radii.lg,
+          borderTopRightRadius: theme.radii.lg
+        }
+      ]
+    },
+    /* @__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(
+      Text,
+      {
+        style: [
+          styles3.headerTitle,
+          {
+            color: theme.colors.text,
+            fontFamily: theme.typography.fontFamily,
+            fontSize: theme.typography.fontSizeLg
+          }
+        ]
+      },
+      resolvedHeaderTitle
+    )), /* @__PURE__ */ React7__default.createElement(View, { style: styles3.headerActions }, /* @__PURE__ */ React7__default.createElement(
+      TouchableOpacity,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        onPress: () => requestHuman("user_requested"),
+        style: styles3.headerButton,
+        accessibilityRole: "button",
+        accessibilityLabel: strings.talkToHumanA11y,
+        testID: "escalation-header-button"
+      },
+      /* @__PURE__ */ React7__default.createElement(
+        HeadsetIcon,
+        {
+          size: 16,
+          color: escalation ? theme.colors.primary : theme.colors.textSecondary
+        }
+      )
+    ), /* @__PURE__ */ React7__default.createElement(TouchableOpacity, { ...APPILOTS_SKIP_PROPS, onPress: clearMessages, style: styles3.headerButton }, /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.headerButtonText, { color: theme.colors.textSecondary }] }, strings.clearButton)), mode !== "inline" && /* @__PURE__ */ React7__default.createElement(
+      TouchableOpacity,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        onPress: closeChat,
+        style: styles3.closeButton,
+        accessibilityLabel: strings.closeChatA11y
+      },
+      /* @__PURE__ */ React7__default.createElement(Text, { style: [styles3.closeButtonText, { color: theme.colors.text }] }, "\u2715")
+    ))),
+    escalation && /* @__PURE__ */ React7__default.createElement(
+      View,
+      {
+        style: [
+          styles3.escalationBanner,
+          {
+            borderBottomColor: theme.colors.border,
+            backgroundColor: theme.colors.primary + "0d"
+          }
+        ],
+        testID: "escalation-banner"
+      },
+      /* @__PURE__ */ React7__default.createElement(HeadsetIcon, { size: 12, color: theme.colors.primary }),
+      /* @__PURE__ */ React7__default.createElement(
+        Text,
+        {
+          style: [
+            styles3.escalationBannerText,
+            {
+              color: theme.colors.textSecondary,
+              fontFamily: theme.typography.fontFamily,
+              fontSize: theme.typography.fontSizeXs
+            }
+          ]
+        },
+        escalation.status === "pending" ? strings.escalationPendingBanner : strings.escalationActiveBanner
+      )
+    ),
+    /* @__PURE__ */ React7__default.createElement(
+      FlatList,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        ref: flatListRef,
+        data: timeline,
+        keyExtractor: (item) => item.type === "message" ? item.data.id : item.key,
+        renderItem: ({ item }) => {
+          if (item.type === "message") {
+            return renderMessage({ item: item.data });
+          }
+          if (item.type === "breadcrumb") {
+            return renderBreadcrumb(item.actions);
+          }
+          return null;
+        },
+        contentContainerStyle: styles3.messageList,
+        ListEmptyComponent: /* @__PURE__ */ React7__default.createElement(View, { style: styles3.emptyState }, emptyStateIcon && isImageSource(emptyStateIcon) ? /* @__PURE__ */ React7__default.createElement(
+          Image,
+          {
+            source: typeof emptyStateIcon === "string" ? { uri: emptyStateIcon } : emptyStateIcon,
+            style: styles3.emptyIconImage,
+            resizeMode: "contain"
+          }
+        ) : /* @__PURE__ */ React7__default.createElement(
+          View,
+          {
+            style: [
+              styles3.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(
+          Text,
+          {
+            style: [
+              styles3.emptyTitle,
+              { color: theme.colors.text, fontFamily: theme.typography.fontFamily }
+            ]
+          },
+          resolvedEmptyTitle
+        ), showEmptySubtitle && /* @__PURE__ */ React7__default.createElement(
+          Text,
+          {
+            style: [
+              styles3.emptySubtitle,
+              {
+                color: theme.colors.textSecondary,
+                fontFamily: theme.typography.fontFamily
+              }
+            ],
+            numberOfLines: 2
+          },
+          resolvedEmptySubtitle
+        ), showSuggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ React7__default.createElement(View, { style: styles3.chipsContainer }, suggestedPrompts.map((prompt) => /* @__PURE__ */ React7__default.createElement(
+          TouchableOpacity,
+          {
+            key: `${prompt.source}:${prompt.text}`,
+            style: [
+              styles3.chip,
+              {
+                backgroundColor: theme.colors.surface,
+                borderColor: theme.colors.border,
+                borderRadius: 999
+              }
+            ],
+            onPress: () => setInputText(prompt.text),
+            activeOpacity: 0.7,
+            accessibilityLabel: `Suggested prompt: ${prompt.text}`
+          },
+          /* @__PURE__ */ React7__default.createElement(
+            Text,
+            {
+              style: [
+                styles3.chipText,
+                {
+                  color: theme.colors.buttonText,
+                  fontFamily: theme.typography.fontFamily,
+                  fontSize: theme.typography.fontSizeSm
+                }
+              ],
+              numberOfLines: 1
+            },
+            prompt.text
+          )
+        )))),
+        ListFooterComponent: isLoading ? /* @__PURE__ */ React7__default.createElement(
+          View,
+          {
+            style: [
+              styles3.messageBubble,
+              styles3.assistantBubble,
+              { backgroundColor: theme.colors.surface }
+            ]
+          },
+          /* @__PURE__ */ React7__default.createElement(
+            Text,
+            {
+              style: [
+                styles3.messageText,
+                { color: theme.colors.textSecondary, fontFamily: theme.typography.fontFamily }
+              ]
+            },
+            strings[loadingStatusKey] ?? strings.thinking
+          )
+        ) : null
+      }
+    ),
+    /* @__PURE__ */ React7__default.createElement(
+      View,
+      {
+        style: [
+          styles3.inputContainer,
+          {
+            borderTopColor: theme.colors.border,
+            paddingBottom: Math.max(insets.bottom, 10)
+          }
+        ]
+      },
+      /* @__PURE__ */ React7__default.createElement(
+        TextInput,
+        {
+          style: [
+            styles3.input,
+            {
+              backgroundColor: theme.colors.surface,
+              color: theme.colors.text,
+              borderRadius: theme.radii.md,
+              fontFamily: theme.typography.fontFamily,
+              fontSize: theme.typography.fontSizeBase,
+              lineHeight: theme.typography.fontSizeBase * 1.35
+            }
+          ],
+          placeholder: resolvedPlaceholder,
+          placeholderTextColor: theme.colors.textSecondary,
+          value: inputText,
+          onChangeText: setInputText,
+          multiline: true,
+          blurOnSubmit: false,
+          scrollEnabled: true,
+          editable: !isLoading,
+          testID: "assistant-input",
+          __appilotsInternal: true
+        }
+      ),
+      isLoading ? /* @__PURE__ */ React7__default.createElement(
+        TouchableOpacity,
+        {
+          style: [
+            styles3.sendButton,
+            {
+              backgroundColor: theme.colors.primary,
+              borderRadius: theme.radii.md
+            }
+          ],
+          onPress: cancelMessage,
+          accessibilityRole: "button",
+          accessibilityLabel: strings.stopGeneratingA11y,
+          testID: "appilots-stop-button",
+          activeOpacity: 0.7
+        },
+        /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.sendButtonText }, "\u25A0")
+      ) : /* @__PURE__ */ React7__default.createElement(
+        TouchableOpacity,
+        {
+          style: [
+            styles3.sendButton,
+            {
+              backgroundColor: inputText.trim() ? theme.colors.primary : theme.colors.primary + "40",
+              borderRadius: theme.radii.md
+            }
+          ],
+          onPress: handleSend,
+          disabled: !inputText.trim(),
+          activeOpacity: 0.7,
+          accessibilityRole: "button",
+          testID: "assistant-send"
+        },
+        /* @__PURE__ */ React7__default.createElement(Text, { style: styles3.sendButtonText }, "\u2191")
+      )
+    ),
+    poweredByVisible && /* @__PURE__ */ React7__default.createElement(View, { style: styles3.poweredByContainer }, /* @__PURE__ */ React7__default.createElement(
+      Text,
+      {
+        style: [
+          styles3.poweredByText,
+          {
+            color: theme.colors.textSecondary,
+            fontFamily: theme.typography.fontFamily,
+            fontSize: theme.typography.fontSizeXs
+          }
+        ]
+      },
+      strings.poweredBy
+    ))
+  );
+  if (mode === "inline") {
+    return chatSurface;
+  }
+  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(
+        TouchableOpacity,
+        {
+          ...APPILOTS_SKIP_PROPS,
+          onPress: openChat,
+          activeOpacity: 0.8,
+          accessibilityRole: "button",
+          accessibilityLabel: strings.openChatA11y,
+          testID: "assistant-launcher"
+        },
+        triggerButton
+      ));
+    }
+    return /* @__PURE__ */ React7__default.createElement(
+      TouchableOpacity,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        style: [
+          styles3.fab,
+          fabPositionStyle,
+          { backgroundColor: triggerButtonColor ?? theme.colors.primary }
+        ],
+        onPress: openChat,
+        activeOpacity: 0.8,
+        accessibilityRole: "button",
+        accessibilityLabel: strings.openChatA11y,
+        testID: "assistant-launcher"
+      },
+      triggerIcon ?? (triggerButtonImage ? /* @__PURE__ */ React7__default.createElement(
+        Image,
+        {
+          source: typeof triggerButtonImage === "string" ? { uri: triggerButtonImage } : triggerButtonImage,
+          style: styles3.fabImage,
+          resizeMode: "contain"
+        }
+      ) : /* @__PURE__ */ React7__default.createElement(ChatIcon, { size: 26, color: "#ffffff" }))
+    );
+  };
+  return /* @__PURE__ */ React7__default.createElement(React7__default.Fragment, null, showTrigger && renderTrigger(), /* @__PURE__ */ React7__default.createElement(
+    Modal,
+    {
+      ...APPILOTS_SKIP_PROPS,
+      visible: isVisible,
+      transparent: true,
+      animationType: "none",
+      onRequestClose: closeChat
+    },
+    /* @__PURE__ */ React7__default.createElement(
+      Animated.View,
+      {
+        ...APPILOTS_SKIP_PROPS,
+        style: [
+          mode === "fullscreen" ? styles3.modalContainerFullscreen : styles3.modalContainer,
+          mode === "sidebar" && styles3.modalContainerSidebar,
+          { transform: [{ translateY: slideAnim }] }
+        ]
+      },
+      /* @__PURE__ */ React7__default.createElement(
+        KeyboardAvoidingView,
+        {
+          style: styles3.keyboardView,
+          behavior: Platform.OS === "ios" ? "padding" : "height",
+          keyboardVerticalOffset: 0
+        },
+        chatSurface
+      )
+    )
+  ));
+}
+var styles3 = StyleSheet.create({
+  fab: {
+    position: "absolute",
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    alignItems: "center",
+    justifyContent: "center",
+    elevation: 6,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.27,
+    shadowRadius: 4.65,
+    zIndex: 999
+  },
+  fabWrapper: {
+    position: "absolute",
+    zIndex: 999
+  },
+  fabIcon: {
+    fontSize: 24
+  },
+  fabImage: {
+    width: 32,
+    height: 32,
+    borderRadius: 16
+  },
+  modalContainer: {
+    flex: 1,
+    justifyContent: "flex-end",
+    backgroundColor: "rgba(0,0,0,0.4)"
+  },
+  modalContainerFullscreen: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.4)"
+  },
+  modalContainerSidebar: {
+    // Right-pinned half-width on tablet/web. Stays as bottom-sheet on
+    // narrow phones so we don't hand the user a 50% sliver.
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: "flex-end"
+  },
+  keyboardView: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  chatContainer: {
+    height: SCREEN_HEIGHT * 0.75,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: -3 },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 10
+  },
+  chatContainerFullscreen: {
+    height: SCREEN_HEIGHT
+  },
+  chatContainerSidebar: {
+    height: SCREEN_HEIGHT,
+    width: SCREEN_WIDTH > 600 ? SCREEN_WIDTH * 0.4 : SCREEN_WIDTH
+  },
+  chatContainerInline: {
+    height: "100%",
+    width: "100%",
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    borderBottomWidth: 1
+  },
+  headerLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  headerDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  headerAvatar: {
+    width: 24,
+    height: 24,
+    borderRadius: 12
+  },
+  headerAvatarSlot: {
+    width: 24,
+    height: 24,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  headerTitle: {
+    fontWeight: "600"
+  },
+  headerActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  headerButton: {
+    paddingHorizontal: 8,
+    paddingVertical: 4
+  },
+  headerButtonText: {
+    fontSize: 13
+  },
+  closeButton: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  closeButtonText: {
+    fontSize: 18,
+    fontWeight: "300"
+  },
+  messageList: {
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    paddingBottom: 8,
+    flexGrow: 1
+  },
+  messageBubble: {
+    paddingHorizontal: BUBBLE_HORIZONTAL_PADDING,
+    paddingVertical: 10,
+    borderRadius: 18,
+    marginBottom: 8
+  },
+  userBubble: {
+    alignSelf: "flex-end",
+    maxWidth: "82%",
+    borderBottomRightRadius: 4
+  },
+  assistantBubble: {
+    alignSelf: "flex-start",
+    maxWidth: "94%",
+    borderBottomLeftRadius: 4
+  },
+  assistantBubbleWide: {
+    width: "100%",
+    maxWidth: "100%"
+  },
+  messageText: {
+    lineHeight: 20
+  },
+  emptyState: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 48,
+    paddingHorizontal: 28
+  },
+  emptyIconBadge: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 20
+  },
+  emptyIconImage: {
+    width: 64,
+    height: 64,
+    marginBottom: 20
+  },
+  emptyIconEmoji: {
+    fontSize: 30,
+    textAlign: "center"
+  },
+  emptyTitle: {
+    fontSize: 20,
+    fontWeight: "600",
+    marginBottom: 6,
+    textAlign: "center"
+  },
+  emptySubtitle: {
+    fontSize: 14,
+    textAlign: "center",
+    lineHeight: 20,
+    maxWidth: 280
+  },
+  chipsContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center",
+    gap: 8,
+    marginTop: 20,
+    maxWidth: 320
+  },
+  chip: {
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderWidth: 1,
+    maxWidth: "100%"
+  },
+  chipText: {
+    fontWeight: "500"
+  },
+  escalationBanner: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    paddingVertical: 6,
+    paddingHorizontal: 16,
+    borderBottomWidth: 1
+  },
+  escalationBannerText: {
+    fontWeight: "500"
+  },
+  systemMessageContainer: {
+    alignItems: "center",
+    marginVertical: 8,
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  systemMessageText: {
+    textAlign: "center",
+    lineHeight: 18
+  },
+  escalationOfferChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  humanAgentContainer: {
+    alignSelf: "flex-start",
+    maxWidth: "94%"
+  },
+  humanAgentLabelRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    marginBottom: 2,
+    marginLeft: 4
+  },
+  humanAgentLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    textTransform: "uppercase",
+    letterSpacing: 0.4
+  },
+  inputContainer: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderTopWidth: 1,
+    gap: 8
+  },
+  input: {
+    flex: 1,
+    minHeight: 38,
+    maxHeight: 120,
+    paddingHorizontal: 16,
+    paddingTop: Platform.OS === "ios" ? 9 : 8,
+    paddingBottom: Platform.OS === "ios" ? 9 : 8,
+    textAlignVertical: "top"
+  },
+  sendButton: {
+    width: 38,
+    height: 38,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  sendButtonText: {
+    color: "#ffffff",
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  poweredByContainer: {
+    alignItems: "center",
+    paddingVertical: 4
+  },
+  poweredByText: {
+    fontWeight: "500"
+  }
+});
+
+// src/components/ConfirmDialog.tsx
+function ConfirmDialog(_props = {}) {
+  return null;
+}
+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 {
+        appilotsId,
+        appilotsScreen,
+        appilotsFieldType = "text",
+        appilotsEnabled = true,
+        label,
+        value,
+        onChangeText,
+        ...rest
+      } = props;
+      const fieldId = appilotsId || (label ? normalizeId(label) : null);
+      const valueRef = useRef(value ?? "");
+      const onChangeRef = useRef(onChangeText);
+      const innerRef = useRef(null);
+      valueRef.current = value ?? "";
+      onChangeRef.current = onChangeText;
+      const getValue = useCallback(() => valueRef.current, []);
+      const setValue = useCallback((v) => onChangeRef.current?.(v), []);
+      const focus = useCallback(() => {
+        innerRef.current?.focus?.();
+      }, []);
+      useEffect(() => {
+        if (!fieldId || !appilotsEnabled) return;
+        const entry = {
+          kind: "field",
+          getValue,
+          setValue,
+          focus,
+          fieldType: appilotsFieldType,
+          label: label ?? fieldId,
+          screen: appilotsScreen
+        };
+        componentRegistry.register(fieldId, entry);
+        return () => {
+          componentRegistry.unregister(fieldId);
+        };
+      }, [fieldId, appilotsEnabled, getValue, setValue, focus, appilotsFieldType, label, appilotsScreen]);
+      const mergedRef = useCallback(
+        (instance) => {
+          innerRef.current = instance;
+          if (typeof ref === "function") ref(instance);
+          else if (ref) ref.current = instance;
+        },
+        [ref]
+      );
+      return /* @__PURE__ */ React7__default.createElement(
+        WrappedComponent,
+        {
+          ...{ label, value, onChangeText, ...rest },
+          ref: mergedRef
+        }
+      );
+    }
+  );
+  AppilotsInput.displayName = `AppilotsInput(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return AppilotsInput;
+}
+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 {
+        appilotsId,
+        appilotsScreen,
+        appilotsEnabled = true,
+        title,
+        onPress,
+        ...rest
+      } = props;
+      const targetId = appilotsId || (title ? normalizeId2(title) : null);
+      const onPressRef = useRef(onPress);
+      onPressRef.current = onPress;
+      const press = useCallback(() => onPressRef.current?.(), []);
+      useEffect(() => {
+        if (!targetId || !appilotsEnabled) return;
+        const entry = {
+          kind: "target",
+          press,
+          label: title ?? targetId,
+          screen: appilotsScreen
+        };
+        componentRegistry.register(targetId, entry);
+        return () => {
+          componentRegistry.unregister(targetId);
+        };
+      }, [targetId, appilotsEnabled, press, title, appilotsScreen]);
+      return /* @__PURE__ */ React7__default.createElement(
+        WrappedComponent,
+        {
+          ...{ title, onPress, ...rest },
+          ref
+        }
+      );
+    }
+  );
+  AppilotsButton.displayName = `AppilotsButton(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return AppilotsButton;
+}
+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 {
+        appilotsId,
+        appilotsScreen,
+        appilotsEnabled = true,
+        label,
+        value,
+        onValueChange,
+        ...rest
+      } = props;
+      const toggleId = appilotsId || (label ? normalizeId3(label) : null);
+      const valueRef = useRef(value ?? false);
+      const onChangeRef = useRef(onValueChange);
+      valueRef.current = value ?? false;
+      onChangeRef.current = onValueChange;
+      const getValue = useCallback(() => valueRef.current, []);
+      const setValue = useCallback((v) => onChangeRef.current?.(v), []);
+      useEffect(() => {
+        if (!toggleId || !appilotsEnabled) return;
+        const entry = {
+          kind: "toggle",
+          getValue,
+          setValue,
+          label: label ?? toggleId,
+          screen: appilotsScreen
+        };
+        componentRegistry.register(toggleId, entry);
+        return () => {
+          componentRegistry.unregister(toggleId);
+        };
+      }, [toggleId, appilotsEnabled, getValue, setValue, label, appilotsScreen]);
+      return /* @__PURE__ */ React7__default.createElement(
+        WrappedComponent,
+        {
+          ...{ label, value, onValueChange, ...rest },
+          ref
+        }
+      );
+    }
+  );
+  AppilotsSwitch.displayName = `AppilotsSwitch(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return AppilotsSwitch;
+}
+
+export { ActionBreadcrumb, AppilotsChat, AppilotsI18nProvider, AppilotsThemeProvider, ChatIcon, ConfirmDialog, HeadsetIcon, appilotsTheme, appilotsThemeFromTailwind, createAppilotsButton, createAppilotsInput, createAppilotsSwitch, defaultDarkTheme, defaultLightTheme, describeAction, detectDeviceLocale, humanizeError, mergeThemeTokens, resolveLocale, useAppilotsI18n, useAppilotsTheme };