@droppii-org/chat-mobile 0.2.50 → 0.2.52

package/src/screens/ResourceCenter/types.ts

@@ -0,0 +1,56 @@
+import { DThreadResourceContentType } from '../../types/chat';
+
+export interface ResourceCenterScreenProps {
+  conversationId: string;
+  /**
+   * Fallback groupID/userID for the race-condition window where `conversationId`
+   * isn't in the store yet (fresh deep-link / cold nav). Mirrors the route-param
+   * fallback pattern host apps already use elsewhere (e.g. `useSendMessage`).
+   */
+  fallbackGroupID?: string;
+  fallbackUserID?: string;
+  initialTab?: DThreadResourceContentType;
+  onBack?: () => void;
+  /**
+   * Host-provided link-open handler — mirrors `ChatDetailProps.onPressUrl`. This library does
+   * NOT implement in-app-browser/deeplink/external-app logic itself (traced: `ChatDetail.tsx`
+   * only normalizes the URL and forwards to this same prop) — the host app supplies it.
+   */
+  onPressUrl?: (url: string) => void;
+}
+
+export type ResourceCenterLayout = 'grid' | 'list';
+
+export interface ResourceTabConfig {
+  contentType: DThreadResourceContentType;
+  labelKey: string;
+  emptyKey: string;
+  layout: ResourceCenterLayout;
+}
+
+export const RESOURCE_TABS: ResourceTabConfig[] = [
+  {
+    contentType: DThreadResourceContentType.IMAGE,
+    labelKey: 'chat:resource_center_tab_image',
+    emptyKey: 'chat:resource_center_empty_generic',
+    layout: 'grid',
+  },
+  {
+    contentType: DThreadResourceContentType.VIDEO,
+    labelKey: 'chat:resource_center_tab_video',
+    emptyKey: 'chat:resource_center_empty_generic',
+    layout: 'grid',
+  },
+  {
+    contentType: DThreadResourceContentType.FILE,
+    labelKey: 'chat:resource_center_tab_file',
+    emptyKey: 'chat:resource_center_empty_generic',
+    layout: 'list',
+  },
+  {
+    contentType: DThreadResourceContentType.URL_TEXT,
+    labelKey: 'chat:resource_center_tab_link',
+    emptyKey: 'chat:resource_center_empty_link',
+    layout: 'list',
+  },
+];

package/src/screens/chat-detail/ChatComposer.tsx

