@fluid-app/portal-sdk 0.1.98 → 0.1.100

package/dist/{MessagingScreen-DTXSZ-Oa.mjs → MessagingScreen-CBuI3fu6.mjs}

@@ -955,742 +955,6 @@ function useMessagingAuth() {
 	};
 }
 //#endregion
-//#region src/messaging/use-messaging-config.ts
-/**
-* Hook that derives MessagingApiConfig from the portal SDK's FluidProvider context.
-*
-* Maps FluidSDKConfig fields to the shape expected by MessagingApp:
-* - baseUrl  -> from config.baseUrl
-* - getHeaders -> builds Authorization header from config.getAuthToken()
-* - onAuthError -> from config.onAuthError
-* - websocketUrl -> config.websocketUrl or derived from baseUrl
-* - token -> from auth context
-*/
-function deriveWebsocketUrl(baseUrl) {
-	return `${baseUrl.replace(/\/+$/, "").replace(/\/api$/, "")}/cable`;
-}
-function useMessagingConfig() {
-	const { config } = useFluidContext();
-	const auth = useFluidAuthContext();
-	const getHeaders = useCallback(async () => {
-		const headers = {
-			"Content-Type": "application/json",
-			...config.defaultHeaders
-		};
-		if (config.getAuthToken) {
-			const token = await config.getAuthToken();
-			if (token) headers.Authorization = `Bearer ${token}`;
-		}
-		return headers;
-	}, [config]);
-	const apiBaseUrl = useMemo(() => {
-		const base = config.baseUrl.replace(/\/+$/, "");
-		return base.endsWith("/api") ? base : `${base}/api`;
-	}, [config.baseUrl]);
-	return {
-		apiConfig: useMemo(() => ({
-			baseUrl: apiBaseUrl,
-			getHeaders,
-			...config.onAuthError != null && { onAuthError: config.onAuthError }
-		}), [
-			apiBaseUrl,
-			config.onAuthError,
-			getHeaders
-		]),
-		websocketUrl: useMemo(() => config.websocketUrl ?? deriveWebsocketUrl(config.baseUrl), [config.websocketUrl, config.baseUrl]),
-		token: auth.token
-	};
-}
-//#endregion
-//#region ../../messaging/core/src/query-keys.ts
-/**
-* Query key factory for all messaging-related TanStack Query queries.
-* Ensures consistent key shapes across hooks and cache helpers.
-*/
-const MESSAGES_QUERY_KEYS = {
-	all: () => ["messages"],
-	conversationMetadata: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId
-	],
-	newMessageFlag: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId,
-		"new_message_flag"
-	],
-	listConversations: () => [...MESSAGES_QUERY_KEYS.all(), "conversations"],
-	listMessages: (conversationId, messageId, startAtISO) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId,
-		"messages",
-		messageId ? { startFromMessage: messageId } : startAtISO ? { startFromDate: startAtISO } : { startFromBottom: true }
-	],
-	listPinnedMessages: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId,
-		"pinned"
-	],
-	outbox: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId,
-		"outbox"
-	],
-	listScheduledMessages: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"conversation",
-		conversationId,
-		"scheduled"
-	],
-	listMyScheduledMessages: () => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"scheduled",
-		"mine"
-	],
-	draft: (conversationId) => [
-		...MESSAGES_QUERY_KEYS.all(),
-		"draft",
-		conversationId
-	],
-	announcementChannel: () => [...MESSAGES_QUERY_KEYS.all(), "announcement-channel"],
-	downline: () => [...MESSAGES_QUERY_KEYS.all(), "downline"]
-};
-//#endregion
-//#region ../../messaging/core/src/constants.ts
-const WEBSOCKET_QUERY_OPTIONS = {
-	staleTime: Infinity,
-	refetchOnMount: "always",
-	refetchOnReconnect: "always",
-	refetchOnWindowFocus: false
-};
-/**
-* Scheduled messages are not websocket-driven; poll to keep fresh.
-*/
-const SCHEDULED_MESSAGES_STALE_TIME = 6e4;
-const SCHEDULED_MESSAGES_REFETCH_INTERVAL = 6e4;
-/**
-* Pinned messages are not websocket-driven; poll to keep fresh.
-*/
-const PINNED_MESSAGES_STALE_TIME = 6e4;
-const PINNED_MESSAGES_REFETCH_INTERVAL = 6e4;
-//#endregion
-//#region ../../messaging/core/src/cache-helpers.ts
-/**
-* seed conversation metadata caches from any conversations list queries.
-* returns the matched conversation if conversationId is provided and present in any list cache.
-*/
-function seedConversationMetadataFromLists(queryClient, conversationId) {
-	let matched;
-	const seedFromData = (data) => {
-		const pages = data?.pages ?? [];
-		for (const page of pages) {
-			const items = page?.[1]?.items ?? [];
-			for (const item of items) {
-				queryClient.setQueryData(MESSAGES_QUERY_KEYS.conversationMetadata(item.id), item);
-				if (!matched && typeof conversationId === "number" && item.id === conversationId) matched = item;
-			}
-		}
-	};
-	seedFromData(queryClient.getQueryData(MESSAGES_QUERY_KEYS.listConversations()));
-	const listQueries = queryClient.getQueryCache().findAll({ predicate: (q) => {
-		const key = q.queryKey;
-		return Array.isArray(key) && key.length >= 2 && key[0] === MESSAGES_QUERY_KEYS.all()[0] && key[1] === MESSAGES_QUERY_KEYS.listConversations()[1];
-	} });
-	for (const q of listQueries) seedFromData(queryClient.getQueryData(q.queryKey));
-	return matched;
-}
-function isMessagesQueryKeyForConversation(queryKey, conversationId) {
-	if (!Array.isArray(queryKey)) return false;
-	return queryKey.length >= 4 && queryKey[0] === MESSAGES_QUERY_KEYS.all()[0] && queryKey[1] === "conversation" && queryKey[2] === conversationId && queryKey[3] === "messages";
-}
-function findMessageInCache(queryClient, conversationId, messageId) {
-	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) });
-	for (const query of queries) {
-		const data = queryClient.getQueryData(query.queryKey);
-		if (data) for (const page of data.pages) {
-			const message = page[1].items.find((m) => m.id === messageId);
-			if (message) return message;
-		}
-	}
-}
-function forEachMessagesQuery(queryClient, conversationId, fn) {
-	queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) }).forEach((q) => fn(q.queryKey));
-}
-function isBottomAnchorKey(queryKey) {
-	if (!Array.isArray(queryKey)) return false;
-	const anchor = queryKey[queryKey.length - 1];
-	if (typeof anchor === "object" && anchor !== null) {
-		if ("startFromBottom" in anchor) return anchor.startFromBottom === true;
-	}
-	return false;
-}
-function isPinnedQueryKeyForConversation(queryKey, conversationId) {
-	if (!Array.isArray(queryKey)) return false;
-	return queryKey.length >= 4 && queryKey[0] === MESSAGES_QUERY_KEYS.all()[0] && queryKey[1] === "conversation" && queryKey[2] === conversationId && queryKey[3] === "pinned";
-}
-function forEachPinnedQuery(queryClient, conversationId, fn) {
-	queryClient.getQueryCache().findAll({ predicate: (q) => isPinnedQueryKeyForConversation(q.queryKey, conversationId) }).forEach((q) => fn(q.queryKey));
-}
-async function cancelMessageQueries(queryClient, conversationId) {
-	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) });
-	await Promise.all(queries.map((q) => queryClient.cancelQueries({ queryKey: q.queryKey })));
-}
-async function cancelPinnedQueries(queryClient, conversationId) {
-	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isPinnedQueryKeyForConversation(q.queryKey, conversationId) });
-	await Promise.all(queries.map((q) => queryClient.cancelQueries({ queryKey: q.queryKey })));
-}
-function applyMessagesOptimisticSend({ queryClient, conversationId, optimisticMessage }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		if (!isBottomAnchorKey(key)) return;
-		queryClient.setQueryData(key, (oldData) => {
-			const newOptimisticPage = [{ pagination: {
-				current: 1,
-				previous: null,
-				next: null,
-				per_page: oldData?.pages?.[0]?.[0]?.pagination?.per_page ?? 20,
-				pages: oldData?.pages?.[0]?.[0]?.pagination?.pages ?? 1,
-				count: oldData?.pages?.[0]?.[0]?.pagination?.count ?? 0
-			} }, { items: [optimisticMessage] }];
-			if (!oldData) return {
-				pages: [newOptimisticPage],
-				pageParams: [1]
-			};
-			const pages = oldData.pages.map((page, idx) => {
-				if (idx === 0) {
-					const currentItems = page?.[1]?.items ?? [];
-					return [{ pagination: {
-						...page?.[0]?.pagination ?? {},
-						count: page?.[0]?.pagination?.count ?? 0
-					} }, { items: [optimisticMessage, ...currentItems] }];
-				}
-				return page;
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
-		const prev = old?.items ?? [];
-		if (prev.some((m) => m.id === optimisticMessage.id)) return old;
-		return { items: [...prev, optimisticMessage] };
-	});
-}
-/**
-* markNewMessageFlagForConversation
-*
-* sets a lightweight flag query for a conversation indicating a new message
-* arrived while the user may not be at the bottom. UI can reset it after
-* scrolling or showing a pill.
-*/
-function markNewMessageFlagForConversation(queryClient, conversationId) {
-	queryClient.setQueryData([
-		MESSAGES_QUERY_KEYS.all()[0],
-		"conversation",
-		conversationId,
-		"new_message_flag"
-	], true);
-}
-function clearNewMessageFlagForConversation(queryClient, conversationId) {
-	queryClient.setQueryData([
-		MESSAGES_QUERY_KEYS.all()[0],
-		"conversation",
-		conversationId,
-		"new_message_flag"
-	], false);
-}
-function applyMessageUpsertToCache({ queryClient, conversationId, message, replaceOptimisticId, clientMessageId }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData?.pages?.length) {
-				if (!isBottomAnchorKey(key)) return oldData;
-				return {
-					pages: [[{ pagination: {
-						current: 1,
-						previous: null,
-						next: null,
-						per_page: 20,
-						pages: 1,
-						count: 1
-					} }, { items: [message] }]],
-					pageParams: [1]
-				};
-			}
-			const normalizedClientMessageId = (() => {
-				if (typeof clientMessageId === "string" && clientMessageId.length > 0) return clientMessageId;
-				const fromMeta = (() => {
-					const meta = message.metadata;
-					if (meta && typeof meta === "object" && "client_message_id" in meta) {
-						const id = meta.client_message_id;
-						if (typeof id === "string" || typeof id === "number" && Number.isFinite(id)) return id;
-					}
-				})();
-				if (typeof fromMeta === "string" || typeof fromMeta === "number" && Number.isFinite(fromMeta)) return String(fromMeta);
-			})();
-			const finalMessage = (() => {
-				if (!normalizedClientMessageId) return message;
-				const currentMeta = message.metadata;
-				if (currentMeta != null && typeof currentMeta === "object" && (typeof currentMeta.client_message_id === "string" || typeof currentMeta.client_message_id === "number")) return message;
-				return {
-					...message,
-					metadata: {
-						...currentMeta && typeof currentMeta === "object" ? currentMeta : {},
-						client_message_id: normalizedClientMessageId
-					}
-				};
-			})();
-			let replaced = false;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				const items = payload.items.slice();
-				const idxById = items.findIndex((m) => m.id === (replaceOptimisticId ?? message.id));
-				if (idxById !== -1) {
-					items[idxById] = finalMessage;
-					replaced = true;
-					return [meta, { items }];
-				}
-				if (normalizedClientMessageId) {
-					const idxByClientId = items.findIndex((m) => typeof m?.metadata === "object" && m?.metadata != null && ((id) => id != null && String(id) === normalizedClientMessageId)(m.metadata?.client_message_id));
-					if (idxByClientId !== -1) {
-						items[idxByClientId] = finalMessage;
-						replaced = true;
-						return [meta, { items }];
-					}
-				}
-				const idxExisting = items.findIndex((m) => m.id === message.id);
-				if (idxExisting !== -1) {
-					items[idxExisting] = finalMessage;
-					replaced = true;
-					return [meta, { items }];
-				}
-				return [meta, { items }];
-			});
-			if (!replaced) {
-				if (!isBottomAnchorKey(key)) return oldData;
-				const first = pages[0];
-				const nextPages = pages.slice();
-				const newFirstItems = [finalMessage, ...first?.[1]?.items ?? []];
-				const newCount = (first?.[0]?.pagination?.count ?? 0) + 1;
-				nextPages[0] = [{ pagination: {
-					...first?.[0]?.pagination ?? {},
-					count: newCount
-				} }, { items: newFirstItems }];
-				return {
-					...oldData,
-					pages: nextPages
-				};
-			}
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
-		if (!old?.items) return old;
-		return { items: old.items.filter((m) => m.id !== (replaceOptimisticId ?? -99999999)) };
-	});
-}
-function applyMessageDeleteFromCache({ queryClient, conversationId, messageId }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				const items = payload.items.filter((m) => m.id !== messageId);
-				const newCount = Math.max(0, (meta?.pagination?.count ?? 0) - (payload.items.length - items.length));
-				return [{ pagination: {
-					...meta?.pagination ?? {},
-					count: newCount
-				} }, { items }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
-		if (!old?.items) return old;
-		return { items: old.items.filter((m) => m.id !== messageId) };
-	});
-}
-function applyReactionUpdateToCache({ queryClient, conversationId, messageId, reaction, reaction_stats }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
-					...m,
-					reaction,
-					reaction_stats
-				} : m) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	forEachPinnedQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
-					...m,
-					reaction,
-					reaction_stats
-				} : m) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-}
-function applyReactionStatsToCache({ queryClient, conversationId, messageId, reaction_stats }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
-					...m,
-					reaction_stats
-				} : m) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	forEachPinnedQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
-					...m,
-					reaction_stats
-				} : m) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-}
-function applyConversationMetaToCaches({ queryClient, conversation }) {
-	queryClient.setQueryData(MESSAGES_QUERY_KEYS.conversationMetadata(conversation.id), (old) => {
-		if (!old) return old;
-		return {
-			...old,
-			...conversation
-		};
-	});
-	const listQueries = queryClient.getQueryCache().findAll({ predicate: (q) => {
-		const key = q.queryKey;
-		return Array.isArray(key) && key.length >= 2 && key[0] === MESSAGES_QUERY_KEYS.all()[0] && key[1] === MESSAGES_QUERY_KEYS.listConversations()[1];
-	} });
-	for (const q of listQueries) queryClient.setQueryData(q.queryKey, (oldData) => {
-		const data = oldData;
-		if (!data?.pages) return oldData;
-		return {
-			...data,
-			pages: data.pages.map((page) => [page[0], {
-				...page[1],
-				items: page[1].items.map((conv) => conv.id === conversation.id ? {
-					...conv,
-					...typeof conversation.unread === "boolean" ? { unread: conversation.unread } : {},
-					...typeof conversation.unread_messages_count === "number" ? { unread_messages_count: conversation.unread_messages_count } : {}
-				} : conv)
-			}])
-		};
-	});
-}
-function applyConversationDestroyed({ queryClient, conversationId }) {
-	queryClient.removeQueries({ queryKey: MESSAGES_QUERY_KEYS.conversationMetadata(conversationId) });
-	queryClient.setQueryData(MESSAGES_QUERY_KEYS.listConversations(), (oldData) => {
-		const data = oldData;
-		if (!data?.pages) return oldData;
-		return {
-			...data,
-			pages: data.pages.map((page) => [page[0], {
-				...page[1],
-				items: page[1].items.filter((c) => c.id !== conversationId)
-			}])
-		};
-	});
-}
-function applyMessagePinnedFlag({ queryClient, conversationId, messageId, pinned, message }) {
-	forEachMessagesQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page) => {
-				const [meta, payload] = page;
-				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
-					...m,
-					pinned
-				} : m) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-	forEachPinnedQuery(queryClient, conversationId, (key) => {
-		queryClient.setQueryData(key, (oldData) => {
-			if (!oldData) return oldData;
-			const pages = oldData.pages.map((page, idx) => {
-				const [meta, payload] = page;
-				if (idx !== 0) return page;
-				const exists = payload.items.some((m) => m.id === messageId);
-				if (pinned) {
-					if (exists) return page;
-					const msg = message ?? payload.items.find((m) => m.id === messageId);
-					if (!msg) return page;
-					return [meta, { items: [msg, ...payload.items] }];
-				}
-				return [meta, { items: payload.items.filter((m) => m.id !== messageId) }];
-			});
-			return {
-				...oldData,
-				pages
-			};
-		});
-	});
-}
-//#endregion
-//#region ../../messaging/core/src/utils/reaction-utils.ts
-/**
-* Splits an emoji string into an array of grapheme clusters (perceived characters/emojis).
-* Uses `Intl.Segmenter` when available for correct multi-codepoint emoji handling.
-* Falls back to `[...string]` (code-point iteration) on browsers without `Intl.Segmenter`
-* (e.g. Firefox < 119), which may incorrectly split ZWJ sequences, skin-tone modifiers,
-* and flag emojis into multiple entries.
-* @param emojiString The string of emojis to split.
-* @returns An array of strings, where each string is a single emoji.
-*/
-function splitEmojis(emojiString) {
-	if (!emojiString) return [];
-	if (typeof Intl !== "undefined" && typeof Intl.Segmenter === "function") {
-		const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-		return Array.from(segmenter.segment(emojiString)).map((segment) => segment.segment);
-	}
-	return [...emojiString];
-}
-/**
-* Flattens reaction_stats to count individual emojis.
-* E.g., {"😀😂": 1, "👍": 2, "😀": 1} becomes {"😀": 2, "😂": 1, "👍": 2}
-* Handles multi-codepoint emojis correctly.
-* @param stats The raw reaction_stats object from the message.
-* @returns A record where keys are single emojis and values are their total counts.
-*/
-function flattenReactionStats(stats) {
-	if (!stats) return {};
-	const flattened = {};
-	for (const emojiKey in stats) {
-		const count = stats[emojiKey];
-		if (typeof count !== "number" || count === 0) continue;
-		const individualEmojis = splitEmojis(emojiKey);
-		for (const emoji of individualEmojis) flattened[emoji] = (flattened[emoji] || 0) + count;
-	}
-	return flattened;
-}
-/**
-* Calculates the optimistic state for a message's reactions when a user's reaction changes.
-* @param currentState The current reaction parts of the message ({ reaction, reaction_stats }).
-* @param newUserReaction The user's new complete reaction string (e.g., "😀👍", "😂", or null to unreact).
-* @returns An object with the updated `reaction` and `reaction_stats`.
-*/
-function calculateOptimisticReactionUpdate(currentState, newUserReaction) {
-	const previousUserReaction = currentState.reaction;
-	const newStats = { ...currentState.reaction_stats || {} };
-	const finalNewUserReaction = newUserReaction === "" ? null : newUserReaction;
-	if (previousUserReaction === finalNewUserReaction) return {
-		reaction: previousUserReaction,
-		reaction_stats: newStats
-	};
-	if (previousUserReaction && typeof newStats[previousUserReaction] === "number") newStats[previousUserReaction] = Math.max(0, newStats[previousUserReaction] - 1);
-	if (finalNewUserReaction) newStats[finalNewUserReaction] = (typeof newStats[finalNewUserReaction] === "number" ? newStats[finalNewUserReaction] : 0) + 1;
-	return {
-		reaction: finalNewUserReaction,
-		reaction_stats: newStats
-	};
-}
-/**
-* Generates a unique, sorted string from an array of emoji characters.
-* Each string in the input array is assumed to be a single, correctly segmented emoji.
-* E.g., ["😂", "😀", "😂"] becomes "😀😂"
-* @param emojis An array of single emoji strings (grapheme clusters).
-* @returns A sorted string of unique emojis, or an empty string if no emojis are provided.
-*/
-function generateSortedEmojiStringFromArray(emojis) {
-	if (!emojis || emojis.length === 0) return "";
-	return [...new Set(emojis)].sort((a, b) => a.localeCompare(b, "en")).join("");
-}
-//#endregion
-//#region ../../messaging/core/src/utils/messaging.ts
-function mapConversationTypeToMessageType(conversationType) {
-	switch (conversationType) {
-		case "DirectConversation": return "DirectMessage";
-		case "SmsConversation": return "SmsMessage";
-		case "EmailConversation": return "EmailMessage";
-		case "ChannelConversation":
-		case "GroupConversation": return "DirectMessage";
-		case "BotConversation": return "BotMessage";
-		default: return "DirectMessage";
-	}
-}
-/**
-* Determines the category of a chat. This is slightly different from the backend's
-* category field.
-*
-* @param item - Conversation item to check
-* @returns the type of channel
-*/
-const getMessageType = (item) => {
-	if (item.type === "GroupConversation" && item.name.toLowerCase().includes("other")) return {
-		isChannel: false,
-		type: "group-direct-message"
-	};
-	if (item.broadcasting) return {
-		isChannel: true,
-		type: "broadcast"
-	};
-	if (item.type === "GroupConversation") return {
-		isChannel: true,
-		type: "private-channel"
-	};
-	if (item.type === "DirectConversation") return {
-		isChannel: false,
-		type: "direct-message"
-	};
-	if (item.type === "EmailConversation") return {
-		isChannel: false,
-		type: "email"
-	};
-	if (item.type === "SmsConversation") return {
-		isChannel: false,
-		type: "sms"
-	};
-	if (item.type === "ChannelConversation") return {
-		isChannel: true,
-		type: "public-channel"
-	};
-	if (item.type === "BotConversation") return {
-		isChannel: false,
-		type: "bot"
-	};
-	if (item.type === "DownlineConversation") return {
-		isChannel: true,
-		type: "downline"
-	};
-	throw new Error("Invalid conversation type");
-};
-const getUserInitials = (conversation, user) => {
-	if (user.phone === conversation.name) return "#";
-	if (user.email === conversation.name) return "@";
-	return [user.first_name?.charAt(0), user.last_name?.charAt(0)].filter(Boolean).join("") || "?";
-};
-const getFileTypeFromMimetype = (mimetype) => {
-	if (mimetype.startsWith("image/")) return "image";
-	if (mimetype.startsWith("video/")) return "video";
-	if (mimetype === "application/pdf") return "pdf";
-	if (mimetype.includes("spreadsheet") || mimetype.includes("excel") || mimetype.includes("sheet") || mimetype === "text/csv") return "sheets";
-	if (mimetype.includes("powerpoint") || mimetype.includes("presentation")) return "powerpoint";
-	if (mimetype.includes("document") || mimetype.includes("word") || mimetype.includes("rtf")) return "docx";
-	if (mimetype.startsWith("text/")) return "txt";
-	if (mimetype.includes("zip") || mimetype.includes("compressed") || mimetype.includes("archive") || mimetype.includes("tar") || mimetype.includes("gzip")) return "compressed";
-	if (mimetype.startsWith("audio/")) return "audio";
-	return "unknown";
-};
-//#endregion
-//#region ../../messaging/core/src/utils/string-utils.ts
-/**
-* Extracts the leading emoji from a string.
-* @param text The string to process.
-* @returns An object containing the emoji and the remaining text.
-*/
-function extractEmoji$1(text) {
-	const match = text.match(/^\p{Emoji_Presentation}/u);
-	if (match) {
-		const emoji = match[0];
-		return {
-			emoji,
-			text: text.substring(emoji.length).trimStart()
-		};
-	}
-	return {
-		emoji: null,
-		text
-	};
-}
-/**
-* Formats a message channel name by replacing spaces and underscores with hyphens,
-* converting to lowercase, and removing any non-alphanumeric characters except hyphens.
-* @param name - The original channel name
-* @return The formatted channel name
-*/
-function formatMessageChannelName$1(name) {
-	return name.toLowerCase().replace(/[ _]/g, "-").replace(/[^a-z0-9-]/g, "");
-}
-const MAX_GROUP_NAME_LENGTH$1 = 30;
-function formatGroupDisplayName$1(names, maxLength = MAX_GROUP_NAME_LENGTH$1) {
-	const fullDisplayName = names.join(", ");
-	if (fullDisplayName.length <= maxLength) return { displayName: fullDisplayName };
-	for (let i = 0; i < names.length; i++) {
-		const currentNames = names.slice(0, i + 1);
-		const remainingCount = names.length - currentNames.length;
-		if (remainingCount > 0) {
-			const suffix = `+ ${remainingCount} other${remainingCount > 1 ? "s" : ""}`;
-			if (`${currentNames.join(", ")} ${suffix}`.length > maxLength && i > 0) {
-				const namesToShow = names.slice(0, i);
-				const othersCount = names.length - i;
-				const othersSuffix = `+${othersCount} other${othersCount > 1 ? "s" : ""}`;
-				const truncatedDisplayName = namesToShow.join(", ");
-				if (othersCount === 1) {
-					const nameWithOneMore = names.slice(0, i + 1).join(", ");
-					if (nameWithOneMore.length < truncatedDisplayName.length) return { displayName: nameWithOneMore };
-				}
-				return {
-					displayName: truncatedDisplayName,
-					remainder: othersSuffix
-				};
-			}
-		}
-	}
-	const firstName = names[0] || "";
-	const othersCount = names.length - 1;
-	if (othersCount > 0) return {
-		displayName: firstName,
-		remainder: `+ ${othersCount} other${othersCount > 1 ? "s" : ""}`
-	};
-	return { displayName: firstName };
-}
-//#endregion
-//#region ../../messaging/core/src/utils/file-kinds.ts
-const ServerFileKindEnum$1 = z.enum([
-	"image",
-	"video",
-	"pdf",
-	"sheets",
-	"powerpoint",
-	"docx"
-]);
-const fallbackFileType$1 = "docx";
-//#endregion
 //#region ../../messaging/api-client/src/client.ts
 /**
 * Messaging-specific API error, extends the shared ApiError from api-client-core.
@@ -1980,7 +1244,7 @@ const WithContactRecipientSchema = z.strictObject({
 });
 createPaginatedSchema(RecipientSchema);
 createPaginatedSchema(ReducedRecipientSchema);
-z.strictObject({ meta: z.strictObject({ count: z.number() }) });
+const RecipientSearchCountSchema = z.strictObject({ meta: z.strictObject({ count: z.number() }) });
 //#endregion
 //#region ../../messaging/api-client/src/schemas/drafts-scheduled.schema.ts
 const DraftMessageSchema = z.strictObject({
@@ -2126,7 +1390,7 @@ z.strictObject({ success: z.boolean() }).or(z.strictObject({
 *
 * These schemas normalize the slightly different index vs show/update shapes.
 */
