Drop the leading icon from the chat header

The chat title stands alone in the header — the MessageCircle glyph
added no information. Other modes keep their icons.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
klopez4212
2026-07-07 07:46:14 +01:00
co-authored by Claude Fable 5
parent 8c7f49d1fb
commit 4224f9d511
+12 -14
View File
@@ -8,7 +8,6 @@ import {
Hash,
House,
Lock,
MessageCircle,
Zap,
} from "lucide-react";
import type * as React from "react";
@@ -78,10 +77,6 @@ function ChannelIcon({
return <Bot className={HEADER_ICON_CLASS} />;
}
if (mode === "chats") {
return <MessageCircle className={HEADER_ICON_CLASS} />;
}
if (mode === "workflows") {
return <Zap className={HEADER_ICON_CLASS} />;
}
@@ -153,15 +148,18 @@ export function ChatHeader({
<div className="flex h-9 min-w-0 items-center gap-2.5">
<div className="min-w-0 flex-1">
<div className="group/title flex min-w-0 items-center gap-[4px] overflow-hidden">
<div className="flex shrink-0 items-center">
{leadingContent ?? (
<ChannelIcon
channelType={channelType}
mode={mode}
visibility={visibility}
/>
)}
</div>
{/* Chats render no leading icon — the title stands alone. */}
{leadingContent || mode !== "chats" ? (
<div className="flex shrink-0 items-center">
{leadingContent ?? (
<ChannelIcon
channelType={channelType}
mode={mode}
visibility={visibility}
/>
)}
</div>
) : null}
<h1
className={cn(
"min-w-0 truncate text-base font-semibold leading-6 tracking-tight",