@fluid-app/portal-sdk 0.1.232 → 0.1.234

package/dist/{MessagingScreen-BMoCh4MT.cjs → MessagingScreen-CWEQmvOg.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BNL_Apw2.cjs");
+require("./FluidProvider-BE05KBep.cjs");
 require("./ScreenRenderer-aYfgv6mR.cjs");
 require("./account-api-context-DZP9IiGg.cjs");
 require("./store-api-context-D1gZn22Z.cjs");
@@ -41,7 +41,8 @@ require("./SpacerWidget-CI3to-88.cjs");
 require("./TableWidget-b7hKDTJk.cjs");
 require("./ToDoWidget-CQ_zTbhz.cjs");
 require("./VideoWidget-Bc6ZAAaA.cjs");
-const require_MessagingScreen = require("./MessagingScreen-CxpLlTW_.cjs");
+require("./ScreenHeaderContext-oIu5Bvhs.cjs");
+const require_MessagingScreen = require("./MessagingScreen-CKWiOb9l.cjs");
 require("./dist-DbRTQ2QF.cjs");
 require("./es-UfEBhcZD.cjs");
 exports.MessagingScreen = require_MessagingScreen.MessagingScreen;

package/dist/{MessagingScreen-Q17pdhUz.mjs → MessagingScreen-CWSeAq3b.mjs}

@@ -1,6 +1,9 @@
 import { a as __toESM, i as __require, n as __commonJSMin, r as __exportAll, t as useDropzone } from "./es-BkP8gyWU.mjs";
-import { n as useFluidContext, u as ApiError } from "./FluidProvider-Dg-eouRw.mjs";
+import { n as useFluidContext, u as ApiError } from "./FluidProvider-FtpwIsLB.mjs";
 import { $ as DropdownMenuSeparator, En as Button, Ft as isAfter, Gt as endOfMonth, It as format$1, J as DropdownMenuContent, Jt as differenceInCalendarDays, Kt as differenceInCalendarMonths, L as Input, Mt as subDays, Nt as isSameYear, Pn as cn, Pt as isBefore, R as IconToggle, X as DropdownMenuLabel, Xt as normalizeDates, Y as DropdownMenuItem, Yt as startOfDay, an as millisecondsInHour, at as DialogClose, b as fluidToast, ht as PopoverTrigger, i as TooltipTrigger, in as constructFrom, it as Dialog, jt as Calendar$1, mt as PopoverContent, n as TooltipContent, nn as addDays, on as millisecondsInMinute, ot as DialogContent, pt as Popover, q as DropdownMenu, qt as isSameDay, r as TooltipProvider, rn as toDate, rt as DropdownMenuTrigger, t as Tooltip, tn as addMonths, v as SpinnerWithText, z as IconButton } from "./src-CCqVyAdS.mjs";
+import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Cemdo7bM.mjs";
+import { t as useAccount } from "./use-account-CBMPhhs7.mjs";
+import { t as useStore } from "./use-store-By_7tzrN.mjs";
 import { C as PluginKey, D as Node$2, E as Mark$1, O as Schema$1, S as Plugin, T as Fragment$2, _ as index$1, a as useEditor, b as Decoration, c as Mark, d as escapeForRegEx, f as findChildrenInRange, g as getMarksBetween, h as getHTMLFromFragment, i as ReactRenderer, l as Node$1, m as getChangedRanges, o as Placeholder, p as getAttributes, r as EditorContent, s as Extension, t as StarterKit, u as combineTransactionSteps, v as markPasteRule, w as DOMParser, x as DecorationSet, y as mergeAttributes } from "./dist-PbA1vxAz.mjs";
 import * as React$1 from "react";
 import React, { Children, Component, Fragment, createContext, createElement, forwardRef, isValidElement, memo, startTransition, use, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useEffectEvent, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useRef, useState, useSyncExternalStore } from "react";
@@ -903,11 +906,24 @@ function subMonths(date, amount, options) {
 //#endregion
 //#region src/messaging/use-messaging-auth.ts
 function useMessagingAuth() {
+	const accountQuery = useAccount();
+	const storeQuery = useStore();
+	const account = accountQuery.data;
+	const recipientId = account?.recipient_id ?? null;
 	return {
-		recipientId: null,
-		companyId: null,
-		currentUser: null,
-		isLoading: false
+		recipientId,
+		companyId: storeQuery.data?.id ?? null,
+		currentUser: account && recipientId != null ? {
+			id: account.id,
+			recipientId,
+			firstName: account.first_name,
+			lastName: account.last_name,
+			email: account.email,
+			affiliateId: account.id,
+			...account.avatar_url != null && { imageUrl: account.avatar_url }
+		} : null,
+		isLoading: accountQuery.isLoading || storeQuery.isLoading,
+		isError: accountQuery.isError || storeQuery.isError
 	};
 }
 //#endregion
@@ -928,7 +944,9 @@ var MessagingApiError = class extends ApiError {
 * Arrays: key[]=val, nested objects: key[subkey]=val
 */
 function buildUrl(baseUrl, endpoint, params) {
-	const url = new URL(`${baseUrl}${endpoint}`);
+	const path = `${baseUrl}${endpoint}`;
+	if (typeof window === "undefined" && !/^https?:/i.test(path)) throw new Error("messaging-api-client: relative baseUrl is not supported outside the browser");
+	const url = /^https?:/i.test(path) ? new URL(path) : new URL(path, window.location.origin);
 	if (!params) return url.toString();
 	for (const [key, value] of Object.entries(params)) {
 		if (value === void 0 || value === null) continue;
@@ -4182,6 +4200,21 @@ function goodTry(tryFn) {
 //#region ../../../node_modules/.pnpm/use-local-storage-state@19.5.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/use-local-storage-state/index.js
 var use_local_storage_state_default = useLocalStorageState;
 //#endregion
+//#region ../../messaging/ui/src/utils/render-helpers.tsx
+/**
+* Default image renderer using a plain <img> tag.
+* Used as a fallback when no framework-specific renderImage is provided.
+*/
+function defaultRenderImage(props) {
+	return /* @__PURE__ */ jsx("img", {
+		src: props.src,
+		alt: props.alt,
+		width: props.width,
+		height: props.height,
+		className: props.className
+	});
+}
+//#endregion
 //#region ../../messaging/ui/src/utils/avatar-utils.ts
 const AVATAR_COLORS = [
 	"#6d7989",
@@ -4277,19 +4310,84 @@ function GroupAvatars({ conversation, currentUserId, groupSize = GROUP_MAX, rend
 	});
 }
 //#endregion
-//#region ../../messaging/ui/src/utils/render-helpers.tsx
-/**
-* Default image renderer using a plain <img> tag.
-* Used as a fallback when no framework-specific renderImage is provided.
-*/
-function defaultRenderImage(props) {
-	return /* @__PURE__ */ jsx("img", {
-		src: props.src,
-		alt: props.alt,
-		width: props.width,
-		height: props.height,
-		className: props.className
-	});
+//#region ../../messaging/ui/src/app/MessagesHeaderActions.tsx
+function MessagesHeaderActions({ conversation, currentUser, navigation, renderImage }) {
+	if (!conversation || !currentUser) return null;
+	const affiliateId = currentUser.affiliateId;
+	const messageType = getMessageType(conversation).type;
+	const conversationId = conversation.id;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		(messageType === "broadcast" || messageType === "private-channel" || messageType === "public-channel") && /* @__PURE__ */ jsx(GroupAvatars, {
+			conversation,
+			currentUserId: affiliateId,
+			renderImage
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: clsx$1("flex size-6 items-center justify-center rounded-sm border empty:hidden", messageType === "public-channel" && "border-blue-200 bg-blue-50", messageType === "sms" && "border-green-200 bg-green-50", messageType === "email" && "border-pink-200 bg-pink-50", messageType === "private-channel" && "border-purple-200 bg-purple-50", messageType === "broadcast" && "border-gray-200 bg-gray-50"),
+			children: [
+				messageType === "public-channel" && /* @__PURE__ */ jsx(Eye, { className: "size-3 text-blue-700" }),
+				messageType === "sms" && /* @__PURE__ */ jsx(Phone, { className: "size-3 text-green-700" }),
+				messageType === "email" && /* @__PURE__ */ jsx(Mail, { className: "size-3 text-pink-600" }),
+				messageType === "private-channel" && /* @__PURE__ */ jsx(Lock, { className: "size-2.5 text-purple-700" }),
+				messageType === "broadcast" && /* @__PURE__ */ jsx(Megaphone, { className: "size-3 text-gray-700" })
+			]
+		}),
+		/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconButton, {
+				size: "icon-xs",
+				"aria-label": "More options",
+				icon: EllipsisVertical
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "w-60 p-0",
+			children: [/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "border-b border-gray-200 px-4 py-3 text-sm font-semibold text-slate-700",
+				children: "Channel Options"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "px-0 py-1",
+				children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						disabled: true,
+						className: "mx-1.5 my-0 gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700",
+						children: [/* @__PURE__ */ jsx(User, { className: "size-4 text-gray-500" }), "Channel Details"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						disabled: true,
+						className: "mx-1.5 my-0 gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700",
+						children: [/* @__PURE__ */ jsx(Settings, { className: "size-4 text-gray-500" }), "Channel Settings"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						disabled: true,
+						className: "mx-1.5 my-0 gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700",
+						children: [/* @__PURE__ */ jsx(BellOff, { className: "size-4 text-gray-500" }), "Mute Channel"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onSelect: () => navigation.navigate({
+							view: "pins",
+							conversationId
+						}),
+						className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700",
+						children: [
+							/* @__PURE__ */ jsx(Pin, { className: "size-4 text-gray-500" }),
+							"Pinned Messages",
+							(conversation.pinned_messages_count ?? 0) > 0 && /* @__PURE__ */ jsx("span", {
+								className: "ml-auto text-xs text-gray-500",
+								children: conversation.pinned_messages_count ?? 0
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-0 my-1" }),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						disabled: true,
+						className: "mx-1.5 my-0 gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-red-500 focus:text-red-500",
+						children: [/* @__PURE__ */ jsx(LogOut, { className: "size-4 text-red-500" }), "Leave Channel"]
+					})
+				]
+			})]
+		})] })
+	] });
 }
 //#endregion
 //#region ../../messaging/ui/src/app/MessagesTopBar.tsx
@@ -4301,17 +4399,13 @@ function getPageTitleFromRoute(route) {
 		default: return;
 	}
 }
