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}>