authorgravatar for 71498452+StiensWout@users.noreply.github.comWout Stiens <71498452+StiensWout@users.noreply.github.com> 2026-09-02 08:48:12+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-02 02:48:12-04:00
log827345a07a3d2348abc63e5215e57184024078d8
treefee2d3028f6819d64e7afa62aa8c7e725c888133
parent5392c9bb99c4be1f1c3fd78743df62885fd214dd
signature Signed by PGP key B5690EEEBB952194

fix(web): model info button opens its details on click (#9177)

Co-authored-by: Claude Fable 5.1 <noreply@anthropic.com>

1 files changed, 10 insertions(+), 6 deletions(-)

apps/web/src/components/settings/ProviderModelsSection.tsx+10-6
......@@ -23,6 +23,7 @@ import { sortModelsForProviderInstance } from "../../modelOrdering";
2323import { MAX_CUSTOM_MODEL_LENGTH } from "../../modelSelection";
2424import { Button } from "../ui/button";
2525import { Input } from "../ui/input";
26import { Popover, PopoverPopup, PopoverTrigger } from "../ui/popover";
2627import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip";
2728
2829/**
......@@ -244,8 +245,11 @@ export function ProviderModelsSection({
244245 {model.name}
245246 </span>
246247 {hasDetails ? (
247 <Tooltip>
248 <TooltipTrigger
248 <Popover>
249 <PopoverTrigger
250 openOnHover
251 delay={250}
252 closeDelay={100}
249253 render={
250254 <Button
251255 size="icon-micro"
......@@ -256,8 +260,8 @@ export function ProviderModelsSection({
256260 }
257261 >
258262 <InfoIcon className="size-3" />
259 </TooltipTrigger>
260 <TooltipPopup side="top" className="max-w-56">
263 </PopoverTrigger>
264 <PopoverPopup side="top" tooltipStyle className="max-w-56">
261265 <div className="space-y-1">
262266 <code className="block text-[11px] text-foreground">{model.slug}</code>
263267 {capLabels.length > 0 ? (
......@@ -270,8 +274,8 @@ export function ProviderModelsSection({
270274 </div>
271275 ) : null}
272276 </div>
273 </TooltipPopup>
274 </Tooltip>
277 </PopoverPopup>
278 </Popover>
275279 ) : null}
276280 {isHidden ? (
277281 <span className="text-[10px] text-muted-foreground">hidden</span>