50: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"] 51: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"] 52:T1f19,"use client"; import { ChevronDownIcon } from "lucide-react"; import { cn } from "@/lib/utils"; import { CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible-root"; import { collapsePanel, fieldInteractive, mono, paper } from "./surfaces"; import { hostOf, safeHref } from "../utils/href"; export interface Source { domain?: string | undefined; title: string; url?: string | undefined; snippet?: string | undefined; author?: string | undefined; publishedAt?: string | undefined; } export interface SourcesProps { sources: readonly Source[]; open: boolean; onOpenChange: (open: boolean) => void; layout?: "grid" | "list" | undefined; hideTrigger?: boolean | undefined; locale?: string | undefined; className?: string | undefined; } export function SourceGlyph({ domain }: { domain: string }) { return ( {domain.charAt(0).toUpperCase()} ); } const displayDomain = (source: Source) => source.domain || hostOf(source.url); const formatPublishedAt = (publishedAt: string | undefined, locale: string) => { if (!publishedAt) return undefined; const date = new Date(publishedAt); if (Number.isNaN(date.valueOf())) return undefined; const options: Intl.DateTimeFormatOptions = { month: "short", year: "numeric", }; try { return new Intl.DateTimeFormat(locale, options).format(date); } catch { return new Intl.DateTimeFormat("en-US", options).format(date); } }; export function Sources({ sources, open, onOpenChange, layout = "grid", hideTrigger = false, locale = "en-US", className, }: SourcesProps) { const badgeDomains = sources .map(displayDomain) .filter((domain): domain is string => domain !== undefined) .slice(0, 3); return ( {hideTrigger ? null : ( {badgeDomains.length > 0 ? ( {badgeDomains.map((domain, index) => ( {domain.charAt(0).toUpperCase()} ))} ) : null} Sources {sources.length} )}

{sources.map((source, index) => { const domain = displayDomain(source); const href = safeHref(source.url); const meta = [ source.author, formatPublishedAt(source.publishedAt, locale), ] .filter((value): value is string => Boolean(value)) .join(" · "); const cardClassName = layout === "list" ? "focus-visible:ring-foreground/20 hover:bg-foreground/[0.03] flex flex-col gap-1 rounded-xl px-2.5 py-1.5 transition-colors duration-300 outline-none focus-visible:ring-1 focus-visible:ring-inset motion-reduce:transition-none" : cn( paper, "focus-visible:ring-foreground/20 flex flex-col gap-1.5 rounded-2xl p-3 transition-transform duration-150 outline-none hover:-translate-y-px focus-visible:ring-1 focus-visible:ring-inset motion-reduce:transition-none", ); const glyph = domain ? : null; const details = ( <> {source.snippet ? ( {source.snippet} ) : null} {meta ? ( {meta} ) : null} ); const content = layout === "list" ? ( <>

{glyph} {source.title} {domain ? ( {domain} ) : null}

{source.snippet || meta ? (

{details}

) : null} ) : ( <> {domain ? (

{glyph} {domain}

) : null}

{source.title} {details}

); if (href) { return ( {content} (opens in a new tab) ); } return (

{content}

); })}

); } 4f:["$","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","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"}]]}]}]]}],["$","$L50",null,{"namespace":"@assistant-ui","registryDependencies":["https://r.assistant-ui.com/elements-surfaces.json","https://r.assistant-ui.com/elements-href.json","https://r.assistant-ui.com/elements-collapsible-root.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/assistant-ui/elements/sources.tsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]