-const ReactionStatsSchema = z.record(z.string(), z.number());
+const ReactionStatsSchema$1 = z.record(z.string(), z.number());
 const MessageCoreSchema = z.strictObject({
 	id: z.number(),
 	body: z.string(),
@@ -2138,7 +1402,7 @@ const MessageCoreSchema = z.strictObject({
 	conversation_id: z.number(),
 	status: z.string(),
 	attachments: z.array(AttachmentSchema),
-	reaction_stats: ReactionStatsSchema.nullable(),
+	reaction_stats: ReactionStatsSchema$1.nullable(),
 	reaction: z.string().nullable().optional(),
 	metadata: MessageMetadataSchema.optional(),
 	emoji_only_count: z.number().optional(),
@@ -2152,9 +1416,9 @@ const MessageCoreSchema = z.strictObject({
 	seen_by_count: z.unknown()
 });
 const MessageIndexItemSchema = MessageCoreSchema;
-const MessageItemSchema = MessageCoreSchema;
+const MessageItemSchema$1 = MessageCoreSchema;
 const MessageIndexResponseSchema = createPaginatedSchema(MessageIndexItemSchema);
-const MessageListResponseSchema = createPaginatedSchema(MessageItemSchema);
+const MessageListResponseSchema = createPaginatedSchema(MessageItemSchema$1);
 const MessagePinResponseSchema = z.strictObject({
 	message: z.string(),
 	pinned: z.boolean()
@@ -2207,328 +1471,1117 @@ async function listMessages(config, conversation_id, input) {
 		endpoint: `/v1/messaging/conversations/${conversation_id}/messages`,
 		method: "GET",
 		input,
-		outputSchema: MessageIndexResponseSchema
+		outputSchema: MessageIndexResponseSchema
+	});
+}
+const _createMessageInputSchema = z.strictObject({
+	message: z.strictObject({
+		body: z.string().optional(),
+		theme: z.string().optional(),
+		subject: z.string().optional(),
+		type: z.string().optional(),
+		attachments_attributes: z.array(AttachmentInputSchema).optional()
+	}),
+	client_message_id: z.union([z.string(), z.number()]).optional()
+});
+const createMessageInputSchema = _createMessageInputSchema;
+async function createMessage(config, conversation_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages`,
+		method: "POST",
+		input,
+		inputSchema: createMessageInputSchema,
+		outputSchema: MessageItemSchema$1
+	});
+}
+/**
+* POST /api/v1/messaging/conversations/:conversation_id/messages/reply
+* Reply to an existing message by id; thread is captured in replied_to_id.
+*/
+async function replyToMessage(config, conversation_id, message_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/reply`,
+		method: "POST",
+		input: {
+			...input,
+			message_id
+		},
+		inputSchema: _createMessageInputSchema.extend({ message_id: z.number() }),
+		outputSchema: MessageItemSchema$1
+	});
+}
+z.strictObject({ message: z.strictObject({
+	body: z.string().optional(),
+	theme: z.string().optional()
+}) });
+/**
+* POST /api/v1/messaging/conversations/:conversation_id/messages/:message_id/react.json
+* React to a message with an emoji.
+*/
+async function reactToMessage(config, conversation_id, input) {
+	const { message_id, reaction } = input;
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${message_id}/react.json?reaction=${encodeURIComponent(reaction)}`,
+		method: "POST",
+		outputSchema: z.string()
+	});
+}
+/**
+* DELETE /api/v1/messaging/conversations/:conversation_id/messages/:message_id/unreact.json
+* Remove the current recipient's reaction.
+*/
+async function unreactToMessage(config, conversation_id, input) {
+	const { message_id } = input;
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${message_id}/unreact.json`,
+		method: "DELETE",
+		outputSchema: z.string()
+	});
+}
+/**
+* GET /api/v1/messaging/conversations/:conversation_id/messages/pinned
+* List pinned messages in the conversation.
+*/
+async function listPinnedMessages(config, conversation_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/pinned`,
+		method: "GET",
+		input,
+		outputSchema: MessageListResponseSchema
+	});
+}
+/**
+* PUT /api/v1/messaging/conversations/:conversation_id/messages/:id/pin
+* Pin a message (current recipient).
+*/
+async function pinMessage(config, conversation_id, id) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${id}/pin`,
+		method: "PUT",
+		outputSchema: MessagePinResponseSchema
+	});
+}
+/**
+* PUT /api/v1/messaging/conversations/:conversation_id/messages/:id/unpin
+* Unpin a message (current recipient).
+*/
+async function unpinMessage(config, conversation_id, id) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${id}/unpin`,
+		method: "PUT",
+		outputSchema: MessagePinResponseSchema
+	});
+}
+//#endregion
+//#region ../../messaging/api-client/src/api/conversations.api.ts
+/**
+* Conversations API (v1 messaging)
+*
+* Thin, fully-typed wrappers around the Rails messaging controllers.
+* All functions validate inputs/outputs with zod and use `fetchMessaging`.
+*/
+/**
+* GET /api/v1/messaging/announcement_channel
+*/
+async function getAnnouncementChannel(config) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/announcement_channel",
+		method: "GET",
+		outputSchema: ConversationResponseSchema
+	});
+}
+async function listConversations(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/conversations",
+		method: "GET",
+		input,
+		outputSchema: ConversationListResponseSchema
+	});
+}
+/**
+* GET /api/v1/messaging/conversations/search
+*/
+async function searchConversations(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/conversations/search",
+		method: "GET",
+		input,
+		outputSchema: NominalConversationsResponseSchema
+	});
+}
+/**
+* GET /api/v1/messaging/conversations/find
+*/
+async function findConversation(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/conversations/find",
+		method: "GET",
+		input,
+		outputSchema: ConversationResponseSchema
+	});
+}
+/**
+* GET /api/v1/messaging/conversations/:id
+*/
+async function getConversation(config, id) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${id}`,
+		method: "GET",
+		outputSchema: ConversationResponseSchema
+	});
+}
+const conversationCreateInputSchema = z.strictObject({
+	conversation: z.strictObject({
+		kind: z.string().optional(),
+		type: z.string().optional(),
+		name: z.string().optional(),
+		description: z.string().nullable().optional(),
+		broadcasting: z.boolean().optional(),
+		filter: z.record(z.string(), z.unknown()).optional(),
+		auto_add_recipients: z.boolean().optional()
+	}),
+	recipients: z.array(z.strictObject({
+		id: z.number().optional(),
+		uid: z.number().optional(),
+		email: z.string().email().optional(),
+		phone: z.string().optional(),
+		first_name: z.string().optional(),
+		last_name: z.string().optional(),
+		image_url: z.string().url().optional()
+	})).optional()
+});
+async function createConversation(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/conversations",
+		method: "POST",
+		input,
+		inputSchema: conversationCreateInputSchema,
+		outputSchema: ConversationResponseSchema
+	});
+}
+z.strictObject({ conversation: z.strictObject({
+	name: z.string().optional(),
+	description: z.string().nullable().optional(),
+	additional_recipient_params: z.strictObject({
+		receivable_id: z.number(),
+		receivable_type: z.string()
+	}).optional(),
+	auto_add_recipients: z.boolean().optional()
+}) });
+//#endregion
+//#region ../../messaging/api-client/src/api/recipients.api.ts
+/**
+* POST /api/v1/messaging/recipients/search
+*/
+async function searchRecipientsCount(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/recipients/search",
+		method: "POST",
+		input,
+		outputSchema: RecipientSearchCountSchema
+	});
+}
+/**
+* GET /api/v1/messaging/conversations/connected_recipients
+*/
+async function listConnectedRecipients(config, input) {
+	return fetchMessaging(config, {
+		endpoint: "/v1/messaging/conversations/connected_recipients",
+		method: "GET",
+		input,
+		outputSchema: createPaginatedSchema(input?.kind && [
+			"external",
+			"sms",
+			"email"
+		].includes(input.kind) ? WithContactRecipientSchema : RecipientSchema)
+	});
+}
+//#endregion
+//#region ../../messaging/api-client/src/api/drafts-scheduled.api.ts
+const saveDraftInputSchema = z.strictObject({ draft_message: z.strictObject({
+	body: z.string().nullable().optional(),
+	replied_to_id: z.number().nullable().optional(),
+	attachments_attributes: z.array(z.strictObject({
+		url: z.string().url(),
+		filename: z.string(),
+		kind: z.string(),
+		content_type: z.string().optional(),
+		content_size: z.number().optional(),
+		metadata: AttachmentInputMetadataSchema,
+		id: z.number().optional(),
+		_destroy: z.boolean().optional()
+	})).optional()
+}) });
+async function saveDraft(config, conversation_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/save_draft`,
+		method: "PUT",
+		input,
+		inputSchema: saveDraftInputSchema,
+		outputSchema: DraftMessageSchema.or(z.strictObject({}))
+	});
+}
+async function destroyDraft(config, conversation_id) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/destroy_draft`,
+		method: "DELETE",
+		outputSchema: z.unknown()
+	});
+}
+/**
+* Scheduled Messages: per conversation
+*/
+async function listScheduledMessages(config, conversation_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages`,
+		method: "GET",
+		input,
+		outputSchema: MessageListResponseSchema
+	});
+}
+const scheduledMessageInputSchema = z.strictObject({ scheduled_message: z.strictObject({
+	body: z.string().optional(),
+	theme: z.string().optional(),
+	scheduled_at: z.string().datetime({ offset: true }),
+	attachments_attributes: z.array(AttachmentInputSchema).optional(),
+	type: z.string().optional()
+}) });
+async function createScheduledMessage(config, conversation_id, input) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages`,
+		method: "POST",
+		input,
+		inputSchema: scheduledMessageInputSchema,
+		outputSchema: MessageItemSchema$1
 	});
 }
