@droppii-org/chat-mobile 0.2.94 → 0.2.96

package/lib/module/config/api-endpoints.js

@@ -22,7 +22,8 @@ const DEFAULT_ENDPOINTS = {
   stickerHistory: '/chat-service/v1/app/stickers/history',
   messagesResources: '/chat-service/v1/app/messages/resources',
   messages: '/chat-service/v1/app/messages',
-  contacts: '/chat-service/v1/app/contacts'
+  contacts: '/chat-service/v1/app/contacts',
+  groupJoinLink: '/chat-service/v1/app/conversations/join-link'
 };
 let endpoints = {
   ...DEFAULT_ENDPOINTS

package/lib/module/config/api-endpoints.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_ENDPOINTS","urlMetadata","conversation","imageUpload","bot","uploadFcmToken","stickerCategories","stickersByCategory","stickerHistory","messagesResources","messages","contacts","endpoints","getApiEndpoint","key","setApiEndpoint","value","setAllApiEndpoints","newEndpoints","resetApiEndpoints","getAllApiEndpoints"],"sourceRoot":"../../../src","sources":["config/api-endpoints.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,MAAMA,iBAA+B,GAAG;EACtCC,WAAW,EAAE,qCAAqC;EAClDC,YAAY,EAAE,oCAAoC;EAClDC,WAAW,EAAE,2CAA2C;EACxDC,GAAG,EAAE,4BAA4B;EACjCC,cAAc,EAAE,sCAAsC;EACtDC,iBAAiB,EAAE,yCAAyC;EAC5DC,kBAAkB,EAAE,yCAAyC;EAC7DC,cAAc,EAAE,uCAAuC;EACvDC,iBAAiB,EAAE,yCAAyC;EAC5DC,QAAQ,EAAE,+BAA+B;EACzCC,QAAQ,EAAE;AACZ,CAAC;AAED,IAAIC,SAAuB,GAAG;EAAE,GAAGZ;AAAkB,CAAC;;AAEtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMa,cAAc,GACzBC,GAAM,IACc;EACpB,OAAOF,SAAS,CAACE,GAAG,CAAC;AACvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC5BD,GAAM,EACNE,KAAsB,KACnB;EACHJ,SAAS,CAACE,GAAG,CAAC,GAAGE,KAAK;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAIC,YAAmC,IAAK;EACzEN,SAAS,GAAG;IACV,GAAGA,SAAS;IACZ,GAAGM;EACL,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrCP,SAAS,GAAG;IAAE,GAAGZ;EAAkB,CAAC;AACtC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMoB,kBAAkB,GAAGA,CAAA,MAAqB;EACrD,GAAGR;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["DEFAULT_ENDPOINTS","urlMetadata","conversation","imageUpload","bot","uploadFcmToken","stickerCategories","stickersByCategory","stickerHistory","messagesResources","messages","contacts","groupJoinLink","endpoints","getApiEndpoint","key","setApiEndpoint","value","setAllApiEndpoints","newEndpoints","resetApiEndpoints","getAllApiEndpoints"],"sourceRoot":"../../../src","sources":["config/api-endpoints.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,MAAMA,iBAA+B,GAAG;EACtCC,WAAW,EAAE,qCAAqC;EAClDC,YAAY,EAAE,oCAAoC;EAClDC,WAAW,EAAE,2CAA2C;EACxDC,GAAG,EAAE,4BAA4B;EACjCC,cAAc,EAAE,sCAAsC;EACtDC,iBAAiB,EAAE,yCAAyC;EAC5DC,kBAAkB,EAAE,yCAAyC;EAC7DC,cAAc,EAAE,uCAAuC;EACvDC,iBAAiB,EAAE,yCAAyC;EAC5DC,QAAQ,EAAE,+BAA+B;EACzCC,QAAQ,EAAE,+BAA+B;EACzCC,aAAa,EAAE;AACjB,CAAC;AAED,IAAIC,SAAuB,GAAG;EAAE,GAAGb;AAAkB,CAAC;;AAEtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMc,cAAc,GACzBC,GAAM,IACc;EACpB,OAAOF,SAAS,CAACE,GAAG,CAAC;AACvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC5BD,GAAM,EACNE,KAAsB,KACnB;EACHJ,SAAS,CAACE,GAAG,CAAC,GAAGE,KAAK;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAIC,YAAmC,IAAK;EACzEN,SAAS,GAAG;IACV,GAAGA,SAAS;IACZ,GAAGM;EACL,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrCP,SAAS,GAAG;IAAE,GAAGb;EAAkB,CAAC;AACtC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMqB,kBAAkB,GAAGA,CAAA,MAAqB;EACrD,GAAGR;AACL,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks/groups/useJoinGroupByInviteLink.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import { memo, useCallback, useEffect, useRef } from 'react';
+import { GroupJoinSource } from '@droppii/openim-rn-client-sdk';
+import { KButton, KColors, KContainer, KLabel } from '@droppii/libs';
+import { Avatar } from "../../components/Avatar/index.js";
+import { UIUtils } from "../../utils/UIUtils.js";
+import { trans } from "../../translation/index.js";
+import { useJoinGroup } from "./useJoinGroup.js";
+import { useResolveGroupInviteLink } from "./useResolveGroupInviteLink.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const showGroupInviteLinkUnavailableModal = () => {
+  UIUtils.alert.open({
+    title: trans('group:invite_link_unavailable_title'),
+    message: trans('group:invite_link_unavailable_desc'),
+    primaryIndex: 0,
+    buttonType: 'horizontal-button',
+    buttons: [{
+      label: trans('group:access_blocked_button'),
+      kind: 'primary'
+    }],
+    ignoreStack: true
+  });
+};
+const JoinGroupConfirmSheetContent = /*#__PURE__*/memo(({
+  groupInfo,
+  onJoined
+}) => {
+  const {
+    mutate: joinGroup,
+    isPending
+  } = useJoinGroup();
+  const handleConfirm = useCallback(() => {
+    if (isPending) return;
+    joinGroup({
+      groupID: groupInfo.groupId,
+      reqMsg: '',
+      joinSource: GroupJoinSource.QrCode,
+      groupName: groupInfo.groupName
+    }, {
+      onSuccess: () => {
+        UIUtils.bottomSheet.dismiss();
+        onJoined();
+      },
+      onError: () => {
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error'
+        });
+      }
+    });
+  }, [joinGroup, groupInfo, onJoined, isPending]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    paddingH: "1rem",
+    paddingB: "1rem",
+    alignItems: true,
+    children: [/*#__PURE__*/_jsx(Avatar, {
+      size: "4xlg",
+      source: groupInfo.groupAvatar,
+      fullName: groupInfo.groupName
+    }), /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextLgBold",
+      color: KColors.black,
+      paddingT: "0.75rem",
+      numberOfLines: 2,
+      textAlign: "center",
+      children: groupInfo.groupName
+    }), /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextMdNormal",
+      color: KColors.gray.normal,
+      paddingT: "0.25rem",
+      children: trans('group:member_count', {
+        count: groupInfo.groupTotalMember
+      })
+    }), /*#__PURE__*/_jsx(KButton.Solid, {
+      label: trans('group:join_group_confirm_button'),
+      onPress: handleConfirm,
+      loading: isPending,
+      isLightSolid: true,
+      kind: "primary",
+      stretch: true,
+      marginT: "1rem"
+    })]
+  });
+});
+const openJoinGroupConfirmSheet = params => {
+  UIUtils.bottomSheet.open({
+    header: {
+      title: {
+        text: trans('group:join_group_confirm_title')
+      },
+      alignment: 'left',
+      showCloseButton: true
+    },
+    touchOutsideToDismiss: true,
+    body: {
+      renderContent: () => /*#__PURE__*/_jsx(JoinGroupConfirmSheetContent, {
+        groupInfo: params.groupInfo,
+        onJoined: params.onJoined
+      })
+    }
+  });
+};
+/**
+ * Orchestrates the invite-link entry flow: resolves the code via BE, then
+ * routes to the right outcome — existing member / public non-member both
+ * resolve immediately via `onAllowed` (the group screen's own access guard
+ * derives view-only vs full access on its own), a private non-member sees a
+ * confirm-join bottom sheet first, and any resolve failure shows the
+ * Unavailable Link modal. Settles at most once per `code` — a background
+ * refetch of the resolve query must not re-open the sheet or re-fire
+ * `onAllowed`.
+ */
+export const useJoinGroupByInviteLink = ({
+  code,
+  onAllowed
+}) => {
+  const {
+    data,
+    isLoading,
+    isError
+  } = useResolveGroupInviteLink(code);
+  const settledCodeRef = useRef(undefined);
+  useEffect(() => {
+    if (!code || isLoading || settledCodeRef.current === code) return;
+    if (isError || !data) {
+      settledCodeRef.current = code;
+      showGroupInviteLinkUnavailableModal();
+      return;
+    }
+    if (data.isMember) {
+      settledCodeRef.current = code;
+      onAllowed({
+        groupId: data.groupId,
+        conversationId: data.conversationId
+      });
+      return;
+    }
+    settledCodeRef.current = code;
+    UIUtils.bottomSheet.dismiss();
+    openJoinGroupConfirmSheet({
+      groupInfo: data,
+      onJoined: () => {
+        onAllowed({
+          groupId: data.groupId,
+          conversationId: data.conversationId
+        });
+      }
+    });
+    // Do not add code as dependency
+    // Because data is delayed compared to code -> cause stalling data
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isLoading, isError, data, onAllowed]);
+};
+//# sourceMappingURL=useJoinGroupByInviteLink.js.map

