@medipha/chat 1.0.14

package/dist/module/chat-module.d.ts

@@ -0,0 +1,3 @@
+import { ChatModuleProps } from './chat-module.types';
+/** Mounts chat inside the host router without persisting authentication state. */
+export declare function ChatModule(chatModuleProps: ChatModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/module/chat-module.types.d.ts

@@ -0,0 +1,11 @@
+export interface ChatModuleProps {
+    hasAddGroupVerified: boolean;
+    hasUpdateGroupVerified: boolean;
+    hasDeleteGroupVerified: boolean;
+    userId: string;
+    accessToken: string;
+    apiUrl: string;
+    socketUrl: string;
+    onUnauthorized?: () => void;
+    onNavigateOutsideChat?: (path: string) => void;
+}

package/dist/module/chat-routes.d.ts

@@ -0,0 +1,4 @@
+/** Declares routes relative to the ERP route that mounts ChatModule. ConversationScreen
+ *  itself renders the sidebar plus either the empty state or the active conversation, so
+ *  the index route (no conversationId) reuses it directly. */
+export declare function ChatRoutes(): import("react/jsx-runtime").JSX.Element;

package/dist/module/chat-runtime-context.d.ts

@@ -0,0 +1,5 @@
+import { ChatModuleProps } from './chat-module.types';
+export type ChatRuntimeContextValue = ChatModuleProps;
+export declare const ChatRuntimeContext: import('react').Context<ChatModuleProps | undefined>;
+/** Returns the current ERP-provided authentication and endpoint configuration. */
+export declare function useChatRuntime(): ChatRuntimeContextValue;

package/dist/pages/Setting/archive/archive-attachment-preview.d.ts

@@ -0,0 +1,13 @@
+import { ChatMessageAttachment } from '../../../utils/chat';
+export interface AttachmentPreviewState {
+    kind: 'image' | 'file';
+    attachment: ChatMessageAttachment;
+}
+interface ArchiveAttachmentPreviewProps {
+    state: AttachmentPreviewState;
+    onClose: () => void;
+}
+/** Full-screen image preview for the archive media grid. Documents open in a new tab via
+ *  an online document viewer from their file card instead. */
+export declare function ArchiveAttachmentPreview({ state, onClose }: ArchiveAttachmentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/archive/archive-file-list.d.ts

@@ -0,0 +1,15 @@
+import { ChatMessage, ChatMessageAttachment } from '../../../utils/chat';
+import { ArchiveDayGroup, FileEntry } from './archive-helpers';
+interface ArchiveFileListProps {
+    groups: Array<ArchiveDayGroup<FileEntry>>;
+    resolveSenderName: (senderId?: string) => string;
+    /** Kept for signature compatibility; preview is now handled inside each file card. */
+    onSelect?: (message: ChatMessage, attachment: ChatMessageAttachment) => void;
+    /** Forward this file to another conversation; omitted when sharing isn't available. */
+    onShare?: (message: ChatMessage) => void;
+    /** Jumps back to the message this file was sent in; omitted when unavailable. */
+    onJumpToMessage?: (message: ChatMessage) => void;
+}
+/** "Files" tab body — attachment cards grouped by day, each with preview/download/share. */
+export declare function ArchiveFileList({ groups, resolveSenderName, onShare, onJumpToMessage }: ArchiveFileListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/archive/archive-helpers.d.ts

@@ -0,0 +1,37 @@
+import { ChatMessage, ChatMessageAttachment } from '../../../utils/chat';
+/**
+ * A message can carry several attachments (e.g. a multi-image grid), which live in
+ * `attachments[]`; a single-attachment message only has the flat `attachmentId`/`attachmentUrl`
+ * fields and an empty `attachments[]`. Normalize both shapes to one list so every attachment
+ * gets its own archive entry instead of just the message's first/cover one.
+ */
+export declare function getMessageAttachments(message: ChatMessage): ChatMessageAttachment[];
+export interface FileEntry {
+    message: ChatMessage;
+    attachment: ChatMessageAttachment;
+}
+export declare function flattenFileEntries(messages: ChatMessage[]): FileEntry[];
+export type FileTypeFilter = 'all' | 'word' | 'excel' | 'pdf' | 'zip' | 'other';
+export declare const FILE_TYPE_OPTIONS: Array<{
+    value: FileTypeFilter;
+    label: string;
+}>;
+export declare function getFileTypeCategoryByName(name: string | null | undefined): FileTypeFilter;
+export declare function getFileTypeCategory(attachment: ChatMessageAttachment): FileTypeFilter;
+/** Icon (label + color class) for a file by its name/extension — the archive's icon set. */
+export declare function getFileIcon(name: string | null | undefined): {
+    label: string;
+    className: string;
+};
+export declare const FILE_TYPE_ICON: Record<FileTypeFilter, {
+    label: string;
+    className: string;
+}>;
+export declare function formatSentTime(createdAt: string): string;
+export interface ArchiveDayGroup<T> {
+    label: string;
+    items: T[];
+}
+export declare function groupByDay<T>(items: T[], getDate: (item: T) => string): Array<ArchiveDayGroup<T>>;
+/** Extracts the hostname from a URL for a compact "gitlab.meditech.vn"-style subtitle. */
+export declare function getUrlHost(url: string): string;

package/dist/pages/Setting/archive/archive-media-grid.d.ts

@@ -0,0 +1,14 @@
+import { ChatMessage, ChatMessageAttachment } from '../../../utils/chat';
+import { ArchiveDayGroup } from './archive-helpers';
+interface ArchiveMediaGridProps {
+    groups: Array<ArchiveDayGroup<ChatMessage>>;
+    resolveSenderName: (senderId?: string) => string;
+    onSelect: (message: ChatMessage, attachment: ChatMessageAttachment) => void;
+    /** Forward the image to another conversation; omitted when sharing isn't available. */
+    onShare?: (message: ChatMessage) => void;
+    /** Jumps back to the message this image was sent in; omitted when unavailable. */
+    onJumpToMessage?: (message: ChatMessage) => void;
+}
+/** "Ảnh/Video" tab body — thumbnails grouped by day, each with preview/download/share. */
+export declare function ArchiveMediaGrid({ groups, resolveSenderName, onSelect, onShare, onJumpToMessage, }: ArchiveMediaGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/archive/archive-view.d.ts

@@ -0,0 +1,19 @@
+import { ChatMessage, ConversationMember } from '../../../utils/chat';
+import { ArchiveTab } from './hooks/use-conversation-archive';
+interface ArchiveViewProps {
+    conversationId: string | undefined;
+    initialTab: ArchiveTab;
+    members: ConversationMember[];
+    onBack: () => void;
+    /** Forwards a file's message to another conversation (opens the forward picker). */
+    onForwardMessage?: (message: ChatMessage) => void;
+    /** Jumps back to the message an attachment was sent in; omitted when unavailable. */
+    onJumpToMessage?: (message: ChatMessage) => void;
+}
+/**
+ * "Kho lưu trữ": browses a conversation's media, files, and links (entire history by
+ * default), filterable by day/sender/type. Renders inline in place of the settings panel
+ * body (not an overlay modal).
+ */
+export declare function ArchiveView({ conversationId, initialTab, members, onBack, onForwardMessage, onJumpToMessage, }: ArchiveViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/archive/hooks/use-conversation-archive.d.ts

@@ -0,0 +1,22 @@
+import { ChatMessage } from '../../../../utils/chat';
+export type ArchiveTab = 'media' | 'file';
+export interface ArchiveDateRange {
+    from?: string | null;
+    to?: string | null;
+}
+/** Loads media/file/link archive data for a conversation (entire history by default),
+ *  filterable by sender and an explicit sent-date range. */
+export declare function useConversationArchive(conversationId: string | undefined): {
+    error: string;
+    fileItems: ChatMessage[];
+    load: (tab: ArchiveTab, dateRange?: ArchiveDateRange) => Promise<void>;
+    loadingTab: ArchiveTab | null;
+    mediaItems: ChatMessage[];
+    senderId: string | null;
+    setSenderId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+};
+/** Fetches a small preview (default 5-day window) of media and file items for the settings panel. */
+export declare function useConversationArchivePreview(conversationId: string | undefined): {
+    filePreview: ChatMessage[];
+    mediaPreview: ChatMessage[];
+};

package/dist/pages/Setting/conversation-settings-panel.d.ts

@@ -0,0 +1,20 @@
+import { ChatMessage, Conversation } from '../../utils/chat';
+interface ConversationSettingsPanelProps {
+    conversation: Conversation | null;
+    conversationId: string | undefined;
+    currentUserId: string | null;
+    onClose: () => void;
+    onConversationUpdated: (update: Partial<Conversation>) => void;
+    onDeleteSuccess: () => void;
+    onLeaveSuccess: () => void;
+    onMembersChanged?: () => void;
+    /** Opens (or reuses) a direct conversation with the given user. */
+    onStartChat: (userId: string) => void;
+    /** Forwards a file's message to another conversation (opens the forward picker). */
+    onForwardMessage?: (message: ChatMessage) => void;
+    /** Jumps back to the message an attachment was sent in; omitted when unavailable. */
+    onJumpToMessage?: (message: ChatMessage) => void;
+}
+/** Slide-over panel exposing conversation settings and membership management. */
+export declare function ConversationSettingsPanel({ conversation, conversationId, currentUserId, onClose, onConversationUpdated, onDeleteSuccess, onLeaveSuccess, onMembersChanged, onStartChat, onForwardMessage, onJumpToMessage, }: ConversationSettingsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/hooks/use-conversation-settings.d.ts

@@ -0,0 +1,41 @@
+import { Conversation, ConversationMember } from '../../../utils/chat';
+interface UseConversationSettingsParams {
+    conversationId: string | undefined;
+    currentUserId: string | null;
+    onConversationUpdated?: (conversation: Conversation) => void;
+    onDeleteSuccess?: () => void;
+    onLeaveSuccess?: () => void;
+    onMembersChanged?: () => void;
+}
+/** Coordinates member management, rename, delete, and leave actions for a conversation. */
+export declare function useConversationSettings({ conversationId, currentUserId, onConversationUpdated, onDeleteSuccess, onLeaveSuccess, onMembersChanged, }: UseConversationSettingsParams): {
+    actionError: string;
+    addingUserId: string | null;
+    addMember: (userId: string) => Promise<boolean>;
+    addMembers: (userIds: string[]) => Promise<boolean>;
+    currentMember: ConversationMember | null;
+    deletingUserId: string | null;
+    deleteGroup: () => Promise<boolean>;
+    deleteMember: (userId: string) => Promise<boolean>;
+    removeMembers: (userIds: string[]) => Promise<boolean>;
+    isDeletingGroup: boolean;
+    isLeaving: boolean;
+    isLoadingMembers: boolean;
+    isLoadingMoreMembers: boolean;
+    isRenaming: boolean;
+    isUpdatingAvatar: boolean;
+    isOwner: boolean;
+    leave: (nextOwnerId?: string | null) => Promise<boolean>;
+    loadMoreMembers: () => Promise<void>;
+    memberCountLabel: string;
+    memberUserIds: Set<string>;
+    members: ConversationMember[];
+    membersError: string;
+    membersSearch: string;
+    nextCursor: string | null;
+    otherMembers: ConversationMember[];
+    renameConversation: (title: string) => Promise<boolean>;
+    searchMembers: (search: string) => Promise<void>;
+    updateGroupAvatarFile: (file: File) => Promise<boolean>;
+};
+export {};

package/dist/pages/Setting/hooks/use-search-panel.d.ts

@@ -0,0 +1,7 @@
+/** Whether the full-conversation SearchPanel is open — the header's search button opens
+ *  it directly (no separate inline header search box to manage a draft for). */
+export declare function useSearchPanel(): {
+    isPanelOpen: boolean;
+    openPanel: () => void;
+    closePanel: () => void;
+};

package/dist/pages/Setting/index.d.ts

@@ -0,0 +1,39 @@
+import { ChatMessage, Conversation } from '../../utils/chat';
+export interface ConversationSettingHandle {
+    toggleSettings: () => void;
+    openSearch: () => void;
+    openRename: () => void;
+    openMembers: () => void;
+}
+interface ConversationSettingProps {
+    conversationId: string | undefined;
+    conversation: Conversation | null;
+    currentUserId: string | null;
+    onConversationUpdated: (update: Partial<Conversation>) => void;
+    onDeleteSuccess: () => void;
+    onLeaveSuccess: () => void;
+    onStartChat: (userId: string) => void;
+    onForwardMessage: (message: ChatMessage) => void;
+    onOpenUserProfile: (userId: string) => void;
+    onSelectSearchMessage: (messageId: string) => Promise<boolean>;
+    /** Scrolls the timeline to a message chosen from the documents/media lists. The panel
+     *  stays open on purpose - jumping is a navigation aid used while browsing the list, so
+     *  closing it would throw the user out of the list they were working through. Required
+     *  rather than optional so the jump buttons cannot silently disappear again if this prop
+     *  is ever dropped while moving these panels around. */
+    onJumpToMessage: (message: ChatMessage) => void;
+    /** Notifies the page whenever the settings panel or the search panel open/close — the
+     *  page needs `isSettingsOpen` specifically (the header's settings-toggle button shows
+     *  its own active state from it) and the combination of both for its "has-side-panel"
+     *  layout class. The panels themselves stay owned here. */
+    onOpenChange: (state: {
+        isSettingsOpen: boolean;
+        isSearchOpen: boolean;
+    }) => void;
+}
+/** Everything under the "Setting" umbrella for the currently open conversation: the
+ *  search panel, the settings/info panel, the member-list modal, and the rename dialog.
+ *  Owns their open/closed state itself — the header (a sibling under `conversation/`)
+ *  only reaches in via the imperative handle to trigger them. */
+export declare const ConversationSetting: import('react').ForwardRefExoticComponent<ConversationSettingProps & import('react').RefAttributes<ConversationSettingHandle>>;
+export {};

package/dist/pages/Setting/members/add-member-modal.d.ts

@@ -0,0 +1,11 @@
+interface AddMemberModalProps {
+    currentUserId: string | null;
+    /** Users already in the conversation (plus self) — hidden from the pickable list. */
+    memberUserIds: Set<string>;
+    onClose: () => void;
+    onConfirm: (userIds: string[]) => Promise<void>;
+}
+/** "Thêm thành viên" — branch/department filters + search + checkbox multi-select grouped
+ *  alphabetically, each row showing the avatar, employee code, and job title. */
+export declare function AddMemberModal({ currentUserId, memberUserIds, onClose, onConfirm, }: AddMemberModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/members/group-members-modal.d.ts

@@ -0,0 +1,21 @@
+import { ConversationMember } from '../../../utils/chat';
+interface GroupMembersModalProps {
+    members: ConversationMember[] | undefined;
+    memberCount: number;
+    onClose: () => void;
+    /** Opens the account-info modal for a member. */
+    onOpenProfile?: (userId: string) => void;
+    /** Who is looking — they never get a tick next to their own row. */
+    currentUserId?: string | null;
+    /** Whether this viewer may remove members at all (group owner, group not verified). */
+    canRemove?: boolean;
+    isRemoving?: boolean;
+    /** Removes the whole tick-selection in one request, so the group gets a single "đã xóa"
+     *  notice instead of one per person. */
+    onDeleteMembers?: (userIds: string[]) => Promise<boolean> | void;
+}
+/** Read-only member list opened from the group header's member count. Reads straight from
+ *  the conversation's own `members` (kept live in the shared conversationsStore) instead of
+ *  its own fetch — no separate loading state, and no staleness while it's open. */
+export declare function GroupMembersModal({ members, memberCount, onClose, onOpenProfile, currentUserId, canRemove, isRemoving, onDeleteMembers, }: GroupMembersModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/members/hooks/use-rename-group-dialog.d.ts

@@ -0,0 +1,15 @@
+import { Conversation } from '../../../../utils/chat';
+interface UseRenameGroupDialogOptions {
+    conversationId: string | undefined;
+    onRenamed: (updated: Partial<Conversation>) => void;
+}
+/** Backs the chat-header pencil's "Đổi tên nhóm" dialog: open/saving state plus the
+ *  rename call itself. */
+export declare function useRenameGroupDialog({ conversationId, onRenamed }: UseRenameGroupDialogOptions): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    isSaving: boolean;
+    submit: (title: string) => Promise<boolean>;
+};
+export {};

package/dist/pages/Setting/members/member-selection-footer.d.ts

@@ -0,0 +1,12 @@
+interface MemberSelectionFooterProps {
+    selectedCount: number;
+    selectableCount: number;
+    isAllSelected: boolean;
+    isBusy: boolean;
+    onToggleAll: () => void;
+    onDelete: () => void;
+}
+/** "Chọn tất cả" + selected count + the destructive action, shared by both member lists so the
+ *  bulk-remove bar looks and behaves the same wherever it appears. */
+export declare function MemberSelectionFooter({ selectedCount, selectableCount, isAllSelected, isBusy, onToggleAll, onDelete, }: MemberSelectionFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/members/members-list-modal.d.ts

@@ -0,0 +1,29 @@
+import { ConversationMember } from '../../../utils/chat';
+interface MembersListModalProps {
+    members: ConversationMember[];
+    memberCountLabel: string;
+    currentUserId: string | null;
+    isOwner: boolean;
+    isLoadingMembers: boolean;
+    membersError: string;
+    deletingUserId: string | null;
+    nextCursor: string | null;
+    isLoadingMoreMembers: boolean;
+    onClose: () => void;
+    onOpenAddModal: () => void;
+    onSearch: (search: string) => Promise<void>;
+    onDeleteMember: (userId: string) => void;
+    /** Removes the whole tick-selection in one request, so the group gets one "đã xóa" notice
+     *  instead of one per person. */
+    onDeleteMembers: (userIds: string[]) => Promise<boolean> | void;
+    onLoadMore: () => void;
+    /** Opens the account-info modal for a member. */
+    onOpenProfile: (userId: string) => void;
+    /** True when this is a verified group and the caller lacks hasUpdateGroupVerified —
+     *  hides (not just disables) add-member and remove-member, the two actions that
+     *  permission covers. */
+    updateLocked?: boolean;
+}
+/** "Thành viên" — quick-add row, member list with role subtitle + remove, load-more. */
+export declare function MembersListModal({ members, memberCountLabel, currentUserId, isOwner, isLoadingMembers, membersError, deletingUserId, nextCursor, isLoadingMoreMembers, onClose, onOpenAddModal, onSearch, onDeleteMember, onDeleteMembers, onLoadMore, onOpenProfile, updateLocked, }: MembersListModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/members/settings-modal.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { ChatUser } from '../../../utils/chat';
+interface SettingsModalProps {
+    title: string;
+    children: ReactNode;
+    onClose: () => void;
+    /** Widens the dialog for dense user lists (add-member / members list). */
+    medium?: boolean;
+}
+/** Shared dialog shell (backdrop + header + close button) for every settings modal.
+ *  Portals to document.body — without this, a modal opened from inside another modal
+ *  (e.g. the "Đã chọn" review opened from within the wide create-group modal) would
+ *  stay a DOM descendant of it, and that ancestor's descendant CSS rules (its 2-column
+ *  grid, width caps, etc.) would leak in and mangle this modal's own layout.
+ *  The portaled tree is wrapped in its own `.med-chat-root` because `document.body` is
+ *  outside the module's scoped root — without it, every `.med-chat-root .chat-modal-*`
+ *  rule (mask, centering, compact user rows) would silently not apply. The `--portal`
+ *  modifier renders the wrapper as `display: contents`, so it scopes the styles without
+ *  adding a 100%-height box after `#root` (which would stretch the page and add a Y scroll). */
+export declare function SettingsModal({ title, children, onClose, medium }: SettingsModalProps): import('react').ReactPortal;
+interface UserIdentityProps {
+    user: ChatUser;
+    subtitle?: string;
+}
+/** Avatar (real photo when available, else initials) + name (+ optional subtitle below,
+ *  e.g. "Trưởng nhóm" or a job title) shown in every member row. */
+export declare function UserIdentity({ user, subtitle }: UserIdentityProps): import("react/jsx-runtime").JSX.Element;
+interface RenameGroupDialogProps {
+    initialTitle: string;
+    isSaving: boolean;
+    onClose: () => void;
+    onRename: (title: string) => Promise<boolean>;
+}
+/** Shared "Đổi tên nhóm" dialog used from both the settings panel and the chat-header pencil. */
+export declare function RenameGroupDialog({ initialTitle, isSaving, onClose, onRename }: RenameGroupDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/Setting/members/use-member-selection.d.ts

@@ -0,0 +1,18 @@
+interface UseMemberSelectionOptions {
+    /** Every member the current view could actually remove — the owner and the current user are
+     *  already excluded by the caller. */
+    selectableUserIds: string[];
+}
+/**
+ * Tick-selection shared by the two member lists (the settings panel's list and the read-only
+ * one opened from the group header), so "Chọn tất cả" means the same thing in both.
+ */
+export declare function useMemberSelection({ selectableUserIds }: UseMemberSelectionOptions): {
+    selectedUserIds: string[];
+    isAllSelected: boolean;
+    isSelected: (userId: string) => boolean;
+    toggle: (userId: string) => void;
+    toggleAll: () => void;
+    clear: () => void;
+};
+export {};

package/dist/pages/Setting/search-panel.d.ts

@@ -0,0 +1,13 @@
+import { ConversationMember } from '../../utils/chat';
+interface SearchPanelProps {
+    conversationId: string | undefined;
+    members: ConversationMember[] | undefined;
+    initialQuery?: string;
+    onClose: () => void;
+    onSelectMessage: (messageId: string) => Promise<boolean>;
+}
+/** Slide-over panel searching a conversation's messages and documents, with "Người gửi"/
+ *  "Ngày gửi" filters and matched-term highlighting (from the backend's `ts_headline`
+ *  snippet) in each result row. */
+export declare function SearchPanel({ conversationId, members, initialQuery, onClose, onSelectMessage, }: SearchPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/conversation/conversation-detail/conversation-detail.d.ts

@@ -0,0 +1,92 @@
+import { VirtuosoHandle } from 'react-virtuoso';
+import { RefObject } from 'react';
+import { MessageRemovedPayload } from '@medipha/chat-core';
+import { ChatMessage, ChatUser, ConversationMember } from '../../../utils/chat';
+import { PendingAttachment } from '../../../features/composer/pending-attachment';
+interface MessageWindowForDetail {
+    messages: ChatMessage[];
+    firstItemIndex: number;
+    timelineRevision: number;
+    focusedMessageId: string | null;
+    loadOlder: () => void;
+    loadNewer: () => void;
+    updateAtBottom: (isAtBottom: boolean) => void;
+    isLoadingOlder: boolean;
+    isLoadingNewer: boolean;
+    hasUnseenMessages: boolean;
+    isAtBottom: boolean;
+}
+interface ReplyTargetForDetail {
+    replyTarget: ChatMessage | null;
+    startReply: (message: ChatMessage) => void;
+    clearReply: () => void;
+}
+export interface ConversationDetailHandle {
+    /** Closes the per-message "..." menu — used by the parent's scroll handler (scrolling
+     *  away from a message shouldn't leave its menu floating over new content). */
+    closeMessageMenu: () => void;
+}
+interface ConversationDetailProps {
+    conversationId: string | undefined;
+    timelineRef: RefObject<HTMLDivElement>;
+    isLoading: boolean;
+    chatError: string;
+    isTimelineReady: boolean;
+    isFollowingLatest: boolean;
+    messageWindow: MessageWindowForDetail;
+    /** Rejects late realtime payloads (pin, etc.) for a message removed earlier this session. */
+    isRemovedMessageId: (messageId: string) => boolean;
+    virtuosoRef: RefObject<VirtuosoHandle>;
+    setScrollerRef: (element: unknown) => void;
+    handleTimelineScrolling: (scrolling: boolean) => void;
+    handleVisibleRangeChanged: (range: {
+        startIndex: number;
+        endIndex: number;
+    }) => void;
+    visibleDayLabel: string | null;
+    isNearBottomOfList: boolean;
+    onCatchUp: () => void;
+    members: ConversationMember[] | undefined;
+    isGroup: boolean;
+    /** Active members + self — only used to size the "seen by" modal's member picker. */
+    groupMemberCount: number;
+    currentUserId: string | null;
+    authUser: ChatUser | null;
+    composerError: string;
+    pendingAttachments: PendingAttachment[];
+    onRemovePendingAttachment: (index: number) => void;
+    typingNames: string[];
+    canModerateMessages: boolean;
+    canManagePins: boolean;
+    dayDividerKeys: Set<string>;
+    replyTargetState: ReplyTargetForDetail;
+    onForward: (message: ChatMessage) => void;
+    onJumpToReply: (replyMessageId: string) => void;
+    onOpenMentionCard: (userId: string) => void;
+    onOpenUserProfile: (userId: string) => void;
+    onOpenImageLightbox: (message: ChatMessage, urls: string[], index: number) => void;
+    onRetry: (message: ChatMessage) => void;
+    /** Failed sends never reached the server (no `id`), so removing one is a local-only drop. */
+    onDeleteFailed: (message: ChatMessage) => void;
+    /** Read synchronously (not via React state) so an image-load event mid-render doesn't
+     *  scroll on stale data — see the hook's own note on why this stays a ref. */
+    stickToLatestRef: RefObject<boolean>;
+    readIsFollowingLatest: () => boolean;
+    scrollToLatest: (behavior?: 'auto' | 'smooth') => void;
+    /** Backs the pinned-messages bar's "jump to message" action. */
+    loadAround: (messageId: string) => Promise<boolean> | boolean;
+    /** A message was removed (this user's own confirm-flow, or a realtime event) — the
+     *  parent applies its own share of the fallout (messageWindow tombstone, reply target,
+     *  the page-level forward picker, the image lightbox); this view applies the rest
+     *  (pin, reaction, menu, details) itself. */
+    onMessageRemoved: (removal: MessageRemovedPayload) => void;
+}
+/** Everything below the header: the pinned-messages bar, the scrollable message body
+ *  (Virtuoso list, loading/empty states, day pill, catch-up buttons), the per-row
+ *  MessageBubble wiring, and the transient strips right above the composer — reply
+ *  banner, staged attachment previews, typing indicator. Owns every overlay that's
+ *  exclusively its own concern (pin, reaction picker/modal, message menu, message
+ *  details, removal) — only genuinely cross-cutting state (message window, reply
+ *  target, typing...) still comes from `conversation/index.tsx`. */
+export declare const ConversationDetail: import('react').ForwardRefExoticComponent<ConversationDetailProps & import('react').RefAttributes<ConversationDetailHandle>>;
+export {};

package/dist/pages/conversation/conversation-footer/conversation-footer.d.ts

@@ -0,0 +1,42 @@
+import { RefObject } from 'react';
+import { PendingAttachment } from '../../../features/composer/pending-attachment';
+import { ChatMessage, ChatUser } from '../../../utils/chat';
+interface PendingAttachmentsForFooter {
+    pendingAttachments: PendingAttachment[];
+    addFiles: (files: File[], options?: {
+        forceDocument?: boolean;
+    }) => boolean;
+    clear: () => void;
+}
+interface ReplyTargetForFooter {
+    replyTarget: ChatMessage | null;
+    clearReply: () => void;
+}
+interface ConversationFooterProps {
+    conversationId: string | undefined;
+    currentUserId: string | null;
+    conversationTitle: string;
+    mentionMembers: ChatUser[];
+    canMentionAll: boolean;
+    isGroup: boolean;
+    disabled: boolean;
+    pendingAttachmentsState: PendingAttachmentsForFooter;
+    replyTargetState: ReplyTargetForFooter;
+    emitOutgoingMessage: (message: ChatMessage) => void;
+    markMessageFailed: (message: ChatMessage, failureStage: 'upload' | 'send') => void;
+    mergeOutgoingMessage: (message: ChatMessage) => void;
+    stickToLatest: () => void;
+    onComposerError: (message: string) => void;
+    onAttach: () => void;
+    onAttachImages: () => void;
+    onTypingStart: () => void;
+    onTypingStop: () => void;
+    uploadInputRef: RefObject<HTMLInputElement>;
+    imageUploadInputRef: RefObject<HTMLInputElement>;
+    acceptAttribute: string;
+}
+/** The message composer itself — toolbar + input — plus its two hidden file inputs. Owns
+ *  turning a submitted draft (text and/or staged attachments) into outgoing messages,
+ *  including uploading any staged files before they're sent. */
+export declare function ConversationFooter({ conversationId, currentUserId, conversationTitle, mentionMembers, canMentionAll, isGroup, disabled, pendingAttachmentsState, replyTargetState, emitOutgoingMessage, markMessageFailed, mergeOutgoingMessage, stickToLatest, onComposerError, onAttach, onAttachImages, onTypingStart, onTypingStop, uploadInputRef, imageUploadInputRef, acceptAttribute, }: ConversationFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/conversation/conversation-header/conversation-header.d.ts

@@ -0,0 +1,27 @@
+import { ConversationMember } from '../../../utils/chat';
+interface ConversationHeaderProps {
+    title: string;
+    avatarUrl?: string | null;
+    isGroup: boolean;
+    isVerified?: boolean;
+    groupMemberCount: number;
+    members?: ConversationMember[];
+    currentUserId?: string | null;
+    isOtherMemberOnline: boolean | undefined;
+    /** Opens the full SearchPanel directly. */
+    onOpenSearch: () => void;
+    onOpenMessageList: () => void;
+    isSettingsOpen: boolean;
+    onToggleSettings: () => void;
+    /** Group only: opens the member-list modal from the header member count. */
+    onOpenMembers?: () => void;
+    /** Clicking the avatar opens the partner's account info (direct chats) or a fullscreen
+     *  preview of the group photo (groups). */
+    onOpenAvatarProfile?: () => void;
+    /** Group owner only: hovering the title reveals a rename button. */
+    canEditTitle?: boolean;
+    onEditTitle?: () => void;
+}
+/** Conversation title/status row plus the collapsible in-header search and toggle buttons. */
+export declare function ConversationHeader({ title, avatarUrl, isGroup, isVerified, groupMemberCount, members, currentUserId, isOtherMemberOnline, onOpenSearch, onOpenMessageList, isSettingsOpen, onToggleSettings, onOpenMembers, canEditTitle, onEditTitle, onOpenAvatarProfile, }: ConversationHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/conversation/hooks/use-current-membership.d.ts

@@ -0,0 +1,14 @@
+import { ChatUser } from '../../../utils/chat';
+/**
+ * Owns the current user's membership info for a GROUP conversation — the active member
+ * list used for @mention autocomplete, and the current user's own role/status, used
+ * across permission checks (pin management, moderation, title editing). A no-op for
+ * DIRECT conversations, which have no membership roles to resolve.
+ */
+export declare function useCurrentMembership(conversationId: string | undefined, conversationType: string, currentUserId: string | null, onError: (message: string) => void): {
+    mentionMembers: ChatUser[];
+    currentMemberRole: string;
+    currentMemberStatus: string;
+    reload: () => Promise<void>;
+    reset: () => void;
+};