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:T2afd,"use client"; import * as React from "react"; import * as AccordionPrimitive from "@radix-ui/react-accordion"; import { ChevronDown } from "lucide-react"; import { cn } from "@/lib/utils"; type AccordionVariant = "default" | "card" | "filled" | "ghost"; type AccordionIndicator = "chevron" | "plus" | "none"; const AccordionStyleContext = React.createContext<{ variant: AccordionVariant; indicator: AccordionIndicator; }>({ variant: "default", indicator: "chevron" }); const rootStyles: Record = { default: "divide-y divide-black/[0.07] dark:divide-white/10", card: "space-y-3", filled: "space-y-2", ghost: "space-y-1", }; const itemStyles: Record = { default: "", card: "overflow-hidden rounded-2xl border border-black/[0.08] bg-white transition-colors data-[state=open]:border-black/[0.14] dark:border-white/10 dark:bg-white/[0.02] dark:data-[state=open]:border-white/20", filled: "overflow-hidden rounded-xl bg-black/[0.03] transition-colors data-[state=open]:bg-black/[0.05] dark:bg-white/[0.04] dark:data-[state=open]:bg-white/[0.07]", ghost: "", }; const triggerStyles: Record = { default: "gap-4 py-4 text-[15px] hover:text-black dark:hover:text-white [&[data-state=open]]:text-black dark:[&[data-state=open]]:text-white", card: "gap-4 px-5 py-4 text-[15px] hover:text-black dark:hover:text-white", filled: "gap-4 px-4 py-3.5 text-[15px] hover:text-black dark:hover:text-white", ghost: "gap-3 rounded-lg py-3 text-[15px] hover:text-black dark:hover:text-white", }; const contentStyles: Record = { default: "pb-5 pr-8", card: "px-5 pb-5 pr-10", filled: "px-4 pb-4 pr-10", ghost: "pb-4 pr-8", }; const Accordion = ({ className, variant = "default", indicator = "chevron", ...props }: React.ComponentProps & { variant?: AccordionVariant; indicator?: AccordionIndicator; }) => ( ); Accordion.displayName = "Accordion"; const AccordionItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => { const { variant } = React.useContext(AccordionStyleContext); return ( ); }); AccordionItem.displayName = "AccordionItem"; const PlusIndicator = () => ( ); const AccordionTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => { const { variant, indicator } = React.useContext(AccordionStyleContext); return ( {children} {indicator === "chevron" && ( ); }); AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName; const AccordionContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => { const { variant } = React.useContext(AccordionStyleContext); return (

{children}

); }); AccordionContent.displayName = AccordionPrimitive.Content.displayName; const usePrefersReducedMotion = () => React.useSyncExternalStore( (onChange) => { const query = window.matchMedia("(prefers-reduced-motion: reduce)"); query.addEventListener("change", onChange); return () => query.removeEventListener("change", onChange); }, () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, () => false, ); const useIsOpen = (ref: React.RefObject) => { const subscribe = React.useCallback( (onChange: () => void) => { const node = ref.current; if (!node) return () => {}; const observer = new MutationObserver(onChange); observer.observe(node, { attributes: true, attributeFilter: ["data-state"], }); return () => observer.disconnect(); }, [ref], ); const getSnapshot = React.useCallback( () => ref.current?.getAttribute("data-state") === "open", [ref], ); return React.useSyncExternalStore(subscribe, getSnapshot, () => false); }; const StreamShell = ({ text, label, icon, streaming, children, }: { text: string; label: string; icon?: React.ReactNode; streaming?: boolean; children?: React.ReactNode; }) => ( <>

{icon} {label} {streaming && (

{children} {text}

); const StreamedAnswer = ({ text, speed, startDelay, streamingLabel, doneLabel, icon, }: { text: string; speed: number; startDelay: number; streamingLabel: string; doneLabel: string; icon?: React.ReactNode; }) => { const reducedMotion = usePrefersReducedMotion(); const [revealed, setRevealed] = React.useState( reducedMotion ? text.length : 0, ); const [thinking, setThinking] = React.useState(!reducedMotion); React.useEffect(() => { if (reducedMotion) return; let index = 0; let timer: ReturnType; const tick = () => { const chunk = 1 + (index % 3); index = Math.min(text.length, index + chunk); setRevealed(index); if (index >= text.length) return; const pause = /[.,!?;:]\s?$/.test(text.slice(0, index)) ? 5 : 1; timer = setTimeout(tick, speed * chunk * pause); }; timer = setTimeout(() => { setThinking(false); tick(); }, startDelay); return () => clearTimeout(timer); }, [text, speed, startDelay, reducedMotion]); const done = revealed >= text.length; return ( ); }; const AccordionStreamingContent = React.forwardRef< React.ElementRef, Omit< React.ComponentPropsWithoutRef, "children" > & { text: string; speed?: number; startDelay?: number; streamingLabel?: string; doneLabel?: string; icon?: React.ReactNode; } >( ( { className, text, speed = 14, startDelay = 420, streamingLabel = "Generating", doneLabel = "Generated answer", icon, ...props }, ref, ) => { const { variant } = React.useContext(AccordionStyleContext); const contentRef = React.useRef(null); const open = useIsOpen(contentRef); const assignRef = (node: HTMLDivElement | null) => { contentRef.current = node; if (typeof ref === "function") ref(node); else if (ref) ref.current = node; }; return (

{open ? ( ) : ( )}

); }, ); AccordionStreamingContent.displayName = "AccordionStreamingContent"; export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, AccordionStreamingContent, }; 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-accordion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-accordion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-accordion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L52",null,{"namespace":"@spectrumui","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"app/registry/spectrumui/accordion.tsx","content":"$54","type":"registry:component","target":"components/ui/accordion.tsx"}],"className":"h-[70svh] min-h-80"}]]}]