-const _createMessageInputSchema = z.strictObject({
-	message: z.strictObject({
-		body: z.string().optional(),
-		theme: z.string().optional(),
-		subject: z.string().optional(),
-		type: z.string().optional(),
-		attachments_attributes: z.array(AttachmentInputSchema).optional()
-	}),
-	client_message_id: z.union([z.string(), z.number()]).optional()
-});
-const createMessageInputSchema = _createMessageInputSchema;
-async function createMessage(config, conversation_id, input) {
+async function updateScheduledMessage(config, conversation_id, id, input) {
 	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages`,
-		method: "POST",
+		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages/${id}`,
+		method: "PUT",
 		input,
-		inputSchema: createMessageInputSchema,
-		outputSchema: MessageItemSchema
+		inputSchema: scheduledMessageInputSchema,
+		outputSchema: MessageItemSchema$1
+	});
+}
+async function destroyScheduledMessage(config, conversation_id, id) {
+	return fetchMessaging(config, {
+		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages/${id}`,
+		method: "DELETE",
+		outputSchema: z.strictObject({
+			success: z.boolean(),
+			message: z.string()
+		})
 	});
 }
 /**
-* POST /api/v1/messaging/conversations/:conversation_id/messages/reply
-* Reply to an existing message by id; thread is captured in replied_to_id.
+* My Scheduled Messages
 */
-async function replyToMessage(config, conversation_id, message_id, input) {
+async function listMyScheduledMessages(config, input) {
 	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/reply`,
-		method: "POST",
-		input: {
-			...input,
-			message_id
-		},
-		inputSchema: _createMessageInputSchema.extend({ message_id: z.number() }),
-		outputSchema: MessageItemSchema
+		endpoint: `/v1/messaging/my_scheduled_messages`,
+		method: "GET",
+		input,
+		outputSchema: DraftMessageListResponseSchema
 	});
 }
