[Ingest] Allow to reassign agent to a new config

x-pack/plugins/ingest_manager/common/constants/routes.ts

@@ -53,7 +53,8 @@ export const AGENT_API_ROUTES = {
   ACKS_PATTERN: `${FLEET_API_ROOT}/agents/{agentId}/acks`,
   ACTIONS_PATTERN: `${FLEET_API_ROOT}/agents/{agentId}/actions`,
   ENROLL_PATTERN: `${FLEET_API_ROOT}/agents/enroll`,
-  UNENROLL_PATTERN: `${FLEET_API_ROOT}/agents/unenroll`,
+  UNENROLL_PATTERN: `${FLEET_API_ROOT}/agents/{agentId}/unenroll`,
+  REASSIGN_PATTERN: `${FLEET_API_ROOT}/agents/{agentId}/reassign`,
   STATUS_PATTERN: `${FLEET_API_ROOT}/agent-status`,
 };
 

x-pack/plugins/ingest_manager/common/services/routes.ts

@@ -97,7 +97,10 @@ export const agentRouteService = {
   getInfoPath: (agentId: string) => AGENT_API_ROUTES.INFO_PATTERN.replace('{agentId}', agentId),
   getUpdatePath: (agentId: string) => AGENT_API_ROUTES.UPDATE_PATTERN.replace('{agentId}', agentId),
   getEventsPath: (agentId: string) => AGENT_API_ROUTES.EVENTS_PATTERN.replace('{agentId}', agentId),
-  getUnenrollPath: () => AGENT_API_ROUTES.UNENROLL_PATTERN,
+  getUnenrollPath: (agentId: string) =>
+    AGENT_API_ROUTES.UNENROLL_PATTERN.replace('{agentId}', agentId),
+  getReassignPath: (agentId: string) =>
+    AGENT_API_ROUTES.REASSIGN_PATTERN.replace('{agentId}', agentId),
   getListPath: () => AGENT_API_ROUTES.LIST_PATTERN,
   getStatusPath: () => AGENT_API_ROUTES.STATUS_PATTERN,
 };

x-pack/plugins/ingest_manager/common/types/models/agent.ts

@@ -65,7 +65,7 @@ interface AgentBase {
   access_api_key_id?: string;
   default_api_key?: string;
   config_id?: string;
-  config_revision?: number;
+  config_revision?: number | null;
   config_newest_revision?: number;
   last_checkin?: string;
 }

x-pack/plugins/ingest_manager/common/types/rest_spec/agent.ts

@@ -96,16 +96,23 @@ export interface PostNewAgentActionResponse {
 }
 
 export interface PostAgentUnenrollRequest {
-  body: { kuery: string } | { ids: string[] };
+  params: {
+    agentId: string;
+  };
 }
 
 export interface PostAgentUnenrollResponse {
-  results: Array<{
-    success: boolean;
-    error?: any;
-    id: string;
-    action: string;
-  }>;
+  success: boolean;
+}
+
+export interface PutAgentReassignRequest {
+  params: {
+    agentId: string;
+  };
+  body: { config_id: string };
+}
+
+export interface PutAgentReassignResponse {
   success: boolean;
 }
 

x-pack/plugins/ingest_manager/public/applications/ingest_manager/hooks/use_request/agents.ts

@@ -10,6 +10,8 @@ import {
   GetOneAgentResponse,
   GetOneAgentEventsResponse,
   GetOneAgentEventsRequest,
+  PutAgentReassignRequest,
+  PutAgentReassignResponse,
   GetAgentsRequest,
   GetAgentsResponse,
   GetAgentStatusRequest,
@@ -59,3 +61,16 @@ export function sendGetAgentStatus(
     ...options,
   });
 }
+
+export function sendPutAgentReassign(
+  agentId: string,
+  body: PutAgentReassignRequest['body'],
+  options?: RequestOptions
+) {
+  return sendRequest<PutAgentReassignResponse>({
+    method: 'put',
+    path: agentRouteService.getReassignPath(agentId),
+    body,
+    ...options,
+  });
+}

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/agent_details_page/components/details_section.tsx

