feat: add run debug info to user messages in admin ui (#1082)

Signed-off-by: Ryan Hopper-Lowe <[email protected]>
obot-platform · Dec 30, 2024 · 248fe0e · 248fe0e
1 parent 0586286
commit 248fe0e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/ui/admin/app/components/chat/Message.tsx b/ui/admin/app/components/chat/Message.tsx
@@ -65,8 +65,20 @@ export const Message = React.memo(({ message }: MessageProps) => {
     return (
         <div className="mb-4 w-full">
             <div
-                className={cn("flex", isUser ? "justify-end" : "justify-start")}
+                className={cn(
+                    "flex gap-4",
+                    isUser ? "justify-end" : "justify-start"
+                )}
             >
+                {isUser && message.runId && (
+                    <div className="mt-3">
+                        <MessageDebug
+                            variant="secondary"
+                            runId={message.runId}
+                        />
+                    </div>
+                )}
+
                 <div
                     className={cn({
                         "border border-error bg-error-foreground rounded-xl":
@@ -118,7 +130,7 @@ export const Message = React.memo(({ message }: MessageProps) => {
                             </ToolCallInfo>
                         )}
 
-                        {!isUser && message.runId && (
+                        {message.runId && !isUser && (
                             <div className="self-start">
                                 <MessageDebug
                                     variant="secondary"

diff --git a/ui/admin/app/components/chat/MessageDebug.tsx b/ui/admin/app/components/chat/MessageDebug.tsx
@@ -49,9 +49,7 @@ export function MessageDebug({ runId, variant }: MessageDebugProps) {
                         </Button>
                     </DialogTrigger>
                 </TooltipTrigger>
-                <TooltipContent>
-                    <p>View details</p>
-                </TooltipContent>
+                <TooltipContent>View Run Info</TooltipContent>
             </Tooltip>
 
             <DialogContent