-z.strictObject({ message: z.strictObject({
-	body: z.string().optional(),
-	theme: z.string().optional()
+z.strictObject({ bot: z.strictObject({
+	title: z.string(),
+	description: z.string().nullable().optional(),
+	external_uri: z.string().url().nullable().optional(),
+	image_url: z.string().url().nullable().optional(),
+	type: z.string().optional(),
+	avatar_background_color: z.string().nullable().optional(),
+	avatar_emoji: z.string().nullable().optional(),
+	webhook_external_uri: z.string().url().nullable().optional(),
+	webhook_auth_token: z.string().nullable().optional(),
+	webhook_http_method: z.string().nullable().optional(),
+	conversation_ids: z.array(z.number()).optional()
 }) });
+//#endregion
+//#region src/messaging/create-messaging-api.ts
 /**
-* POST /api/v1/messaging/conversations/:conversation_id/messages/:message_id/react.json
-* React to a message with an emoji.
+* Creates a {@link MessagingApi} adapter backed by the messaging API client.
+* This is the portal's adapter — it wires the concrete client to the
+* interface that messaging-core hooks consume via context.
 */
-async function reactToMessage(config, conversation_id, input) {
-	const { message_id, reaction } = input;
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${message_id}/react.json?reaction=${encodeURIComponent(reaction)}`,
-		method: "POST",
-		outputSchema: z.string()
+function createMessagingApi(config) {
+	return {
+		listConversations: (input) => listConversations(config, input),
+		getConversation: (id) => getConversation(config, id),
+		findConversation: (input) => findConversation(config, input),
+		createConversation: (input) => createConversation(config, input),
+		getAnnouncementChannel: () => getAnnouncementChannel(config),
+		listMessages: (cid, input) => listMessages(config, cid, input),
+		createMessage: (cid, input) => createMessage(config, cid, input),
+		replyToMessage: (cid, mid, input) => replyToMessage(config, cid, mid, input),
+		reactToMessage: (cid, input) => reactToMessage(config, cid, input),
+		unreactToMessage: (cid, input) => unreactToMessage(config, cid, input),
+		pinMessage: (cid, mid) => pinMessage(config, cid, mid),
+		unpinMessage: (cid, mid) => unpinMessage(config, cid, mid),
+		listPinnedMessages: (cid, input) => listPinnedMessages(config, cid, input),
+		listScheduledMessages: (cid, input) => listScheduledMessages(config, cid, input),
+		createScheduledMessage: (cid, input) => createScheduledMessage(config, cid, input),
+		updateScheduledMessage: (cid, id, input) => updateScheduledMessage(config, cid, id, input),
+		destroyScheduledMessage: (cid, id) => destroyScheduledMessage(config, cid, id),
+		listMyScheduledMessages: (input) => listMyScheduledMessages(config, input),
+		saveDraft: (cid, input) => saveDraft(config, cid, input),
+		destroyDraft: (cid) => destroyDraft(config, cid),
+		searchRecipientsCount: (input) => searchRecipientsCount(config, input),
+		listConnectedRecipients: (input) => listConnectedRecipients(config, input)
+	};
+}
+//#endregion
+//#region src/messaging/use-messaging-config.ts
+/**
+* Hook that derives a MessagingApi adapter from the portal SDK's FluidProvider context.
+*
+* Maps FluidSDKConfig fields to a MessagingApiConfig, then wraps the
+* concrete API client functions into a MessagingApi interface instance
+* that messaging-core hooks consume via context.
+*/
+function deriveWebsocketUrl(baseUrl) {
+	return `${baseUrl.replace(/\/+$/, "").replace(/\/api$/, "")}/cable`;
+}
+function useMessagingConfig() {
+	const { config } = useFluidContext();
+	const auth = useFluidAuthContext();
+	const getHeaders = useCallback(async () => {
+		const headers = {
+			"Content-Type": "application/json",
+			...config.defaultHeaders
+		};
+		if (config.getAuthToken) {
+			const token = await config.getAuthToken();
+			if (token) headers.Authorization = `Bearer ${token}`;
+		}
+		return headers;
+	}, [config]);
+	const apiBaseUrl = useMemo(() => {
+		const base = config.baseUrl.replace(/\/+$/, "");
+		return base.endsWith("/api") ? base : `${base}/api`;
+	}, [config.baseUrl]);
+	const apiConfig = useMemo(() => ({
+		baseUrl: apiBaseUrl,
+		getHeaders,
+		...config.onAuthError != null && { onAuthError: config.onAuthError }
+	}), [
+		apiBaseUrl,
+		config.onAuthError,
+		getHeaders
+	]);
+	return {
+		apiConfig,
+		messagingApi: useMemo(() => createMessagingApi(apiConfig), [apiConfig]),
+		websocketUrl: useMemo(() => config.websocketUrl ?? deriveWebsocketUrl(config.baseUrl), [config.websocketUrl, config.baseUrl]),
+		token: auth.token
+	};
+}
+//#endregion
+//#region ../../messaging/core/src/query-keys.ts
+/**
+* Query key factory for all messaging-related TanStack Query queries.
+* Ensures consistent key shapes across hooks and cache helpers.
+*/
+const MESSAGES_QUERY_KEYS = {
+	all: () => ["messages"],
+	conversationMetadata: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId
+	],
+	newMessageFlag: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId,
+		"new_message_flag"
+	],
+	listConversations: () => [...MESSAGES_QUERY_KEYS.all(), "conversations"],
+	listMessages: (conversationId, messageId, startAtISO) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId,
+		"messages",
+		messageId ? { startFromMessage: messageId } : startAtISO ? { startFromDate: startAtISO } : { startFromBottom: true }
+	],
+	listPinnedMessages: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId,
+		"pinned"
+	],
+	outbox: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId,
+		"outbox"
+	],
+	listScheduledMessages: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"conversation",
+		conversationId,
+		"scheduled"
+	],
+	listMyScheduledMessages: () => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"scheduled",
+		"mine"
+	],
+	draft: (conversationId) => [
+		...MESSAGES_QUERY_KEYS.all(),
+		"draft",
+		conversationId
+	],
+	announcementChannel: () => [...MESSAGES_QUERY_KEYS.all(), "announcement-channel"],
+	downline: () => [...MESSAGES_QUERY_KEYS.all(), "downline"]
+};
+//#endregion
+//#region ../../messaging/core/src/constants.ts
+const WEBSOCKET_QUERY_OPTIONS = {
+	staleTime: Infinity,
+	refetchOnMount: "always",
+	refetchOnReconnect: "always",
+	refetchOnWindowFocus: false
+};
+/**
+* Scheduled messages are not websocket-driven; poll to keep fresh.
+*/
+const SCHEDULED_MESSAGES_STALE_TIME = 6e4;
+const SCHEDULED_MESSAGES_REFETCH_INTERVAL = 6e4;
+/**
+* Pinned messages are not websocket-driven; poll to keep fresh.
+*/
+const PINNED_MESSAGES_STALE_TIME = 6e4;
+const PINNED_MESSAGES_REFETCH_INTERVAL = 6e4;
+//#endregion
+//#region ../../messaging/core/src/cache-helpers.ts
+/**
+* seed conversation metadata caches from any conversations list queries.
+* returns the matched conversation if conversationId is provided and present in any list cache.
+*/
+function seedConversationMetadataFromLists(queryClient, conversationId) {
+	let matched;
+	const seedFromData = (data) => {
+		const pages = data?.pages ?? [];
+		for (const page of pages) {
+			const items = page?.[1]?.items ?? [];
+			for (const item of items) {
+				queryClient.setQueryData(MESSAGES_QUERY_KEYS.conversationMetadata(item.id), item);
+				if (!matched && typeof conversationId === "number" && item.id === conversationId) matched = item;
+			}
+		}
+	};
+	seedFromData(queryClient.getQueryData(MESSAGES_QUERY_KEYS.listConversations()));
+	const listQueries = queryClient.getQueryCache().findAll({ predicate: (q) => {
+		const key = q.queryKey;
+		return Array.isArray(key) && key.length >= 2 && key[0] === MESSAGES_QUERY_KEYS.all()[0] && key[1] === MESSAGES_QUERY_KEYS.listConversations()[1];
+	} });
+	for (const q of listQueries) seedFromData(queryClient.getQueryData(q.queryKey));
+	return matched;
+}
+function isMessagesQueryKeyForConversation(queryKey, conversationId) {
+	if (!Array.isArray(queryKey)) return false;
+	return queryKey.length >= 4 && queryKey[0] === MESSAGES_QUERY_KEYS.all()[0] && queryKey[1] === "conversation" && queryKey[2] === conversationId && queryKey[3] === "messages";
+}
+function findMessageInCache(queryClient, conversationId, messageId) {
+	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) });
+	for (const query of queries) {
+		const data = queryClient.getQueryData(query.queryKey);
+		if (data) for (const page of data.pages) {
+			const message = page[1].items.find((m) => m.id === messageId);
+			if (message) return message;
+		}
+	}
+}
+function forEachMessagesQuery(queryClient, conversationId, fn) {
+	queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) }).forEach((q) => fn(q.queryKey));
+}
+function isBottomAnchorKey(queryKey) {
+	if (!Array.isArray(queryKey)) return false;
+	const anchor = queryKey[queryKey.length - 1];
+	if (typeof anchor === "object" && anchor !== null) {
+		if ("startFromBottom" in anchor) return anchor.startFromBottom === true;
+	}
+	return false;
+}
+function isPinnedQueryKeyForConversation(queryKey, conversationId) {
+	if (!Array.isArray(queryKey)) return false;
+	return queryKey.length >= 4 && queryKey[0] === MESSAGES_QUERY_KEYS.all()[0] && queryKey[1] === "conversation" && queryKey[2] === conversationId && queryKey[3] === "pinned";
+}
+function forEachPinnedQuery(queryClient, conversationId, fn) {
+	queryClient.getQueryCache().findAll({ predicate: (q) => isPinnedQueryKeyForConversation(q.queryKey, conversationId) }).forEach((q) => fn(q.queryKey));
+}
+async function cancelMessageQueries(queryClient, conversationId) {
+	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isMessagesQueryKeyForConversation(q.queryKey, conversationId) });
+	await Promise.all(queries.map((q) => queryClient.cancelQueries({ queryKey: q.queryKey })));
+}
+async function cancelPinnedQueries(queryClient, conversationId) {
+	const queries = queryClient.getQueryCache().findAll({ predicate: (q) => isPinnedQueryKeyForConversation(q.queryKey, conversationId) });
+	await Promise.all(queries.map((q) => queryClient.cancelQueries({ queryKey: q.queryKey })));
+}
+function applyMessagesOptimisticSend({ queryClient, conversationId, optimisticMessage }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		if (!isBottomAnchorKey(key)) return;
+		queryClient.setQueryData(key, (oldData) => {
+			const newOptimisticPage = [{ pagination: {
+				current: 1,
+				previous: null,
+				next: null,
+				per_page: oldData?.pages?.[0]?.[0]?.pagination?.per_page ?? 20,
+				pages: oldData?.pages?.[0]?.[0]?.pagination?.pages ?? 1,
+				count: oldData?.pages?.[0]?.[0]?.pagination?.count ?? 0
+			} }, { items: [optimisticMessage] }];
+			if (!oldData) return {
+				pages: [newOptimisticPage],
+				pageParams: [1]
+			};
+			const pages = oldData.pages.map((page, idx) => {
+				if (idx === 0) {
+					const currentItems = page?.[1]?.items ?? [];
+					return [{ pagination: {
+						...page?.[0]?.pagination ?? {},
+						count: page?.[0]?.pagination?.count ?? 0
+					} }, { items: [optimisticMessage, ...currentItems] }];
+				}
+				return page;
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
+		const prev = old?.items ?? [];
+		if (prev.some((m) => m.id === optimisticMessage.id)) return old;
+		return { items: [...prev, optimisticMessage] };
 	});
 }
 /**
-* DELETE /api/v1/messaging/conversations/:conversation_id/messages/:message_id/unreact.json
-* Remove the current recipient's reaction.
+* markNewMessageFlagForConversation
+*
+* sets a lightweight flag query for a conversation indicating a new message
+* arrived while the user may not be at the bottom. UI can reset it after
+* scrolling or showing a pill.
 */
-async function unreactToMessage(config, conversation_id, input) {
-	const { message_id } = input;
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${message_id}/unreact.json`,
-		method: "DELETE",
-		outputSchema: z.string()
+function markNewMessageFlagForConversation(queryClient, conversationId) {
+	queryClient.setQueryData([
+		MESSAGES_QUERY_KEYS.all()[0],
+		"conversation",
+		conversationId,
+		"new_message_flag"
+	], true);
+}
+function clearNewMessageFlagForConversation(queryClient, conversationId) {
+	queryClient.setQueryData([
+		MESSAGES_QUERY_KEYS.all()[0],
+		"conversation",
+		conversationId,
+		"new_message_flag"
+	], false);
+}
+function applyMessageUpsertToCache({ queryClient, conversationId, message, replaceOptimisticId, clientMessageId }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData?.pages?.length) {
+				if (!isBottomAnchorKey(key)) return oldData;
+				return {
+					pages: [[{ pagination: {
+						current: 1,
+						previous: null,
+						next: null,
+						per_page: 20,
+						pages: 1,
+						count: 1
+					} }, { items: [message] }]],
+					pageParams: [1]
+				};
+			}
+			const normalizedClientMessageId = (() => {
+				if (typeof clientMessageId === "string" && clientMessageId.length > 0) return clientMessageId;
+				const fromMeta = (() => {
+					const meta = message.metadata;
+					if (meta && typeof meta === "object" && "client_message_id" in meta) {
+						const id = meta.client_message_id;
+						if (typeof id === "string" || typeof id === "number" && Number.isFinite(id)) return id;
+					}
+				})();
+				if (typeof fromMeta === "string" || typeof fromMeta === "number" && Number.isFinite(fromMeta)) return String(fromMeta);
+			})();
+			const finalMessage = (() => {
+				if (!normalizedClientMessageId) return message;
+				const currentMeta = message.metadata;
+				if (currentMeta != null && typeof currentMeta === "object" && (typeof currentMeta.client_message_id === "string" || typeof currentMeta.client_message_id === "number")) return message;
+				return {
+					...message,
+					metadata: {
+						...currentMeta && typeof currentMeta === "object" ? currentMeta : {},
+						client_message_id: normalizedClientMessageId
+					}
+				};
+			})();
+			let replaced = false;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				const items = payload.items.slice();
+				const idxById = items.findIndex((m) => m.id === (replaceOptimisticId ?? message.id));
+				if (idxById !== -1) {
+					items[idxById] = finalMessage;
+					replaced = true;
+					return [meta, { items }];
+				}
+				if (normalizedClientMessageId) {
+					const idxByClientId = items.findIndex((m) => typeof m?.metadata === "object" && m?.metadata != null && ((id) => id != null && String(id) === normalizedClientMessageId)(m.metadata?.client_message_id));
+					if (idxByClientId !== -1) {
+						items[idxByClientId] = finalMessage;
+						replaced = true;
+						return [meta, { items }];
+					}
+				}
+				const idxExisting = items.findIndex((m) => m.id === message.id);
+				if (idxExisting !== -1) {
+					items[idxExisting] = finalMessage;
+					replaced = true;
+					return [meta, { items }];
+				}
+				return [meta, { items }];
+			});
+			if (!replaced) {
+				if (!isBottomAnchorKey(key)) return oldData;
+				const first = pages[0];
+				const nextPages = pages.slice();
+				const newFirstItems = [finalMessage, ...first?.[1]?.items ?? []];
+				const newCount = (first?.[0]?.pagination?.count ?? 0) + 1;
+				nextPages[0] = [{ pagination: {
+					...first?.[0]?.pagination ?? {},
+					count: newCount
+				} }, { items: newFirstItems }];
+				return {
+					...oldData,
+					pages: nextPages
+				};
+			}
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
+		if (!old?.items) return old;
+		return { items: old.items.filter((m) => m.id !== (replaceOptimisticId ?? -99999999)) };
+	});
+}
+function applyMessageDeleteFromCache({ queryClient, conversationId, messageId }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				const items = payload.items.filter((m) => m.id !== messageId);
+				const newCount = Math.max(0, (meta?.pagination?.count ?? 0) - (payload.items.length - items.length));
+				return [{ pagination: {
+					...meta?.pagination ?? {},
+					count: newCount
+				} }, { items }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+	queryClient.setQueryData(MESSAGES_QUERY_KEYS.outbox(conversationId), (old) => {
+		if (!old?.items) return old;
+		return { items: old.items.filter((m) => m.id !== messageId) };
+	});
+}
+function applyReactionUpdateToCache({ queryClient, conversationId, messageId, reaction, reaction_stats }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
+					...m,
+					reaction,
+					reaction_stats
+				} : m) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+	forEachPinnedQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
+					...m,
+					reaction,
+					reaction_stats
+				} : m) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+}
+function applyReactionStatsToCache({ queryClient, conversationId, messageId, reaction_stats }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
+					...m,
+					reaction_stats
+				} : m) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+	forEachPinnedQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
+					...m,
+					reaction_stats
+				} : m) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
+	});
+}
+function applyConversationMetaToCaches({ queryClient, conversation }) {
+	queryClient.setQueryData(MESSAGES_QUERY_KEYS.conversationMetadata(conversation.id), (old) => {
+		if (!old) return old;
+		return {
+			...old,
+			...conversation
+		};
+	});
+	const listQueries = queryClient.getQueryCache().findAll({ predicate: (q) => {
+		const key = q.queryKey;
+		return Array.isArray(key) && key.length >= 2 && key[0] === MESSAGES_QUERY_KEYS.all()[0] && key[1] === MESSAGES_QUERY_KEYS.listConversations()[1];
+	} });
+	for (const q of listQueries) queryClient.setQueryData(q.queryKey, (oldData) => {
+		const data = oldData;
+		if (!data?.pages) return oldData;
+		return {
+			...data,
+			pages: data.pages.map((page) => [page[0], {
+				...page[1],
+				items: page[1].items.map((conv) => conv.id === conversation.id ? {
+					...conv,
+					...typeof conversation.unread === "boolean" ? { unread: conversation.unread } : {},
+					...typeof conversation.unread_messages_count === "number" ? { unread_messages_count: conversation.unread_messages_count } : {}
+				} : conv)
+			}])
+		};
 	});
 }
