From cc59f0fcfc48492b02031275326168edf5021d7f Mon Sep 17 00:00:00 2001
From: Dave <futurechimp@users.noreply.github.com>
Date: Wed, 25 Feb 2026 15:32:03 +0000
Subject: [PATCH] story-kit: merge 186_story_add_storkit_branding_to_header

---
 frontend/src/components/ChatHeader.test.tsx |  5 +++++
 frontend/src/components/ChatHeader.tsx      | 11 +++++++++++
 2 files changed, 16 insertions(+)

diff --git a/frontend/src/components/ChatHeader.test.tsx b/frontend/src/components/ChatHeader.test.tsx
index 72f6f98..a562cb6 100644
--- a/frontend/src/components/ChatHeader.test.tsx
+++ b/frontend/src/components/ChatHeader.test.tsx
@@ -136,6 +136,11 @@ describe("ChatHeader", () => {
 		expect(screen.getByText("Built: 2026-01-01 00:00")).toBeInTheDocument();
 	});
 
+	it("displays StorkIt branding in the header", () => {
+		render(<ChatHeader {...makeProps()} />);
+		expect(screen.getByText("StorkIt")).toBeInTheDocument();
+	});
+
 	it("shows disabled placeholder when claudeModels is empty and no API key", () => {
 		render(
 			<ChatHeader
diff --git a/frontend/src/components/ChatHeader.tsx b/frontend/src/components/ChatHeader.tsx
index bcad118..b9e5c54 100644
--- a/frontend/src/components/ChatHeader.tsx
+++ b/frontend/src/components/ChatHeader.tsx
@@ -73,6 +73,17 @@ export function ChatHeader({
 					marginRight: "20px",
 				}}
 			>
+				<span
+					style={{
+						fontWeight: "700",
+						fontSize: "1em",
+						color: "#ececec",
+						flexShrink: 0,
+						letterSpacing: "0.02em",
+					}}
+				>
+					StorkIt
+				</span>
 				<div
 					title={projectPath}
 					style={{