Grok Turn End

1import * as React from "react";
2import { cn } from "@/lib/utils";
3 
4/**
5 * GrokTurnEnd — the post-turn footer Grok prints after `◆ stop`.
6 *
7 * Captured: `Turn completed in 8.0s.`
8 */
9const MUTED = "#8b8b90";
10 
11export function GrokTurnEnd({
12  elapsed = "8.0s",
13  className,
14}: {
15  elapsed?: string;
16  className?: string;
17}) {
18  return (
19    <p
20      className={cn("font-mono text-[13px] leading-[1.55]", className)}
21      style={{ color: MUTED }}
22      role="status"
23    >
24      Turn completed in {elapsed}.
25    </p>
26  );
27}