-/**
-* GET /api/v1/messaging/conversations/:conversation_id/messages/pinned
-* List pinned messages in the conversation.
-*/
-async function listPinnedMessages(config, conversation_id, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/pinned`,
-		method: "GET",
-		input,
-		outputSchema: MessageListResponseSchema
+function applyConversationDestroyed({ queryClient, conversationId }) {
+	queryClient.removeQueries({ queryKey: MESSAGES_QUERY_KEYS.conversationMetadata(conversationId) });
+	queryClient.setQueryData(MESSAGES_QUERY_KEYS.listConversations(), (oldData) => {
+		const data = oldData;
+		if (!data?.pages) return oldData;
+		return {
+			...data,
+			pages: data.pages.map((page) => [page[0], {
+				...page[1],
+				items: page[1].items.filter((c) => c.id !== conversationId)
+			}])
+		};
 	});
 }
-/**
-* PUT /api/v1/messaging/conversations/:conversation_id/messages/:id/pin
-* Pin a message (current recipient).
-*/
-async function pinMessage(config, conversation_id, id) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${id}/pin`,
-		method: "PUT",
-		outputSchema: MessagePinResponseSchema
+function applyMessagePinnedFlag({ queryClient, conversationId, messageId, pinned, message }) {
+	forEachMessagesQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page) => {
+				const [meta, payload] = page;
+				return [meta, { items: payload.items.map((m) => m.id === messageId ? {
+					...m,
+					pinned
+				} : m) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
 	});
-}
-/**
-* PUT /api/v1/messaging/conversations/:conversation_id/messages/:id/unpin
-* Unpin a message (current recipient).
-*/
-async function unpinMessage(config, conversation_id, id) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/messages/${id}/unpin`,
-		method: "PUT",
-		outputSchema: MessagePinResponseSchema
+	forEachPinnedQuery(queryClient, conversationId, (key) => {
+		queryClient.setQueryData(key, (oldData) => {
+			if (!oldData) return oldData;
+			const pages = oldData.pages.map((page, idx) => {
+				const [meta, payload] = page;
+				if (idx !== 0) return page;
+				const exists = payload.items.some((m) => m.id === messageId);
+				if (pinned) {
+					if (exists) return page;
+					const msg = message ?? payload.items.find((m) => m.id === messageId);
+					if (!msg) return page;
+					return [meta, { items: [msg, ...payload.items] }];
+				}
+				return [meta, { items: payload.items.filter((m) => m.id !== messageId) }];
+			});
+			return {
+				...oldData,
+				pages
+			};
+		});
 	});
 }
 //#endregion
-//#region ../../messaging/api-client/src/api/conversations.api.ts
-/**
-* Conversations API (v1 messaging)
-*
-* Thin, fully-typed wrappers around the Rails messaging controllers.
-* All functions validate inputs/outputs with zod and use `fetchMessaging`.
-*/
+//#region ../../messaging/core/src/utils/reaction-utils.ts
 /**
-* GET /api/v1/messaging/announcement_channel
+* Splits an emoji string into an array of grapheme clusters (perceived characters/emojis).
+* Uses `Intl.Segmenter` when available for correct multi-codepoint emoji handling.
+* Falls back to `[...string]` (code-point iteration) on browsers without `Intl.Segmenter`
+* (e.g. Firefox < 119), which may incorrectly split ZWJ sequences, skin-tone modifiers,
+* and flag emojis into multiple entries.
+* @param emojiString The string of emojis to split.
+* @returns An array of strings, where each string is a single emoji.
 */
-async function getAnnouncementChannel(config) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/announcement_channel",
-		method: "GET",
-		outputSchema: ConversationResponseSchema
-	});
-}
-async function listConversations(config, input) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/conversations",
-		method: "GET",
-		input,
-		outputSchema: ConversationListResponseSchema
-	});
+function splitEmojis(emojiString) {
+	if (!emojiString) return [];
+	if (typeof Intl !== "undefined" && typeof Intl.Segmenter === "function") {
+		const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+		return Array.from(segmenter.segment(emojiString)).map((segment) => segment.segment);
+	}
+	return [...emojiString];
 }
 /**
-* GET /api/v1/messaging/conversations/search
+* Flattens reaction_stats to count individual emojis.
+* E.g., {"😀😂": 1, "👍": 2, "😀": 1} becomes {"😀": 2, "😂": 1, "👍": 2}
+* Handles multi-codepoint emojis correctly.
+* @param stats The raw reaction_stats object from the message.
+* @returns A record where keys are single emojis and values are their total counts.
 */
-async function searchConversations(config, input) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/conversations/search",
-		method: "GET",
-		input,
-		outputSchema: NominalConversationsResponseSchema
-	});
+function flattenReactionStats(stats) {
+	if (!stats) return {};
+	const flattened = {};
+	for (const emojiKey in stats) {
+		const count = stats[emojiKey];
+		if (typeof count !== "number" || count === 0) continue;
+		const individualEmojis = splitEmojis(emojiKey);
+		for (const emoji of individualEmojis) flattened[emoji] = (flattened[emoji] || 0) + count;
+	}
+	return flattened;
 }
 /**
-* GET /api/v1/messaging/conversations/find
+* Calculates the optimistic state for a message's reactions when a user's reaction changes.
+* @param currentState The current reaction parts of the message ({ reaction, reaction_stats }).
+* @param newUserReaction The user's new complete reaction string (e.g., "😀👍", "😂", or null to unreact).
+* @returns An object with the updated `reaction` and `reaction_stats`.
 */
-async function findConversation(config, input) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/conversations/find",
-		method: "GET",
-		input,
-		outputSchema: ConversationResponseSchema
-	});
+function calculateOptimisticReactionUpdate(currentState, newUserReaction) {
+	const previousUserReaction = currentState.reaction;
+	const newStats = { ...currentState.reaction_stats || {} };
+	const finalNewUserReaction = newUserReaction === "" ? null : newUserReaction;
+	if (previousUserReaction === finalNewUserReaction) return {
+		reaction: previousUserReaction,
+		reaction_stats: newStats
+	};
+	if (previousUserReaction && typeof newStats[previousUserReaction] === "number") newStats[previousUserReaction] = Math.max(0, newStats[previousUserReaction] - 1);
+	if (finalNewUserReaction) newStats[finalNewUserReaction] = (typeof newStats[finalNewUserReaction] === "number" ? newStats[finalNewUserReaction] : 0) + 1;
+	return {
+		reaction: finalNewUserReaction,
+		reaction_stats: newStats
+	};
 }
 /**
-* GET /api/v1/messaging/conversations/:id
+* Generates a unique, sorted string from an array of emoji characters.
+* Each string in the input array is assumed to be a single, correctly segmented emoji.
+* E.g., ["😂", "😀", "😂"] becomes "😀😂"
+* @param emojis An array of single emoji strings (grapheme clusters).
+* @returns A sorted string of unique emojis, or an empty string if no emojis are provided.
 */
-async function getConversation(config, id) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${id}`,
-		method: "GET",
-		outputSchema: ConversationResponseSchema
-	});
-}
-const conversationCreateInputSchema = z.strictObject({
-	conversation: z.strictObject({
-		kind: z.string().optional(),
-		type: z.string().optional(),
-		name: z.string().optional(),
-		description: z.string().nullable().optional(),
-		broadcasting: z.boolean().optional(),
-		filter: z.record(z.string(), z.unknown()).optional(),
-		auto_add_recipients: z.boolean().optional()
-	}),
-	recipients: z.array(z.strictObject({
-		id: z.number().optional(),
-		uid: z.number().optional(),
-		email: z.string().email().optional(),
-		phone: z.string().optional(),
-		first_name: z.string().optional(),
-		last_name: z.string().optional(),
-		image_url: z.string().url().optional()
-	})).optional()
-});
-async function createConversation(config, input) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/conversations",
-		method: "POST",
-		input,
-		inputSchema: conversationCreateInputSchema,
-		outputSchema: ConversationResponseSchema
-	});
+function generateSortedEmojiStringFromArray(emojis) {
+	if (!emojis || emojis.length === 0) return "";
+	return [...new Set(emojis)].sort((a, b) => a.localeCompare(b, "en")).join("");
 }
-z.strictObject({ conversation: z.strictObject({
-	name: z.string().optional(),
-	description: z.string().nullable().optional(),
-	additional_recipient_params: z.strictObject({
-		receivable_id: z.number(),
-		receivable_type: z.string()
-	}).optional(),
-	auto_add_recipients: z.boolean().optional()
-}) });
 //#endregion
-//#region ../../messaging/api-client/src/api/recipients.api.ts
+//#region ../../messaging/core/src/utils/messaging.ts
+function mapConversationTypeToMessageType(conversationType) {
+	switch (conversationType) {
+		case "DirectConversation": return "DirectMessage";
+		case "SmsConversation": return "SmsMessage";
+		case "EmailConversation": return "EmailMessage";
+		case "ChannelConversation":
+		case "GroupConversation": return "DirectMessage";
+		case "BotConversation": return "BotMessage";
+		default: return "DirectMessage";
+	}
+}
 /**
-* GET /api/v1/messaging/conversations/connected_recipients
+* Determines the category of a chat. This is slightly different from the backend's
+* category field.
+*
+* @param item - Conversation item to check
+* @returns the type of channel
 */
-async function listConnectedRecipients(config, input) {
-	return fetchMessaging(config, {
-		endpoint: "/v1/messaging/conversations/connected_recipients",
-		method: "GET",
-		input,
-		outputSchema: createPaginatedSchema(input?.kind && [
-			"external",
-			"sms",
-			"email"
-		].includes(input.kind) ? WithContactRecipientSchema : RecipientSchema)
-	});
-}
+const getMessageType = (item) => {
+	if (item.type === "GroupConversation" && item.name.toLowerCase().includes("other")) return {
+		isChannel: false,
+		type: "group-direct-message"
+	};
+	if (item.broadcasting) return {
+		isChannel: true,
+		type: "broadcast"
+	};
+	if (item.type === "GroupConversation") return {
+		isChannel: true,
+		type: "private-channel"
+	};
+	if (item.type === "DirectConversation") return {
+		isChannel: false,
+		type: "direct-message"
+	};
+	if (item.type === "EmailConversation") return {
+		isChannel: false,
+		type: "email"
+	};
+	if (item.type === "SmsConversation") return {
+		isChannel: false,
+		type: "sms"
+	};
+	if (item.type === "ChannelConversation") return {
+		isChannel: true,
+		type: "public-channel"
+	};
+	if (item.type === "BotConversation") return {
+		isChannel: false,
+		type: "bot"
+	};
+	if (item.type === "DownlineConversation") return {
+		isChannel: true,
+		type: "downline"
+	};
+	throw new Error("Invalid conversation type");
+};
+const getUserInitials = (conversation, user) => {
+	if (user.phone === conversation.name) return "#";
+	if (user.email === conversation.name) return "@";
+	return [user.first_name?.charAt(0), user.last_name?.charAt(0)].filter(Boolean).join("") || "?";
+};
+const getFileTypeFromMimetype = (mimetype) => {
+	if (mimetype.startsWith("image/")) return "image";
+	if (mimetype.startsWith("video/")) return "video";
+	if (mimetype === "application/pdf") return "pdf";
+	if (mimetype.includes("spreadsheet") || mimetype.includes("excel") || mimetype.includes("sheet") || mimetype === "text/csv") return "sheets";
+	if (mimetype.includes("powerpoint") || mimetype.includes("presentation")) return "powerpoint";
+	if (mimetype.includes("document") || mimetype.includes("word") || mimetype.includes("rtf")) return "docx";
+	if (mimetype.startsWith("text/")) return "txt";
+	if (mimetype.includes("zip") || mimetype.includes("compressed") || mimetype.includes("archive") || mimetype.includes("tar") || mimetype.includes("gzip")) return "compressed";
+	if (mimetype.startsWith("audio/")) return "audio";
+	return "unknown";
+};
 //#endregion
-//#region ../../messaging/api-client/src/api/drafts-scheduled.api.ts
-const saveDraftInputSchema = z.strictObject({ draft_message: z.strictObject({
-	body: z.string().nullable().optional(),
-	replied_to_id: z.number().nullable().optional(),
-	attachments_attributes: z.array(z.strictObject({
-		url: z.string().url(),
-		filename: z.string(),
-		kind: z.string(),
-		content_type: z.string().optional(),
-		content_size: z.number().optional(),
-		metadata: AttachmentInputMetadataSchema,
-		id: z.number().optional(),
-		_destroy: z.boolean().optional()
-	})).optional()
-}) });
-async function saveDraft(config, conversation_id, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/save_draft`,
-		method: "PUT",
-		input,
-		inputSchema: saveDraftInputSchema,
-		outputSchema: DraftMessageSchema.or(z.strictObject({}))
-	});
-}
-async function destroyDraft(config, conversation_id) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/destroy_draft`,
-		method: "DELETE",
-		outputSchema: z.unknown()
-	});
-}
+//#region ../../messaging/core/src/utils/string-utils.ts
 /**
-* Scheduled Messages: per conversation
+* Extracts the leading emoji from a string.
+* @param text The string to process.
+* @returns An object containing the emoji and the remaining text.
 */
