render run all inside v2editor

Author: vieiralucas

apps/web/src/components/PrivateDocumentPage.tsx

@@ -352,6 +352,7 @@ function PrivateDocumentPageInner(
     >
       <div className="w-full relative flex">
         <V2Editor
+          key={selectedSidebar?._tag}
           document={props.document}
           dataSources={dataSources}
           isPublicViewer={false}
@@ -372,17 +373,7 @@ function PrivateDocumentPageInner(
           isSyncing={syncing}
           onOpenFiles={onToggleFiles}
           onSchemaExplorer={onToggleSchemaExplorerSQLBlock}
-        >
-          {!isViewer && (
-            <RunAllV2
-              disabled={false}
-              yDoc={yDoc}
-              primary={props.isApp}
-              userId={props.user.id}
-              executionQueue={executionQueue}
-            />
-          )}
-        </V2Editor>
+        />
 
         <Comments
           workspaceId={props.workspaceId}

apps/web/src/components/RunAllV2.tsx

@@ -60,7 +60,7 @@ export default function RunAllV2(props: Props) {
           'bg-red-200 hover:bg-red-300':
             !props.disabled && loading && status !== 'aborting',
         },
-        'flex items-center rounded-sm px-3 py-1 text-sm gap-x-1.5 fixed mt-3 right-8 z-10'
+        'flex items-center rounded-sm px-3 py-1 text-sm gap-x-1.5 absolute top-3 right-8 z-10'
       )}
       onClick={onClick}
       disabled={props.disabled}

apps/web/src/components/v2Editor/index.tsx

@@ -112,6 +112,7 @@ import {
   PlayIcon,
 } from '@heroicons/react/24/outline'
 import { useOnClickOutside } from '@/hooks/useOnClickOutside'
+import RunAllV2 from '../RunAllV2'
 
 // The react-dnd package does not export this...
 type Identifier = string | symbol
@@ -1667,7 +1668,7 @@ const Editor = (props: Props) => {
   const lastUpdatedAt = useLastUpdatedAt(props.yDoc)
 
   return (
-    <div className="editor-v2 flex flex-col flex-grow justify-center font-primary subpixel-antialiased h-full w-full">
+    <div className="editor-v2 flex flex-col flex-grow justify-center font-primary subpixel-antialiased h-full w-full relative">
       {props.isDeleted && (
         <div className="bg-yellow-50 py-6 border-b border-yellow-200">
           <div className="flex justify-center">
@@ -1689,6 +1690,16 @@ const Editor = (props: Props) => {
         </div>
       )}
 
+      {props.role !== 'viewer' && props.userId && (
+        <RunAllV2
+          disabled={false}
+          yDoc={props.yDoc}
+          primary={props.isApp}
+          userId={props.userId}
+          executionQueue={props.executionQueue}
+        />
+      )}
+
       <div
         id="editor-scrollview"
         ref={props.scrollViewRef}