@sagepilot-ai/react-native-sdk 0.2.5 → 0.3.1

package/dist/index.js

@@ -30,6 +30,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  SAGEPILOT_DEFAULT_IMAGE_MAX_DIMENSION: () => SAGEPILOT_DEFAULT_IMAGE_MAX_DIMENSION,
+  SAGEPILOT_DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES: () => SAGEPILOT_DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES,
+  SAGEPILOT_DEFAULT_IMAGE_QUALITY: () => SAGEPILOT_DEFAULT_IMAGE_QUALITY,
   SagepilotChat: () => SagepilotChat,
   SagepilotChatError: () => SagepilotChatError,
   SagepilotChatProvider: () => SagepilotChatProvider,
@@ -38,10 +41,15 @@ __export(index_exports, {
   createKeychainTokenStorage: () => createKeychainTokenStorage,
   createSagepilotFilePicker: () => createSagepilotFilePicker,
   createSagepilotFileStore: () => createSagepilotFileStore,
+  ensureSagepilotAndroidCameraPermission: () => ensureSagepilotAndroidCameraPermission,
+  promptOpenSagepilotCameraSettings: () => promptOpenSagepilotCameraSettings,
   useSagepilotChat: () => useSagepilotChat
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/public/SdkClient.ts
+var import_react_native = require("react-native");
+
 // src/core/errors/SagepilotChatError.ts
 var SagepilotChatError = class extends Error {
   constructor(code, message, options = {}) {
@@ -59,7 +67,7 @@ var SagepilotChatError = class extends Error {
 
 // src/core/config/constants.ts
 var SDK_NAME = "@sagepilot-ai/react-native-sdk";
-var SDK_VERSION = "0.2.5";
+var SDK_VERSION = "0.3.1";
 var DEFAULT_HOST = "https://app.sagepilot.ai";
 var DEFAULT_WIDGET_HOST = "https://app.sagepilot.ai";
 var CUSTOMER_API_PREFIX = "/customer-api/v1";
@@ -368,6 +376,34 @@ async function resolveDeviceInfo(adapter) {
   return adapter.getDeviceInfo();
 }
 
+// src/core/storage/cache.ts
+function createAsyncStorageCacheStorage(asyncStorage) {
+  return {
+    getItem: (key) => asyncStorage.getItem(key),
+    setItem: (key, value) => asyncStorage.setItem(key, value),
+    removeItem: (key) => asyncStorage.removeItem(key)
+  };
+}
+function createJsonCache(storage, namespace) {
+  return {
+    async get(key) {
+      const value = await storage.getItem(`${namespace}:${key}`);
+      if (!value) return null;
+      try {
+        return JSON.parse(value);
+      } catch {
+        return null;
+      }
+    },
+    async set(key, value) {
+      await storage.setItem(`${namespace}:${key}`, JSON.stringify(value));
+    },
+    async remove(key) {
+      await storage.removeItem(`${namespace}:${key}`);
+    }
+  };
+}
+
 // src/resources/channels.ts
 function bootstrapChannel(http, host, channelId) {
   return http.request(
@@ -451,6 +487,9 @@ function fetchUnreadCount(http, host, channelId, sessionId, authorizationHeader)
 }
 
 // src/public/SdkClient.ts
+var PRESENTATION_CACHE_NAMESPACE = "sagepilot_rn_presentation";
+var PRESENTATION_CACHE_KEY = "state";
+var PRESENTATION_RESTORE_MAX_AGE_MS = 15 * 60 * 1e3;
 var DEFAULT_MOBILE_LAUNCHER_CONFIG = {
   label: "Chat",
   buttonColor: "#173c2d",
@@ -520,6 +559,10 @@ function readRecordField(input, key) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return void 0;
   return value;
 }
+function isFreshPresentationState(updatedAt) {
+  if (typeof updatedAt !== "number" || !Number.isFinite(updatedAt)) return false;
+  return Date.now() - updatedAt <= PRESENTATION_RESTORE_MAX_AGE_MS;
+}
 function toPublicSessionState(session) {
   return {
     session_id: session.session_id,
@@ -609,6 +652,7 @@ var SagepilotReactNativeChat = class {
       this.channel = channel;
       this.session = session;
       this.isConfigured = true;
+      await this.restorePresentationFromCache();
       this.emitReady();
       this.emitState();
       if (config.behavior?.enableUnreadPolling ?? true) {
@@ -748,12 +792,14 @@ var SagepilotReactNativeChat = class {
     this.hostedChatView = { screen: "home" };
     if (this.presented) {
       this.emitState();
+      this.persistPresentationState();
       return true;
     }
     this.presented = true;
     this.setUnreadCount(0);
     this.presentCallbacks.forEach((callback) => callback(this.getLifecycleState()));
     this.emitState();
+    this.persistPresentationState();
     return true;
   }
   presentMessages() {
@@ -781,6 +827,7 @@ var SagepilotReactNativeChat = class {
     this.emitUnreadChange();
     this.dismissCallbacks.forEach((callback) => callback(this.getLifecycleState()));
     this.emitState();
+    this.persistPresentationState();
     return true;
   }
   hide() {
@@ -915,6 +962,10 @@ var SagepilotReactNativeChat = class {
     }
     return this.session?.conversation_id ?? void 0;
   }
+  /** Returns the chat id that is explicitly part of the current hosted URL. */
+  getHostedRouteChatId() {
+    return this.hostedChatView.screen === "composer" ? this.hostedChatView.chatId : void 0;
+  }
   getHostedIdentityMessage() {
     if (!this.legacyWidgetJwt) return null;
     return {
@@ -925,6 +976,34 @@ var SagepilotReactNativeChat = class {
       }
     };
   }
+  /** Captures the hosted route that should receive a picked attachment batch. */
+  getHostedAttachmentTarget() {
+    return {
+      chatId: this.getActiveHostedChatId(),
+      routeChatId: this.getHostedRouteChatId(),
+      hostedChatView: this.serializeHostedChatView(this.hostedChatView)
+    };
+  }
+  /** Restores the hosted route for a queued attachment batch before delivery. */
+  restoreHostedAttachmentTarget(target) {
+    if (import_react_native.Platform.OS !== "android") return false;
+    if (!target) return false;
+    const hostedChatView = this.readPersistedHostedChatView(target.hostedChatView);
+    if (!hostedChatView) return false;
+    const currentChatId = this.getActiveHostedChatId();
+    const targetChatId = normalizeOptionalString(target.chatId);
+    const routeChatId = normalizeOptionalString(target.routeChatId) ?? (hostedChatView.screen === "composer" ? normalizeOptionalString(hostedChatView.chatId) : void 0);
+    const nextHostedChatView = routeChatId && hostedChatView.screen === "composer" ? this.withPinnedChatId(hostedChatView, routeChatId) : hostedChatView;
+    if (this.presented && (!targetChatId || currentChatId === targetChatId) && this.areHostedChatViewsEqual(this.hostedChatView, nextHostedChatView)) {
+      return false;
+    }
+    this.hostedChatView = nextHostedChatView;
+    this.presented = true;
+    this.setUnreadCount(0);
+    this.emitState();
+    this.persistPresentationState();
+    return true;
+  }
   handleHostedBridgeMessage(message) {
     if (!message) return false;
     if (message.type === "close_widget") {
@@ -992,6 +1071,7 @@ var SagepilotReactNativeChat = class {
   }
   destroy() {
     this.stopUnreadPolling();
+    this.persistPresentationState({ cleanShutdown: true, presented: false });
     this.resetRuntimeState();
     this.emitState();
     this.identifyCallbacks.clear();
@@ -1147,8 +1227,86 @@ var SagepilotReactNativeChat = class {
       this.presentCallbacks.forEach((callback) => callback(this.getLifecycleState()));
     }
     this.emitState();
+    this.persistPresentationState();
     return true;
   }
+  /** Returns the dedicated cache used for hosted-chat presentation recovery. */
+  getPresentationCache() {
+    const cacheStorage = this.runtimeOptions?.cacheStorage;
+    if (!cacheStorage) return null;
+    return createJsonCache(cacheStorage, PRESENTATION_CACHE_NAMESPACE);
+  }
+  /** Removes callback-only fields so the hosted route can be safely serialized. */
+  serializeHostedChatView(view) {
+    if (view.screen !== "composer") return view;
+    return {
+      screen: "composer",
+      message: view.message,
+      mode: view.mode,
+      chatId: view.chatId,
+      metadata: view.metadata
+    };
+  }
+  /** Validates a persisted hosted view before using it to rebuild a widget URL. */
+  readPersistedHostedChatView(view) {
+    if (!view || typeof view !== "object") return null;
+    const record = view;
+    if (record.screen === "home") return { screen: "home" };
+    if (record.screen === "messages") return { screen: "messages" };
+    if (record.screen !== "composer") return null;
+    const mode = record.mode === "new" ? "new" : "auto";
+    return {
+      screen: "composer",
+      message: typeof record.message === "string" ? record.message : void 0,
+      mode,
+      chatId: typeof record.chatId === "string" && record.chatId ? record.chatId : void 0,
+      metadata: readRecordField(record, "metadata")
+    };
+  }
+  /** Forces a persisted hosted route to target the exact chat that owns a pending attachment. */
+  withPinnedChatId(view, chatId) {
+    if (view.screen === "composer") {
+      return {
+        ...view,
+        chatId
+      };
+    }
+    return {
+      screen: "composer",
+      mode: "auto",
+      chatId
+    };
+  }
+  /** Compares hosted route state without relying on object identity. */
+  areHostedChatViewsEqual(first, second) {
+    return JSON.stringify(this.serializeHostedChatView(first)) === JSON.stringify(this.serializeHostedChatView(second));
+  }
+  /** Persists presentation state without blocking customer-facing SDK methods. */
+  persistPresentationState(options) {
+    const cache = this.getPresentationCache();
+    if (!cache) return;
+    const state = {
+      presented: options?.presented ?? this.presented,
+      hostedChatView: this.serializeHostedChatView(this.hostedChatView),
+      updatedAt: Date.now(),
+      cleanShutdown: options?.cleanShutdown
+    };
+    void cache.set(PRESENTATION_CACHE_KEY, state).catch(() => void 0);
+  }
+  /** Restores Android presentation state after configure without resetting the hosted route to Home. */
+  async restorePresentationFromCache() {
+    const cache = this.getPresentationCache();
+    if (!cache || import_react_native.Platform.OS !== "android") return;
+    const persisted = await cache.get(PRESENTATION_CACHE_KEY).catch(() => null);
+    if (persisted?.cleanShutdown) return;
+    if (!isFreshPresentationState(persisted?.updatedAt)) return;
+    if (!persisted?.presented) return;
+    const hostedChatView = this.readPersistedHostedChatView(persisted.hostedChatView);
+    if (!hostedChatView) return;
+    this.hostedChatView = hostedChatView;
+    this.presented = true;
+    this.setUnreadCount(0);
+  }
 };
 var internalSagepilotChat = new SagepilotReactNativeChat();
 var SagepilotChat = {
@@ -1185,34 +1343,6 @@ var SagepilotChat = {
   destroy: () => internalSagepilotChat.destroy()
 };
 
-// src/core/storage/cache.ts
-function createAsyncStorageCacheStorage(asyncStorage) {
-  return {
-    getItem: (key) => asyncStorage.getItem(key),
-    setItem: (key, value) => asyncStorage.setItem(key, value),
-    removeItem: (key) => asyncStorage.removeItem(key)
-  };
-}
-function createJsonCache(storage, namespace) {
-  return {
-    async get(key) {
-      const value = await storage.getItem(`${namespace}:${key}`);
-      if (!value) return null;
-      try {
-        return JSON.parse(value);
-      } catch {
-        return null;
-      }
-    },
-    async set(key, value) {
-      await storage.setItem(`${namespace}:${key}`, JSON.stringify(value));
-    },
-    async remove(key) {
-      await storage.removeItem(`${namespace}:${key}`);
-    }
-  };
-}
-
 // src/core/storage/fileStore.ts
 var DEFAULT_DIRECTORY_NAME = "sagepilot-attachments";
 function sanitizeKey(key) {
@@ -1270,21 +1400,29 @@ function createSagepilotFileStore(blobUtil, options = {}) {
 }
 
 // src/core/native/filePicker.ts
-var import_react_native = require("react-native");
-var DEFAULT_IMAGE_MAX_DIMENSION = 1920;
-var DEFAULT_IMAGE_QUALITY = 0.8;
-var DEFAULT_IMAGE_MIME_TYPE = "image/jpeg";
-var DEFAULT_DOCUMENT_MIME_TYPE = "application/octet-stream";
-var DEFAULT_IMAGE_SELECTION_LIMIT = 5;
-var DEFAULT_DOCUMENT_MAX_FILE_SIZE_BYTES = 20 * 1024 * 1024;
-var DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES = 15 * 1024 * 1024;
+var import_react_native2 = require("react-native");
+
+// src/core/native/filePickerShared.ts
 var SagepilotFilePickerError = class extends Error {
+  /** Creates a typed picker error that can be surfaced over the widget bridge. */
   constructor(code, message) {
     super(message);
     this.name = "SagepilotFilePickerError";
     this.code = code;
   }
 };
+var SAGEPILOT_DEFAULT_IMAGE_MAX_DIMENSION = 1920;
+var SAGEPILOT_DEFAULT_IMAGE_QUALITY = 0.8;
+var SAGEPILOT_DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES = 15 * 1024 * 1024;
+
+// src/core/native/filePicker.ts
+var DEFAULT_IMAGE_MAX_DIMENSION = SAGEPILOT_DEFAULT_IMAGE_MAX_DIMENSION;
+var DEFAULT_IMAGE_QUALITY = SAGEPILOT_DEFAULT_IMAGE_QUALITY;
+var DEFAULT_IMAGE_MIME_TYPE = "image/jpeg";
+var DEFAULT_DOCUMENT_MIME_TYPE = "application/octet-stream";
+var DEFAULT_IMAGE_SELECTION_LIMIT = 5;
+var DEFAULT_DOCUMENT_MAX_FILE_SIZE_BYTES = 20 * 1024 * 1024;
+var DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES = SAGEPILOT_DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES;
 function bytesToMb(bytes) {
   return Math.round(bytes / (1024 * 1024) * 10) / 10;
 }
@@ -1294,27 +1432,53 @@ function estimateBase64ByteSize(dataBase64) {
 function stripFileScheme(uri) {
   return uri.startsWith("file://") ? uri.replace("file://", "") : uri;
 }
-async function ensureAndroidCameraPermission() {
-  if (import_react_native.Platform.OS !== "android") return;
+async function promptOpenSagepilotCameraSettings() {
+  if (import_react_native2.Platform.OS !== "android") return;
+  await new Promise((resolve) => {
+    import_react_native2.Alert.alert(
+      "Camera access is off",
+      "Enable camera access for this app in Settings to take a photo.",
+      [
+        {
+          text: "Not now",
+          style: "cancel",
+          onPress: resolve
+        },
+        {
+          text: "Open Settings",
+          onPress: () => {
+            import_react_native2.Linking.openSettings().finally(resolve);
+          }
+        }
+      ]
+    );
+  });
+}
+async function ensureSagepilotAndroidCameraPermission() {
+  if (import_react_native2.Platform.OS !== "android") return;
   let result;
   try {
-    result = await import_react_native.PermissionsAndroid.request(import_react_native.PermissionsAndroid.PERMISSIONS.CAMERA);
+    result = await import_react_native2.PermissionsAndroid.request(import_react_native2.PermissionsAndroid.PERMISSIONS.CAMERA);
   } catch {
     return;
   }
-  if (result === import_react_native.PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN) {
+  if (result === import_react_native2.PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN) {
+    await promptOpenSagepilotCameraSettings();
     throw new SagepilotFilePickerError(
       "permission_denied",
       "Camera access is turned off. Enable it for this app in Settings to take a photo."
     );
   }
-  if (result === import_react_native.PermissionsAndroid.RESULTS.DENIED) {
+  if (result === import_react_native2.PermissionsAndroid.RESULTS.DENIED) {
     throw new SagepilotFilePickerError(
       "permission_denied",
       "Camera permission is required to take a photo."
     );
   }
 }
+function canUseCameraSource(imagePicker) {
+  return Boolean(imagePicker);
+}
 function mapImagePickerErrorCode(errorCode) {
   switch (errorCode) {
     case "permission":
@@ -1391,7 +1555,8 @@ function createSagepilotFilePicker(options) {
   const documentMaxFileSizeBytes = options.documentMaxFileSizeBytes ?? DEFAULT_DOCUMENT_MAX_FILE_SIZE_BYTES;
   const imageMaxFileSizeBytes = options.imageMaxFileSizeBytes ?? DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES;
   const sources = [];
-  if (imagePicker) sources.push("camera", "library");
+  if (canUseCameraSource(imagePicker)) sources.push("camera");
+  if (imagePicker) sources.push("library");
   if (documentsPicker) sources.push("documents");
   if (sources.length === 0) return void 0;
   const imageOptions = {
@@ -1403,8 +1568,10 @@ function createSagepilotFilePicker(options) {
     saveToPhotos: false
   };
   async function pickFromCamera() {
-    if (!imagePicker) return [];
-    await ensureAndroidCameraPermission();
+    await ensureSagepilotAndroidCameraPermission();
+    if (!imagePicker) {
+      throw new SagepilotFilePickerError("camera_unavailable", "The camera picker is not available in this build.");
+    }
     return imageAssetsToPickedFiles(await imagePicker.launchCamera(imageOptions), imageMaxFileSizeBytes);
   }
   async function pickFromLibrary(multiple) {
@@ -1475,13 +1642,17 @@ function createSagepilotFilePicker(options) {
 
 // src/ui/SagepilotChatProvider.ts
 var import_react = require("react");
-var import_react_native2 = require("react-native");
+var import_lucide_react_native = require("lucide-react-native");
+var import_react_native3 = require("react-native");
 var import_react_native_webview = require("react-native-webview");
 
 // src/core/webview/mobileBridge.ts
 var FILE_PICKER_PROTOCOL_VERSION = 2;
+function buildBridgeCapabilitiesPayload(capabilities) {
+  return { ...capabilities, filePickerProtocol: FILE_PICKER_PROTOCOL_VERSION };
+}
 function buildBridgeCapabilitiesScript(capabilities) {
-  const payload = { ...capabilities, filePickerProtocol: FILE_PICKER_PROTOCOL_VERSION };
+  const payload = buildBridgeCapabilitiesPayload(capabilities);
   return [
     "(function(){",
     "try {",
@@ -1530,9 +1701,23 @@ function parseHostedBridgeMessage(rawData) {
     return null;
   }
 }
-var mobileWebViewBridgeScript = `
+function buildMobileWebViewBridgeScript(capabilities) {
+  const payload = buildBridgeCapabilitiesPayload(capabilities);
+  return `
   (function () {
-    if (window.__sagepilotRnBridgeInstalled) return true;
+    var bridgeCapabilities = ${JSON.stringify(payload)};
+    var applyBridgeCapabilities = function () {
+      try {
+        if (window.SagepilotMobileBridge) {
+          window.SagepilotMobileBridge.capabilities = Object.assign({}, window.SagepilotMobileBridge.capabilities, bridgeCapabilities);
+        }
+      } catch (error) {}
+    };
+
+    if (window.__sagepilotRnBridgeInstalled) {
+      applyBridgeCapabilities();
+      return true;
+    }
     window.__sagepilotRnBridgeInstalled = true;
 
     var ensureViewport = function () {
@@ -1573,9 +1758,11 @@ var mobileWebViewBridgeScript = `
     };
 
     window.SagepilotMobileBridge = {
+      capabilities: bridgeCapabilities,
       postMessage: sendToReactNative,
       ready: function () { sendToReactNative({ type: "sagepilot:ready" }); }
     };
+    applyBridgeCapabilities();
 
     document.addEventListener("click", function (event) {
       try {
@@ -1616,6 +1803,7 @@ var mobileWebViewBridgeScript = `
     return true;
   })();
 `;
+}
 
 // src/specs/SagepilotInsetsViewNativeComponent.ts
 var import_codegenNativeComponent = __toESM(require("react-native/Libraries/Utilities/codegenNativeComponent"));
@@ -1632,13 +1820,17 @@ function readPresentationState() {
     presentation: internalSagepilotChat.getConfig()?.presentation
   };
 }
+function getBridgeCapabilities() {
+  return {
+    nativeFilePicker: Boolean(internalSagepilotChat.getConfig()?.filePicker)
+  };
+}
 function getInjectedWebViewScript() {
+  const capabilities = getBridgeCapabilities();
   return [
     internalSagepilotChat.getHostedAuthScript(),
-    mobileWebViewBridgeScript,
-    buildBridgeCapabilitiesScript({
-      nativeFilePicker: Boolean(internalSagepilotChat.getConfig()?.filePicker)
-    })
+    buildMobileWebViewBridgeScript(capabilities),
+    buildBridgeCapabilitiesScript(capabilities)
   ].filter(Boolean).join("\n");
 }
 var FILE_PICKER_SOURCE_LABELS = {
@@ -1646,6 +1838,21 @@ var FILE_PICKER_SOURCE_LABELS = {
   library: "Choose from gallery",
   documents: "Browse files"
 };
+var FILE_PICKER_SOURCE_DESCRIPTIONS = {
+  camera: "Use the in-app camera",
+  library: "Photos and videos on this device",
+  documents: "PDFs, documents, and Drive files"
+};
+var FILE_PICKER_SOURCE_ICONS = {
+  camera: import_lucide_react_native.Camera,
+  library: import_lucide_react_native.Images,
+  documents: import_lucide_react_native.FileText
+};
+var FILE_PICKER_SOURCE_ICON_COLORS = {
+  camera: "#0284c7",
+  library: "#16a34a",
+  documents: "#7c3aed"
+};
 var DELIVERY_RETRY_MS = 1500;
 var DELIVERY_LEGACY_FALLBACK_ATTEMPTS = 2;
 var DELIVERY_MAX_ATTEMPTS = 8;
@@ -1655,6 +1862,7 @@ var PENDING_FILES_CACHE_KEY = "pending_batch";
 var LIVENESS_HEARTBEAT_STALE_MS = 4e3;
 var LIVENESS_PONG_TIMEOUT_MS = 1500;
 var LIVENESS_MAX_PING_ATTEMPTS = 2;
+var LIVENESS_PICKER_GRACE_MS = 8e3;
 var LIVENESS_MAX_REMOUNTS = 2;
 var batchSequence = 0;
 function nextBatchId() {
@@ -1668,6 +1876,29 @@ function totalBase64Bytes(files) {
 function storageKeyFor(batchId, index) {
   return `${batchId}_${index}.bin`;
 }
+function renderFilePickerSourceIcon(source) {
+  const Icon = FILE_PICKER_SOURCE_ICONS[source];
+  return (0, import_react.createElement)(
+    import_react_native3.View,
+    { style: getFilePickerSourceIconStyle(source) },
+    (0, import_react.createElement)(Icon, {
+      color: FILE_PICKER_SOURCE_ICON_COLORS[source],
+      size: 23,
+      strokeWidth: 2.35
+    })
+  );
+}
+function getFilePickerSourceIconStyle(source) {
+  if (source === "camera") return [styles.sheetOptionIcon, styles.cameraOptionIcon];
+  if (source === "library") return [styles.sheetOptionIcon, styles.libraryOptionIcon];
+  return [styles.sheetOptionIcon, styles.documentsOptionIcon];
+}
+function getSheetOptionStyle(pressed) {
+  return [styles.sheetOption, pressed && styles.sheetOptionPressed];
+}
+function getSheetCancelStyle(pressed) {
+  return [styles.sheetCancelButton, pressed && styles.sheetCancelButtonPressed];
+}
 function buildDispatchScript(messageLiteral) {
   return [
     "(function(){",
@@ -1679,8 +1910,14 @@ function buildDispatchScript(messageLiteral) {
     "})();"
   ].join("\n");
 }
-function buildFilesPickedScript(files, batchId) {
-  return buildDispatchScript(`{ type: "sagepilot:files_picked", batch_id: ${JSON.stringify(batchId)}, files: ${JSON.stringify(files)} }`);
+function buildFilesPickedScript(batch) {
+  return buildDispatchScript(JSON.stringify({
+    type: "sagepilot:files_picked",
+    batch_id: batch.batchId,
+    chat_id: batch.target?.chatId,
+    conversation_id: batch.target?.chatId,
+    files: batch.files
+  }));
 }
 function buildFilePickerErrorScript(message, code) {
   return buildDispatchScript(
@@ -1727,7 +1964,7 @@ function isInternalWebViewScheme(url) {
 var hostedChatWebViewProps = {
   allowFileAccess: true,
   allowFileAccessFromFileURLs: true,
-  ...import_react_native2.Platform.OS === "ios" ? {
+  ...import_react_native3.Platform.OS === "ios" ? {
     automaticallyAdjustContentInsets: false,
     contentInsetAdjustmentBehavior: "never",
     hideKeyboardAccessoryView: true
@@ -1742,7 +1979,7 @@ var hostedChatWebViewProps = {
   sharedCookiesEnabled: true,
   thirdPartyCookiesEnabled: true
 };
-var AndroidInsetsView = import_react_native2.Platform.OS === "android" ? SagepilotInsetsViewNativeComponent_default : import_react_native2.View;
+var AndroidInsetsView = import_react_native3.Platform.OS === "android" ? SagepilotInsetsViewNativeComponent_default : import_react_native3.View;
 var emptyAndroidInsets = { top: 0, bottom: 0 };
 function SagepilotChatProvider({
   children,
@@ -1761,8 +1998,11 @@ function SagepilotChatProvider({
   const deliveryAttemptsRef = (0, import_react.useRef)(0);
   const pendingPingRef = (0, import_react.useRef)(null);
   const pingTimeoutRef = (0, import_react.useRef)(null);
+  const livenessResumeTimerRef = (0, import_react.useRef)(null);
+  const livenessPausedUntilRef = (0, import_react.useRef)(0);
+  const pickerInFlightRef = (0, import_react.useRef)(false);
   const livenessRemountCountRef = (0, import_react.useRef)(0);
-  const appStateRef = (0, import_react.useRef)(import_react_native2.AppState.currentState);
+  const appStateRef = (0, import_react.useRef)(import_react_native3.AppState.currentState);
   const didReconcileRef = (0, import_react.useRef)(false);
   const [androidRepaintTick, setAndroidRepaintTick] = (0, import_react.useState)(0);
   const [sourceChooser, setSourceChooser] = (0, import_react.useState)(null);
@@ -1783,6 +2023,7 @@ function SagepilotChatProvider({
     if (hasFileStore) {
       const manifest = queue.filter((batch) => batch.storageKeys && batch.storageKeys.length === batch.files.length).map((batch) => ({
         batchId: batch.batchId,
+        target: batch.target,
         files: batch.files.map((file, index) => ({
           file_name: file.file_name,
           mime_type: file.mime_type,
@@ -1801,6 +2042,7 @@ function SagepilotChatProvider({
     if (totalBytes <= PERSIST_MAX_TOTAL_BYTES) {
       const manifest = queue.map((batch) => ({
         batchId: batch.batchId,
+        target: batch.target,
         files: batch.files.map((file) => ({
           file_name: file.file_name,
           mime_type: file.mime_type,
@@ -1842,12 +2084,17 @@ function SagepilotChatProvider({
     }
     const batch = pendingBatchesRef.current[0];
     if (!batch) return;
+    if (internalSagepilotChat.restoreHostedAttachmentTarget(batch.target)) {
+      widgetReadyRef.current = false;
+      deliveryTimerRef.current = setTimeout(() => pumpDelivery(), DELIVERY_RETRY_MS);
+      return;
+    }
     deliveryAttemptsRef.current += 1;
     const attempts = deliveryAttemptsRef.current;
     const ref = nativeWebViewRef.current;
     const shouldDeliver = ref && (widgetReadyRef.current || attempts >= DELIVERY_LEGACY_FALLBACK_ATTEMPTS);
     if (shouldDeliver && ref) {
-      ref.injectJavaScript(buildFilesPickedScript(batch.files, batch.batchId));
+      ref.injectJavaScript(buildFilesPickedScript(batch));
     }
     if (attempts < DELIVERY_MAX_ATTEMPTS) {
       deliveryTimerRef.current = setTimeout(() => pumpDelivery(), DELIVERY_RETRY_MS);
@@ -1878,22 +2125,38 @@ function SagepilotChatProvider({
     const batchId = nextBatchId();
     const hasFileStore = Boolean(internalSagepilotChat.getConfig()?.fileStore);
     const storageKeys = hasFileStore ? files.map((_, index) => storageKeyFor(batchId, index)) : void 0;
-    const batch = { batchId, files, storageKeys };
+    const batch = {
+      batchId,
+      files,
+      storageKeys,
+      target: internalSagepilotChat.getHostedAttachmentTarget()
+    };
     pendingBatchesRef.current = [...pendingBatchesRef.current, batch];
     ensureDelivery();
     writeManifest();
     void writeBatchBytes(batch);
   }, [ensureDelivery, writeManifest, writeBatchBytes]);
-  const recoverNativeWebView = (0, import_react.useCallback)(() => {
+  const recoverNativeWebView = (0, import_react.useCallback)((_reasonOrEvent) => {
     widgetReadyRef.current = false;
     setNativeWebViewKey((key) => key + 1);
   }, []);
   const recoverPreloadWebView = (0, import_react.useCallback)(() => {
     setPreloadWebViewKey((key) => key + 1);
   }, []);
+  const pauseLivenessAfterPicker = (0, import_react.useCallback)((durationMs) => {
+    if (import_react_native3.Platform.OS !== "android") return;
+    livenessPausedUntilRef.current = Math.max(livenessPausedUntilRef.current, Date.now() + durationMs);
+  }, []);
   const runNativeFilePicker = (0, import_react.useCallback)((source, multiple) => {
     const filePicker = internalSagepilotChat.getConfig()?.filePicker;
-    if (!filePicker) return;
+    if (!filePicker) {
+      return;
+    }
+    if (pickerInFlightRef.current) {
+      return;
+    }
+    pauseLivenessAfterPicker(6e4);
+    pickerInFlightRef.current = true;
     filePicker.pickFiles({ source, multiple }).then((files) => {
       if (files.length === 0) {
         nativeWebViewRef.current?.injectJavaScript(buildFilePickerCancelledScript());
@@ -1903,13 +2166,18 @@ function SagepilotChatProvider({
     }).catch((error) => {
       const { message, code } = readFilePickerError(error);
       nativeWebViewRef.current?.injectJavaScript(buildFilePickerErrorScript(message, code));
+    }).finally(() => {
+      pickerInFlightRef.current = false;
+      pauseLivenessAfterPicker(LIVENESS_PICKER_GRACE_MS);
     });
-  }, [queuePickedFiles]);
+  }, [pauseLivenessAfterPicker, queuePickedFiles]);
   const openNativeFilePicker = (0, import_react.useCallback)((multiple) => {
     const filePicker = internalSagepilotChat.getConfig()?.filePicker;
-    if (!filePicker || filePicker.sources.length === 0) return;
+    if (!filePicker || filePicker.sources.length === 0) {
+      return;
+    }
     const [onlySource] = filePicker.sources;
-    if (filePicker.sources.length === 1 && onlySource) {
+    if (filePicker.sources.length === 1 && onlySource && onlySource !== "camera") {
       runNativeFilePicker(onlySource, multiple);
       return;
     }
@@ -1962,7 +2230,8 @@ function SagepilotChatProvider({
           restored.push({
             batchId: batch.batchId,
             files,
-            storageKeys: storageKeys.length === files.length ? storageKeys : void 0
+            storageKeys: storageKeys.length === files.length ? storageKeys : void 0,
+            target: batch.target
           });
         }
       }
@@ -1983,6 +2252,19 @@ function SagepilotChatProvider({
       cancelled = true;
     };
   }, [getPendingCache, startDelivery, writeManifest]);
+  const clearPing = (0, import_react.useCallback)(() => {
+    pendingPingRef.current = null;
+    if (pingTimeoutRef.current) {
+      clearTimeout(pingTimeoutRef.current);
+      pingTimeoutRef.current = null;
+    }
+  }, []);
+  const clearDeferredLivenessProbe = (0, import_react.useCallback)(() => {
+    if (livenessResumeTimerRef.current) {
+      clearTimeout(livenessResumeTimerRef.current);
+      livenessResumeTimerRef.current = null;
+    }
+  }, []);
   (0, import_react.useEffect)(() => {
     return () => {
       if (deliveryTimerRef.current) {
@@ -1993,19 +2275,23 @@ function SagepilotChatProvider({
         clearTimeout(pingTimeoutRef.current);
         pingTimeoutRef.current = null;
       }
+      clearDeferredLivenessProbe();
     };
-  }, []);
-  const clearPing = (0, import_react.useCallback)(() => {
-    pendingPingRef.current = null;
-    if (pingTimeoutRef.current) {
-      clearTimeout(pingTimeoutRef.current);
-      pingTimeoutRef.current = null;
-    }
-  }, []);
+  }, [clearDeferredLivenessProbe]);
   const runLivenessProbe = (0, import_react.useCallback)(() => {
-    if (import_react_native2.Platform.OS !== "android") return;
+    if (import_react_native3.Platform.OS !== "android") return;
     const ref = nativeWebViewRef.current;
     if (!ref || !internalSagepilotChat.isPresented()) return;
+    const pauseRemainingMs = livenessPausedUntilRef.current - Date.now();
+    if (pickerInFlightRef.current || pauseRemainingMs > 0) {
+      const retryDelayMs = pickerInFlightRef.current ? 500 : Math.max(0, pauseRemainingMs);
+      clearDeferredLivenessProbe();
+      livenessResumeTimerRef.current = setTimeout(() => {
+        livenessResumeTimerRef.current = null;
+        runLivenessProbe();
+      }, retryDelayMs);
+      return;
+    }
     setAndroidRepaintTick((tick) => tick + 1);
     const attempts = (pendingPingRef.current?.attempts ?? 0) + 1;
     const nonce = `${Date.now().toString(36)}_${attempts}`;
@@ -2015,14 +2301,14 @@ function SagepilotChatProvider({
     pingTimeoutRef.current = setTimeout(() => {
       if (attempts >= LIVENESS_MAX_PING_ATTEMPTS) {
         clearPing();
-        recoverNativeWebView();
+        recoverNativeWebView("liveness_timeout");
         return;
       }
       runLivenessProbe();
     }, LIVENESS_PONG_TIMEOUT_MS);
-  }, [clearPing, recoverNativeWebView]);
+  }, [clearDeferredLivenessProbe, clearPing, recoverNativeWebView]);
   (0, import_react.useEffect)(() => {
-    const subscription = import_react_native2.AppState.addEventListener("change", (nextState) => {
+    const subscription = import_react_native3.AppState.addEventListener("change", (nextState) => {
       const prev = appStateRef.current;
       appStateRef.current = nextState;
       if (nextState === "active" && (prev === "background" || prev === "inactive")) {
@@ -2050,11 +2336,11 @@ function SagepilotChatProvider({
   const presentationStyle = state.presentation?.style ?? "sheet";
   const isFullScreenModal = presentationStyle === "fullScreen";
   const animationType = presentationStyle === "fullScreen" || presentationStyle === "push" ? "slide" : "fade";
-  const ModalContainer = import_react_native2.Platform.OS === "ios" && isFullScreenModal ? import_react_native2.SafeAreaView : import_react_native2.View;
-  const NativeModalContainer = import_react_native2.Platform.OS === "android" ? AndroidInsetsView : ModalContainer;
-  const ChatContentContainer = import_react_native2.Platform.OS === "ios" ? import_react_native2.KeyboardAvoidingView : import_react_native2.View;
-  const nativeModalContainerProps = import_react_native2.Platform.OS === "android" ? { style: styles.container, onInsetsChange: handleAndroidInsetsChange } : { style: styles.container };
-  const chatContentContainerProps = import_react_native2.Platform.OS === "ios" ? {
+  const ModalContainer = import_react_native3.Platform.OS === "ios" && isFullScreenModal ? import_react_native3.SafeAreaView : import_react_native3.View;
+  const NativeModalContainer = import_react_native3.Platform.OS === "android" ? AndroidInsetsView : ModalContainer;
+  const ChatContentContainer = import_react_native3.Platform.OS === "ios" ? import_react_native3.KeyboardAvoidingView : import_react_native3.View;
+  const nativeModalContainerProps = import_react_native3.Platform.OS === "android" ? { style: styles.container, onInsetsChange: handleAndroidInsetsChange } : { style: styles.container };
+  const chatContentContainerProps = import_react_native3.Platform.OS === "ios" ? {
     behavior: "padding",
     enabled: true,
     keyboardVerticalOffset: 0,
@@ -2062,7 +2348,7 @@ function SagepilotChatProvider({
   } : {
     style: [
       styles.modalContent,
-      import_react_native2.Platform.OS === "android" ? {
+      import_react_native3.Platform.OS === "android" ? {
         paddingTop: androidModalInsets.top,
         paddingBottom: androidModalInsets.bottom
       } : null
@@ -2094,7 +2380,7 @@ function SagepilotChatProvider({
           clearPing();
           if (livenessRemountCountRef.current < LIVENESS_MAX_REMOUNTS) {
             livenessRemountCountRef.current += 1;
-            recoverNativeWebView();
+            recoverNativeWebView("liveness_dead_pong");
           }
         } else {
           livenessRemountCountRef.current = 0;
@@ -2116,7 +2402,12 @@ function SagepilotChatProvider({
     if (!script || !nativeWebViewRef.current) return;
     nativeWebViewRef.current.injectJavaScript(script);
   };
+  const injectNativeBridgeToNativeWebView = () => {
+    if (!nativeWebViewRef.current) return;
+    nativeWebViewRef.current.injectJavaScript(getInjectedWebViewScript());
+  };
   const handleNativeWebViewLoadEnd = () => {
+    injectNativeBridgeToNativeWebView();
     postIdentityToNativeWebView();
     widgetReadyRef.current = false;
     startDelivery();
@@ -2130,11 +2421,11 @@ function SagepilotChatProvider({
     if (widgetOrigin && readUrlOrigin(url) === widgetOrigin) {
       return true;
     }
-    import_react_native2.Linking.openURL(url).catch(() => void 0);
+    import_react_native3.Linking.openURL(url).catch(() => void 0);
     return false;
   }, [state.conversationUrl, state.preloadUrl]);
   (0, import_react.useEffect)(() => {
-    if (import_react_native2.Platform.OS !== "web" || typeof window === "undefined") return;
+    if (import_react_native3.Platform.OS !== "web" || typeof window === "undefined") return;
     const trustedWidgetOrigin = readUrlOrigin(state.conversationUrl);
     if (!trustedWidgetOrigin) return;
     const handleWindowMessage = (event) => {
@@ -2145,16 +2436,16 @@ function SagepilotChatProvider({
     return () => window.removeEventListener("message", handleWindowMessage);
   }, [state.conversationUrl]);
   (0, import_react.useEffect)(() => {
-    if (import_react_native2.Platform.OS !== "web" || !state.isPresented) return;
+    if (import_react_native3.Platform.OS !== "web" || !state.isPresented) return;
     postIdentityToWebFrame();
   }, [state.isPresented, state.conversationUrl, state.configured]);
   (0, import_react.useEffect)(() => {
-    if (import_react_native2.Platform.OS === "web" || !state.isPresented) return;
+    if (import_react_native3.Platform.OS === "web" || !state.isPresented) return;
     postIdentityToNativeWebView();
   }, [state.isPresented, state.conversationUrl, state.configured]);
-  if (import_react_native2.Platform.OS === "web") {
+  if (import_react_native3.Platform.OS === "web") {
     return (0, import_react.createElement)(
-      import_react_native2.View,
+      import_react_native3.View,
       { style: styles.root },
       children,
       state.configured && !state.isPresented && state.shouldPreload && state.preloadUrl ? (0, import_react.createElement)("iframe", {
@@ -2163,20 +2454,20 @@ function SagepilotChatProvider({
         title: "Sagepilot chat preload"
       }) : null,
       state.configured && state.isPresented && state.conversationUrl ? (0, import_react.createElement)(
-        import_react_native2.View,
+        import_react_native3.View,
         { style: styles.webOverlay },
         (0, import_react.createElement)(
-          import_react_native2.View,
+          import_react_native3.View,
           { style: styles.webPanel },
           showCloseButton ? (0, import_react.createElement)(
-            import_react_native2.Pressable,
+            import_react_native3.Pressable,
             {
               accessibilityRole: "button",
               accessibilityLabel: closeLabel,
               onPress: () => internalSagepilotChat.dismiss(),
               style: styles.webCloseButton
             },
-            (0, import_react.createElement)(import_react_native2.Text, { style: styles.closeText }, closeLabel)
+            (0, import_react.createElement)(import_react_native3.Text, { style: styles.closeText }, closeLabel)
           ) : null,
           (0, import_react.createElement)("iframe", {
             ref: webFrameRef,
@@ -2190,7 +2481,7 @@ function SagepilotChatProvider({
     );
   }
   return (0, import_react.createElement)(
-    import_react_native2.View,
+    import_react_native3.View,
     { style: styles.root },
     children,
     state.configured && !state.isPresented && state.shouldPreload && state.preloadUrl ? (0, import_react.createElement)(import_react_native_webview.WebView, {
@@ -2209,13 +2500,13 @@ function SagepilotChatProvider({
       onContentProcessDidTerminate: recoverPreloadWebView
     }) : null,
     (0, import_react.createElement)(
-      import_react_native2.Modal,
+      import_react_native3.Modal,
       {
         visible: state.configured && state.isPresented,
         animationType,
         presentationStyle: isFullScreenModal ? "fullScreen" : "pageSheet",
-        statusBarTranslucent: import_react_native2.Platform.OS === "android",
-        navigationBarTranslucent: import_react_native2.Platform.OS === "android",
+        statusBarTranslucent: import_react_native3.Platform.OS === "android",
+        navigationBarTranslucent: import_react_native3.Platform.OS === "android",
         onRequestClose: () => internalSagepilotChat.dismiss()
       },
       (0, import_react.createElement)(
@@ -2225,17 +2516,17 @@ function SagepilotChatProvider({
           ChatContentContainer,
           chatContentContainerProps,
           showCloseButton ? (0, import_react.createElement)(
-            import_react_native2.View,
+            import_react_native3.View,
             { style: styles.header },
             (0, import_react.createElement)(
-              import_react_native2.Pressable,
+              import_react_native3.Pressable,
               {
                 accessibilityRole: "button",
                 accessibilityLabel: closeLabel,
                 onPress: () => internalSagepilotChat.dismiss(),
                 style: styles.closeButton
               },
-              (0, import_react.createElement)(import_react_native2.Text, { style: styles.closeText }, closeLabel)
+              (0, import_react.createElement)(import_react_native3.Text, { style: styles.closeText }, closeLabel)
             )
           ) : null,
           state.conversationUrl ? (0, import_react.createElement)(import_react_native_webview.WebView, {
@@ -2246,7 +2537,7 @@ function SagepilotChatProvider({
             // The imperceptible opacity toggle forces the Android WebView
             // surface to re-composite on resume, clearing the blank-but-alive
             // surface bug without a reload (see runLivenessProbe).
-            style: import_react_native2.Platform.OS === "android" ? [styles.webview, { opacity: 1 - androidRepaintTick % 2 * 1e-3 }] : styles.webview,
+            style: import_react_native3.Platform.OS === "android" ? [styles.webview, { opacity: 1 - androidRepaintTick % 2 * 1e-3 }] : styles.webview,
             startInLoadingState: true,
             injectedJavaScriptBeforeContentLoaded: getInjectedWebViewScript(),
             onMessage: handleWebViewMessage,
@@ -2258,10 +2549,10 @@ function SagepilotChatProvider({
             // iOS equivalent: WKWebView content process terminated.
             onContentProcessDidTerminate: recoverNativeWebView,
             renderLoading: () => (0, import_react.createElement)(
-              import_react_native2.View,
+              import_react_native3.View,
               { style: styles.loading },
-              (0, import_react.createElement)(import_react_native2.ActivityIndicator, null),
-              (0, import_react.createElement)(import_react_native2.Text, { style: styles.loadingText }, loadingLabel)
+              (0, import_react.createElement)(import_react_native3.ActivityIndicator, null),
+              (0, import_react.createElement)(import_react_native3.Text, { style: styles.loadingText }, loadingLabel)
             )
           }) : null
         )
@@ -2270,7 +2561,7 @@ function SagepilotChatProvider({
     // Native attachment-source chooser. Replaces the Android Alert (capped at
     // 3 buttons) so camera/library/documents all show on every platform.
     (0, import_react.createElement)(
-      import_react_native2.Modal,
+      import_react_native3.Modal,
       {
         visible: sourceChooser !== null,
         transparent: true,
@@ -2279,39 +2570,50 @@ function SagepilotChatProvider({
         onRequestClose: () => setSourceChooser(null)
       },
       (0, import_react.createElement)(
-        import_react_native2.Pressable,
+        import_react_native3.Pressable,
         { style: styles.sheetBackdrop, onPress: () => setSourceChooser(null) },
         (0, import_react.createElement)(
-          import_react_native2.View,
+          import_react_native3.View,
           { style: styles.sheetCard },
-          (0, import_react.createElement)(import_react_native2.Text, { style: styles.sheetTitle }, "Add attachment"),
+          (0, import_react.createElement)(import_react_native3.View, { style: styles.sheetHandle }),
+          (0, import_react.createElement)(import_react_native3.Text, { style: styles.sheetTitle }, "Add attachment"),
           ...(internalSagepilotChat.getConfig()?.filePicker?.sources ?? []).map(
             (source) => (0, import_react.createElement)(
-              import_react_native2.Pressable,
+              import_react_native3.Pressable,
               {
                 key: source,
                 accessibilityRole: "button",
-                style: styles.sheetButton,
+                android_ripple: { color: "rgba(15, 23, 42, 0.06)" },
+                hitSlop: 4,
+                style: ({ pressed }) => getSheetOptionStyle(pressed),
                 onPress: () => handleSourceChoice(source)
               },
-              (0, import_react.createElement)(import_react_native2.Text, { style: styles.sheetButtonText }, FILE_PICKER_SOURCE_LABELS[source])
+              renderFilePickerSourceIcon(source),
+              (0, import_react.createElement)(
+                import_react_native3.View,
+                { style: styles.sheetOptionText },
+                (0, import_react.createElement)(import_react_native3.Text, { style: styles.sheetButtonText }, FILE_PICKER_SOURCE_LABELS[source]),
+                (0, import_react.createElement)(import_react_native3.Text, { style: styles.sheetButtonDescription }, FILE_PICKER_SOURCE_DESCRIPTIONS[source])
+              )
             )
           ),
           (0, import_react.createElement)(
-            import_react_native2.Pressable,
+            import_react_native3.Pressable,
             {
               accessibilityRole: "button",
-              style: [styles.sheetButton, styles.sheetCancelButton],
+              android_ripple: { color: "rgba(15, 23, 42, 0.06)" },
+              style: ({ pressed }) => getSheetCancelStyle(pressed),
               onPress: () => setSourceChooser(null)
             },
-            (0, import_react.createElement)(import_react_native2.Text, { style: styles.sheetCancelText }, "Cancel")
+            (0, import_react.createElement)(import_lucide_react_native.X, { color: "#334155", size: 18, strokeWidth: 2.5, style: styles.sheetCancelIcon }),
+            (0, import_react.createElement)(import_react_native3.Text, { style: styles.sheetCancelText }, "Cancel")
           )
         )
       )
     )
   );
 }
-var styles = import_react_native2.StyleSheet.create({
+var styles = import_react_native3.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -2397,7 +2699,7 @@ var styles = import_react_native2.StyleSheet.create({
     borderStyle: "none"
   },
   loading: {
-    ...import_react_native2.StyleSheet.absoluteFillObject,
+    ...import_react_native3.StyleSheet.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "#ffffff"
@@ -2409,43 +2711,109 @@ var styles = import_react_native2.StyleSheet.create({
   },
   sheetBackdrop: {
     flex: 1,
+    alignItems: "center",
     justifyContent: "flex-end",
-    backgroundColor: "rgba(17, 24, 39, 0.36)"
+    backgroundColor: "rgba(15, 23, 42, 0.48)"
   },
   sheetCard: {
+    width: "100%",
+    maxWidth: 540,
     backgroundColor: "#ffffff",
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-    paddingTop: 8,
-    paddingBottom: 24,
-    paddingHorizontal: 8
+    borderTopLeftRadius: 26,
+    borderTopRightRadius: 26,
+    paddingTop: 10,
+    paddingBottom: 18,
+    paddingHorizontal: 14,
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.22,
+    shadowRadius: 28,
+    shadowOffset: { width: 0, height: -10 },
+    elevation: 18
+  },
+  sheetHandle: {
+    alignSelf: "center",
+    width: 42,
+    height: 5,
+    borderRadius: 999,
+    backgroundColor: "#d1d5db",
+    marginBottom: 14
   },
   sheetTitle: {
-    textAlign: "center",
-    color: "#6b7280",
-    fontSize: 13,
-    fontWeight: "600",
-    paddingVertical: 10
+    color: "#111827",
+    fontSize: 17,
+    fontWeight: "700",
+    paddingBottom: 12,
+    paddingHorizontal: 4
+  },
+  sheetOption: {
+    minHeight: 70,
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 18,
+    paddingHorizontal: 12,
+    marginBottom: 6,
+    backgroundColor: "#ffffff"
+  },
+  sheetOptionPressed: {
+    backgroundColor: "#f8fafc",
+    transform: [{ scale: 0.985 }]
   },
-  sheetButton: {
-    minHeight: 52,
+  sheetOptionIcon: {
+    width: 46,
+    height: 46,
+    borderRadius: 16,
+    marginRight: 14,
     alignItems: "center",
     justifyContent: "center",
-    borderRadius: 12
+    position: "relative",
+    overflow: "hidden"
+  },
+  sheetOptionText: {
+    flex: 1,
+    justifyContent: "center"
   },
   sheetButtonText: {
-    color: "#111827",
+    color: "#0f172a",
     fontSize: 16,
-    fontWeight: "500"
+    fontWeight: "700"
+  },
+  sheetButtonDescription: {
+    color: "#64748b",
+    fontSize: 13,
+    fontWeight: "500",
+    marginTop: 3
+  },
+  cameraOptionIcon: {
+    backgroundColor: "#e0f2fe"
+  },
+  libraryOptionIcon: {
+    backgroundColor: "#ecfdf5"
+  },
+  documentsOptionIcon: {
+    backgroundColor: "#f5f3ff"
   },
   sheetCancelButton: {
-    marginTop: 6,
-    backgroundColor: "#f3f4f6"
+    minHeight: 56,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 18,
+    marginTop: 8,
+    backgroundColor: "#f1f5f9"
+  },
+  sheetCancelButtonPressed: {
+    backgroundColor: "#e2e8f0",
+    transform: [{ scale: 0.985 }]
+  },
+  sheetCancelIcon: {
+    width: 18,
+    height: 18,
+    marginRight: 8
   },
   sheetCancelText: {
-    color: "#111827",
+    color: "#0f172a",
     fontSize: 16,
-    fontWeight: "600"
+    fontWeight: "700"
   }
 });
 
@@ -2500,6 +2868,9 @@ function useSagepilotChat() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  SAGEPILOT_DEFAULT_IMAGE_MAX_DIMENSION,
+  SAGEPILOT_DEFAULT_IMAGE_MAX_FILE_SIZE_BYTES,
+  SAGEPILOT_DEFAULT_IMAGE_QUALITY,
   SagepilotChat,
   SagepilotChatError,
   SagepilotChatProvider,
@@ -2508,5 +2879,7 @@ function useSagepilotChat() {
   createKeychainTokenStorage,
   createSagepilotFilePicker,
   createSagepilotFileStore,
+  ensureSagepilotAndroidCameraPermission,
+  promptOpenSagepilotCameraSettings,
   useSagepilotChat
 });