fix: prevent long unbreakable words in alert messages from overflowing container

This commit is contained in:
anilkumar 2025-10-09 00:03:32 +05:30
commit 653e0f87d1
3 changed files with 9 additions and 3 deletions

View file

@ -131,7 +131,9 @@ const PromptsTab = ({
<Alert variant="destructive"> <Alert variant="destructive">
<AlertCircle className="h-4 w-4" /> <AlertCircle className="h-4 w-4" />
<AlertTitle>Error</AlertTitle> <AlertTitle>Error</AlertTitle>
<AlertDescription>{error}</AlertDescription> <AlertDescription className="break-all">
{error}
</AlertDescription>
</Alert> </Alert>
) : selectedPrompt ? ( ) : selectedPrompt ? (
<div className="space-y-4"> <div className="space-y-4">

View file

@ -225,7 +225,9 @@ const ResourcesTab = ({
<Alert variant="destructive"> <Alert variant="destructive">
<AlertCircle className="h-4 w-4" /> <AlertCircle className="h-4 w-4" />
<AlertTitle>Error</AlertTitle> <AlertTitle>Error</AlertTitle>
<AlertDescription>{error}</AlertDescription> <AlertDescription className="break-all">
{error}
</AlertDescription>
</Alert> </Alert>
) : selectedResource ? ( ) : selectedResource ? (
<JsonView <JsonView

View file

@ -137,7 +137,9 @@ const ToolsTab = ({
<Alert variant="destructive"> <Alert variant="destructive">
<AlertCircle className="h-4 w-4" /> <AlertCircle className="h-4 w-4" />
<AlertTitle>Error</AlertTitle> <AlertTitle>Error</AlertTitle>
<AlertDescription>{error}</AlertDescription> <AlertDescription className="break-all">
{error}
</AlertDescription>
</Alert> </Alert>
)} )}
<p className="text-sm text-gray-600 dark:text-gray-400"> <p className="text-sm text-gray-600 dark:text-gray-400">