authorgravatar for jakeleventhal@me.comJake Leventhal <jakeleventhal@me.com> 2026-07-12 05:50:15-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-07-12 09:50:15+00:00
logef943a26abe4dd95fabd32d81ccc4e66f62de2e1
tree92d048f4ea49b55d1d0b1d2f60b2987ff632991d
parentf61fa9499d96fee825492aba204593c37b27e0cb
signature Signed by PGP key B5690EEEBB952194

Fix truncated chat error alert layout (#3899)

1 files changed, 9 insertions(+), 9 deletions(-)

apps/web/src/components/chat/ThreadErrorBanner.tsx+9-9
...@@ -13,17 +13,17 @@ export const ThreadErrorBanner = memo(function ThreadErrorBanner({...@@ -13,17 +13,17 @@ export const ThreadErrorBanner = memo(function ThreadErrorBanner({
13}) {13}) {
14 if (!error) return null;14 if (!error) return null;
15 return (15 return (
16 <div className="pt-3 mx-auto max-w-3xl">16 <div className="mx-auto w-fit max-w-[min(48rem,calc(100%-2rem))] pt-3">
17 <Alert variant="error">17 <Alert variant="error">
18 <CircleAlertIcon />18 <CircleAlertIcon />
19 <Tooltip>19 <AlertDescription>
20 <TooltipTrigger render={<AlertDescription className="line-clamp-3" />}>20 <Tooltip>
21 {error}21 <TooltipTrigger render={<div className="line-clamp-3" />}>{error}</TooltipTrigger>
22 </TooltipTrigger>22 <TooltipPopup side="top" className="max-w-96 whitespace-pre-wrap">
23 <TooltipPopup side="top" className="max-w-96 whitespace-pre-wrap">23 {error}
24 {error}24 </TooltipPopup>
25 </TooltipPopup>25 </Tooltip>
26 </Tooltip>26 </AlertDescription>
27 {onDismiss && (27 {onDismiss && (
28 <AlertAction>28 <AlertAction>
29 <Button variant="ghost" size="icon-xs" aria-label="Dismiss error" onClick={onDismiss}>29 <Button variant="ghost" size="icon-xs" aria-label="Dismiss error" onClick={onDismiss}>