dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: dynamic model discovery from vercel ai gateway (#1353)

Browse source
This commit is contained in:
josh 2025-12-14 21:26:49 +00:00 • committed by GitHub
parent 2b0b42d144
commit b1da86062e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
74 changed files with 7426 additions and 2277 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/elements/reasoning.tsx
View file

@ -119,22 +119,22 @@ export const ReasoningTrigger = memo(
return (
<CollapsibleTrigger
className={cn(
"flex items-center gap-1.5 text-muted-foreground text-xs transition-colors hover:text-foreground",
"flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
className
)}
{...props}
>
{children ?? (
<>
<BrainIcon className="size-4" />
<BrainIcon className="size-3" />
{isStreaming || duration === 0 ? (
<p>Thinking...</p>
<span>Thinking</span>
) : (
<p>Thought for {duration}s</p>
<span>{duration}s</span>
)}
<ChevronDownIcon
className={cn(
"size-3 text-muted-foreground transition-transform",
"size-2.5 transition-transform",
isOpen ? "rotate-180" : "rotate-0"
)}
/>
@ -155,13 +155,17 @@ export const ReasoningContent = memo(
({ className, children, ...props }: ReasoningContentProps) => (
<CollapsibleContent
className={cn(
"mt-2 text-muted-foreground text-xs",
"mt-1.5 text-[11px] text-muted-foreground leading-relaxed",
"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",
className
)}
{...props}
>
<Response className="grid gap-2">{children}</Response>
<div className="max-h-48 overflow-y-auto rounded-md border border-border/50 bg-muted/30 p-2.5">
<Response className="grid gap-1 text-[11px] **:text-[11px] [&_li]:my-0 [&_ol]:my-1 [&_p]:my-0 [&_ul]:my-1">
{children}
</Response>
</div>
</CollapsibleContent>
)
);