Aurora AI Open in Chat

1"use client"
2 
3/**
4 * Aurora OpenInChat — hand-off-to-chat action.
5 *
6 * Visual layer ported 1:1 from the Claude Design source: a paper-plane lead icon
7 * and three intents — `default` is the rose lit-outline "Open in chat" send action
8 * (rose border + glow with rose label + icon), `outline` is the neutral bordered
9 * control ("Debug in chat", primary label), and `ghost` is the borderless muted
10 * affordance ("Ask about this"). Reads only `--aurora-*` tokens so it renders
11 * pixel-identical in dark + `.light`.
12 *
13 * Architecture stays shadcn/registry: the Aurora `Button` (Radix `Slot`/`cva`)
14 * carries the whole visual layer (states, focus ring, sizing), `forwardRef`,
15 * `displayName`, and the full `React.ButtonHTMLAttributes` escape hatch are
16 * preserved. CD's `variant`/`size` prop vocabulary is kept verbatim and mapped
17 * onto the Button underneath.
18 */
19 
20import * as React from "react"
21import { Send } from "lucide-react"
22import { Button, type ButtonSize } from "@/registry/aurora/ui/button"
23 
24export interface OpenInChatProps
25  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
26  /**
27   * Intent. `default` is the rose send action, `outline` is the neutral bordered
28   * control, `ghost` is the borderless muted affordance.
29   */
30  variant?: "default" | "outline" | "ghost"
31  /** Control size — matches the Aurora Button scale. */
32  size?: ButtonSize
33}
34 
35// Map CD's OpenInChat variant vocabulary onto Aurora Button variants.
36const VARIANT_MAP = {
37  default: "rose",
38  outline: "neutral",
39  ghost: "ghost",
40} as const
41 
42const OpenInChat = ({ ref, variant = "default", size = "default", children = "Open in Chat", style, ...props }: OpenInChatProps & { ref?: React.Ref<HTMLButtonElement> }) => {
43    // The rose intent paints its label + icon in the pink accent (CD spec); the
44    // neutral/ghost intents inherit their Button variant's text color.
45    const rose = variant === "default"
46    return (
47      <Button
48        ref={ref}
49        type="button"
50        variant={VARIANT_MAP[variant]}
51        size={size}
52        style={rose ? { color: "var(--aurora-accent-pink)", ...style } : style}
53        iconLeft={<Send size={14} strokeWidth={1.75} aria-hidden data-icon="inline-start" />}
54        {...props}
55      >
56        {children}
57      </Button>
58    )
59  }
60OpenInChat.displayName = "OpenInChat"
61 
62export { OpenInChat }
63export default OpenInChat