Revert "feat(debug): create debugger (#1174)" (#1175)

This reverts commit 7c73f5f.

Author: Sg312

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx

@@ -8,6 +8,8 @@ import {
   Layers,
   Play,
   RefreshCw,
+  SkipForward,
+  StepForward,
   Store,
   Trash2,
   WifiOff,
@@ -42,7 +44,6 @@ import {
   getKeyboardShortcutText,
   useKeyboardShortcuts,
 } from '@/app/workspace/[workspaceId]/w/hooks/use-keyboard-shortcuts'
-import { useExecutionStore } from '@/stores/execution/store'
 import { useFolderStore } from '@/stores/folders/store'
 import { usePanelStore } from '@/stores/panel/store'
 import { useGeneralStore } from '@/stores/settings/general/store'
@@ -110,9 +111,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   const [isExpanded, setIsExpanded] = useState(false)
   const [isTemplateModalOpen, setIsTemplateModalOpen] = useState(false)
   const [isAutoLayouting, setIsAutoLayouting] = useState(false)
-  // Remove chat modal state
-  // const [isChatPromptOpen, setIsChatPromptOpen] = useState(false)
-  // const [chatPrompt, setChatPrompt] = useState('')
 
   // Delete workflow state - grouped for better organization
   const [deleteState, setDeleteState] = useState({
@@ -148,13 +146,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
     }
   }, [setActiveTab, isOpen, togglePanel])
 
-  const openDebugPanel = useCallback(() => {
-    setActiveTab('debug')
-    if (!isOpen) {
-      togglePanel()
-    }
-  }, [setActiveTab, isOpen, togglePanel])
-
   // Shared condition for keyboard shortcut and button disabled state
   const isWorkflowBlocked = isExecuting || hasValidationErrors
 
@@ -828,29 +819,15 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
         return // Do nothing if no executable blocks
       }
 
-      // Determine starter id for focus
-      const starter = Object.values(blocks).find((b) => b.type === 'starter') as any
-      const starterId = starter?.id as string | undefined
-
-      // Enable debug UI but do NOT start execution
+      // Start debugging
       if (!isDebugModeEnabled) {
         toggleDebugMode()
       }
       if (usageExceeded) {
         openSubscriptionSettings()
       } else {
-        // Activate debug session state so the panel is active
-        const execStore = useExecutionStore.getState()
-        execStore.setIsExecuting(false)
-        execStore.setIsDebugging(true)
-        // Set the Start block as pending - it will execute on first Step
-        execStore.setPendingBlocks(starterId ? [starterId] : [])
-
-        // Show Debug tab and mark starter as the current block to execute
-        openDebugPanel()
-        if (starterId) {
-          execStore.setActiveBlocks(new Set([starterId]))
-        }
+        openConsolePanel()
+        handleRunWorkflow(undefined, true) // Start in debug mode
       }
     }
   }, [
@@ -861,7 +838,8 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
     blocks,
     handleCancelDebug,
     toggleDebugMode,
-    openDebugPanel,
+    handleRunWorkflow,
+    openConsolePanel,
   ])
 
   /**
@@ -881,7 +859,40 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
 
     return (
       <div className='flex items-center gap-1'>
-        {/* Keep only cancel (X) here; step/resume moved to panel */}
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              onClick={() => {
+                openConsolePanel()
+                handleStepDebug()
+              }}
+              className={debugButtonClass}
+              disabled={isControlDisabled}
+            >
+              <StepForward className='h-5 w-5' />
+              <span className='sr-only'>Step Forward</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Step Forward</TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              onClick={() => {
+                openConsolePanel()
+                handleResumeDebug()
+              }}
+              className={debugButtonClass}
+              disabled={isControlDisabled}
+            >
+              <SkipForward className='h-5 w-5' />
+              <span className='sr-only'>Resume Until End</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Resume Until End</TooltipContent>
+        </Tooltip>
+
         <Tooltip>
           <TooltipTrigger asChild>
             <Button
@@ -1203,7 +1214,7 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
       {isExpanded && renderPublishButton()}
       {renderDeleteButton()}
       {renderDuplicateButton()}
-      {renderDebugModeToggle()}
+      {!isDebugging && renderDebugModeToggle()}
       {renderDeployButton()}
       {isDebugging ? renderDebugControlsBar() : renderRunButton()}
 
@@ -1215,8 +1226,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
           workflowId={activeWorkflowId}
         />
       )}
-
-      {/* Removed chat prompt dialog; chat input now lives in DebugPanel */}
     </div>
   )
 }