package/lib/module/hooks/groups/useJoinGroupByInviteLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useEffect","useRef","GroupJoinSource","KButton","KColors","KContainer","KLabel","Avatar","UIUtils","trans","useJoinGroup","useResolveGroupInviteLink","jsx","_jsx","jsxs","_jsxs","showGroupInviteLinkUnavailableModal","alert","open","title","message","primaryIndex","buttonType","buttons","label","kind","ignoreStack","JoinGroupConfirmSheetContent","groupInfo","onJoined","mutate","joinGroup","isPending","handleConfirm","groupID","groupId","reqMsg","joinSource","QrCode","groupName","onSuccess","bottomSheet","dismiss","onError","toast","theme","View","paddingH","paddingB","alignItems","children","size","source","groupAvatar","fullName","Text","typo","color","black","paddingT","numberOfLines","textAlign","gray","normal","count","groupTotalMember","Solid","onPress","loading","isLightSolid","stretch","marginT","openJoinGroupConfirmSheet","params","header","text","alignment","showCloseButton","touchOutsideToDismiss","body","renderContent","useJoinGroupByInviteLink","code","onAllowed","data","isLoading","isError","settledCodeRef","undefined","current","isMember","conversationId"],"sourceRoot":"../../../../src","sources":["hooks/groups/useJoinGroupByInviteLink.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/groups/useResolveGroupInviteLink.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { useQuery } from '@tanstack/react-query';
+import { groupQueryKeys } from "../query-keys.js";
+import { apiInstance, unwrapEnvelope } from "../../services/apis.js";
+import { ENDPOINTS } from "../../services/endpoints.js";
+export const useResolveGroupInviteLink = code => {
+  return useQuery({
+    queryKey: groupQueryKeys.inviteInfo(code ?? ''),
+    enabled: Boolean(code),
+    queryFn: async () => {
+      const res = await apiInstance?.get(ENDPOINTS.chatService.groupJoinLink(code));
+      return unwrapEnvelope(res);
+    },
+    refetchOnWindowFocus: false
+  });
+};
+//# sourceMappingURL=useResolveGroupInviteLink.js.map

