64: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 65: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 66:T1b4d,'use client'; /** * @file sources.tsx * @description Retrieval citations from LOCAL RAG results (e.g. * `useSemanticSearch`). `Sources` is a collapsible container; each `Source` * renders a favicon/title/excerpt chip and a 0–1 relevance score. An optional * tabbed layout switches between Web/Images/News-style result variants. All * favicons/images come from already-stored local metadata — no remote unfurl. */ import * as React from 'react'; import { ChevronDown, FileText, Globe } from 'lucide-react'; import { cn } from '@/registry/localmode/lib/utils'; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@/registry/localmode/ui/collapsible'; import { Tabs, TabsContent, TabsList, TabsTrigger, } from '@/registry/localmode/ui/tabs'; /** A retrieved source/citation (from local metadata only). */ export interface SourceItem { /** Stable id. */ id: string; /** Display title. */ title: string; /** Short excerpt / snippet. */ excerpt?: string; /** Relevance score in [0, 1]. */ score?: number; /** Optional link (may be a local/document URL). */ url?: string; /** Optional favicon/image URL (from stored metadata; no network unfurl). */ faviconUrl?: string; /** * Optional explicit leading icon, overriding the auto-picked one (favicon for * web sources, a document icon for local/RAG sources). */ icon?: React.ReactNode; /** Result type for the tabbed layout. @default "web" */ type?: 'web' | 'image' | 'news'; } /** Props for {@link Sources}. */ export interface SourcesProps extends React.ComponentProps<'div'> { /** Default-collapsed. @default false */ defaultOpen?: boolean; } const SourcesOpenContext = React.createContext(false); /** Collapsible sources container. */ export function Sources({ defaultOpen = false, className, children, ...props }: SourcesProps) { const [open, setOpen] = React.useState(defaultOpen); return ( {children} ); } /** Props for {@link SourcesTrigger}. */ export interface SourcesTriggerProps extends React.ComponentProps<'button'> { /** Number of sources, shown in the label. */ count: number; } /** Collapsible trigger labeled with the source count. */ export function SourcesTrigger({ count, className, children, ...props }: SourcesTriggerProps) { const open = React.useContext(SourcesOpenContext); return ( {children ?? `${count} ${count === 1 ? 'source' : 'sources'}`} ); } /** Props for {@link SourcesContent}. */ export interface SourcesContentProps extends React.ComponentProps<'div'> { /** When set, renders a Web/Images/News tabbed layout over these sources. */ tabbed?: boolean; /** Sources, used to populate tabs when `tabbed`. */ sources?: SourceItem[]; } /** The expandable source list (or tabbed layout). */ export function SourcesContent({ tabbed = false, sources = [], className, children, ...props }: SourcesContentProps) { if (tabbed) { const groups = { web: sources.filter((s) => (s.type ?? 'web') === 'web'), image: sources.filter((s) => s.type === 'image'), news: sources.filter((s) => s.type === 'news'), }; return (

Web ({groups.web.length}) Images ({groups.image.length}) News ({groups.news.length}) {(['web', 'image', 'news'] as const).map((k) => ( {groups[k].map((s) => ( ))} ))}

); } return (

{children}

); } /** Props for {@link Source}. */ export interface SourceProps extends React.ComponentProps<'a'> { /** The source to render. */ source: SourceItem; } /** A single favicon/title/excerpt/score chip. */ export function Source({ source, className, ...props }: SourceProps) { const { title, excerpt, score, url, faviconUrl, icon } = source; return ( {icon != null ? ( {icon} ) : faviconUrl ? ( // eslint-disable-next-line @next/next/no-img-element

) : url ? ( ) : ( )}

{title} {score != null && ( {(score * 100).toFixed(0)}% )}

{excerpt && (

{excerpt}

)}

); } export default Sources; 63:["$","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"}]]}]}]]}],["$","$L64",null,{"namespace":"@registrydirectory","registryDependencies":["https://localmode.ai/r/ui/lib/utils.json","collapsible","tabs"]}]]}],null]}],["$","$L65",null,{"files":[{"path":"registry/localmode/conversation/sources/sources.tsx","content":"$66","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]