-function MessagesTopBar({ renderSidebarTrigger, renderBreadcrumb, history, onToast }) {
+function MessagesTopBar({ renderSidebarTrigger, renderBreadcrumb, history }) {
 	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(conversationId);
+	const { data: conversation } = useConversation("conversationId" in currentRoute ? currentRoute.conversationId : 0);
 	const currentUser = auth.currentUser;
-	const affiliateId = currentUser?.affiliateId;
-	const otherUsers = conversation?.recipients.filter((r) => r.receivable_id !== affiliateId);
-	const { type: messageType } = conversation ? getMessageType(conversation) : {};
 	const pageTitle = getPageTitleFromRoute(currentRoute);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full items-center justify-between p-4",
@@ -4342,80 +4436,14 @@ function MessagesTopBar({ renderSidebarTrigger, renderBreadcrumb, history, onToa
 					children: pageTitle
 				})
 			}) : null]
-		}), /* @__PURE__ */ jsxs("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			className: "flex items-center gap-4",
-			children: [
-				(messageType === "broadcast" || messageType === "private-channel" || messageType === "public-channel") && conversation && otherUsers && /* @__PURE__ */ jsx(GroupAvatars, {
-					conversation,
-					currentUserId: affiliateId,
-					renderImage
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: clsx$1("flex size-6 items-center justify-center rounded-sm border empty:hidden", messageType === "public-channel" && "border-blue-200 bg-blue-50", messageType === "sms" && "border-green-200 bg-green-50", messageType === "email" && "border-pink-200 bg-pink-50", messageType === "private-channel" && "border-purple-200 bg-purple-50", messageType === "broadcast" && "border-gray-200 bg-gray-50"),
-					children: [
-						messageType === "public-channel" && /* @__PURE__ */ jsx(Eye, { className: "size-3 text-blue-700" }),
-						messageType === "sms" && /* @__PURE__ */ jsx(Phone, { className: "size-3 text-green-700" }),
-						messageType === "email" && /* @__PURE__ */ jsx(Mail, { className: "size-3 text-pink-600" }),
-						messageType === "private-channel" && /* @__PURE__ */ jsx(Lock, { className: "size-2.5 text-purple-700" }),
-						messageType === "broadcast" && /* @__PURE__ */ jsx(Megaphone, { className: "size-3 text-gray-700" })
-					]
-				}),
-				conversation && currentUser ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(IconButton, {
-						size: "icon-xs",
-						"aria-label": "More options",
-						icon: EllipsisVertical
-					})
-				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-					align: "end",
-					className: "w-60 p-0",
-					children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, {
-						className: "border-b border-gray-200 px-4 py-3 text-sm font-semibold text-slate-700",
-						children: "Channel Options"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "px-0 py-1",
-						children: [
-							/* @__PURE__ */ jsxs(DropdownMenuItem, {
-								className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700 opacity-50",
-								onSelect: () => onToast?.("channel details coming soon"),
-								children: [/* @__PURE__ */ jsx(User, { className: "size-4 text-gray-500" }), "Channel Details"]
-							}),
-							/* @__PURE__ */ jsxs(DropdownMenuItem, {
-								className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700 opacity-50",
-								onSelect: () => onToast?.("channel settings coming soon"),
-								children: [/* @__PURE__ */ jsx(Settings, { className: "size-4 text-gray-500" }), "Channel Settings"]
-							}),
-							/* @__PURE__ */ jsxs(DropdownMenuItem, {
-								className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700 opacity-50",
-								onSelect: () => onToast?.("mute channel coming soon"),
-								children: [/* @__PURE__ */ jsx(BellOff, { className: "size-4 text-gray-500" }), "Mute Channel"]
-							}),
-							/* @__PURE__ */ jsxs(DropdownMenuItem, {
-								onSelect: () => navigation.navigate({
-									view: "pins",
-									conversationId
-								}),
-								className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-slate-700",
-								children: [
-									/* @__PURE__ */ jsx(Pin, { className: "size-4 text-gray-500" }),
-									"Pinned Messages",
-									(conversation.pinned_messages_count ?? 0) > 0 && /* @__PURE__ */ jsx("span", {
-										className: "ml-auto text-xs text-gray-500",
-										children: conversation.pinned_messages_count ?? 0
-									})
-								]
-							}),
-							/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-0 my-1" }),
-							/* @__PURE__ */ jsxs(DropdownMenuItem, {
-								className: "mx-1.5 my-0 cursor-pointer gap-2 rounded-md px-2.5 py-[9px] text-sm font-medium text-red-500 opacity-50 focus:text-red-500",
-								onSelect: () => onToast?.("leave channel coming soon"),
-								children: [/* @__PURE__ */ jsx(LogOut, { className: "size-4 text-red-500" }), "Leave Channel"]
-							})
-						]
-					})] })
-				})] }) : null
-			]
+			children: /* @__PURE__ */ jsx(MessagesHeaderActions, {
+				conversation,
+				currentUser,
+				navigation,
+				renderImage
+			})
 		})]
 	});
 }
