54: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"] 55:T1ce6,"use client"; import { memo, useCallback, useRef, useState, type FC, type PropsWithChildren, } from "react"; import { ChevronDownIcon, LoaderIcon } from "lucide-react"; import { cva, type VariantProps } from "class-variance-authority"; import { useScrollLock } from "@assistant-ui/react"; import { cn } from "@/lib/utils"; import { CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible-root"; const ANIMATION_DURATION = 200; const toolGroupVariants = cva("aui-tool-group-root group/tool-group w-full", { variants: { variant: { outline: "rounded-lg border py-3", ghost: "", muted: "border-muted-foreground/30 bg-muted/30 rounded-lg border py-3", }, }, defaultVariants: { variant: "outline" }, }); export type ToolGroupRootProps = Omit< React.ComponentProps, "open" | "onOpenChange" > & VariantProps & { open?: boolean; onOpenChange?: (open: boolean) => void; defaultOpen?: boolean; }; function ToolGroupRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, children, ...props }: ToolGroupRootProps) { const collapsibleRef = useRef(null); const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen); const lockScroll = useScrollLock(collapsibleRef, ANIMATION_DURATION); const isControlled = controlledOpen !== undefined; const isOpen = isControlled ? controlledOpen : uncontrolledOpen; const handleOpenChange = useCallback( (open: boolean) => { lockScroll(); if (!isControlled) { setUncontrolledOpen(open); } controlledOnOpenChange?.(open); }, [lockScroll, isControlled, controlledOnOpenChange], ); return ( {children} ); } function ToolGroupTrigger({ count, active = false, className, ...props }: React.ComponentProps & { count: number; active?: boolean; }) { const label = `${count} tool ${count === 1 ? "call" : "calls"}`; return ( {active && ( )} {label} ); } function ToolGroupContent({ className, children, ...props }: React.ComponentProps) { return (

*]:animate-in [&>*]:fade-in-0 [&>*]:blur-in-[2px] [&>*]:slide-in-from-top-1 [&>*]:animation-duration-(--animation-duration) [&>*]:ease-[cubic-bezier(0.32,0.72,0,1)]", "[&>*]:motion-reduce:animate-none", "[&>*:nth-child(2)]:[animation-delay:40ms]", "[&>*:nth-child(3)]:[animation-delay:80ms]", "[&>*:nth-child(4)]:[animation-delay:120ms]", "[&>*:nth-child(n+5)]:[animation-delay:160ms]", )} > {children}

); } type ToolGroupComponent = FC< PropsWithChildren<{ startIndex: number; endIndex: number }> > & { Root: typeof ToolGroupRoot; Trigger: typeof ToolGroupTrigger; Content: typeof ToolGroupContent; }; const ToolGroupImpl: FC< PropsWithChildren<{ startIndex: number; endIndex: number }> > = ({ children, startIndex, endIndex }) => { const toolCount = endIndex - startIndex + 1; return ( {children} ); }; /** * @deprecated This wrapper targets the legacy `components.ToolGroup` prop * on ``. Use `` with * a `groupBy` returning `"group-tool"` and compose `ToolGroupRoot` / * `ToolGroupTrigger` / `ToolGroupContent` directly. See `thread.tsx`. */ const ToolGroup = memo(ToolGroupImpl) as unknown as ToolGroupComponent; ToolGroup.displayName = "ToolGroup"; ToolGroup.Root = ToolGroupRoot; ToolGroup.Trigger = ToolGroupTrigger; ToolGroup.Content = ToolGroupContent; export { ToolGroup, ToolGroupRoot, ToolGroupTrigger, ToolGroupContent, toolGroupVariants, }; 53:["$","$L54",null,{"files":[{"path":"components/assistant-ui/elements/tool-group.aui.tsx","content":"$55","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]