From bc13f397acfd28faece7481fd0518e4770f0ba82 Mon Sep 17 00:00:00 2001
From: Marve10s <igrimanigroman@gmail.com>
Date: Sun, 22 Mar 2026 19:03:12 +0300
Subject: [PATCH] fix(web): clean up chat header project name styling

Replace the bordered Badge with plain text for the project name and
"No Git" indicator. Add an en-dash separator between the thread title
and project name for clearer visual hierarchy.
---
 apps/web/src/components/chat/ChatHeader.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/chat/ChatHeader.tsx b/apps/web/src/components/chat/ChatHeader.tsx
index ea7f911bec..48cabda130 100644
--- a/apps/web/src/components/chat/ChatHeader.tsx
+++ b/apps/web/src/components/chat/ChatHeader.tsx
@@ -7,7 +7,6 @@ import {
 import { memo } from "react";
 import GitActionsControl from "../GitActionsControl";
 import { DiffIcon } from "lucide-react";
-import { Badge } from "../ui/badge";
 import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip";
 import ProjectScriptsControl, { type NewProjectScriptInput } from "../ProjectScriptsControl";
 import { Toggle } from "../ui/toggle";
@@ -64,14 +63,15 @@ export const ChatHeader = memo(function ChatHeader({
           {activeThreadTitle}
         </h2>
         {activeProjectName && (
-          <Badge variant="outline" className="min-w-0 shrink truncate">
-            {activeProjectName}
-          </Badge>
+          <>
+            <span className="shrink-0 text-muted-foreground/40">–</span>
+            <span className="min-w-0 shrink truncate text-sm text-muted-foreground">
+              {activeProjectName}
+            </span>
+          </>
         )}
         {activeProjectName && !isGitRepo && (
-          <Badge variant="outline" className="shrink-0 text-[10px] text-amber-700">
-            No Git
-          </Badge>
+          <span className="shrink-0 text-[10px] text-amber-700">No Git</span>
         )}
       </div>
       <div className="@container/header-actions flex min-w-0 flex-1 items-center justify-end gap-2 @sm/header-actions:gap-3">