52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T19de,"use client"; import { Button } from "@/components/ui/button"; import * as React from "react"; /* ------------------------------------------------------------------ */ /* Types */ /* ------------------------------------------------------------------ */ export type MessageActionsProps = { /** Dim the actions while the message is still streaming. */ disabled?: boolean; /** Compact mode shows icon-only buttons. */ compact?: boolean; onCopy?: () => void; onRegenerate?: () => void; onShare?: () => void; onFeedback?: (vote: "up" | "down") => void; className?: string; }; /* ------------------------------------------------------------------ */ /* Icons */ /* ------------------------------------------------------------------ */ function CopyIcon() { return ( ); } function RegenerateIcon() { return ( ); } function ShareIcon() { return ( ); } function ThumbsUpIcon({ filled }: { filled?: boolean }) { return ( ); } function ThumbsDownIcon({ filled }: { filled?: boolean }) { return ( ); } /* ------------------------------------------------------------------ */ /* MessageActions */ /* ------------------------------------------------------------------ */ export function MessageActions({ disabled = false, compact = false, onCopy, onRegenerate, onShare, onFeedback, className = "", }: MessageActionsProps) { const [copied, setCopied] = React.useState(false); const [vote, setVote] = React.useState<"up" | "down" | null>(null); const copy = () => { onCopy?.(); setCopied(true); window.setTimeout(() => setCopied(false), 1500); }; const base = "inline-flex min-h-8 items-center gap-1.5 rounded-md px-2 text-sm text-muted-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"; const idle = "hover:bg-muted hover:text-foreground"; const disabledCls = disabled ? "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground" : idle; return (

{/* aria-label on all three, not just in compact mode: `compact` hides the text and leaves a button whose only content is an svg, so without it a screen reader announces an unnamed button. Harmless when the text is showing — an explicit label simply wins over the inner text. */} {onCopy && ( )} {onRegenerate && ( )} {onFeedback && ( <> )} {onShare && ( )}

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@scrimui","registryDependencies":["button"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/showcase/message-actions/message-actions.tsx","content":"$54","type":"registry:ui","target":"components/ui/message-actions.tsx"}],"className":"h-[70svh] min-h-80"}]]}]