40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import { BotIcon } from "lucide-react";
|
|
|
|
import { type Agent } from "@/core/agents";
|
|
import { desensitize } from "@/lib/desensitize";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export function AgentWelcome({
|
|
className,
|
|
agent,
|
|
agentName,
|
|
}: {
|
|
className?: string;
|
|
agent: Agent | null | undefined;
|
|
agentName: string;
|
|
}) {
|
|
const displayName = desensitize(agent?.name ?? agentName);
|
|
const description = agent?.description
|
|
? desensitize(agent.description)
|
|
: undefined;
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"mx-auto flex w-full flex-col items-center justify-center gap-2 px-8 py-4 text-center",
|
|
className,
|
|
)}
|
|
>
|
|
<div className="bg-primary/10 flex h-12 w-12 items-center justify-center rounded-full">
|
|
<BotIcon className="text-primary h-6 w-6" />
|
|
</div>
|
|
<div className="text-2xl font-bold">{displayName}</div>
|
|
{description && (
|
|
<p className="text-muted-foreground max-w-sm text-sm">{description}</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|