diff --git a/desktop/src/features/channels/ui/ChannelPane.tsx b/desktop/src/features/channels/ui/ChannelPane.tsx
index 517fa07287..819586d57f 100644
--- a/desktop/src/features/channels/ui/ChannelPane.tsx
+++ b/desktop/src/features/channels/ui/ChannelPane.tsx
@@ -598,7 +598,10 @@ export const ChannelPane = React.memo(function ChannelPane({
[agentSessionAgents, openAgentSessionPubkey],
);
return (
-
+
+ {!isSinglePanelView ? (
+
+ ) : null}
{!isSinglePanelView ? (
{
setTopbarSearchHidden(isSinglePanelView);
return () => {
@@ -590,6 +592,7 @@ export function ChannelScreen({
onManageChannel={openChannelManagement}
onToggleMembers={() => setIsMembersSidebarOpen((prev) => !prev)}
showHeaderContent={!isSinglePanelView}
+ transparentChrome={useSharedChannelHeaderBackdrop}
/>
);
diff --git a/desktop/src/features/channels/ui/ChannelScreenHeader.tsx b/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
index cda079449d..c1c224541c 100644
--- a/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
+++ b/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
@@ -26,6 +26,7 @@ type ChannelScreenHeaderProps = {
isAddBotOpen?: boolean;
isJoining?: boolean;
showHeaderContent?: boolean;
+ transparentChrome?: boolean;
onAddBotOpenChange?: (open: boolean) => void;
onJoinChannel?: () => Promise;
onManageChannel: () => void;
@@ -46,6 +47,7 @@ export function ChannelScreenHeader({
isJoining = false,
onAddBotOpenChange,
showHeaderContent = true,
+ transparentChrome = false,
onJoinChannel,
onManageChannel,
onToggleMembers,
@@ -121,6 +123,7 @@ export function ChannelScreenHeader({
/>
}
title={activeChannelTitle}
+ transparentChrome={transparentChrome}
visibility={activeChannel?.visibility}
/>
);
diff --git a/desktop/src/features/chat/ui/ChatHeader.tsx b/desktop/src/features/chat/ui/ChatHeader.tsx
index a19256ffc3..b227d370a8 100644
--- a/desktop/src/features/chat/ui/ChatHeader.tsx
+++ b/desktop/src/features/chat/ui/ChatHeader.tsx
@@ -30,6 +30,7 @@ type ChatHeaderProps = {
mode?: "home" | "channel" | "agents" | "workflows" | "pulse" | "projects";
overlaysContent?: boolean;
statusBadge?: React.ReactNode;
+ transparentChrome?: boolean;
};
const HEADER_ICON_CLASS = "h-4 w-4 text-muted-foreground";
@@ -92,6 +93,7 @@ export function ChatHeader({
mode = "channel",
overlaysContent = false,
statusBadge,
+ transparentChrome = false,
}: ChatHeaderProps) {
const trimmedDescription = description?.trim() ?? "";
@@ -150,7 +152,9 @@ export function ChatHeader({