-async function listScheduledMessages(config, conversation_id, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages`,
-		method: "GET",
-		input,
-		outputSchema: MessageListResponseSchema
-	});
-}
-const scheduledMessageInputSchema = z.strictObject({ scheduled_message: z.strictObject({
-	body: z.string().optional(),
-	theme: z.string().optional(),
-	scheduled_at: z.string().datetime({ offset: true }),
-	attachments_attributes: z.array(AttachmentInputSchema).optional(),
-	type: z.string().optional()
-}) });
-async function createScheduledMessage(config, conversation_id, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages`,
-		method: "POST",
-		input,
-		inputSchema: scheduledMessageInputSchema,
-		outputSchema: MessageItemSchema
-	});
-}
-async function updateScheduledMessage(config, conversation_id, id, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages/${id}`,
-		method: "PUT",
-		input,
-		inputSchema: scheduledMessageInputSchema,
-		outputSchema: MessageItemSchema
-	});
-}
-async function destroyScheduledMessage(config, conversation_id, id) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/conversations/${conversation_id}/scheduled_messages/${id}`,
-		method: "DELETE",
-		outputSchema: z.strictObject({
-			success: z.boolean(),
-			message: z.string()
-		})
-	});
+function extractEmoji$1(text) {
+	const match = text.match(/^\p{Emoji_Presentation}/u);
+	if (match) {
+		const emoji = match[0];
+		return {
+			emoji,
+			text: text.substring(emoji.length).trimStart()
+		};
+	}
+	return {
+		emoji: null,
+		text
+	};
 }
 /**
-* My Scheduled Messages
+* Formats a message channel name by replacing spaces and underscores with hyphens,
+* converting to lowercase, and removing any non-alphanumeric characters except hyphens.
+* @param name - The original channel name
+* @return The formatted channel name
 */