package/lib/module/hooks/groups/useResolveGroupInviteLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useQuery","groupQueryKeys","apiInstance","unwrapEnvelope","ENDPOINTS","useResolveGroupInviteLink","code","queryKey","inviteInfo","enabled","Boolean","queryFn","res","get","chatService","groupJoinLink","refetchOnWindowFocus"],"sourceRoot":"../../../../src","sources":["hooks/groups/useResolveGroupInviteLink.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,cAAc,QAAQ,kBAAe;AAE9C,SAASC,WAAW,EAAEC,cAAc,QAAQ,wBAAqB;AAEjE,SAASC,SAAS,QAAQ,6BAA0B;AAEpD,OAAO,MAAMC,yBAAyB,GAAIC,IAAa,IAAK;EAC1D,OAAON,QAAQ,CAAC;IACdO,QAAQ,EAAEN,cAAc,CAACO,UAAU,CAACF,IAAI,IAAI,EAAE,CAAC;IAC/CG,OAAO,EAAEC,OAAO,CAACJ,IAAI,CAAC;IACtBK,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMC,GAAG,GAAG,MAAMV,WAAW,EAAEW,GAAG,CAChCT,SAAS,CAACU,WAAW,CAACC,aAAa,CAACT,IAAK,CAC3C,CAAC;MACD,OAAOH,cAAc,CAAsBS,GAAG,CAAC;IACjD,CAAC;IACDI,oBAAoB,EAAE;EACxB,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/hooks/query-keys.js

