Update web actions to prioritize product endpoints over

container defaults

# Before

<img width="1047" alt="Screenshot 2025-06-04 at 14 38 41"
src="https://github.com/user-attachments/assets/2f1117bf-1149-483a-a630-0e795128cb12"
/>

# After

<img width="1045" alt="Screenshot 2025-06-04 at 14 35 58"
src="https://github.com/user-attachments/assets/cc6973ed-fe29-46cc-9875-943c3f374665"
/>
GitOrigin-RevId: bf28605d0f482825ea4717199f800de372c7037f

Author: adrw

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

@@ -40,21 +40,58 @@ export default class EndpointSelection extends React.Component<Props, State> {
     };
   }
 
+  // TODO consider moving this to an isMiskEndpoint boolean on the metadata from the server
+  private isMiskEndpoint(route: MiskRoute): boolean {
+    const routes = [
+      '/',
+      '/_liveness',
+      '/_readiness',
+      '/_status',
+      '/api/{id}/metadata',
+      '/api/v1/database/query/metadata',
+      '/api/service/metadata',
+      '/{path:.*}',
+    ];
+    const routePrefixes = [
+      '/_admin',
+      '/v2/_admin',
+      '/_tab',
+      '/api/dashboard/',
+      '/@misk',
+      '/static',
+    ];
+    return (
+      routes.includes(route.path) ||
+      routePrefixes.some((prefix) => route.path.startsWith(prefix))
+    );
+  }
+
   componentDidMount() {
     this.metadataClient.fetchMetadata().then((actions: MiskRoute[]) => {
-      this.options = actions
-        .map((actionGroup) => ({
-          label: `${actionGroup.httpMethod} ${actionGroup.path} (${actionGroup.actionName})`,
-          termsString:
-            `${actionGroup.httpMethod} ${actionGroup.path} ${actionGroup.actionName}`.toLowerCase(),
-          value: actionGroup,
-        }))
+      const appEndpoints = actions
+        .filter((action) => !this.isMiskEndpoint(action))
         .sort((a, b) => {
           // Sort by path first, then by HTTP method
-          const pathCompare = a.value.path.localeCompare(b.value.path);
+          const pathCompare = a.path.localeCompare(b.path);
           if (pathCompare !== 0) return pathCompare;
-          return a.value.httpMethod.localeCompare(b.value.httpMethod);
+          return a.httpMethod.localeCompare(b.httpMethod);
         });
+      const miskEndpoints = actions
+        .filter((action) => this.isMiskEndpoint(action))
+        .sort((a, b) => {
+          // Sort by path first, then by HTTP method
+          const pathCompare = a.path.localeCompare(b.path);
+          if (pathCompare !== 0) return pathCompare;
+          return a.httpMethod.localeCompare(b.httpMethod);
+        });
+
+      // Combine app and Misk endpoints, ensuring Misk endpoints are always after app endpoints for less scrolling
+      this.options = [...appEndpoints, ...miskEndpoints].map((actionGroup) => ({
+        label: `${actionGroup.httpMethod} ${actionGroup.path} (${actionGroup.actionName})`,
+        termsString:
+          `${actionGroup.httpMethod} ${actionGroup.path} ${actionGroup.actionName}`.toLowerCase(),
+        value: actionGroup,
+      }));
 
       this.setState({ filteredOptions: this.options });
       this.focusSelect();