-async function listMyScheduledMessages(config, input) {
-	return fetchMessaging(config, {
-		endpoint: `/v1/messaging/my_scheduled_messages`,
-		method: "GET",
-		input,
-		outputSchema: DraftMessageListResponseSchema
-	});
+function formatMessageChannelName$1(name) {
+	return name.toLowerCase().replace(/[ _]/g, "-").replace(/[^a-z0-9-]/g, "");
+}
+const MAX_GROUP_NAME_LENGTH$1 = 30;
+function formatGroupDisplayName$1(names, maxLength = MAX_GROUP_NAME_LENGTH$1) {
+	const fullDisplayName = names.join(", ");
+	if (fullDisplayName.length <= maxLength) return { displayName: fullDisplayName };
+	for (let i = 0; i < names.length; i++) {
+		const currentNames = names.slice(0, i + 1);
+		const remainingCount = names.length - currentNames.length;
+		if (remainingCount > 0) {
+			const suffix = `+ ${remainingCount} other${remainingCount > 1 ? "s" : ""}`;
+			if (`${currentNames.join(", ")} ${suffix}`.length > maxLength && i > 0) {
+				const namesToShow = names.slice(0, i);
+				const othersCount = names.length - i;
+				const othersSuffix = `+${othersCount} other${othersCount > 1 ? "s" : ""}`;
+				const truncatedDisplayName = namesToShow.join(", ");
+				if (othersCount === 1) {
+					const nameWithOneMore = names.slice(0, i + 1).join(", ");
+					if (nameWithOneMore.length < truncatedDisplayName.length) return { displayName: nameWithOneMore };
+				}
+				return {
+					displayName: truncatedDisplayName,
+					remainder: othersSuffix
+				};
+			}
+		}
+	}
+	const firstName = names[0] || "";
+	const othersCount = names.length - 1;
+	if (othersCount > 0) return {
+		displayName: firstName,
+		remainder: `+ ${othersCount} other${othersCount > 1 ? "s" : ""}`
+	};
+	return { displayName: firstName };
+}
+//#endregion
+//#region ../../messaging/core/src/utils/file-kinds.ts
+const ServerFileKindEnum$1 = z.enum([
+	"image",
+	"video",
+	"pdf",
+	"sheets",
+	"powerpoint",
+	"docx"
+]);
+const fallbackFileType$1 = "docx";
+//#endregion
+//#region ../../messaging/core/src/messaging-api.ts
+const MessagingApiContext = createContext(null);
+const MessagingApiProvider = MessagingApiContext.Provider;
+function useMessagingApi() {
+	const api = useContext(MessagingApiContext);
+	if (!api) throw new Error("useMessagingApi must be used within a MessagingApiProvider");
+	return api;
 }
-z.strictObject({ bot: z.strictObject({
-	title: z.string(),
-	description: z.string().nullable().optional(),
-	external_uri: z.string().url().nullable().optional(),
-	image_url: z.string().url().nullable().optional(),
-	type: z.string().optional(),
-	avatar_background_color: z.string().nullable().optional(),
-	avatar_emoji: z.string().nullable().optional(),
-	webhook_external_uri: z.string().url().nullable().optional(),
-	webhook_auth_token: z.string().nullable().optional(),
-	webhook_http_method: z.string().nullable().optional(),
-	conversation_ids: z.array(z.number()).optional()
-}) });
 //#endregion
 //#region ../../messaging/core/src/hooks/useConversations.ts
-function useConversations(config, input) {
+function useConversations(input) {
+	const api = useMessagingApi();
 	return useInfiniteQuery({
 		queryKey: [...MESSAGES_QUERY_KEYS.listConversations(), input ?? {}],
-		queryFn: ({ pageParam }) => listConversations(config, {
+		queryFn: ({ pageParam }) => api.listConversations({
 			...input || {},
 			page: pageParam ?? 1
 		}),
@@ -2538,14 +2591,15 @@ function useConversations(config, input) {
 		...WEBSOCKET_QUERY_OPTIONS
 	});
 }
-function useConversation(config, conversationId) {
+function useConversation(conversationId) {
+	const api = useMessagingApi();
 	const queryClient = useQueryClient();
 	return useQuery({
 		queryKey: MESSAGES_QUERY_KEYS.conversationMetadata(conversationId),
 		queryFn: async () => {
 			const fromSeed = seedConversationMetadataFromLists(queryClient, conversationId);
 			if (fromSeed) return fromSeed;
-			const result = await getConversation(config, conversationId);
+			const result = await api.getConversation(conversationId);
 			applyConversationMetaToCaches({
 				queryClient,
 				conversation: {
@@ -2561,8 +2615,9 @@ function useConversation(config, conversationId) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useFindConversation.ts
-function useFindConversation(config, params) {
+function useFindConversation(params) {
 	const { recipients, contact_id, conversation_type, enabled } = params;
+	const api = useMessagingApi();
 	const useRecipientsFlow = Array.isArray(recipients) && recipients.length > 0;
 	const inferredType = conversation_type || (useRecipientsFlow ? recipients.length > 1 ? "GroupConversation" : "DirectConversation" : void 0);
 	return useQuery({
@@ -2576,11 +2631,11 @@ function useFindConversation(config, params) {
 			conversation_type
 		],
 		queryFn: async () => {
-			if (useRecipientsFlow) return await createConversation(config, {
+			if (useRecipientsFlow) return await api.createConversation({
 				conversation: { type: inferredType },
 				recipients: recipients.map((r) => ({ uid: r.uid }))
 			});
-			if (typeof contact_id === "number" && conversation_type) return await findConversation(config, {
+			if (typeof contact_id === "number" && conversation_type) return await api.findConversation({
 				contact_id,
 				conversation_type
 			});
@@ -2592,20 +2647,22 @@ function useFindConversation(config, params) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useAnnouncementChannel.ts
-function useAnnouncementChannel(config) {
+function useAnnouncementChannel() {
+	const api = useMessagingApi();
 	return useQuery({
 		queryKey: MESSAGES_QUERY_KEYS.announcementChannel(),
-		queryFn: () => getAnnouncementChannel(config),
+		queryFn: () => api.getAnnouncementChannel(),
 		staleTime: Infinity,
 		refetchOnWindowFocus: false
 	});
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useScheduledMessages.ts
-function useScheduledMessages$1(config, conversationId, perPage = 20) {
+function useScheduledMessages$1(conversationId, perPage = 20) {
+	const api = useMessagingApi();
 	return useInfiniteQuery({
 		queryKey: MESSAGES_QUERY_KEYS.listScheduledMessages(conversationId),
-		queryFn: async ({ pageParam }) => listScheduledMessages(config, conversationId, {
+		queryFn: async ({ pageParam }) => api.listScheduledMessages(conversationId, {
 			page: pageParam ?? 1,
 			per_page: perPage
 		}),
@@ -2620,10 +2677,11 @@ function useScheduledMessages$1(config, conversationId, perPage = 20) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useMyScheduledMessages.ts
-function useMyScheduledMessages(config) {
+function useMyScheduledMessages() {
+	const api = useMessagingApi();
 	return useInfiniteQuery({
 		queryKey: MESSAGES_QUERY_KEYS.listMyScheduledMessages(),
-		queryFn: async ({ pageParam }) => listMyScheduledMessages(config, {
+		queryFn: async ({ pageParam }) => api.listMyScheduledMessages({
 			page: pageParam ?? 1,
 			per_page: 50
 		}),
@@ -2635,12 +2693,13 @@ function useMyScheduledMessages(config) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useReactions.ts
-function useReaction(config) {
+function useReaction() {
+	const api = useMessagingApi();
 	const queryClient = useQueryClient();
 	const reactMutation = useMutation({
 		mutationFn: async (params) => {
 			const { conversationId, messageId, reactionString } = params;
-			return reactToMessage(config, conversationId, {
+			return api.reactToMessage(conversationId, {
 				message_id: messageId,
 				reaction: reactionString
 			});
@@ -2688,7 +2747,7 @@ function useReaction(config) {
 	const unreactMutation = useMutation({
 		mutationFn: async (params) => {
 			const { conversationId, messageId } = params;
-			return unreactToMessage(config, conversationId, { message_id: messageId });
+			return api.unreactToMessage(conversationId, { message_id: messageId });
 		},
 		onMutate: async (variables) => {
 			const { conversationId, messageId } = variables;
@@ -2737,8 +2796,9 @@ function useReaction(config) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useMessages.ts
-function useMessages$1(config, params, options) {
+function useMessages$1(params, options) {
 	const { conversationId, messageId, perPage = 50 } = params;
+	const api = useMessagingApi();
 	const queryClient = useQueryClient();
 	const isBottomAnchored = !messageId;
 	const query = useInfiniteQuery({
@@ -2747,7 +2807,7 @@ function useMessages$1(config, params, options) {
 			const param = pageParam;
 			const pageNumber = param?.type === "page" ? param.number ?? 1 : void 0;
 			const shouldMarkRead = isBottomAnchored && pageNumber === 1;
-			const result = await listMessages(config, conversationId, param?.type === "message" ? {
+			const input = param?.type === "message" ? {
 				preview: true,
 				message_id: param.id,
 				per_page: perPage
@@ -2755,7 +2815,8 @@ function useMessages$1(config, params, options) {
 				preview: !shouldMarkRead ? true : false,
 				page: pageNumber ?? 1,
 				per_page: perPage
-			});
+			};
+			const result = await api.listMessages(conversationId, input);
 			if (shouldMarkRead) {
 				applyConversationMetaToCaches({
 					queryClient,
@@ -2824,7 +2885,8 @@ function useMessages$1(config, params, options) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useSendMessage.ts
-function useSendMessage$1(config, conversationId, user, options) {
+function useSendMessage$1(conversationId, user, options) {
+	const api = useMessagingApi();
 	const queryClient = useQueryClient();
 	const clientMessageIdRef = useRef(null);
 	return useMutation({
@@ -2847,8 +2909,8 @@ function useSendMessage$1(config, conversationId, user, options) {
 				},
 				client_message_id: clientMessageIdRef.current ?? (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`)
 			};
-			if (input.replyToId) return replyToMessage(config, conversationId, input.replyToId, payload);
-			return createMessage(config, conversationId, payload);
+			if (input.replyToId) return api.replyToMessage(conversationId, input.replyToId, payload);
+			return api.createMessage(conversationId, payload);
 		},
 		onMutate: async (input) => {
 			const rnd = Math.floor(Math.random() * 2147483647);
@@ -2958,8 +3020,9 @@ function useSendMessage$1(config, conversationId, user, options) {
 }
 //#endregion
 //#region ../../messaging/core/src/hooks/useUpdateScheduledMessage.ts
-function useUpdateScheduledMessage$1(config, params, callbacks) {
+function useUpdateScheduledMessage$1(params, callbacks) {
 	const { conversationId, editScheduledId, editScheduledMessage, conversationType } = params;
+	const api = useMessagingApi();
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationFn: async ({ body, attachments }) => {
@@ -2977,14 +3040,14 @@ function useUpdateScheduledMessage$1(config, params, callbacks) {
 			const scheduledAtISO = editScheduledMessage?.scheduled_at || editScheduledMessage?.metadata?.scheduled_at || null;
 			if (!scheduledAtISO) throw new Error("Missing scheduled time for the message");
 			const messageType = mapConversationTypeToMessageType(conversationType);
-			await createScheduledMessage(config, conversationId, { scheduled_message: {
+			await api.createScheduledMessage(conversationId, { scheduled_message: {
 				body,
 				theme: "inquiry",
 				scheduled_at: new Date(scheduledAtISO).toISOString(),
 				type: messageType,
 				attachments_attributes: mappedAttachments
 			} });
-			await destroyScheduledMessage(config, conversationId, editScheduledId);
+			await api.destroyScheduledMessage(conversationId, editScheduledId);
 		},
 		onSuccess: async () => {
 			await Promise.all([queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listScheduledMessages(conversationId) }), queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listMyScheduledMessages() })]);
@@ -3446,6 +3509,39 @@ function getConfig(name) {
 }
 //#endregion
 //#region ../../messaging/core/src/cable/schemas.ts
+/**
+* Locally-defined schemas for WebSocket event parsing.
+* These replace imports from the API client to keep core dependency-free.
+*/
+const ReactionStatsSchema = z.record(z.string(), z.number());
+/**
+* Lenient schema for parsing incoming WebSocket message payloads.
+* Uses passthrough() to accept extra/unknown fields from the server.
+*/
+const MessageItemSchema = z.object({
+	id: z.number(),
+	body: z.string(),
+	type: z.string(),
+	created_at: z.string(),
+	updated_at: z.string().nullable().optional(),
+	deleted_at: z.string().nullable().optional(),
+	edited_at: z.string().nullable().optional(),
+	conversation_id: z.number(),
+	status: z.string(),
+	attachments: z.array(z.any()),
+	reaction_stats: z.record(z.string(), z.number()).nullable(),
+	reaction: z.string().nullable().optional(),
+	metadata: z.any().optional(),
+	emoji_only_count: z.number().optional(),
+	mentioned_recipients: z.array(z.any()),
+	sent_at: z.string().optional(),
+	pinned: z.boolean().optional(),
+	scheduled_at: z.string().optional(),
+	replied_to_message: z.any().nullable().optional(),
+	sender_recipient: z.any(),
+	seen_by: z.unknown(),
+	seen_by_count: z.unknown()
+}).passthrough();
 const NewMessageSchema = z.strictObject({
 	type: z.literal("new_message"),
 	message: z.string(),
@@ -3999,7 +4095,7 @@ function createFluidFileUploader(apiKey) {
 //#endregion
 //#region ../../messaging/ui/src/app/MessagingAppProvider.tsx
 const MessagingAppContext = createContext(null);
-function MessagingAppProvider({ config, auth, websocketUrl, token, renderImage, renderProfileTrigger, onNavigate, initialRoute, children }) {
+function MessagingAppProvider({ api, auth, websocketUrl, token, renderImage, renderProfileTrigger, onNavigate, initialRoute, children }) {
 	const [currentRoute, setCurrentRoute] = useState(() => initialRoute ?? { view: "index" });
 	const navigation = {
 		navigate: useCallback((route) => {
@@ -4015,17 +4111,19 @@ function MessagingAppProvider({ config, auth, websocketUrl, token, renderImage,
 		}, [currentRoute.view, onNavigate]),
 		currentRoute
 	};
-	return /* @__PURE__ */ jsx(MessagingAppContext.Provider, {
-		value: {
-			config,
-			auth,
-			websocketUrl,
-			token,
-			renderImage,
-			renderProfileTrigger,
-			navigation
-		},
-		children
+	return /* @__PURE__ */ jsx(MessagingApiProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(MessagingAppContext.Provider, {
+			value: {
+				auth,
+				websocketUrl,
+				token,
+				renderImage,
+				renderProfileTrigger,
+				navigation
+			},
+			children
+		})
 	});
 }
 function useMessagingApp() {
@@ -4255,12 +4353,12 @@ function getPageTitleFromRoute(route) {
 	}
 }
 function MessagesTopBar({ renderSidebarTrigger, renderBreadcrumb, history, onToast }) {
-	const { config, auth, renderImage: contextRenderImage } = useMessagingApp();
+	const { auth, renderImage: contextRenderImage } = useMessagingApp();
 	const navigation = useMessagingNavigation();
 	const currentRoute = navigation.currentRoute;
 	const renderImage = contextRenderImage ?? defaultRenderImage;
 	const conversationId = "conversationId" in currentRoute ? currentRoute.conversationId : 0;
-	const { data: conversation } = useConversation(config, conversationId);
+	const { data: conversation } = useConversation(conversationId);
 	const currentUser = auth.currentUser;
 	const affiliateId = currentUser?.affiliateId;
 	const otherUsers = conversation?.recipients.filter((r) => r.receivable_id !== affiliateId);
@@ -4720,9 +4818,9 @@ function Channel({ item, renderImage }) {
 	})] });
 }
 function SidebarItem({ item }) {
-	const { config, auth, renderImage: contextRenderImage } = useMessagingApp();
+	const { auth, renderImage: contextRenderImage } = useMessagingApp();
 	const navigation = useMessagingNavigation();
-	const { data: meta } = useConversation(config, item.id);
+	const { data: meta } = useConversation(item.id);
 	const renderImage = contextRenderImage ?? defaultRenderImage;
 	const currentUser = auth.currentUser;
 	if (!currentUser) return null;
@@ -4886,7 +4984,6 @@ function useScrollerRef() {
 	return context;
 }
 function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNewChannelSidebar, showAdminFeatures = true, canUseMyDownline = false, downlineData }) {
-	const { config } = useMessagingApp();
 	const navigation = useMessagingNavigation();
 	const [isDragging, setIsDragging] = useState(false);
 	const sidebarRef = useRef(null);
@@ -4924,8 +5021,8 @@ function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNew
 		handleMouseMove,
 		handleMouseUp
 	]);
-	const result = useConversations(config, { per_page: CHANNELS_PER_FETCH });
-	const { data: announcementChannel, isLoading: isLoadingAnnouncementChannel } = useAnnouncementChannel(config);
+	const result = useConversations({ per_page: CHANNELS_PER_FETCH });
+	const { data: announcementChannel, isLoading: isLoadingAnnouncementChannel } = useAnnouncementChannel();
 	const hasMyDownline = downlineData?.hasDownline ?? false;
 	const myDownlineConversation = downlineData?.conversation ?? null;
 	const allEntries = result.data?.pages.flatMap((page) => page[1].items) ?? [];
@@ -38605,11 +38702,12 @@ function Timestamp({ children: timestamp, className = "", displayMode = "auto" }
 }
 //#endregion
 //#region ../../messaging/ui/src/components/Message.tsx
-function Message({ conversation, message, isGrouped, highlightType = "auto", config, renderProfileTrigger, renderProfileContent, renderImage, onPinError, onCopyLinkSuccess, onCopyLinkError, getMessageLink }) {
+function Message({ conversation, message, isGrouped, highlightType = "auto", renderProfileTrigger, renderProfileContent, renderImage, onPinError, onCopyLinkSuccess, onCopyLinkError, getMessageLink }) {
 	const [emojiPickerOpen, setEmojiPickerOpen] = useState(false);
 	const [optionsOpen, setOptionsOpen] = useState(false);
 	const queryClient = useQueryClient();
-	const { react, unreact } = useReaction(config);
+	const { react, unreact } = useReaction();
+	const api = useMessagingApi();
 	const addReaction = (reaction) => {
 		react({
 			conversationId: conversation.id,
@@ -38635,7 +38733,8 @@ function Message({ conversation, message, isGrouped, highlightType = "auto", con
 			});
 			setOptimisticPinned(newPinned);
 			try {
-				await (newPinned ? pinMessage : unpinMessage)(config, conversation.id, message.id);
+				if (newPinned) await api.pinMessage(conversation.id, message.id);
+				else await api.unpinMessage(conversation.id, message.id);
 			} catch {
 				applyMessagePinnedFlag({
 					queryClient,
@@ -39299,8 +39398,8 @@ const deepEqual = (obj1, obj2) => {
 * Hook to manage conversation draft state using React Query as the single source of truth.
 * Initializes with data from conversation metadata to avoid loading delays.
 */
-function useConversationDraft(config, conversationId) {
-	const { data: conversationMetadata } = useConversation(config, conversationId);
+function useConversationDraft(conversationId) {
+	const { data: conversationMetadata } = useConversation(conversationId);
 	const queryClient = useQueryClient();
 	const isLocalDraft = !conversationId;
 	const abortFunctionsRef = useRef(/* @__PURE__ */ new Map());
@@ -39625,13 +39724,14 @@ function useIsDragging() {
 }
 //#endregion
 //#region ../../messaging/ui/src/hooks/use-save-draft.ts
-function useSaveDraft(config, conversationId, options) {
+function useSaveDraft(conversationId, options) {
 	const queryClient = useQueryClient();
+	const api = useMessagingApi();
 	return useMutation({
 		mutationFn: async () => {
 			if (!conversationId) return null;
 			try {
-				await destroyDraft(config, conversationId);
+				await api.destroyDraft(conversationId);
 			} catch (err) {
 				if (err.status !== 404) console.warn("destroyDraft failed (continuing with save):", err);
 			}
@@ -39649,7 +39749,7 @@ function useSaveDraft(config, conversationId, options) {
 			const bodyIsEmpty = !latestBody.trim();
 			const hasFiles = latestAttachments.length > 0;
 			if (bodyIsEmpty && !hasFiles) return {};
-			return await saveDraft(config, conversationId, { draft_message: {
+			return await api.saveDraft(conversationId, { draft_message: {
 				body: latestBody,
 				attachments_attributes: hasFiles ? latestAttachments : void 0
 			} });
@@ -39685,10 +39785,10 @@ function useSaveDraft(config, conversationId, options) {
 		}
 	});
 }
-function useDebouncedSaveDraft(config, conversationId, options) {
+function useDebouncedSaveDraft(conversationId, options) {
 	const debounceMs = options?.debounceMs ?? 1e3;
 	const debounceTimerRef = useRef(null);
-	const saveDraftMutation = useSaveDraft(config, conversationId, { onError: options?.onError });
+	const saveDraftMutation = useSaveDraft(conversationId, { onError: options?.onError });
 	const debouncedSave = () => {
 		if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
 		debounceTimerRef.current = setTimeout(() => {
@@ -52200,7 +52300,8 @@ function convertMentionTokensInJson(node, users) {
 }
 //#endregion
 //#region ../../messaging/ui/src/components/composer/useComposerActions.ts
-function useComposerActions({ editor, onSend, onSaveScheduledEdit, isUploadingFiles, completedFiles, clearDebounce, saveImmediately, draft, mode, sendWithEnter, conversationType, conversationId, config, onScheduleSuccess, onScheduleComplete, onScheduleError }) {
+function useComposerActions({ editor, onSend, onSaveScheduledEdit, isUploadingFiles, completedFiles, clearDebounce, saveImmediately, draft, mode, sendWithEnter, conversationType, conversationId, onScheduleSuccess, onScheduleComplete, onScheduleError }) {
+	const api = useMessagingApi();
 	const handleSend = useCallback(async () => {
 		if (!editor || !onSend) return;
 		if (isUploadingFiles) return;
@@ -52270,7 +52371,7 @@ function useComposerActions({ editor, onSend, onSaveScheduledEdit, isUploadingFi
 					return parsed.success ? parsed.data : fallbackFileType;
 				};
 				const messageType = mapConversationTypeToMessageType(conversationType);
-				await createScheduledMessage(config, conversationId, { scheduled_message: {
+				await api.createScheduledMessage(conversationId, { scheduled_message: {
 					body: markdown,
 					theme: "inquiry",
 					scheduled_at: scheduledAt.toISOString(),
@@ -52301,7 +52402,7 @@ function useComposerActions({ editor, onSend, onSaveScheduledEdit, isUploadingFi
 			completedFiles,
 			conversationId,
 			conversationType,
-			config,
+			api,
 			draft,
 			saveImmediately,
 			onScheduleSuccess,
@@ -52313,11 +52414,11 @@ function useComposerActions({ editor, onSend, onSaveScheduledEdit, isUploadingFi
 }
 //#endregion
 //#region ../../messaging/ui/src/components/composer/MessageComposer.tsx
-function MessageComposer({ onSend, onScheduleSuccess, onSaveScheduledEdit, placeholder = "Type your message...", disabled = false, mentionableUsers, conversationType, conversationId, saveDrafts = true, mode = "normal", initialEditData, config, uploader, canSchedule = false, renderUpgradePrompt, renderLinkModal, renderImage, onScheduleComplete, onScheduleError, onUploadError }) {
+function MessageComposer({ onSend, onScheduleSuccess, onSaveScheduledEdit, placeholder = "Type your message...", disabled = false, mentionableUsers, conversationType, conversationId, saveDrafts = true, mode = "normal", initialEditData, uploader, canSchedule = false, renderUpgradePrompt, renderLinkModal, renderImage, onScheduleComplete, onScheduleError, onUploadError }) {
 	const [sendWithEnter] = use_local_storage_state_default("messages-send-with-enter", { defaultValue: true });
 	const effectiveConversationId = saveDrafts ? conversationId : 0;
-	const draft = useConversationDraft(config, effectiveConversationId);
-	const { debouncedSave, saveImmediately, isSaving, clearDebounce } = useDebouncedSaveDraft(config, effectiveConversationId);
+	const draft = useConversationDraft(effectiveConversationId);
+	const { debouncedSave, saveImmediately, isSaving, clearDebounce } = useDebouncedSaveDraft(effectiveConversationId);
 	const { handleFiles, handleRemoveFile } = useDraftFileUpload({
 		uploader,
 		draftApi: {
@@ -52441,7 +52542,6 @@ function MessageComposer({ onSend, onScheduleSuccess, onSaveScheduledEdit, place
 		sendWithEnter,
 		conversationType,
 		conversationId,
-		config,
 		onScheduleSuccess,
 		onScheduleComplete,
 		onScheduleError
@@ -52495,13 +52595,12 @@ function MessageComposer({ onSend, onScheduleSuccess, onSaveScheduledEdit, place
 }
 //#endregion
 //#region ../../messaging/ui/src/app/MessagesViewComposer.tsx
-function MessagesViewComposer({ conversationId, conversationMetadata, config, uploader, saveDrafts, isEditingScheduled, editScheduledMessage, mentionableUsers, renderImage, isLoading, user, isSendPending, isUpdatePending, onSend, onSaveScheduledEdit, onScheduleSuccess }) {
+function MessagesViewComposer({ conversationId, conversationMetadata, uploader, saveDrafts, isEditingScheduled, editScheduledMessage, mentionableUsers, renderImage, isLoading, user, isSendPending, isUpdatePending, onSend, onSaveScheduledEdit, onScheduleSuccess }) {
 	const input = /* @__PURE__ */ jsx(MessageComposer, {
 		conversationId,
 		conversationType: conversationMetadata?.type,
 		saveDrafts: isEditingScheduled ? false : saveDrafts,
 		mode: isEditingScheduled ? "editScheduled" : "normal",
-		config,
 		uploader,
 		initialEditData: isEditingScheduled && editScheduledMessage ? {
 			body: editScheduledMessage.body || "",
@@ -52562,13 +52661,11 @@ function HeaderSlot({ render, conversation }) {
 	return /* @__PURE__ */ jsx(Fragment$1, { children: render(conversation) });
 }
 function ViewMessage({ conversation, message, isGrouped, highlightType = "auto", renderProfileTrigger, renderProfileContent, renderImage, onToast, getMessageLink }) {
-	const { config } = useMessagingApp();
 	return /* @__PURE__ */ jsx(Message, {
 		conversation,
 		message,
 		isGrouped,
 		highlightType,
-		config,
 		renderProfileTrigger,
 		renderProfileContent,
 		renderImage,
@@ -52610,7 +52707,7 @@ const getFallbackSystemMessageText = (senderName, conversationMetadata) => {
 };
 function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, renderProfileTrigger, renderProfileContent, onToast, getMessageLink, renderScheduledBanner, renderHeader, onMarkRead, uploader }) {
 	const queryClient = useQueryClient();
-	const { config, auth, renderImage: contextRenderImage } = useMessagingApp();
+	const { auth, renderImage: contextRenderImage } = useMessagingApp();
 	const navigation = useMessagingNavigation();
 	const scrollerRef = useScrollerRef();
 	const renderImage = contextRenderImage ?? defaultRenderImage;
@@ -52649,7 +52746,6 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		scrollTo
 	]);
 	const { messages, fetchNextPage, hasNextPage, isFetchingNextPage, fetchPreviousPage, hasPreviousPage, isFetchingPreviousPage, isLoading: isLoadingMessages, isError, error: messagesError } = useMessages({
-		config,
 		conversationId,
 		messageId: messageId ? Number(messageId) : void 0,
 		perPage: 50,
@@ -52659,7 +52755,7 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		const lastId = messages[messages.length - 1]?.id ?? "x";
 		return `${messages.length}:${String(lastId)}`;
 	}, [messages]);
-	const { data: conversationMetadata, error: metadataError, isLoading: isLoadingMetadata } = useConversation(config, conversationId);
+	const { data: conversationMetadata, error: metadataError, isLoading: isLoadingMetadata } = useConversation(conversationId);
 	useEffect(() => {
 		baselineCapturedRef.current = false;
 		setEntryUnreadBaselineId(null);
@@ -52678,7 +52774,7 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		scrollToBottom,
 		resetKey: conversationId
 	});
-	const scheduledHook = useScheduledMessages(config, conversationId);
+	const scheduledHook = useScheduledMessages(conversationId);
 	const scheduledData = scheduledHook.data;
 	const refetchScheduled = scheduledHook.refetch;
 	const editScheduledId = (() => {
@@ -52717,7 +52813,6 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		};
 	}, [currentUser]);
 	const sendMessageMutation = useSendMessage({
-		config,
 		conversationId,
 		user,
 		onSuccess: () => {
@@ -52731,7 +52826,6 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		}
 	});
 	const updateScheduledMutation = useUpdateScheduledMessage({
-		config,
 		conversationId,
 		editScheduledId,
 		editScheduledMessage,
@@ -53029,7 +53123,6 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 	const composer = /* @__PURE__ */ jsx(MessagesViewComposer, {
 		conversationId,
 		conversationMetadata,
-		config,
 		uploader,
 		saveDrafts,
 		isEditingScheduled,
@@ -53161,24 +53254,24 @@ function MessagesView({ conversationId, messageId, saveDrafts, noDateResults, re
 		}, "composer")]
 	}, "layer-1");
 }
-function useMessages({ config, conversationId, messageId, perPage, onMarkRead }) {
-	return useMessages$1(config, {
+function useMessages({ conversationId, messageId, perPage, onMarkRead }) {
+	return useMessages$1({
 		conversationId,
 		messageId,
 		perPage
 	}, { onMarkRead });
 }
-function useSendMessage({ config, conversationId, user, onSuccess, onError }) {
-	return useSendMessage$1(config, conversationId, user, {
+function useSendMessage({ conversationId, user, onSuccess, onError }) {
+	return useSendMessage$1(conversationId, user, {
 		onSuccess,
 		onError
 	});
 }
-function useScheduledMessages(config, conversationId) {
-	return useScheduledMessages$1(config, conversationId, 50);
+function useScheduledMessages(conversationId) {
+	return useScheduledMessages$1(conversationId, 50);
 }
-function useUpdateScheduledMessage({ config, conversationId, editScheduledId, editScheduledMessage, conversationType, onSuccess, onError }) {
-	return useUpdateScheduledMessage$1(config, {
+function useUpdateScheduledMessage({ conversationId, editScheduledId, editScheduledMessage, conversationType, onSuccess, onError }) {
+	return useUpdateScheduledMessage$1({
 		conversationId,
 		editScheduledId,
 		editScheduledMessage,
@@ -53191,13 +53284,12 @@ function useUpdateScheduledMessage({ config, conversationId, editScheduledId, ed
 //#endregion
 //#region ../../messaging/ui/src/app/PinnedMessagesView.tsx
 function PinnedMessage({ conversation, message, onToast, renderProfileContent, getMessageLink }) {
-	const { config, renderImage, renderProfileTrigger } = useMessagingApp();
+	const { renderImage, renderProfileTrigger } = useMessagingApp();
 	return /* @__PURE__ */ jsx(Message, {
 		conversation,
 		message,
 		isGrouped: false,
 		highlightType: "never",
-		config,
 		renderProfileTrigger: renderProfileTrigger ? ({ children }) => /* @__PURE__ */ jsx("div", { children }) : void 0,
 		renderProfileContent,
 		renderImage,
@@ -53208,12 +53300,12 @@ function PinnedMessage({ conversation, message, onToast, renderProfileContent, g
 	});
 }
 function PinnedMessagesView({ conversationId, onToast, renderProfileContent, getMessageLink }) {
-	const { config } = useMessagingApp();
 	const { navigate } = useMessagingNavigation();
+	const api = useMessagingApi();
 	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError, error } = useInfiniteQuery({
 		queryKey: MESSAGES_QUERY_KEYS.listPinnedMessages(conversationId),
 		queryFn: async ({ pageParam }) => {
-			return listPinnedMessages(config, conversationId, {
+			return api.listPinnedMessages(conversationId, {
 				page: pageParam,
 				per_page: 50
 			});
@@ -53224,7 +53316,7 @@ function PinnedMessagesView({ conversationId, onToast, renderProfileContent, get
 		staleTime: PINNED_MESSAGES_STALE_TIME,
 		refetchInterval: PINNED_MESSAGES_REFETCH_INTERVAL
 	});
-	const { data: conversationMetadata } = useConversation(config, conversationId);
+	const { data: conversationMetadata } = useConversation(conversationId);
 	const messages = useMemo(() => {
 		if (!data?.pages) return [];
 		return data.pages.flatMap((pageData) => pageData[1].items);
@@ -53841,10 +53933,9 @@ function getConversationIdFromRecipients(recipients) {
 	return conversationRecipient ? conversationRecipient.id : null;
 }
 function NewMessageView({ searchUsers, searchChannels, getCachedChannels, messagesViewProps }) {
-	const { config } = useMessagingApp();
 	const [selectedRecipients, setSelectedRecipients] = useState([]);
 	const selectedConversationId = useMemo(() => getConversationIdFromRecipients(selectedRecipients), [selectedRecipients]);
-	const { data: foundConversation } = useFindConversation(config, {
+	const { data: foundConversation } = useFindConversation({
 		recipients: selectedRecipients.length > 0 && !selectedConversationId ? selectedRecipients.map((r) => ({ uid: r.id })) : void 0,
 		enabled: selectedRecipients.length > 0 && !selectedConversationId
 	});
@@ -54104,9 +54195,10 @@ function formatScheduledShort(iso) {
 	}
 }
 function ScheduledMessageRow({ message, onToast }) {
-	const { config, auth, renderImage } = useMessagingApp();
+	const { auth, renderImage } = useMessagingApp();
 	const { navigate } = useMessagingNavigation();
 	const queryClient = useQueryClient();
+	const api = useMessagingApi();
 	const [openConfirm, setOpenConfirm] = useState(false);
 	const [openDeleteConfirm, setOpenDeleteConfirm] = useState(false);
 	const [openReschedule, setOpenReschedule] = useState(false);
@@ -54115,7 +54207,7 @@ function ScheduledMessageRow({ message, onToast }) {
 	const conversation = message.conversation;
 	const rawConversationId = conversation?.id ?? message.conversation_id ?? 0;
 	const conversationId = typeof rawConversationId === "string" ? Number.parseInt(rawConversationId, 10) : Number(rawConversationId);
-	const { data: fullConversation } = useConversation(config, conversationId);
+	const { data: fullConversation } = useConversation(conversationId);
 	const messageType = message.type;
 	const effectiveConversation = fullConversation || conversation;
 	const affiliateId = auth.currentUser?.affiliateId;
@@ -54153,12 +54245,13 @@ function ScheduledMessageRow({ message, onToast }) {
 					metadata: a.metadata ?? void 0
 				};
 			});
-			await createMessage(config, conversationId, { message: {
-				type: mapConversationTypeToMessageType(fullConversation.type),
+			const typeFromConversation = mapConversationTypeToMessageType(fullConversation.type);
+			await api.createMessage(conversationId, { message: {
+				type: typeFromConversation,
 				body: message.body || "",
 				attachments_attributes: mappedAttachments
 			} });
-			await destroyScheduledMessage(config, conversationId, message.id);
+			await api.destroyScheduledMessage(conversationId, message.id);
 		},
 		onSuccess: async () => {
 			await Promise.all([
@@ -54175,7 +54268,7 @@ function ScheduledMessageRow({ message, onToast }) {
 	});
 	const deleteMutation = useMutation({
 		mutationFn: async () => {
-			await destroyScheduledMessage(config, conversationId, message.id);
+			await api.destroyScheduledMessage(conversationId, message.id);
 		},
 		onSuccess: async () => {
 			await Promise.all([queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listScheduledMessages(conversationId) }), queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listMyScheduledMessages() })]);
@@ -54185,7 +54278,7 @@ function ScheduledMessageRow({ message, onToast }) {
 	});
 	const rescheduleMutation = useMutation({
 		mutationFn: async (isoDate) => {
-			await updateScheduledMessage(config, conversationId, message.id, { scheduled_message: { scheduled_at: isoDate } });
+			await api.updateScheduledMessage(conversationId, message.id, { scheduled_message: { scheduled_at: isoDate } });
 		},
 		onSuccess: async () => {
 			await Promise.all([queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listScheduledMessages(conversationId) }), queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEYS.listMyScheduledMessages() })]);
@@ -54335,8 +54428,7 @@ function ScheduledMessageRow({ message, onToast }) {
 //#endregion
 //#region ../../messaging/ui/src/app/ScheduledMessagesView.tsx
 function ScheduledMessagesView({ onToast }) {
-	const { config } = useMessagingApp();
-	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError, error } = useMyScheduledMessages(config);
+	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError, error } = useMyScheduledMessages();
 	const messages = useMemo(() => {
 		if (!data?.pages) return [];
 		return data.pages.flatMap((p) => p[1].items);
@@ -54401,9 +54493,9 @@ function ScheduledMessagesView({ onToast }) {
 }
 //#endregion
 //#region ../../messaging/ui/src/app/MessagingApp.tsx
-function MessagingApp({ config, auth, websocketUrl, token, renderImage, renderProfileTrigger, onNavigate, initialRoute, renderLockedDownlineItem, renderNewChannelSidebar, showAdminFeatures, canUseMyDownline, downlineData, topBar, messagesViewProps, newMessageViewProps, onToast, getMessageLink, renderProfileContent, children }) {
+function MessagingApp({ api, auth, websocketUrl, token, renderImage, renderProfileTrigger, onNavigate, initialRoute, renderLockedDownlineItem, renderNewChannelSidebar, showAdminFeatures, canUseMyDownline, downlineData, topBar, messagesViewProps, newMessageViewProps, onToast, getMessageLink, renderProfileContent, children }) {
 	return /* @__PURE__ */ jsxs(MessagingAppProvider, {
-		config,
+		api,
 		auth,
 		websocketUrl,
 		token,
@@ -54489,14 +54581,14 @@ function defaultToast(message, type) {
 }
 function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlOverride, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
 	const { config } = useFluidContext();
-	const { apiConfig, websocketUrl, token } = useMessagingConfig();
+	const { apiConfig, messagingApi, websocketUrl, token } = useMessagingConfig();
 	const messagingAuth = useMessagingAuth();
 	const effectiveApiKey = filestackApiKey ?? config.filestackApiKey;
 	const uploader = useMemo(() => createFluidFileUploader(effectiveApiKey), [effectiveApiKey]);
 	const effectiveWsUrl = websocketUrlOverride ?? websocketUrl;
 	const effectiveToast = onToast ?? defaultToast;
 	const searchUsers = useCallback(async (query) => {
-		return ((await listConnectedRecipients(apiConfig, {
+		return ((await messagingApi.listConnectedRecipients({
 			filterrific: { search_query: query },
 			per_page: 10,
 			page: 1
@@ -54516,7 +54608,7 @@ function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlO
 				conversationName: name
 			};
 		});
-	}, [apiConfig]);
+	}, [messagingApi]);
 	const searchChannels = useCallback(async (query) => {
 		return (await searchConversations(apiConfig, { filterrific: { search_query: query } }) ?? []).map((channel) => {
 			const { text: nameWithoutEmoji } = extractEmoji(channel.name);
@@ -54559,7 +54651,7 @@ function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlO
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
 		children: /* @__PURE__ */ jsx(MessagingApp, {
-			config: apiConfig,
+			api: messagingApi,
 			auth: messagingAuth,
 			websocketUrl: effectiveWsUrl,
 			token,
@@ -54590,4 +54682,4 @@ const messagingScreenPropertySchema = {
 //#endregion
 export { useMessagingAuth as a, useMessagingConfig as i, messagingScreenPropertySchema as n, createFluidFileUploader as r, MessagingScreen as t };
 
-//# sourceMappingURL=MessagingScreen-DTXSZ-Oa.mjs.map
+//# sourceMappingURL=MessagingScreen-CBuI3fu6.mjs.map