refactor: simplify wizard UI by removing trial monitoring and robot control tabs, and streamlining monitoring panel props.

src/components/trials/wizard/WizardInterface.tsx

@@ -491,12 +491,6 @@ export const WizardInterface = React.memo(function WizardInterface({
           }
           right={
             <WizardMonitoringPanel
-              trial={trial}
-              trialEvents={trialEvents}
-              isConnected={rosConnected}
-              wsError={undefined}
-              activeTab={monitoringPanelTab}
-              onTabChange={setMonitoringPanelTab}
               rosConnected={rosConnected}
               rosConnecting={rosConnecting}
               rosError={rosError ?? undefined}

src/components/trials/wizard/panels/WizardControlPanel.tsx

@@ -13,6 +13,7 @@ import {
   Zap,
   User,
   Bot,
+  Eye,
 } from "lucide-react";
 import { Button } from "~/components/ui/button";
 import { Badge } from "~/components/ui/badge";
@@ -28,10 +29,10 @@ interface StepData {
   name: string;
   description: string | null;
   type:
-    | "wizard_action"
+  | "wizard_action"
-    | "robot_action"
+  | "robot_action"
-    | "parallel_steps"
+  | "parallel_steps"
-    | "conditional_branch";
+  | "conditional_branch";
   parameters: Record<string, unknown>;
   order: number;
 }
@@ -173,29 +174,25 @@ export function WizardControlPanel({
             value === "actions" ||
             value === "robot"
           ) {
-            onTabChange(value as "control" | "step" | "actions" | "robot");
+            onTabChange(value as "control" | "step" | "actions");
           }
         }}
         className="flex min-h-0 flex-1 flex-col"
       >
         <div className="border-b px-2 py-1">
-          <TabsList className="grid w-full grid-cols-4">
+          <TabsList className="grid w-full grid-cols-3">
             <TabsTrigger value="control" className="text-xs">
-              <Settings className="mr-1 h-3 w-3" />
+              <Play className="mr-1 h-3 w-3" />
               Control
             </TabsTrigger>
             <TabsTrigger value="step" className="text-xs">
-              <Play className="mr-1 h-3 w-3" />
+              <Eye className="mr-1 h-3 w-3" />
               Step
             </TabsTrigger>
             <TabsTrigger value="actions" className="text-xs">
               <Zap className="mr-1 h-3 w-3" />
               Actions
             </TabsTrigger>
-            <TabsTrigger value="robot" className="text-xs">
-              <Bot className="mr-1 h-3 w-3" />
-              Robot
-            </TabsTrigger>
           </TabsList>
         </div>
 
@@ -270,13 +267,13 @@ export function WizardControlPanel({
 
                 {(trial.status === "completed" ||
                   trial.status === "aborted") && (
-                  <Alert>
+                    <Alert>
-                    <CheckCircle className="h-4 w-4" />
+                      <CheckCircle className="h-4 w-4" />
-                    <AlertDescription className="text-sm">
+                      <AlertDescription className="text-sm">
-                      Trial has ended. All controls are disabled.
+                        Trial has ended. All controls are disabled.
-                    </AlertDescription>
+                      </AlertDescription>
-                  </Alert>
+                    </Alert>
-                )}
+                  )}
 
                 {/* Connection Status */}
                 <Separator />

src/hooks/useWizardRos.ts

@@ -107,12 +107,15 @@ export function useWizardRos(
     if (!service) return;
 
     const handleConnected = () => {
-      if (!mountedRef.current) return;
+      console.log("[useWizardRos] handleConnected called, mountedRef:", mountedRef.current);
-      console.log("[useWizardRos] Connected to ROS bridge");
+      // Set state immediately, before checking mounted status
       setIsConnected(true);
       setIsConnecting(false);
       setConnectionError(null);
-      onConnectedRef.current?.();
+
+      if (mountedRef.current) {
+        onConnectedRef.current?.();
+      }
     };
 
     const handleDisconnected = () => {