fix: wire sandbox bash streaming to frontend panel

- Accept 'bash' in onToolLog filter (was only 'hf_jobs'|'sandbox')
- Initialize panel on tool_call for bash with command in script tab
- Handle null panelData in setPanelOutput (create panel instead of dropping)
- Auto-open right panel and switch to output view for streaming logs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/hooks/useAgentChat.ts

@@ -98,19 +98,28 @@ export function useAgentChat({ sessionId, isActive, onReady, onError, onSessionD
       },
       onToolLog: (tool: string, log: string) => {
         if (!isActiveRef.current) return;
-        if (tool === 'hf_jobs' || tool === 'sandbox') {
-          const state = useAgentStore.getState();
-          const existingOutput = state.panelData?.output?.content || '';
-          const header = tool === 'sandbox' ? '--- Sandbox creation ---' : '--- Job execution started ---';
-          const newContent = existingOutput
-            ? existingOutput + '\n' + log
-            : header + '\n' + log;
+        const STREAMABLE_TOOLS = new Set(['hf_jobs', 'sandbox', 'bash']);
+        if (!STREAMABLE_TOOLS.has(tool)) return;
 
+        const state = useAgentStore.getState();
+        const existingOutput = state.panelData?.output?.content || '';
+        const newContent = existingOutput
+          ? existingOutput + '\n' + log
+          : log;
+
+        if (!state.panelData) {
+          // Initialize panel when it doesn't exist (bash bypasses approval, so no panel yet)
+          const title = tool === 'hf_jobs' ? 'Job Output' : 'Sandbox';
+          setPanel(
+            { title, output: { content: newContent, language: 'text' } },
+            'output',
+          );
+        } else {
           setPanelOutput({ content: newContent, language: 'text' });
+        }
 
-          if (!useLayoutStore.getState().isRightPanelOpen) {
-            setRightPanelOpen(true);
-          }
+        if (!useLayoutStore.getState().isRightPanelOpen) {
+          setRightPanelOpen(true);
         }
       },
       onConnectionChange: (connected: boolean) => {
@@ -169,6 +178,12 @@ export function useAgentChat({ sessionId, isActive, onReady, onError, onSessionD
           });
           setRightPanelOpen(true);
           setLeftSidebarOpen(false);
+        } else if (toolName === 'bash' && args.command) {
+          // Initialize panel for sandbox bash — command in script tab, output tab active for streaming
+          setPanel(
+            { title: 'Sandbox', script: { content: String(args.command), language: 'bash' } },
+            'output',
+          );
         }
       },
       onToolOutputPanel: (toolName: string, _toolCallId: string, output: string, success: boolean) => {
@@ -176,6 +191,9 @@ export function useAgentChat({ sessionId, isActive, onReady, onError, onSessionD
         if (toolName === 'hf_jobs' && output) {
           setPanelOutput({ content: output, language: 'markdown' });
           if (!success) useAgentStore.getState().setPanelView('output');
+        } else if (toolName === 'bash') {
+          // Streaming already populated the output — ensure output view on error
+          if (!success) useAgentStore.getState().setPanelView('output');
         }
       },
       onStreaming: () => {

frontend/src/store/agentStore.ts

@@ -135,7 +135,10 @@ export const useAgentStore = create<AgentStore>()((set, get) => ({
   setPanelView: (view) => set({ panelView: view }),
 
   setPanelOutput: (output) => set((state) => ({
-    panelData: state.panelData ? { ...state.panelData, output } : null,
+    panelData: state.panelData
+      ? { ...state.panelData, output }
+      : { title: 'Output', output },
+    panelView: 'output',
   })),
 
   updatePanelScript: (content) => set((state) => ({