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

Upgrade linter and formatter to Ultracite (#1224)

Browse source
This commit is contained in:
Hayden Bleasel 2025-09-20 12:47:10 -07:00 • committed by GitHub
parent b1d254283b
commit 0e320b391d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
177 changed files with 6951 additions and 8342 deletions
Download patch file Download diff file Expand all files Collapse all files

48
components/model-selector.tsx
View file

@ -1,21 +1,19 @@
'use client';
"use client";
import { startTransition, useMemo, useOptimistic, useState } from 'react';
import { saveChatModelAsCookie } from '@/app/(chat)/actions';
import { Button } from '@/components/ui/button';
import type { Session } from "next-auth";
import { startTransition, useMemo, useOptimistic, useState } from "react";
import { saveChatModelAsCookie } from "@/app/(chat)/actions";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
import { chatModels } from '@/lib/ai/models';
import { cn } from '@/lib/utils';
import { CheckCircleFillIcon, ChevronDownIcon } from './icons';
import { entitlementsByUserType } from '@/lib/ai/entitlements';
import type { Session } from 'next-auth';
} from "@/components/ui/dropdown-menu";
import { entitlementsByUserType } from "@/lib/ai/entitlements";
import { chatModels } from "@/lib/ai/models";
import { cn } from "@/lib/utils";
import { CheckCircleFillIcon, ChevronDownIcon } from "./icons";
export function ModelSelector({
session,
@ -33,30 +31,30 @@ export function ModelSelector({
const { availableChatModelIds } = entitlementsByUserType[userType];
const availableChatModels = chatModels.filter((chatModel) =>
availableChatModelIds.includes(chatModel.id),
availableChatModelIds.includes(chatModel.id)
);
const selectedChatModel = useMemo(
() =>
availableChatModels.find(
(chatModel) => chatModel.id === optimisticModelId,
(chatModel) => chatModel.id === optimisticModelId
),
[optimisticModelId, availableChatModels],
[optimisticModelId, availableChatModels]
);
return (
<DropdownMenu open={open} onOpenChange={setOpen}>
<DropdownMenu onOpenChange={setOpen} open={open}>
<DropdownMenuTrigger
asChild
className={cn(
'w-fit data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
className,
"w-fit data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
className
)}
>
<Button
className="md:h-[34px] md:px-2"
data-testid="model-selector"
variant="outline"
className="md:h-[34px] md:px-2"
>
{selectedChatModel?.name}
<ChevronDownIcon />
@ -71,6 +69,8 @@ export function ModelSelector({
return (
<DropdownMenuItem
asChild
data-active={id === optimisticModelId}
data-testid={`model-selector-item-${id}`}
key={id}
onSelect={() => {
@ -81,16 +81,14 @@ export function ModelSelector({
saveChatModelAsCookie(id);
});
}}
data-active={id === optimisticModelId}
asChild
>
<button
className="group/item flex w-full flex-row items-center justify-between gap-2 sm:gap-4"
type="button"
className="flex flex-row gap-2 justify-between items-center w-full group/item sm:gap-4"
>
<div className="flex flex-col gap-1 items-start">
<div className="flex flex-col items-start gap-1">
<div className="text-sm sm:text-base">{chatModel.name}</div>
<div className="text-xs line-clamp-2 text-muted-foreground">
<div className="line-clamp-2 text-muted-foreground text-xs">
{chatModel.description}
</div>
</div>
@ -105,4 +103,4 @@ export function ModelSelector({
</DropdownMenuContent>
</DropdownMenu>
);
}
}