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";...@@ -23,6 +23,7 @@ import { sortModelsForProviderInstance } from "../../modelOrdering";
23import { MAX_CUSTOM_MODEL_LENGTH } from "../../modelSelection";23import { MAX_CUSTOM_MODEL_LENGTH } from "../../modelSelection";
24import { Button } from "../ui/button";24import { Button } from "../ui/button";
25import { Input } from "../ui/input";25import { Input } from "../ui/input";
26import { Popover, PopoverPopup, PopoverTrigger } from "../ui/popover";
26import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip";27import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip";
2728
28/**29/**
...@@ -244,8 +245,11 @@ export function ProviderModelsSection({...@@ -244,8 +245,11 @@ export function ProviderModelsSection({
244 {model.name}245 {model.name}
245 </span>246 </span>
246 {hasDetails ? (247 {hasDetails ? (
247 <Tooltip>248 <Popover>
248 <TooltipTrigger249 <PopoverTrigger
250 openOnHover
251 delay={250}
252 closeDelay={100}
249 render={253 render={
250 <Button254 <Button
251 size="icon-micro"255 size="icon-micro"
...@@ -256,8 +260,8 @@ export function ProviderModelsSection({...@@ -256,8 +260,8 @@ export function ProviderModelsSection({
256 }260 }
257 >261 >
258 <InfoIcon className="size-3" />262 <InfoIcon className="size-3" />
259 </TooltipTrigger>263 </PopoverTrigger>
260 <TooltipPopup side="top" className="max-w-56">264 <PopoverPopup side="top" tooltipStyle className="max-w-56">
261 <div className="space-y-1">265 <div className="space-y-1">
262 <code className="block text-[11px] text-foreground">{model.slug}</code>266 <code className="block text-[11px] text-foreground">{model.slug}</code>
263 {capLabels.length > 0 ? (267 {capLabels.length > 0 ? (
...@@ -270,8 +274,8 @@ export function ProviderModelsSection({...@@ -270,8 +274,8 @@ export function ProviderModelsSection({
270 </div>274 </div>
271 ) : null}275 ) : null}
272 </div>276 </div>
273 </TooltipPopup>277 </PopoverPopup>
274 </Tooltip>278 </Popover>
275 ) : null}279 ) : null}
276 {isHidden ? (280 {isHidden ? (
277 <span className="text-[10px] text-muted-foreground">hidden</span>281 <span className="text-[10px] text-muted-foreground">hidden</span>