@@ -54,6 +54,7 @@ export const groupQueryKeys = {
   public: () => [...groupQueryKeys.all, 'public'],
   publicSearch: keyword => [...groupQueryKeys.public(), keyword],
   join: () => [...groupQueryKeys.all, 'join'],
-  leave: () => [...groupQueryKeys.all, 'leave']
+  leave: () => [...groupQueryKeys.all, 'leave'],
+  inviteInfo: code => [...groupQueryKeys.all, 'inviteInfo', code]
 };
 //# sourceMappingURL=query-keys.js.map

package/lib/module/hooks/query-keys.js.map

@@ -1 +1 @@
-{"version":3,"names":["commonQueryKeys","all","urlMetadata","url","conversationQueryKeys","lists","list","applicationType","details","detail","conversationId","getStatusBot","botId","conversationTarget","flow","flowMainMenu","resetFlow","runFlow","closeSession","detailByBotId","detailBySourceId","sourceId","joinedGroup","groupId","create","userId","groupInfo","usersQueryKeys","userIds","stickerQueryKeys","categories","byCategory","categoryId","recent","resourceCenterQueryKeys","byType","recvID","contentType","messageQueryKeys","search","query","mentionQueryKeys","groupID","keyword","contactQueryKeys","type","groupQueryKeys","public","publicSearch","join","leave"],"sourceRoot":"../../../src","sources":["hooks/query-keys.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["commonQueryKeys","all","urlMetadata","url","conversationQueryKeys","lists","list","applicationType","details","detail","conversationId","getStatusBot","botId","conversationTarget","flow","flowMainMenu","resetFlow","runFlow","closeSession","detailByBotId","detailBySourceId","sourceId","joinedGroup","groupId","create","userId","groupInfo","usersQueryKeys","userIds","stickerQueryKeys","categories","byCategory","categoryId","recent","resourceCenterQueryKeys","byType","recvID","contentType","messageQueryKeys","search","query","mentionQueryKeys","groupID","keyword","contactQueryKeys","type","groupQueryKeys","public","publicSearch","join","leave","inviteInfo","code"],"sourceRoot":"../../../src","sources":["hooks/query-keys.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/ChatListLegend.js

@@ -1,10 +1,10 @@
 "use strict";
 
 import { memo, useCallback, useMemo, useEffect, useRef, useState } from 'react';
-import { ActivityIndicator, DeviceEventEmitter, Platform, StyleSheet, useWindowDimensions } from 'react-native';
+import { ActivityIndicator, DeviceEventEmitter, StyleSheet, useWindowDimensions } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from 'react-native-reanimated';
 import { KeyboardAwareLegendList } from '@legendapp/list/keyboard';
-import { KeyboardEvents } from 'react-native-keyboard-controller';
+import { KeyboardEvents, useGenericKeyboardHandler } from 'react-native-keyboard-controller';
 import { KContainer, KColors, KSpacingValue, KLabel, KRadiusValue, KImage } from '@droppii/libs';
 import { precomputeLegendListData } from "../../utils/legendListMessage.js";
 import { getMessageRenderId } from "../../utils/message.js";
@@ -39,11 +39,36 @@ const BUTTON_FADE_CONFIG = {
   duration: 200,
   easing: Easing.out(Easing.ease)
 };
+const CONTENT_PADDING_VERTICAL = KSpacingValue['0.75rem'];
 
-// Long enough to swallow Android's willShow→willHide→willShow flapping
-// (~1.3s period, measured), short enough that a real keyboard close still
-// settles within one animation.
-const KEYBOARD_HIDE_DEBOUNCE_MS = 300;
+// How long past the duration the keyboard event reported the following loop
+// keeps waiting for the live height to actually reach its target before giving
+// up and snapping to it. Only a fallback: normally the loop ends the frame the
+// keyboard does.
+const FOLLOW_FALLBACK_MS = 120;
+
+// How long the keyboard-following loop keeps claiming the list after its last
+// frame. That frame's `setState` renders, lays out and emits its scroll event
+// after the loop has returned, and that trailing event carries the same
+// half-applied geometry the rest of the transition does.
+const FOLLOW_SETTLE_MS = 200;
+
+// Frames the keyboard-following loop keeps pinning after the reserved room has
+// reached its target. The pin in the frame that sets the final padding runs
+// before React has rendered it and before the native layout has applied, so it
+// finds no room to scroll into. On iOS that goes unnoticed — the loop has many
+// frames and a later one does the work — but Android's first loop frame
+// already reports the finished height, so without a tail nothing ever scrolls
+// and the last message stays behind the keyboard.
+const FOLLOW_TAIL_FRAMES = 3;
+
+// Passed as the list's `keyboardOffset` to switch KeyboardChatScrollView's own
+// native `contentInset` off while leaving the rest of the component in place.
+// Its `getEffectiveHeight` interpolates the live keyboard height into
+// `[0, max(keyboardHeight - offset, 0)]`, so an offset no keyboard can exceed
+// pins the inset at 0 for every frame of the transition. The keyboard's room is
+// reserved as real content padding instead — see the keyboard effect below.
+const DISABLE_NATIVE_KEYBOARD_INSET = 1_000_000;
 const getRowMarginBottom = position => position === 'last' || position === 'solo' ? ROW_MARGIN_CLUSTER_END : ROW_MARGIN_IN_CLUSTER;
 export const ChatListLegend = /*#__PURE__*/memo(({
   messages = [],
@@ -95,10 +120,36 @@ export const ChatListLegend = /*#__PURE__*/memo(({
   const buttonOpacity = useSharedValue(0);
   const isAtBottomRef = useRef(true);
   const scrollDebounceRef = useRef(undefined);
-  // Current keyboard height, and the trigger for the re-anchor effect
-  // below — see the keyboard listener for how each platform uses it.
+  // The state drives the content's bottom padding; the ref is the last
+  // value acted on, read synchronously inside the keyboard listener to
+  // drop Android's repeat events before they reach React.
+  const keyboardInsetRef = useRef(0);
   const [keyboardInset, setKeyboardInset] = useState(0);
-  const hasSeenFirstKeyboardInsetRef = useRef(false);
+  // The keyboard's live height, written on the UI thread and sampled from
+  // the JS thread by the tween below, so the content tracks the keyboard's
+  // real position instead of a guessed easing curve.
+  //
+  // `useGenericKeyboardHandler` rather than `useKeyboardHandler` /
+  // `useReanimatedKeyboardAnimation`: those call `useResizeMode()`, which
+  // reaches in and sets Android's soft input mode — `KeyboardProvider`
+  // already owns that here. The worklet only writes a SharedValue; calling
+  // `runOnJS` (or anything that reaches JS) from a keyboard worklet
+  // reliably crashes Reanimated with a reentrant-lock assertion.
+  // True while the keyboard-following loop below is driving the list.
+  const isFollowingKeyboardRef = useRef(false);
+  const liveKeyboardHeight = useSharedValue(0);
+  useGenericKeyboardHandler({
+    onMove: e => {
+      'worklet';
+
+      liveKeyboardHeight.value = e.height;
+    },
+    onEnd: e => {
+      'worklet';
+
+      liveKeyboardHeight.value = e.height;
+    }
+  }, []);
   const rowRefsMap = useRef(new Map());
   // Set on a real touch-drag (`onScrollBeginDrag`), before onStartReached/
   // onEndReached's threshold could fire. `onMomentumScrollBegin` was tried
@@ -341,6 +392,14 @@ export const ChatListLegend = /*#__PURE__*/memo(({
     hasUserScrolledRef.current = true;
   }, []);
   const handleScroll = useCallback(e => {
+    // The keyboard-following loop re-pins to the end on every frame, so
+    // the list is at the bottom for the whole transition by construction.
+    // The intermediate events it produces are not: content size and
+    // offset move a frame apart, and a reading taken between them says
+    // "not at bottom" and latches the scroll-to-bottom button on. The
+    // loop only runs when the list was already at the bottom, so there is
+    // nothing here to detect while it does.
+    if (isFollowingKeyboardRef.current) return;
     const {
       contentOffset,
       contentSize,
@@ -380,6 +439,13 @@ export const ChatListLegend = /*#__PURE__*/memo(({
     isAtBottomRef.current = true;
     setShowBadge(false);
   }, [hasMoreNew, onLoadMoreOld, scrollMessageToEnd, buttonOpacity]);
+
+  // `paddingBottom` here replaces the one `styles.content` sets via
+  // `paddingVertical`, so the base spacing has to be added back or the last
+  // message ends up flush against the composer.
+  const contentContainerStyle = useMemo(() => [styles.content, {
+    paddingBottom: CONTENT_PADDING_VERTICAL + keyboardInset
+  }], [keyboardInset]);
   const animatedButtonStyle = useAnimatedStyle(() => ({
     opacity: buttonOpacity.value,
     pointerEvents: buttonOpacity.value === 0 ? 'none' : 'auto'
@@ -394,71 +460,157 @@ export const ChatListLegend = /*#__PURE__*/memo(({
     };
   }, []);
 
-  // Tracks the keyboard's height as the trigger for the re-anchor below.
-  // The `willHide` side is debounced because Android's event stream flaps
-  // willShow→willHide→willShow roughly every 1.3s for as long as the
-  // keyboard stays open (measured on device) — without this, every flap
-  // would fire another scroll. A real close still lands, just one tick
-  // later. Setting the same height twice is a no-op for the effect below,
-  // so a stable open only ever re-anchors once.
+  // Reserves the keyboard's room on the content and keeps the list pinned
+  // to the end for the length of each keyboard transition.
   //
-  // JS-thread only (no worklet), so none of the reentrant-lock crash risk
-  // that reaching into `useKeyboardHandler`'s worklets carries.
+  // JS thread only: no worklet, so none of the reentrant-lock crash risk
+  // that reaching into `useKeyboardHandler`'s worklets carries. The one
+  // worklet involved only writes `liveKeyboardHeight`, which this reads.
   useEffect(() => {
-    let pendingHide;
-    const clearPendingHide = () => {
-      if (pendingHide) {
-        clearTimeout(pendingHide);
-        pendingHide = undefined;
+    let pendingSettle;
+    let pendingFrame;
+    const clearPending = () => {
+      if (pendingSettle) {
+        clearTimeout(pendingSettle);
+        pendingSettle = undefined;
+      }
+      if (pendingFrame !== undefined) {
+        cancelAnimationFrame(pendingFrame);
+        pendingFrame = undefined;
       }
+      isFollowingKeyboardRef.current = false;
     };
-    const applyInset = nextInset => {
-      // Android only: the bottom inset the library applies there is a
-      // synthetic prop that `onScroll` does not report (its own
-      // `ScrollViewWithBottomPadding` says as much), so LegendList never
-      // learns about it, `alignItemsAtEndPadding` never shrinks, and the
-      // re-anchor below has no room to scroll into. Reporting it closes
-      // that gap. iOS needs none of this — there the inset is real and
-      // arrives through `onScroll` on its own, and overriding it here
-      // would double-count.
-      if (Platform.OS === 'android') {
-        listRef.current?.reportContentInset(nextInset > 0 ? {
-          bottom: nextInset
-        } : null);
+
+    // Follows the keyboard frame by frame instead of setting the reserved
+    // room in one step.
+    //
+    // Set in one step the layout lift lands in a single frame — measured,
+    // 72 of the 302px the content had to travel arrived as an instant jump
+    // while only the remaining 230 were animated, and `scrollToEnd`'s own
+    // ~324ms curve then finished about 100ms after the keyboard had already
+    // stopped. Sampling `liveKeyboardHeight` each frame instead means the
+    // padding, and with it the content, is wherever the keyboard actually
+    // is — no easing curve to guess at, and the two cannot drift apart.
+    //
+    // `duration` is only a bound, for a transition whose reported height
+    // never quite reaches the event's target.
+    const followKeyboard = (to, duration) => {
+      const startedAt = Date.now();
+      const startedFrom = Math.max(Math.abs(liveKeyboardHeight.value) - keyboardOffset, 0);
+      let tailFrames = 0;
+      isFollowingKeyboardRef.current = true;
+      const step = () => {
+        const live = Math.max(Math.abs(liveKeyboardHeight.value) - keyboardOffset, 0);
+        // Tracks the keyboard rather than a timer, so the content never
+        // keeps travelling after the keyboard has stopped. The elapsed
+        // check is only a fallback for a transition whose reported height
+        // never quite reaches the target.
+        const reached = Math.abs(live - to) <= 1;
+        const timedOut = !reached && Date.now() - startedAt >= duration + FOLLOW_FALLBACK_MS;
+        // Whether the keyboard moved at all decides what a timeout means. A
+        // `keyboardWillHide` the keyboard does not act on leaves the live
+        // height exactly where it was, and forcing the target there would
+        // collapse the room out from under a keyboard that is still up —
+        // which is what the old hide debounce was guarding against, at the
+        // cost of the list dropping a beat after the keyboard had gone. A
+        // real transition that merely stops a few px short of the height
+        // the event reported (iOS, measured ~4px) still has to land exactly
+        // on the target.
+        const moved = Math.abs(live - startedFrom) > 1;
+        if (reached) {
+          tailFrames += 1;
+        }
+        const done = timedOut || tailFrames >= FOLLOW_TAIL_FRAMES;
+        const settleTo = reached || timedOut && moved ? to : live;
+        setKeyboardInset(settleTo);
+        if (settleTo !== to) {
+          // Record what the room actually ended up as, or the dedupe in
+          // `applyInset` would swallow the next real transition to `to`.
+          keyboardInsetRef.current = settleTo;
+        }
+        // Re-pin every frame. Growing the padding only moves the content on
+        // its own while there is `alignItemsAtEndPadding` left to absorb
+        // it; once that is gone — any conversation taller than the viewport
+        // — the padding just extends the range and nothing moves until
+        // something scrolls, and `maintainScrollAtEnd` does not follow a
+        // content size change frame by frame (measured: one scroll event,
+        // at the very end). Unanimated on purpose: the keyboard is the
+        // animation, and an animated scroll here would start a second curve
+        // on top of it every frame.
+        listRef.current?.scrollToEnd({
+          animated: false
+        });
+        if (done) {
+          pendingFrame = undefined;
+          // The loop only runs from a list that was at the bottom and it
+          // has just pinned it there again, so record that rather than
+          // waiting to re-derive it from a scroll event.
+          isAtBottomRef.current = true;
+          buttonOpacity.value = withTiming(0, BUTTON_FADE_CONFIG);
+          setShowBadge(false);
+          pendingSettle = setTimeout(() => {
+            pendingSettle = undefined;
+            isFollowingKeyboardRef.current = false;
+          }, FOLLOW_SETTLE_MS);
+          return;
+        }
+        pendingFrame = requestAnimationFrame(step);
+      };
+      pendingFrame = requestAnimationFrame(step);
+    };
+    const applyInset = (nextInset, duration) => {
+      // Android's event stream flaps willShow -> willHide -> willShow every
+      // ~1.3s for as long as the keyboard stays open (measured), so a
+      // repeated height must not restart the follow loop.
+      if (keyboardInsetRef.current === nextInset) return;
+      keyboardInsetRef.current = nextInset;
+
+      // Reserve the keyboard's room as real bottom padding on the content
+      // and let LegendList own it end to end. The native `contentInset` is
+      // switched off (see `keyboardOffset` on the list below), so this is
+      // the only thing compensating for the keyboard.
+      //
+      // The point is an invariant, not an offset: the scroll view's
+      // maximum content offset has to BE the visually correct position.
+      // Otherwise there is a band of legal resting offsets that all look
+      // wrong, and a drag settles somewhere inside it — which is the blank
+      // gap above the composer.
+      //
+      // A native inset cannot hold that invariant here. It widens the
+      // scroll range by the full keyboard height, but LegendList
+      // independently shrinks `alignItemsAtEndPadding` by the same amount
+      // and lifts the content through layout as well. Measured on a short
+      // conversation: the layout lift covered 258 of the 302 needed, so
+      // only 44 of scrolling was left to do while the range still ran to
+      // 302 — 258px of pure slack. As content padding the same 302 goes
+      // into `contentSize`, so `alignItemsAtEndPadding` falls out to zero,
+      // the range is exactly the lift required, and `scrollToEnd` (which
+      // reads LegendList's own metrics, and already offsets itself by
+      // `stylePaddingBottom`) lands on it.
+      //
+      // Skipped when the user has scrolled away from the bottom — opening
+      // the keyboard shouldn't yank them back down — but the padding still
+      // has to change, or the range would be wrong for them too.
+      if (!isAtBottomRef.current) {
+        setKeyboardInset(nextInset);
+        return;
       }
-      setKeyboardInset(nextInset);
+      followKeyboard(nextInset, duration);
     };
     const willShow = KeyboardEvents.addListener('keyboardWillShow', e => {
-      clearPendingHide();
-      applyInset(Math.max(e.height - keyboardOffset, 0));
+      clearPending();
+      applyInset(Math.max(e.height - keyboardOffset, 0), e.duration);
     });
-    const willHide = KeyboardEvents.addListener('keyboardWillHide', () => {
-      clearPendingHide();
-      pendingHide = setTimeout(() => applyInset(0), KEYBOARD_HIDE_DEBOUNCE_MS);
+    const willHide = KeyboardEvents.addListener('keyboardWillHide', e => {
+      clearPending();
+      applyInset(0, e.duration);
     });
     return () => {
-      clearPendingHide();
+      clearPending();
       willShow.remove();
       willHide.remove();
     };
-  }, [keyboardOffset, listRef]);
-
-  // Re-anchors to the end once the keyboard's inset has landed, which puts
-  // the last message at exactly the spacing the closed-keyboard layout has
-  // (verified on device against both a 7-message and a long conversation).
-  // Skipped when the user has scrolled away from the bottom — opening the
-  // keyboard shouldn't yank them back down.
-  useEffect(() => {
-    if (!hasSeenFirstKeyboardInsetRef.current) {
-      hasSeenFirstKeyboardInsetRef.current = true;
-      return;
-    }
-    if (!isAtBottomRef.current) return;
-    scrollMessageToEnd({
-      animated: true,
-      closeKeyboard: false
-    });
-  }, [keyboardInset, scrollMessageToEnd]);
+  }, [buttonOpacity, keyboardOffset, listRef, liveKeyboardHeight]);
 
   // This component can stay mounted across a conversationId change (e.g.
   // navigation.replace reusing the same screen instance), so this ref must
@@ -576,22 +728,28 @@ export const ChatListLegend = /*#__PURE__*/memo(({
       ,
       drawDistance: 800,
       freeze: freeze,
-      keyboardOffset: keyboardOffset
-      // The list's own keyboard compensation is off on both platforms —
-      // measured, it overshoots badly either way. On iOS it scrolls on
-      // top of React Native's `automaticallyAdjustContentInsets` (which
-      // already insets the scroll view by the full keyboard height), and
-      // that double lift is the blank gap. On Android it overshot by
-      // ~690px against a 128px target. What both platforms do keep from
-      // the library is the bottom inset it sets, which is the room the
-      // re-anchor above scrolls into.
+      keyboardOffset: DISABLE_NATIVE_KEYBOARD_INSET
+      // iOS only. Left on, React Native recomputes and applies its own
+      // `contentInset` every time the keyboard moves — measured here as
+      // {top: 59, bottom: keyboardHeight}, both wrong. The bottom value
+      // over-insets by the safe area, and the phantom top one is worse:
+      // iOS rests a scroll view at `-contentInset.top`.
+      // That resting offset is what put the content 59pt low and hid the
+      // last message behind the composer the moment a touch let UIKit
+      // re-clamp. legend-list's own KeyboardAvoidingLegendList disables
+      // this for the same reason.
+      ,
+      automaticallyAdjustContentInsets: false
+      // No scroll shift from the library either — the content padding
+      // above is the single compensator. Measured with it on: a 302px
+      // keyboard produced a 604px lift, exactly double.
       ,
       keyboardLiftBehavior: "never",
       scrollEventThrottle: 16,
       onScroll: handleScroll,
       onScrollBeginDrag: handleScrollBeginDrag,
       onLoad: handleListLoad,
-      contentContainerStyle: styles.content,
+      contentContainerStyle: contentContainerStyle,
       scrollIndicatorInsets: {
         right: 1
       },
@@ -636,7 +794,7 @@ const styles = StyleSheet.create({
     position: 'relative'
   },
   content: {
-    paddingVertical: KSpacingValue['0.75rem'],
+    paddingVertical: CONTENT_PADDING_VERTICAL,
     flexGrow: 1
   },
   scrollToBottomButton: {