1) Fix run button from UI restructure. 2) Add message when

request editor is disabled. 3) Cobble together first time open help
prompt. The initialization code for this should be cleaned up and
centralized in the future. Right now it's a bunch of focus requests
distributed across components

GitOrigin-RevId: c627b1a978351e385f134c7f3d757a028eac62d3

Author: Adam Erb

misk-admin/build.gradle.kts

@@ -245,3 +245,4 @@ mavenPublishing {
     KotlinJvm(javadocJar = Dokka("dokkaGfm"))
   )
 }
+

misk-admin/web-actions/src/index.tsx

@@ -36,7 +36,10 @@ function App() {
     callables: [],
   });
   const [loading, setLoading] = useState<boolean>(true);
-  const [isHelpOpen, setIsHelpOpen] = useState<boolean>(false);
+  const [isHelpOpen, setIsHelpOpen] = useState<boolean>(() => {
+    const hasSeenHelp = localStorage.getItem('hasSeenHelp');
+    return hasSeenHelp !== 'true';
+  });
   const endPointSelectorRef = useRef<EndpointSelector>();
   const requestEditorRef = useRef<RequestEditor>();
 
@@ -135,7 +138,18 @@ function App() {
             Help (⌘/)
           </Button>
         </HStack>
-        <HelpPanel isOpen={isHelpOpen} onClose={() => setIsHelpOpen(false)} />
+        <HelpPanel
+          isOpen={isHelpOpen}
+          onClose={() => {
+            setIsHelpOpen(false);
+            if (!localStorage.getItem('hasSeenHelp')) {
+              setTimeout(() => {
+                endPointSelectorRef.current?.focusSelect();
+              }, 500);
+            }
+            localStorage.setItem('hasSeenHelp', 'true');
+          }}
+        />
         <HStack spacing={2} flexGrow={1} width="100%">
           <VStack height="100%" flexGrow={1} alignItems="start">
             <Heading color="white" size="sm" fontWeight="semibold">
@@ -186,7 +200,7 @@ function App() {
                 <IconButton
                   aria-label="Run"
                   colorScheme={'green'}
-                  onClick={() => {}}
+                  onClick={() => requestEditorRef.current?.submitRequest()}
                 >
                   <ActionIcon />
                 </IconButton>

misk-admin/web-actions/src/web-actions/ui/EndpointSelection.tsx

@@ -93,7 +93,7 @@ export default class EndpointSelection extends React.Component<Props, State> {
   };
 
   setMenuOpen = (menuIsOpen: boolean) => {
-    this.setState((state) => ({ ...state, menuIsOpen }));
+    this.setState({ menuIsOpen });
   };
 
   focusSelect = () => {

misk-admin/web-actions/src/web-actions/ui/RequestEditor.tsx

@@ -160,8 +160,14 @@ export default class RequestEditor extends React.Component<Props, State> {
             alignItems="center"
             zIndex="100"
           >
-            {this.state.loading && (
+            {this.state.loading ? (
               <Spinner size="xl" color="white" thickness="5px" />
+            ) : (
+              this.state.isDisabled && (
+                <Box color="white" fontSize="lg" textAlign="center" padding="4">
+                  Request body not supported for GET requests
+                </Box>
+              )
             )}
           </Box>
         )}