@@ -4932,7 +4960,7 @@ function useScrollerRef() {
 	if (!context) throw new Error("useScrollerRef must be used within MessagingLayout");
 	return context;
 }
-function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNewChannelSidebar, showAdminFeatures = true, canUseMyDownline = false, downlineData }) {
+function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNewChannelSidebar, showAdminFeatures = true, canUseMyDownline = false, downlineData, hideTopBar = false }) {
 	const navigation = useMessagingNavigation();
 	const [isDragging, setIsDragging] = useState(false);
 	const sidebarRef = useRef(null);
@@ -5044,7 +5072,7 @@ function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNew
 	const initialLoadInProgress = currentRoute.view === "index" && (result.isLoading || isLoadingAnnouncementChannel);
 	const userWithoutChannels = currentRoute.view === "index" && !firstEntry && !announcementChannel && !result.isLoading && !isLoadingAnnouncementChannel;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "relative grid h-full w-full grid-rows-[auto_1fr] select-none",
+		className: hideTopBar ? "relative grid h-full w-full grid-rows-[1fr] select-none" : "relative grid h-full w-full grid-rows-[auto_1fr] select-none",
 		style: {
 			gridTemplateColumns: `minmax(150px, min(50vw, var(--sidebar-width))) 1fr`,
 			"--sidebar-width": `${sidebarWidth}px`
@@ -5055,7 +5083,7 @@ function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNew
           background: transparent;
         }
       ` }),
-			/* @__PURE__ */ jsx("div", {
+			!hideTopBar && /* @__PURE__ */ jsx("div", {
 				className: "col-span-2 border-b border-gray-200 bg-white",
 				children: /* @__PURE__ */ jsx(MessagesTopBar, {})
 			}),
@@ -5084,7 +5112,7 @@ function MessagingLayout({ children, topBar, renderLockedDownlineItem, renderNew
 			/* @__PURE__ */ jsx("div", {
 				className: "absolute z-50 h-full w-1 cursor-col-resize place-self-end bg-transparent hover:bg-blue-500 hover:opacity-50",
 				style: {
-					gridRow: "2 / -1",
+					gridRow: hideTopBar ? "1 / -1" : "2 / -1",
 					gridColumn: "1 / 2"
 				},
 				onMouseDown: handleMouseDown
@@ -54442,7 +54470,7 @@ function ScheduledMessagesView({ onToast }) {
 }
 //#endregion
 //#region ../../messaging/ui/src/app/MessagingApp.tsx
-function MessagingApp({ api, 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, hideTopBar, children }) {
 	return /* @__PURE__ */ jsxs(MessagingAppProvider, {
 		api,
 		auth,
@@ -54466,6 +54494,7 @@ function MessagingApp({ api, auth, websocketUrl, token, renderImage, renderProfi
 				showAdminFeatures,
 				canUseMyDownline,
 				downlineData,
+				hideTopBar,
 				children: /* @__PURE__ */ jsx(MessagingRouter, {
 					messagesViewProps,
 					newMessageViewProps,
@@ -54515,6 +54544,66 @@ z.object({
 	url: z.string().min(1, "Link is required").url("Please enter a valid URL")
 });
 //#endregion
+//#region src/messaging/MessagingHeaderBridge.tsx
+/**
+* Bridges messaging header content from inside <MessagingApp> into the
+* portal shell's <ScreenHeader>. Render this as a child of <MessagingApp>
+* with `hideTopBar` set, and the messaging UI's own <MessagesTopBar /> is
+* suppressed in favour of populating the existing portal header.
+*
+* Right-hand actions are delegated to <MessagesHeaderActions /> from
+* messaging-ui so this stays in sync with <MessagesTopBar />. The breadcrumbs
+* are owned here because the portal shell shows them differently from the
+* messaging-ui's inline page-title fallback.
+*/
+const ROUTE_TITLES = {
+	pins: "Pinned Messages",
+	new: "New Message",
+	scheduled: "Scheduled Messages"
+};
+function fallbackRenderImage(props) {
+	return /* @__PURE__ */ jsx("img", {
+		src: props.src,
+		alt: props.alt,
+		width: props.width,
+		height: props.height,
+		className: props.className
+	});
+}
+function MessagingHeaderBridge() {
+	const { auth, renderImage: contextRenderImage } = useMessagingApp();
+	const navigation = useMessagingNavigation();
+	const { currentRoute } = navigation;
+	const { data: conversation } = useConversation("conversationId" in currentRoute ? currentRoute.conversationId : 0);
+	const renderImage = contextRenderImage ?? fallbackRenderImage;
+	const currentUser = auth.currentUser;
+	const conversationName = conversation?.name;
+	const routeTitle = ROUTE_TITLES[currentRoute.view];
+	useScreenHeaderBreadcrumbs(useMemo(() => {
+		if (routeTitle) return /* @__PURE__ */ jsx("h1", {
+			className: "text-foreground text-lg font-semibold",
+			children: routeTitle
+		});
+		if (conversationName) return /* @__PURE__ */ jsx("h1", {
+			className: "text-foreground truncate text-lg font-semibold",
+			children: conversationName
+		});
+		return null;
+	}, [routeTitle, conversationName]));
+	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsx(MessagesHeaderActions, {
+		conversation,
+		currentUser,
+		navigation,
+		renderImage
+	}), [
+		conversation,
+		currentUser,
+		navigation,
+		renderImage
+	]));
+	return null;
+}
+//#endregion
 //#region src/screens/MessagingScreen.tsx
 var MessagingScreen_exports = /* @__PURE__ */ __exportAll({
 	MessagingScreen: () => MessagingScreen,
@@ -54589,6 +54678,20 @@ function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlO
 			children: "Loading messaging..."
 		})
 	});
+	if (messagingAuth.isError) return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		className: `flex h-full items-center justify-center ${divProps.className ?? ""}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "border-border max-w-sm rounded-lg border border-dashed p-8 text-center",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-foreground text-xl font-semibold",
+				children: "Messaging"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-2",
+				children: "Couldn't load messaging. Please refresh to try again."
+			})]
+		})
+	});
 	if (!messagingAuth.recipientId) return /* @__PURE__ */ jsx("div", {
 		...divProps,
 		className: `flex h-full items-center justify-center ${divProps.className ?? ""}`,
@@ -54614,6 +54717,7 @@ function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlO
 			renderImage,
 			showAdminFeatures: false,
 			onToast: effectiveToast,
+			hideTopBar: true,
 			messagesViewProps: {
 				uploader,
 				saveDrafts: true,
@@ -54622,7 +54726,8 @@ function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlO
 			newMessageViewProps: {
 				searchUsers,
 				searchChannels
-			}
+			},
+			children: /* @__PURE__ */ jsx(MessagingHeaderBridge, {})
 		})
 	});
 }
@@ -54638,4 +54743,4 @@ const messagingScreenPropertySchema = {
 //#endregion
 export { useMessagingConfig as a, createFluidFileUploader as i, MessagingScreen_exports as n, useMessagingAuth as o, messagingScreenPropertySchema as r, MessagingScreen as t };
 
-//# sourceMappingURL=MessagingScreen-Q17pdhUz.mjs.map
+//# sourceMappingURL=MessagingScreen-CWSeAq3b.mjs.map