@@ -8,6 +8,7 @@ import {
   type RefObject,
 } from 'react';
 import {
+  Keyboard,
   Platform,
   StyleSheet,
   type LayoutChangeEvent,
@@ -15,7 +16,10 @@ import {
 } from 'react-native';
 import { debounce } from 'lodash';
 import Reanimated from 'react-native-reanimated';
-import { KeyboardStickyView } from 'react-native-keyboard-controller';
+import {
+  KeyboardStickyView,
+  useKeyboardState,
+} from 'react-native-keyboard-controller';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { KContainer, KColors, KImage, KButton, KLabel } from '@droppii/libs';
 
@@ -30,12 +34,15 @@ import { ChatAttachmentPanel } from './ChatAttachmentPanel';
 import { ChatLinkPreview } from './ChatLinkPreview';
 import { ChatMessageInput } from './components/ChatMessageInput';
 import { AttachmentPreview } from '../../components/AttachmentPreview';
+import { StickerPicker } from '../../components/StickerPicker';
+import type { StickerItem } from '../../types/sticker';
 
 import {
   DEFAULT_QUICK_ACTIONS,
   getAttachmentPanelHeight,
   DEFAULT_PANNEL_ACTIONS,
 } from './constants';
+import { STICKER_PICKER_HEIGHT } from '../../components/StickerPicker/constants';
 import { DChatPannelActionItemType, type DChatPannelAction } from './types';
 import { useChatComposerState } from './hooks/useChatComposerState';
 import { useChatComposerAnimation } from './hooks/useChatComposerAnimation';
@@ -47,11 +54,12 @@ import { useAttachmentMapping } from './hooks/useAttachmentMapping';
 import type { AttachmentType } from '../../types/attachment';
 import { useChatCompose } from '../../hooks/useChatCompose';
 import { ChatCurrentQuotedMessage } from './ChatCurrentQuotedMessage';
+import { useSendMessage } from '../../hooks/message/useSendMessage';
 
 interface ChatComposerInternalProps {
   isEmptyMessage?: boolean;
   pannelActions?: DChatPannelAction[];
-  isDisableCompose?: boolean;
+  isComposeDisabled?: boolean;
   composerRef?: RefObject<View | null>;
   onComposerLayout?: (event: LayoutChangeEvent) => void;
 }
@@ -60,18 +68,22 @@ export const ChatComposer = memo(
   ({
     isEmptyMessage = false,
     pannelActions,
-    isDisableCompose = false,
+    isComposeDisabled = false,
     composerRef,
     onComposerLayout,
   }: ChatComposerInternalProps) => {
     const insets = useSafeAreaInsets();
+    const isDisableCompose = isComposeDisabled;
+    const isKeyboardVisible = useKeyboardState((state) => state.isVisible);
 
     const { isBotConversation, conversationFlow } = useChatDetailContext();
     const { mutate: runFlow, isPending } = useRunFlow();
-
+    const { sendMessage } = useSendMessage();
     const compose = useChatCompose();
 
     const {
+      activePanelType,
+      setActivePanelType,
       isAttachmentOpen,
       setIsAttachmentOpen,
       isInputFocused,
@@ -81,16 +93,25 @@ export const ChatComposer = memo(
       inputRef,
     } = useChatComposerState(compose.text);
 
-    const panelHeight = useMemo(
+    const attachmentPanelHeight = useMemo(
       () => getAttachmentPanelHeight(DEFAULT_PANNEL_ACTIONS.length),
       []
     );
 
-    const { accessorySlotStyle, toggleAttachmentVisibility, closeAttachment } =
-      useChatComposerAnimation({
-        panelHeight,
-        onAttachmentOpenChange: setIsAttachmentOpen,
-      });
+    const panelHeight =
+      activePanelType === 'sticker'
+        ? STICKER_PICKER_HEIGHT
+        : attachmentPanelHeight;
+
+    const {
+      accessorySlotStyle,
+      toggleAttachmentVisibility,
+      openWithHeight,
+      closeAttachment,
+    } = useChatComposerAnimation({
+      panelHeight,
+      onAttachmentOpenChange: setIsAttachmentOpen,
+    });
 
     const handleSend = useCallback(async () => {
       if (compose.isUploading || !compose.canSend) return;
@@ -103,8 +124,58 @@ export const ChatComposer = memo(
 
     const handleInputFocus = useCallback(() => {
       setIsInputFocused(true);
-      if (isAttachmentOpen) closeAttachment(true);
-    }, [closeAttachment, isAttachmentOpen, setIsInputFocused]);
+      if (isAttachmentOpen) {
+        // Use immediate close (no animation) when sticker panel is open to avoid
+        // layout conflict between the panel closing and keyboard appearing.
+        // Attachment panel is small enough that animation is fine (speedUp=true).
+        const immediate = activePanelType === 'sticker';
+        closeAttachment(!immediate, immediate);
+        setActivePanelType(null);
+      }
+    }, [
+      closeAttachment,
+      isAttachmentOpen,
+      activePanelType,
+      setIsInputFocused,
+      setActivePanelType,
+    ]);
+
+    const handleToggleAttachment = useCallback(() => {
+      if (activePanelType === 'sticker') {
+        // switch from sticker to attachment
+        setActivePanelType('attachment');
+        openWithHeight(attachmentPanelHeight);
+        return;
+      }
+      setActivePanelType(isAttachmentOpen ? null : 'attachment');
+      toggleAttachmentVisibility();
+    }, [
+      activePanelType,
+      isAttachmentOpen,
+      attachmentPanelHeight,
+      openWithHeight,
+      toggleAttachmentVisibility,
+      setActivePanelType,
+    ]);
+
+    const handleToggleSticker = useCallback(() => {
+      if (activePanelType === 'sticker') {
+        closeAttachment();
+        setActivePanelType(null);
+        return;
+      }
+      if (isKeyboardVisible) {
+        Keyboard.dismiss();
+      }
+      setActivePanelType('sticker');
+      openWithHeight(STICKER_PICKER_HEIGHT);
+    }, [
+      activePanelType,
+      isKeyboardVisible,
+      closeAttachment,
+      openWithHeight,
+      setActivePanelType,
+    ]);
 
     const handleInputBlur = useCallback(() => {
       setIsInputFocused(false);
@@ -181,6 +252,13 @@ export const ChatComposer = memo(
       [insets.bottom, isAttachmentOpen]
     );
 
+    const handleStickerSelect = useCallback(
+      (sticker: StickerItem) => {
+        sendMessage({ sticker });
+      },
+      [sendMessage]
+    );
+
     const attachments = useAttachmentMapping({
       selectedImages: compose.selectedImages,
       selectedFiles: compose.selectedFiles,
@@ -211,7 +289,7 @@ export const ChatComposer = memo(
             />
           </KContainer.View>
           <KLabel.Text typo="TextXsNormal">
-            Người dùng này không còn khả dụng
+            {trans('chat:compose_disabled_seller_inactive')}
           </KLabel.Text>
         </KContainer.View>
       );
@@ -265,15 +343,19 @@ export const ChatComposer = memo(
             style={inputRowStyle}
           >
             <KContainer.Touchable
-              onPress={toggleAttachmentVisibility}
+              onPress={handleToggleAttachment}
               center
               br="round"
             >
               <KImage.VectorIcons
-                name={isAttachmentOpen ? 'close-circle-o' : 'plus-circle-o'}
+                name={
+                  activePanelType === 'attachment'
+                    ? 'close-circle-o'
+                    : 'plus-circle-o'
+                }
                 size={24}
                 color={
-                  isAttachmentOpen
+                  activePanelType === 'attachment'
                     ? KColors.palette.primary.w400
                     : KColors.palette.gray.w600
                 }
@@ -290,6 +372,7 @@ export const ChatComposer = memo(
               isInputFocused={isInputFocused}
               isMultilineInput={isMultilineInput}
               inputRef={inputRef}
+              onEmojiPress={handleToggleSticker}
             />
 
             <KContainer.Touchable
@@ -308,8 +391,7 @@ export const ChatComposer = memo(
               opacity={compose.isUploading ? 0.6 : 1}
             >
               <KImage.VectorIcons
-                name="send"
-                provider="MaterialCommunityIcons"
+                name="send-b"
                 size={20}
                 color={KColors.white}
               />
@@ -335,7 +417,12 @@ export const ChatComposer = memo(
             style={[styles.accessorySlot, accessorySlotStyle]}
             pointerEvents={isAttachmentOpen ? 'auto' : 'none'}
           >
-            <ChatAttachmentPanel actions={resolvedPannelActons} />
+            {activePanelType === 'attachment' && (
+              <ChatAttachmentPanel actions={resolvedPannelActons} />
+            )}
+            {activePanelType === 'sticker' && (
+              <StickerPicker onSelectSticker={handleStickerSelect} />
+            )}
           </Reanimated.View>
         </KContainer.VisibleView>
       </>

package/src/screens/chat-detail/ChatDetail.tsx

@@ -1,4 +1,4 @@
-import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import { memo, useCallback, useEffect, useRef } from 'react';
 import { DeviceEventEmitter } from 'react-native';
 
 import { useKeyboardScrollToEnd } from '@legendapp/list/keyboard';
@@ -26,15 +26,12 @@ import type { ChatDetailProps } from './types';
 import { normalizeUrl } from '../../utils/url';
 import { MessageToolboxOverlay } from './messageToolbox/MessageToolboxOverlay';
 import type { MeasuredRect, MessageToolboxRef } from './messageToolbox/types';
-import { DBotStatusValue } from '../../types/chat';
 import {
   useGetConversationDetail,
-  useGetStatusConversationBot,
+  useGetConversationTarget,
 } from '../../hooks/conversation/useGetConversationDetail';
-import { PeerType } from '@droppii/openim-rn-client-sdk';
 import type { MessageItem } from '@droppii/openim-rn-client-sdk';
 import { useMessages } from '../../hooks/message/useMessages';
-import { getBotId } from '../../utils/conversation';
 import { ChatEvent } from '../../types/events';
 import { useSetIsShowFLashMessage } from '../../context/global';
 
@@ -69,19 +66,8 @@ const ChatDetail = memo(
 
     const conversation = useConversation(conversationId);
 
-    const botId = useMemo(() => {
-      if (conversation?.peerType === PeerType.Bot) {
-        if (targetBotId) {
-          return targetBotId;
-        }
-        return getBotId(conversation);
-      }
-      return undefined;
-    }, [conversation, targetBotId]);
-
-    const { data: botInfo } = useGetStatusConversationBot(botId);
-
-    const { status: botStatus } = botInfo || {};
+    const { data: target } = useGetConversationTarget(conversationId);
+    const isComposeDisabled = !!target && !target.isActive;
 
     const handleBackDefault = useCallback(() => {
       navigation.goBack();
@@ -205,7 +191,7 @@ const ChatDetail = memo(
         <ChatComposer
           isEmptyMessage={messages?.length === 0}
           pannelActions={pannelActions}
-          isDisableCompose={botStatus === DBotStatusValue.INACTIVE}
+          isComposeDisabled={isComposeDisabled}
         />
 
         <MediaViewerModal ref={mediaViewerRef} />

package/src/screens/chat-detail/hooks/useChatComposerAnimation.ts

@@ -19,7 +19,8 @@ interface UseChatComposerAnimationReturn {
   accessorySlotStyle: any;
   toggleAttachmentVisibility: () => void;
   openAttachment: () => void;
-  closeAttachment: (speedUp?: boolean) => void;
+  openWithHeight: (height: number) => void;
+  closeAttachment: (speedUp?: boolean, immediate?: boolean) => void;
 }
 
 export const useChatComposerAnimation = ({
@@ -43,10 +44,14 @@ export const useChatComposerAnimation = ({
   }, [attachmentHeightSV, panelHeight, onAttachmentOpenChange]);
 
   const closeAttachment = useCallback(
-    (speedUp = false) => {
-      attachmentHeightSV.value = withTiming(0, {
-        duration: ACCESSORY_ANIMATION_MS / (speedUp ? 2 : 1),
-      });
+    (speedUp = false, immediate = false) => {
+      if (immediate) {
+        attachmentHeightSV.value = 0;
+      } else {
+        attachmentHeightSV.value = withTiming(0, {
+          duration: ACCESSORY_ANIMATION_MS / (speedUp ? 2 : 1),
+        });
+      }
       onAttachmentOpenChange(false);
     },
     [attachmentHeightSV, onAttachmentOpenChange]
@@ -56,6 +61,16 @@ export const useChatComposerAnimation = ({
     return { height: attachmentHeightSV.value };
   });
 
+  const openWithHeight = useCallback(
+    (height: number) => {
+      attachmentHeightSV.value = withTiming(height, {
+        duration: ACCESSORY_ANIMATION_MS,
+      });
+      onAttachmentOpenChange(true);
+    },
+    [attachmentHeightSV, onAttachmentOpenChange]
+  );
+
   const toggleAttachmentVisibility = useCallback(() => {
     // Use animated value as source of truth, not stale state
     const isOpen = attachmentHeightSV.value > 0;
@@ -84,6 +99,7 @@ export const useChatComposerAnimation = ({
     accessorySlotStyle,
     toggleAttachmentVisibility,
     openAttachment,
+    openWithHeight,
     closeAttachment,
   };
 };

package/src/screens/chat-detail/hooks/useChatComposerState.ts

@@ -1,6 +1,10 @@
 import { useState, useMemo, useRef } from 'react';
 
+export type ActivePanelType = 'attachment' | 'sticker' | null;
+
 interface UseChatComposerStateReturn {
+  activePanelType: ActivePanelType;
+  setActivePanelType: (type: ActivePanelType) => void;
   isAttachmentOpen: boolean;
   setIsAttachmentOpen: (open: boolean) => void;
   isInputFocused: boolean;
@@ -14,6 +18,7 @@ interface UseChatComposerStateReturn {
 export const useChatComposerState = (
   value: string
 ): UseChatComposerStateReturn => {
+  const [activePanelType, setActivePanelType] = useState<ActivePanelType>(null);
   const [isAttachmentOpen, setIsAttachmentOpen] = useState(false);
   const [isInputFocused, setIsInputFocused] = useState(false);
   const [isInputWrapped, setIsInputWrapped] = useState(false);
@@ -28,6 +33,8 @@ export const useChatComposerState = (
   }, [isInputWrapped, value]);
 
   return {
+    activePanelType,
+    setActivePanelType,
     isAttachmentOpen,
     setIsAttachmentOpen,
     isInputFocused,

package/src/screens/chat-detail/legend/LegendChatMessage.tsx

@@ -18,6 +18,7 @@ import { MessageStatusIndicator } from '../../../components/messages/MessageStat
 import type { BaseLegendMessageProps } from '../../../components/messages/types';
 import { messageStyles } from './messageTypes';
 import QuotedMessage from '../../../components/messages/quotedMessage';
+import { StickerMessage } from '../../../components/messages/stickerMessage';
 
 type MessageProps = BaseLegendMessageProps & {
   onPressUrl?: (url: string) => void;
@@ -36,9 +37,6 @@ interface LegendChatMessageProps {
   customMessageItemFactory?: (m: MessageItem) => ReactNode;
 }
 
-// OpenIM message types (not all exposed as MessageType enum)
-const MERGED_MESSAGE_TYPE = 107; // MergerMessage - merged/grouped messages
-
 const messageComponentMap: Partial<
   Record<MessageType, ComponentType<MessageProps>>
 > = {
@@ -49,14 +47,15 @@ const messageComponentMap: Partial<
   [MessageType.PictureMessage]: ImageMessage,
   [MessageType.VideoMessage]: VideoMessage,
   [MessageType.FileMessage]: FileMessage,
-  [MERGED_MESSAGE_TYPE]: MergedMessage,
+  [MessageType.MergeMessage]: MergedMessage,
   [MessageType.RevokeMessage]: RevokedMessage,
+  [MessageType.StickerMessage]: StickerMessage,
 };
 
 const MEDIA_TYPES: number[] = [
   MessageType.PictureMessage,
   MessageType.VideoMessage,
-  MERGED_MESSAGE_TYPE,
+  MessageType.MergeMessage,
 ];
 
 export const LegendChatMessage = memo(

package/src/services/attachmentOrchestrator.ts

@@ -11,6 +11,7 @@ import type {
   AttachmentSendResult,
 } from '../types/attachment';
 import { getAttachmentHandler } from '../types/attachmentHandler';
+import type { DChatApplicationType, IMessageItemEx } from '../types/chat';
 import { useConversationStore } from '../store';
 import { useMessageStore } from '../store/message';
 import {
@@ -97,6 +98,7 @@ export namespace AttachmentOrchestratorService {
     try {
       const mergedMsgId = await sendMergedMessage(
         payloads.map((p) => p.payload),
+        options.applicationType,
         options.includeCaption
       );
       console.log('[AttachmentOrchestrator] Messages sent via merger:', {
@@ -122,6 +124,7 @@ export namespace AttachmentOrchestratorService {
 
   async function sendMergedMessage(
     payloads: unknown[],
+    applicationType?: DChatApplicationType,
     _caption?: string
   ): Promise<string> {
     const currentConversation = useConversationStore
@@ -274,8 +277,18 @@ export namespace AttachmentOrchestratorService {
       }
     );
 
-    const recvID = currentConversation.userID || '';
-    const groupID = currentConversation.groupID || '';
+    const { currentUserId, currentGroupId } = useConversationStore.getState();
+    const recvID = currentConversation.userID || currentUserId || '';
+    const groupID = currentConversation.groupID || currentGroupId || '';
+
+    // Attachment messages otherwise skip `ex`, unlike text messages
+    // (buildSendParams), leaving applicationType context missing.
+    if (applicationType) {
+      const extendMessageInfo: IMessageItemEx = { applicationType };
+      for (let i = 0; i < allMessages.length; i++) {
+        (allMessages[i] as MessageItem).ex = JSON.stringify(extendMessageInfo);
+      }
+    }
 
     // Push all messages as "Sending" immediately so the user sees every
     // bubble right away, instead of waiting for each network call in turn.
@@ -293,7 +306,7 @@ export namespace AttachmentOrchestratorService {
           recvID,
           groupID,
           message,
-          offlinePushInfo: generateOfflinePushInfo(message.contentType, ''),
+          offlinePushInfo: generateOfflinePushInfo(message),
         });
 
         if (result) {

package/src/services/endpoints.ts

@@ -30,7 +30,12 @@ export const ENDPOINTS = {
       `${getApiEndpoint('conversation')}/${id}/bot-flows/main-menu`,
     getConversationStatusByBotId: (botId: string) =>
       `${getApiEndpoint('bot')}/${botId}`,
-    createConversation: () => getApiEndpoint('conversation'),
+    getConversationTarget: (conversationId: string) =>
+      `${getApiEndpoint('conversation')}/${conversationId}/target`,
+    stickerCategories: () => getApiEndpoint('stickerCategories'),
+    stickersByCategoryId: (id: string) =>
+      `${getApiEndpoint('stickersByCategory')}/${id}/stickers`,
+    stickerHistory: () => getApiEndpoint('stickerHistory'),
   },
   uploaderService: {
     get uploadImage() {

package/src/services/resourceCenter.ts

@@ -0,0 +1,137 @@
+import { apiInstance } from './apis';
+import { getApiEndpoint } from '../config/api-endpoints';
+import { extractDomain } from '../utils/url';
+import type { BaseResponse } from '../types/auth';
+import {
+  DThreadResourceContentType,
+  type DThreadResource,
+  type DThreadResourceListResponse,
+  type DThreadResourceRawRow,
+  type DThreadResourceRequest,
+} from '../types/chat';
+
+interface RawPicture {
+  url?: string;
+}
+
+interface RawPictureContent {
+  bigPicture?: RawPicture;
+  snapshotPicture?: RawPicture;
+}
+
+interface RawUrlTextEx {
+  urlMetadata?: {
+    title?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+  };
+}
+
+// Confirmed real: `ex.urlMetadata` is sometimes absent entirely (link preview never
+// resolved by BE) — `content.urls[0]` (the raw URL from the message text) is the
+// fallback so the row still has something to display/open.
+interface RawUrlTextContent {
+  urls?: string[];
+}
+
+// FILE/VIDEO shapes verified 2026-07-26 against a real staging response (a 1-1
+// thread, recvID = peer userID) — matched the originally-assumed OpenIM
+// `fileElem`/`videoElem`-style field names exactly.
+interface RawFileContent {
+  fileName?: string;
+  fileSize?: number;
+  fileType?: string;
+  sourceUrl?: string;
+}
+
+interface RawVideoContent {
+  videoUrl?: string;
+  snapshotUrl?: string;
+  duration?: number;
+}
+
+const safeJsonParse = <T>(raw: string | undefined): T | undefined => {
+  if (!raw) return undefined;
+  try {
+    return JSON.parse(raw) as T;
+  } catch {
+    return undefined;
+  }
+};
+
+const parseThreadResourceItem = (
+  row: DThreadResourceRawRow
+): DThreadResource => {
+  const { chatLog } = row;
+  const contentType = chatLog.contentType as DThreadResourceContentType;
+  const base: DThreadResource = {
+    id: chatLog.clientMsgID,
+    contentType,
+    isRevoked: row.isRevoked,
+    createdAt: chatLog.sendTime,
+  };
+
+  switch (contentType) {
+    case DThreadResourceContentType.IMAGE: {
+      const content = safeJsonParse<RawPictureContent>(chatLog.content);
+      return {
+        ...base,
+        sourceUrl: content?.bigPicture?.url,
+        thumbnailUrl: content?.snapshotPicture?.url,
+      };
+    }
+    case DThreadResourceContentType.VIDEO: {
+      const content = safeJsonParse<RawVideoContent>(chatLog.content);
+      return {
+        ...base,
+        sourceUrl: content?.videoUrl,
+        thumbnailUrl: content?.snapshotUrl,
+        duration: content?.duration,
+      };
+    }
+    case DThreadResourceContentType.FILE: {
+      const content = safeJsonParse<RawFileContent>(chatLog.content);
+      return {
+        ...base,
+        sourceUrl: content?.sourceUrl,
+        fileName: content?.fileName,
+        fileSize: content?.fileSize,
+        mimeType: content?.fileType,
+      };
+    }
+    case DThreadResourceContentType.URL_TEXT: {
+      const ex = safeJsonParse<RawUrlTextEx>(chatLog.ex);
+      const content = safeJsonParse<RawUrlTextContent>(chatLog.content);
+      const metadata = ex?.urlMetadata;
+      const linkUrl = metadata?.url ?? content?.urls?.[0];
+      return {
+        ...base,
+        linkUrl,
+        linkTitle: metadata?.title,
+        linkDescription: metadata?.description,
+        linkImageUrl: metadata?.image,
+        linkDomain: linkUrl ? extractDomain(linkUrl) : undefined,
+      };
+    }
+    default:
+      return base;
+  }
+};
+
+export namespace ResourceCenterService {
+  export const fetchThreadResources = async (
+    req: DThreadResourceRequest
+  ): Promise<{ items: DThreadResource[]; page: number; hasMore: boolean }> => {
+    const res = await apiInstance?.post<
+      BaseResponse<DThreadResourceListResponse>
+    >(getApiEndpoint('messagesResources'), req);
+    const rows = res?.data?.data ?? [];
+    const items = rows.map(parseThreadResourceItem);
+    // `pageable.totalPages`/`totalElements` come back as `0` on this endpoint even
+    // when rows are present (confirmed against staging) — unreliable, don't use it.
+    // Item-count-vs-pageSize is the only trustworthy `hasMore` signal available.
+    const hasMore = items.length >= req.pageSize;
+    return { items, page: req.page, hasMore };
+  };
+}