@paymanai/payman-ask-sdk 4.0.19 → 4.0.21

package/dist/index.native.js

@@ -731,7 +731,8 @@ function buildRequestBody(config, userMessage, sessionId, options) {
     sessionAttributes,
     analysisMode: options?.analysisMode,
     locale: resolveLocale(config.locale),
-    timezone: resolveTimezone(config.timezone)
+    timezone: resolveTimezone(config.timezone),
+    ...options?.attachments?.length ? { attachments: options.attachments } : {}
   };
 }
 function resolveLocale(configured) {
@@ -776,6 +777,7 @@ function buildResolveImagesUrl(config) {
   const basePath = normalizedEndpointPath.endsWith("/stream") ? normalizedEndpointPath.slice(0, -"/stream".length) : normalizedEndpointPath;
   return `${config.api.baseUrl}${basePath}/resolve-image-urls`;
 }
+var NGROK_SKIP_BROWSER_WARNING = "ngrok-skip-browser-warning";
 function buildRequestHeaders(config) {
   const headers = {
     ...config.api.headers
@@ -783,6 +785,9 @@ function buildRequestHeaders(config) {
   if (config.api.authToken) {
     headers.Authorization = `Bearer ${config.api.authToken}`;
   }
+  if (!headers[NGROK_SKIP_BROWSER_WARNING]) {
+    headers[NGROK_SKIP_BROWSER_WARNING] = "true";
+  }
   return headers;
 }
 var RAG_IMAGE_REGEX = /\/api\/rag\/chunks\/[^"'\s]+\/image/;
@@ -1063,6 +1068,81 @@ function createCancelledMessageUpdate(steps, currentMessage) {
     currentMessage: currentMessage || "Thinking..."
   };
 }
+var DEFAULT_SIGNED_URL_ENDPOINT = "/api/files/signed-url";
+function fileExtension(filename) {
+  const ext = filename.split(".").pop()?.toLowerCase().replace(/^\./, "");
+  return ext && ext.length > 0 ? ext : "bin";
+}
+function resolveMimeType(file) {
+  if (file.type && file.type.trim().length > 0) return file.type;
+  const ext = fileExtension(file.name);
+  const byExt = {
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp"
+  };
+  return byExt[ext] ?? "application/octet-stream";
+}
+function buildSignedUrlEndpoint(config, ext) {
+  const endpoint = config.api.signedUrlEndpoint || DEFAULT_SIGNED_URL_ENDPOINT;
+  const queryParams = new URLSearchParams({ extn: ext.replace(/^\./, "") });
+  return `${config.api.baseUrl}${endpoint}?${queryParams.toString()}`;
+}
+async function requestSignedUrl(config, ext, signal) {
+  const url = buildSignedUrlEndpoint(config, ext);
+  const headers = buildRequestHeaders(config);
+  const response = await fetch(url, {
+    method: "GET",
+    headers,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to get upload URL (${response.status}): ${errorText}` : `Failed to get upload URL (${response.status})`
+    );
+  }
+  const data = await response.json();
+  if (!data.key || !data.url) {
+    throw new Error("Signed URL response missing key or url");
+  }
+  return { key: data.key, url: data.url };
+}
+async function uploadToSignedUrl(signedUrl, file, mimeType, signal) {
+  const response = await fetch(signedUrl, {
+    method: "PUT",
+    headers: {
+      "Content-Type": mimeType,
+      "x-ms-blob-type": "BlockBlob"
+    },
+    body: file,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to upload file (${response.status}): ${errorText}` : `Failed to upload file (${response.status})`
+    );
+  }
+}
+async function uploadAttachment(config, file, signal) {
+  const ext = fileExtension(file.name);
+  const mimeType = resolveMimeType(file);
+  const { key, url } = await requestSignedUrl(config, ext, signal);
+  await uploadToSignedUrl(url, file, mimeType, signal);
+  return {
+    tempKey: key,
+    filename: file.name,
+    mimeType
+  };
+}
+async function uploadAttachments(config, files, signal) {
+  const uploads = files.map((file) => uploadAttachment(config, file, signal));
+  return Promise.all(uploads);
+}
 var UserActionStaleError = class extends Error {
   constructor(userActionId, message = "User action is no longer actionable") {
     super(message);
@@ -1099,9 +1179,6 @@ async function cancelUserAction(config, userActionId) {
 async function resendUserAction(config, userActionId) {
   return sendUserActionRequest(config, userActionId, "resend");
 }
-async function expireUserAction(config, userActionId) {
-  return sendUserActionRequest(config, userActionId, "expired");
-}
 var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
 function upsertPrompt(prompts, req) {
   const active = { ...req, status: "pending" };
@@ -1130,12 +1207,32 @@ function getStoredOrInitialMessages(config) {
 function getSessionIdFromMessages(messages) {
   return messages.find((message) => message.sessionId)?.sessionId;
 }
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "avif"]);
+function attachmentKindFromFile(file) {
+  const ext = file.name.split(".").pop()?.toLowerCase() ?? "";
+  if (IMAGE_EXTENSIONS.has(ext) || file.type.startsWith("image/")) return "image";
+  return "file";
+}
+function buildMessageAttachments(files) {
+  return files.map((file, index) => {
+    const kind = attachmentKindFromFile(file);
+    return {
+      id: `att-${Date.now()}-${index}`,
+      filename: file.name,
+      mimeType: file.type || "application/octet-stream",
+      // Blob URL for all local files so PDFs/docs stay previewable after send.
+      previewUrl: URL.createObjectURL(file),
+      kind
+    };
+  });
+}
 function useChatV2(config, callbacks = {}) {
   const [messages, setMessages] = react.useState(() => getStoredOrInitialMessages(config));
   const [isWaitingForResponse, setIsWaitingForResponse] = react.useState(() => {
     if (!config.userId) return false;
     return activeStreamStore.get(config.userId)?.isWaiting ?? false;
   });
+  const [isUploadingAttachments, setIsUploadingAttachments] = react.useState(false);
   const sessionIdRef = react.useRef(
     getSessionIdFromMessages(getStoredOrInitialMessages(config)) ?? config.initialSessionId ?? void 0
   );
@@ -1210,21 +1307,45 @@ function useChatV2(config, callbacks = {}) {
   );
   const sendMessage = react.useCallback(
     async (userMessage, options) => {
-      if (!userMessage.trim()) return;
+      const trimmedMessage = userMessage.trim();
+      const files = options?.files ?? [];
+      const hasPreuploadedAttachments = (options?.attachments?.length ?? 0) > 0;
+      if (!trimmedMessage && files.length === 0 && !hasPreuploadedAttachments) return;
+      let streamAttachments = options?.attachments;
+      if (!streamAttachments && files.length > 0) {
+        setIsUploadingAttachments(true);
+        try {
+          streamAttachments = await uploadAttachments(configRef.current, files);
+        } catch (error) {
+          if (error.name !== "AbortError") {
+            callbacksRef.current.onError?.(error);
+          }
+          throw error;
+        } finally {
+          setIsUploadingAttachments(false);
+        }
+      }
       if (!sessionIdRef.current && configRef.current.autoGenerateSessionId !== false) {
         sessionIdRef.current = generateId();
         callbacksRef.current.onSessionIdChange?.(sessionIdRef.current);
       }
+      const messageAttachments = files.length > 0 ? buildMessageAttachments(files) : streamAttachments?.length ? streamAttachments.map((attachment, index) => ({
+        id: `att-${Date.now()}-${index}`,
+        filename: attachment.filename,
+        mimeType: attachment.mimeType,
+        kind: attachment.mimeType.startsWith("image/") ? "image" : "file"
+      })) : void 0;
       const userMessageId = `user-${Date.now()}`;
       const userMsg = {
         id: userMessageId,
         sessionId: sessionIdRef.current,
         role: "user",
-        content: userMessage,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        content: trimmedMessage,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        attachments: messageAttachments
       };
       setMessages((prev) => [...prev, userMsg]);
-      callbacksRef.current.onMessageSent?.(userMessage);
+      callbacksRef.current.onMessageSent?.(trimmedMessage);
       setIsWaitingForResponse(true);
       callbacksRef.current.onStreamStart?.();
       const streamingId = `assistant-${Date.now()}`;
@@ -1251,11 +1372,14 @@ function useChatV2(config, callbacks = {}) {
         activeStreamStore.start(userId, abortController, initialMessages);
       }
       const newSessionId = await startStream(
-        userMessage,
+        trimmedMessage,
         streamingId,
         sessionIdRef.current,
         abortController,
-        options
+        {
+          analysisMode: options?.analysisMode,
+          attachments: streamAttachments
+        }
       );
       const finalStreamUserId = streamUserIdRef.current ?? userId;
       if (finalStreamUserId) {
@@ -1393,19 +1517,6 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const expireUserAction2 = react.useCallback(
-    async (userActionId) => {
-      setPromptStatus(userActionId, "expired");
-      try {
-        await expireUserAction(configRef.current, userActionId);
-      } catch (error) {
-        if (error instanceof UserActionStaleError) return;
-        callbacksRef.current.onError?.(error);
-        throw error;
-      }
-    },
-    [setPromptStatus]
-  );
   const dismissNotification = react.useCallback((id) => {
     setUserActionState((prev) => ({
       ...prev,
@@ -1446,6 +1557,18 @@ function useChatV2(config, callbacks = {}) {
     setMessages(config.initialMessages);
     sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? config.initialSessionId;
   }, [config.initialMessages, config.initialSessionId, config.userId]);
+  const hydratedSessionIdRef = react.useRef(void 0);
+  react.useEffect(() => {
+    if (config.userId) return;
+    if (!config.initialMessages?.length) return;
+    const sessionId = config.initialSessionId;
+    if (hydratedSessionIdRef.current === sessionId && messagesRef.current.length > 0) {
+      return;
+    }
+    hydratedSessionIdRef.current = sessionId;
+    setMessages(config.initialMessages);
+    sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? sessionId;
+  }, [config.initialMessages, config.initialSessionId, config.userId]);
   react.useEffect(() => {
     const prevUserId = prevUserIdRef.current;
     prevUserIdRef.current = config.userId;
@@ -1480,12 +1603,12 @@ function useChatV2(config, callbacks = {}) {
     getSessionId,
     getMessages,
     isWaitingForResponse,
+    isUploadingAttachments,
     sessionId: sessionIdRef.current,
     userActionState,
     submitUserAction: submitUserAction2,
     cancelUserAction: cancelUserAction2,
     resendUserAction: resendUserAction2,
-    expireUserAction: expireUserAction2,
     dismissNotification
   };
 }
@@ -2803,6 +2926,7 @@ function UserActionSheet({
   react.useEffect(() => {
     minimizeRef.current = onMinimize;
   });
+  const [mounted, setMounted] = react.useState(open);
   const [kbHeight, setKbHeight] = react.useState(0);
   react.useEffect(() => {
     const showEvt = reactNative.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
@@ -2816,16 +2940,24 @@ function UserActionSheet({
   }, []);
   react.useEffect(() => {
     if (open) {
-      reactNative.Animated.parallel([
-        reactNative.Animated.spring(translateY, { toValue: 0, useNativeDriver: true, damping: 30, stiffness: 360, mass: 0.85 }),
-        reactNative.Animated.timing(backdrop, { toValue: 1, duration: 190, useNativeDriver: true })
-      ]).start();
-    } else {
-      reactNative.Animated.parallel([
-        reactNative.Animated.timing(translateY, { toValue: screenH, duration: 210, easing: reactNative.Easing.in(reactNative.Easing.cubic), useNativeDriver: true }),
-        reactNative.Animated.timing(backdrop, { toValue: 0, duration: 170, useNativeDriver: true })
-      ]).start();
+      setMounted(true);
+      translateY.setValue(screenH);
+      backdrop.setValue(0);
+      const id = requestAnimationFrame(() => {
+        reactNative.Animated.parallel([
+          reactNative.Animated.spring(translateY, { toValue: 0, useNativeDriver: true, damping: 30, stiffness: 360, mass: 0.85 }),
+          reactNative.Animated.timing(backdrop, { toValue: 1, duration: 190, useNativeDriver: true })
+        ]).start();
+      });
+      return () => cancelAnimationFrame(id);
     }
+    reactNative.Animated.parallel([
+      reactNative.Animated.timing(translateY, { toValue: screenH, duration: 230, easing: reactNative.Easing.in(reactNative.Easing.cubic), useNativeDriver: true }),
+      reactNative.Animated.timing(backdrop, { toValue: 0, duration: 180, useNativeDriver: true })
+    ]).start(({ finished }) => {
+      if (finished) setMounted(false);
+    });
+    return void 0;
   }, [open, translateY, backdrop, screenH]);
   const pan = react.useRef(
     reactNative.PanResponder.create({
@@ -2843,66 +2975,77 @@ function UserActionSheet({
     })
   ).current;
   const a = active ?? shown;
-  if (!a) return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { pointerEvents: "none" });
+  if (!mounted || !a) return null;
   const isVerification = a.kind === "verification";
   const title = isVerification ? "Verification required" : "Action required";
   const subtitle = isVerification ? "Confirm the one-time code to continue" : "Review the details and confirm to continue";
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [reactNative.StyleSheet.absoluteFill, sht.overlay], pointerEvents: open ? "auto" : "none", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.Animated.View,
-      {
-        pointerEvents: "none",
-        style: [sht.backdrop, { backgroundColor: pal.overlay, opacity: backdrop }]
-      }
-    ),
-    open ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: () => minimizeRef.current(), accessibilityLabel: "Dismiss" }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.kav, { paddingBottom: kbHeight }], pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      reactNative.Animated.View,
-      {
-        style: [
-          sht.sheet,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Modal,
+    {
+      visible: mounted,
+      transparent: true,
+      animationType: "none",
+      statusBarTranslucent: true,
+      onRequestClose: () => minimizeRef.current(),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: reactNative.StyleSheet.absoluteFill, pointerEvents: open ? "auto" : "none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Animated.View,
           {
-            backgroundColor: pal.sheetBg,
-            borderColor: pal.border,
-            // Cap to the space above the keyboard (and a top margin) so the
-            // header stays visible and the footer sits above the keyboard;
-            // the field area scrolls within whatever's left.
-            maxHeight: Math.min(screenH * 0.9, screenH - kbHeight - 72),
-            paddingBottom: kbHeight > 0 ? 16 : Math.max(insetBottom, 16) + 6,
-            transform: [{ translateY }]
+            pointerEvents: "none",
+            style: [sht.backdrop, { backgroundColor: pal.overlay, opacity: backdrop }]
           }
-        ],
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...pan.panHandlers, style: sht.handleZone, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.grabber, { backgroundColor: pal.grabber }] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.header, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.iconCircle, { backgroundColor: accent + (isDark ? "26" : "14") }], children: isVerification ? /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ShieldCheck, { size: 20, color: accent, strokeWidth: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Pencil, { size: 18, color: accent, strokeWidth: 2 }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.headerText, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.title, { color: pal.text }], children: title }),
-              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.subtitle, { color: pal.muted }], numberOfLines: 1, children: subtitle })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(SheetTimerPill, { prompt: a, accent, isDark }),
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => minimizeRef.current(), hitSlop: 10, style: [sht.closeBtn, { backgroundColor: pal.fieldBg }], children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 16, color: pal.muted, strokeWidth: 2.2 }) })
-          ] }),
-          a.status === "stale" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: sht.simpleBody, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: "This request is no longer available." }) }) : expired ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.simpleBody, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: isVerification ? "This verification request expired." : "This request expired." }),
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.actions, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { label: "Close", onPress: () => void onCancel(a.userActionId), accent }) })
-          ] }) : isVerification ? /* @__PURE__ */ jsxRuntime.jsx(
-            VerificationBody,
-            {
-              prompt: a,
-              expired,
-              pal,
-              accent,
-              onSubmit,
-              onCancel,
-              onResend
-            },
-            a.userActionId
-          ) : /* @__PURE__ */ jsxRuntime.jsx(FormBody, { prompt: a, pal, accent, isDark, onSubmit, onCancel }, a.userActionId)
-        ]
-      }
-    ) })
-  ] });
+        ),
+        open ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: () => minimizeRef.current(), accessibilityLabel: "Dismiss" }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.kav, { paddingBottom: kbHeight }], pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          reactNative.Animated.View,
+          {
+            style: [
+              sht.sheet,
+              {
+                backgroundColor: pal.sheetBg,
+                borderColor: pal.border,
+                // Cap to the space above the keyboard (and a top margin) so the
+                // header stays visible and the footer sits above the keyboard;
+                // the field area scrolls within whatever's left.
+                maxHeight: Math.min(screenH * 0.9, screenH - kbHeight - 72),
+                paddingBottom: kbHeight > 0 ? 16 : Math.max(insetBottom, 16) + 6,
+                transform: [{ translateY }]
+              }
+            ],
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...pan.panHandlers, style: sht.handleZone, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.grabber, { backgroundColor: pal.grabber }] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.header, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.iconCircle, { backgroundColor: accent + (isDark ? "26" : "14") }], children: isVerification ? /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ShieldCheck, { size: 19, color: accent, strokeWidth: 2.1 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Pencil, { size: 17, color: accent, strokeWidth: 2.1 }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.headerText, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.title, { color: pal.text }], numberOfLines: 1, children: title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.subtitle, { color: pal.muted }], numberOfLines: 1, children: subtitle })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(SheetTimerPill, { prompt: a, accent, isDark }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => minimizeRef.current(), hitSlop: 10, style: [sht.closeBtn, { backgroundColor: pal.fieldBg }], children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 15, color: pal.muted, strokeWidth: 2.3 }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.headerRule, { backgroundColor: pal.border }] }),
+              a.status === "stale" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: sht.simpleBody, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: "This request is no longer available." }) }) : expired ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.simpleBody, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: isVerification ? "This verification request expired." : "This request expired." }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.actions, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { label: "Close", onPress: () => void onCancel(a.userActionId), accent }) })
+              ] }) : isVerification ? /* @__PURE__ */ jsxRuntime.jsx(
+                VerificationBody,
+                {
+                  prompt: a,
+                  expired,
+                  pal,
+                  accent,
+                  onSubmit,
+                  onCancel,
+                  onResend
+                },
+                a.userActionId
+              ) : /* @__PURE__ */ jsxRuntime.jsx(FormBody, { prompt: a, pal, accent, isDark, onSubmit, onCancel }, a.userActionId)
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
 }
 function UserActionReopenCard({
   active,
@@ -2962,35 +3105,35 @@ var ub = reactNative.StyleSheet.create({
   // forms (no scroll), shrinks and scrolls only when the form exceeds the sheet.
   fieldsScroll: { flexShrink: 1 },
   fieldsContent: { paddingBottom: 6 },
-  messageBlock: { marginBottom: 18, marginTop: 2 },
-  desc: { fontSize: 14.5, lineHeight: 21, marginBottom: 16 },
-  form: { gap: 18 },
-  field: { gap: 7 },
-  label: { fontSize: 14, fontWeight: "600" },
-  hint: { fontSize: 12.5, lineHeight: 17 },
+  messageBlock: { marginBottom: 14, marginTop: 0 },
+  desc: { fontSize: 14, lineHeight: 20, marginBottom: 14 },
+  form: { gap: 14 },
+  field: { gap: 6 },
+  label: { fontSize: 13.5, fontWeight: "600", letterSpacing: -0.1 },
+  hint: { fontSize: 12, lineHeight: 16 },
   input: {
     borderWidth: 1,
     borderRadius: 12,
     paddingHorizontal: 14,
-    paddingVertical: 13,
+    paddingVertical: 12,
     fontSize: 16
   },
-  error: { color: "#ef4444", fontSize: 12.5, marginTop: 2 },
+  error: { color: "#ef4444", fontSize: 12, marginTop: 2 },
   switchRow: { flexDirection: "row", alignItems: "center", gap: 12 },
   // Selectable option "boxes" for oneOf / enum single-select fields.
-  optionList: { gap: 10 },
+  optionList: { gap: 9 },
   optionRow: {
     flexDirection: "row",
     alignItems: "center",
     gap: 12,
     borderWidth: 1.5,
-    borderRadius: 14,
+    borderRadius: 13,
     paddingHorizontal: 14,
-    paddingVertical: 14
+    paddingVertical: 13
   },
   radio: {
-    width: 20,
-    height: 20,
+    width: 19,
+    height: 19,
     borderRadius: 10,
     borderWidth: 2,
     alignItems: "center",
@@ -2999,10 +3142,10 @@ var ub = reactNative.StyleSheet.create({
   radioDot: { width: 10, height: 10, borderRadius: 5 },
   optionLabel: { flex: 1, fontSize: 15, letterSpacing: -0.1 },
   // Pinned footer (outside the fields scroll) — always visible.
-  actions: { paddingTop: 16, gap: 14 },
-  primaryBtn: { minHeight: 52, borderRadius: 14, borderWidth: 1, paddingVertical: 15, alignItems: "center", justifyContent: "center" },
+  actions: { paddingTop: 14, gap: 12 },
+  primaryBtn: { minHeight: 50, borderRadius: 14, borderWidth: 1, paddingVertical: 14, alignItems: "center", justifyContent: "center" },
   primaryBtnText: { color: "#fff", fontSize: 15.5, fontWeight: "600", letterSpacing: -0.1 },
-  linkRow: { flexDirection: "row", justifyContent: "center", gap: 24 },
+  linkRow: { flexDirection: "row", justifyContent: "center", gap: 24, paddingTop: 2 },
   link: { fontSize: 14, fontWeight: "500" },
   linkDanger: { color: "#dc2626" },
   codeRow: { flexDirection: "row", justifyContent: "center", gap: 9, position: "relative" },
@@ -3035,34 +3178,36 @@ var sht = reactNative.StyleSheet.create({
   backdrop: { ...reactNative.StyleSheet.absoluteFillObject },
   kav: { flex: 1, justifyContent: "flex-end" },
   sheet: {
-    borderTopLeftRadius: 28,
-    borderTopRightRadius: 28,
+    borderTopLeftRadius: 26,
+    borderTopRightRadius: 26,
     borderWidth: reactNative.StyleSheet.hairlineWidth,
     borderBottomWidth: 0,
-    paddingHorizontal: 22,
-    paddingTop: 6,
+    paddingHorizontal: 20,
+    paddingTop: 4,
     maxWidth: 640,
     width: "100%",
     alignSelf: "center",
     ...reactNative.Platform.select({
       ios: {
         shadowColor: "#000",
-        shadowOffset: { width: 0, height: -6 },
-        shadowOpacity: 0.18,
-        shadowRadius: 24
+        shadowOffset: { width: 0, height: -8 },
+        shadowOpacity: 0.22,
+        shadowRadius: 28
       },
       android: { elevation: 24 }
     })
   },
-  handleZone: { alignItems: "center", paddingVertical: 10 },
-  grabber: { width: 40, height: 5, borderRadius: 3 },
-  header: { flexDirection: "row", alignItems: "center", gap: 12, marginTop: 2, marginBottom: 18 },
-  iconCircle: { width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" },
-  headerText: { flex: 1, gap: 2 },
-  title: { fontSize: 18, fontWeight: "700", letterSpacing: -0.3 },
-  subtitle: { fontSize: 13, letterSpacing: -0.1 },
-  timer: { borderWidth: 1, borderRadius: 999, paddingHorizontal: 11, paddingVertical: 5, minWidth: 46, alignItems: "center" },
-  closeBtn: { width: 30, height: 30, borderRadius: 15, alignItems: "center", justifyContent: "center" },
+  handleZone: { alignItems: "center", paddingTop: 9, paddingBottom: 8 },
+  grabber: { width: 38, height: 5, borderRadius: 3 },
+  header: { flexDirection: "row", alignItems: "center", gap: 11, marginTop: 0, marginBottom: 14 },
+  iconCircle: { width: 36, height: 36, borderRadius: 12, alignItems: "center", justifyContent: "center" },
+  headerText: { flex: 1, gap: 1 },
+  title: { fontSize: 17, fontWeight: "700", letterSpacing: -0.3 },
+  subtitle: { fontSize: 12.5, letterSpacing: -0.1 },
+  // Hairline rule under the header so the title cluster reads as its own zone.
+  headerRule: { height: reactNative.StyleSheet.hairlineWidth, marginBottom: 16, marginHorizontal: -20 },
+  timer: { borderWidth: 1, borderRadius: 999, paddingHorizontal: 10, paddingVertical: 4.5, minWidth: 44, alignItems: "center" },
+  closeBtn: { width: 29, height: 29, borderRadius: 14.5, alignItems: "center", justifyContent: "center" },
   // Short, non-scrolling bodies (stale / expired notices).
   simpleBody: { paddingBottom: 8 }
 });