hf job output

frontend/src/components/Chat/ToolCallGroup.tsx

@@ -195,6 +195,14 @@ export default function ToolCallGroup({ tools }: ToolCallGroupProps) {
           content: String(log.args.script),
           language: 'python',
         });
+        if (log.output) {
+          setPanelTab({
+            id: 'output',
+            title: 'Output',
+            content: log.output,
+            language: 'markdown',
+          });
+        }
         if (log.jobLogs) {
           setPanelTab({
             id: 'logs',
@@ -203,7 +211,8 @@ export default function ToolCallGroup({ tools }: ToolCallGroupProps) {
             language: 'text',
           });
         }
-        setActivePanelTab('script');
+        // Default to output if it exists (most useful), otherwise script
+        setActivePanelTab(log.output ? 'output' : 'script');
         setRightPanelOpen(true);
         setLeftSidebarOpen(false);
         return;
@@ -307,53 +316,6 @@ export default function ToolCallGroup({ tools }: ToolCallGroupProps) {
                   {log.tool}
                 </Typography>
 
-                {/* Quick action links for completed jobs */}
-                {log.completed && log.tool === 'hf_jobs' && !!log.args?.script && (
-                  <Box sx={{ display: 'flex', gap: 0.5 }} onClick={(e) => e.stopPropagation()}>
-                    <Typography
-                      component="span"
-                      onClick={() => handleClick(log)}
-                      sx={{
-                        fontSize: '0.68rem',
-                        color: 'var(--muted-text)',
-                        cursor: 'pointer',
-                        px: 0.75,
-                        py: 0.25,
-                        borderRadius: 0.5,
-                        '&:hover': { color: 'var(--accent-yellow)', bgcolor: 'var(--hover-bg)' },
-                      }}
-                    >
-                      Script
-                    </Typography>
-                    {log.jobLogs && (
-                      <Typography
-                        component="span"
-                        onClick={() => {
-                          clearPanelTabs();
-                          if (log.args?.script) {
-                            setPanelTab({ id: 'script', title: 'Script', content: String(log.args.script), language: 'python' });
-                          }
-                          setPanelTab({ id: 'logs', title: 'Logs', content: log.jobLogs!, language: 'text' });
-                          setActivePanelTab('logs');
-                          setRightPanelOpen(true);
-                          setLeftSidebarOpen(false);
-                        }}
-                        sx={{
-                          fontSize: '0.68rem',
-                          color: 'var(--accent-yellow)',
-                          cursor: 'pointer',
-                          px: 0.75,
-                          py: 0.25,
-                          borderRadius: 0.5,
-                          '&:hover': { bgcolor: 'var(--hover-bg)' },
-                        }}
-                      >
-                        Logs
-                      </Typography>
-                    )}
-                  </Box>
-                )}
-
                 {label && (
                   <Chip
                     label={label}

frontend/src/hooks/useAgentWebSocket.ts

@@ -285,6 +285,18 @@ export function useAgentWebSocket({
 
             updateTraceLog(toolCallId, toolName, updates);
             updateCurrentTurnTrace(sessionId);
+
+            // Add output tab so the user can see results (especially errors)
+            setPanelTab({
+              id: 'output',
+              title: 'Output',
+              content: output,
+              language: 'markdown',
+            });
+            // Auto-switch to output tab on failure so errors are immediately visible
+            if (!success) {
+              setActivePanelTab('output');
+            }
           }
 
           // Don't create message bubbles for tool outputs - they only show in trace logs