@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { useState, Fragment } from 'react';
+import React, { useState, Fragment, useCallback } from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import {
   EuiTitle,
@@ -13,10 +13,13 @@ import {
   EuiFlexItem,
   EuiDescriptionList,
   EuiButton,
+  EuiPopover,
   EuiDescriptionListTitle,
   EuiDescriptionListDescription,
   EuiButtonEmpty,
   EuiIconTip,
+  EuiContextMenuPanel,
+  EuiContextMenuItem,
   EuiTextColor,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
@@ -26,7 +29,7 @@ import { Agent } from '../../../../types';
 import { AgentHealth } from '../../components/agent_health';
 import { useCapabilities, useGetOneAgentConfig } from '../../../../hooks';
 import { Loading } from '../../../../components';
-import { ConnectedLink } from '../../components';
+import { ConnectedLink, AgentReassignConfigFlyout } from '../../components';
 import { AgentUnenrollProvider } from '../../components/agent_unenroll_provider';
 
 const Item: React.FunctionComponent<{ label: string }> = ({ label, children }) => {
@@ -56,6 +59,15 @@ export const AgentDetailSection: React.FunctionComponent<Props> = ({ agent }) =>
   const hasWriteCapabilites = useCapabilities().write;
   const metadataFlyout = useFlyout();
   const refreshAgent = useAgentRefresh();
+  // Actions menu
+  const [isActionsPopoverOpen, setIsActionsPopoverOpen] = useState(false);
+  const handleCloseMenu = useCallback(() => setIsActionsPopoverOpen(false), [
+    setIsActionsPopoverOpen,
+  ]);
+  const handleToggleMenu = useCallback(() => setIsActionsPopoverOpen(!isActionsPopoverOpen), [
+    isActionsPopoverOpen,
+  ]);
+  const [isReassignFlyoutOpen, setIsReassignFlyoutOpen] = useState(false);
 
   // Fetch AgentConfig information
   const { isLoading: isAgentConfigLoading, data: agentConfigData } = useGetOneAgentConfig(
@@ -111,6 +123,9 @@ export const AgentDetailSection: React.FunctionComponent<Props> = ({ agent }) =>
 
   return (
     <>
+      {isReassignFlyoutOpen && (
+        <AgentReassignConfigFlyout agent={agent} onClose={() => setIsReassignFlyoutOpen(false)} />
+      )}
       <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
         <EuiFlexItem grow={false}>
           <EuiTitle size="l">
@@ -123,21 +138,55 @@ export const AgentDetailSection: React.FunctionComponent<Props> = ({ agent }) =>
           </EuiTitle>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <AgentUnenrollProvider>
-            {unenrollAgentsPrompt => (
-              <EuiButton
-                disabled={!hasWriteCapabilites || !agent.active}
-                onClick={() => {
-                  unenrollAgentsPrompt([agent.id], 1, refreshAgent);
-                }}
-              >
+          <EuiPopover
+            anchorPosition="downRight"
+            panelPaddingSize="none"
+            button={
+              <EuiButton onClick={handleToggleMenu}>
                 <FormattedMessage
-                  id="xpack.ingestManager.agentDetails.unenrollButtonText"
-                  defaultMessage="Unenroll"
+                  id="xpack.ingestManager.agentDetails.actionsButton"
+                  defaultMessage="Actions"
                 />
               </EuiButton>
-            )}
-          </AgentUnenrollProvider>
+            }
+            isOpen={isActionsPopoverOpen}
+            closePopover={handleCloseMenu}
+          >
+            <EuiContextMenuPanel
+              items={[
+                <EuiContextMenuItem
+                  icon="pencil"
+                  onClick={() => {
+                    handleCloseMenu();
+                    setIsReassignFlyoutOpen(true);
+                  }}
+                  key="reassignConfig"
+                >
+                  <FormattedMessage
+                    id="xpack.ingestManager.agentList.reassignActionText"
+                    defaultMessage="Assign new agent config"
+                  />
+                </EuiContextMenuItem>,
+
+                <AgentUnenrollProvider>
+                  {unenrollAgentsPrompt => (
+                    <EuiContextMenuItem
+                      icon="cross"
+                      disabled={!hasWriteCapabilites || !agent.active}
+                      onClick={() => {
+                        unenrollAgentsPrompt([agent.id], 1, refreshAgent);
+                      }}
+                    >
+                      <FormattedMessage
+                        id="xpack.ingestManager.agentList.unenrollOneButton"
+                        defaultMessage="Unenroll"
+                      />
+                    </EuiContextMenuItem>
+                  )}
+                </AgentUnenrollProvider>,
+              ]}
+            />
+          </EuiPopover>
         </EuiFlexItem>
       </EuiFlexGroup>
       <EuiSpacer size={'xl'} />