Skip to content

Commit ad499a8

Browse files
lx-0claude
andcommitted
feat(hero): add disconnect icon next to headline
PhoneOff icon inline after the hero line — visual pun on "phone home". Muted text-neutral-500, 0.75em-sized so it scales with the headline and doesn't dominate. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent f6878aa commit ad499a8

1 file changed

Lines changed: 5 additions & 0 deletions

File tree

src/components/pages/ChatShell.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import { useLlmStore } from "@/lib/llm-store.ts";
66
import { preloadFileset } from "@/lib/mediapipe-llm.ts";
77
import { MODEL_CATALOG, type ModelId } from "@/lib/model-catalog.ts";
88
import { AssistantRuntimeProvider } from "@assistant-ui/react";
9+
import { PhoneOff } from "lucide-react";
910
import { useEffect, useState } from "react";
1011
import { Tagline } from "../atoms/Tagline.tsx";
1112
import {
@@ -76,6 +77,10 @@ export function ChatShell() {
7677
<div className="mx-auto flex w-full max-w-md flex-1 flex-col gap-6 px-4 py-8">
7778
<h1 className="text-center text-xl font-medium leading-snug tracking-tight text-neutral-100 text-balance sm:text-2xl">
7879
{t("hero.headline")}
80+
<PhoneOff
81+
aria-hidden="true"
82+
className="ml-2 inline-block h-[0.75em] w-[0.75em] align-baseline text-neutral-500"
83+
/>
7984
</h1>
8085
{caps && cached && state.kind === "idle" && (
8186
<ModelPicker selectedId={picker} onSelect={setPicker} caps={caps} cached={cached} />

0 commit comments

Comments
 (0)