From b9427a27077cf99fc38910818c997ed8f83ec141 Mon Sep 17 00:00:00 2001
From: Dave <futurechimp@users.noreply.github.com>
Date: Thu, 26 Feb 2026 15:02:30 +0000
Subject: [PATCH] story-207: rename LLM provider labels - Claude Code (PTY) to
 Claude Code, Anthropic to Anthropic API

Squash merge of feature/story-207

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/ChatHeader.test.tsx | 12 ++++++++++++
 frontend/src/components/ChatHeader.tsx      |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ChatHeader.test.tsx b/frontend/src/components/ChatHeader.test.tsx
index a562cb6..45c68ef 100644
--- a/frontend/src/components/ChatHeader.test.tsx
+++ b/frontend/src/components/ChatHeader.test.tsx
@@ -141,6 +141,18 @@ describe("ChatHeader", () => {
 		expect(screen.getByText("StorkIt")).toBeInTheDocument();
 	});
 
+	it("labels the claude-pty optgroup as 'Claude Code'", () => {
+		render(<ChatHeader {...makeProps()} />);
+		const optgroup = document.querySelector('optgroup[label="Claude Code"]');
+		expect(optgroup).toBeInTheDocument();
+	});
+
+	it("labels the Anthropic API optgroup as 'Anthropic API'", () => {
+		render(<ChatHeader {...makeProps()} />);
+		const optgroup = document.querySelector('optgroup[label="Anthropic API"]');
+		expect(optgroup).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 b9e5c54..0666012 100644
--- a/frontend/src/components/ChatHeader.tsx
+++ b/frontend/src/components/ChatHeader.tsx
@@ -208,11 +208,11 @@ export function ChatHeader({
 							backgroundSize: "10px",
 						}}
 					>
-						<optgroup label="Claude Code (PTY)">
+						<optgroup label="Claude Code">
 							<option value="claude-code-pty">claude-code-pty</option>
 						</optgroup>
 						{(claudeModels.length > 0 || !hasAnthropicKey) && (
-							<optgroup label="Anthropic">
+							<optgroup label="Anthropic API">
 								{claudeModels.length > 0 ? (
 									claudeModels.map((m: string) => (
 										<option key={m} value={m}>