fix: prevent tool call info from overflowing

Signed-off-by: Ryan Hopper-Lowe <[email protected]>
obot-platform · Oct 22, 2024 · e8a5f77 · e8a5f77
1 parent c7b5650
commit e8a5f77
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui/admin/app/components/chat/ToolCallInfo.tsx b/ui/admin/app/components/chat/ToolCallInfo.tsx
@@ -18,7 +18,7 @@ export function ToolCallInfo({ tool, children }: ToolCallInfoProps) {
         <Popover>
             <PopoverTrigger asChild>{children}</PopoverTrigger>
             <PopoverContent className="w-80" side="left">
-                <div className="grid gap-4">
+                <div className="space-y-4">
                     <div className="space-y-2">
                         <h4 className="font-medium leading-none">
                             {tool.name}
@@ -27,7 +27,7 @@ export function ToolCallInfo({ tool, children }: ToolCallInfoProps) {
                             {tool.description}
                         </p>
                         <h3 className="text-sm font-medium">Input</h3>
-                        <p className="text-sm text-muted-foreground bg-gray-100 p-2 rounded-md">
+                        <p className="text-sm text-muted-foreground bg-gray-100 p-2 rounded-md text-wrap break-words">
                             {tool.input}
                         </p>
                     </div>