[Fleet] Add a is_managed field to package policy

x-pack/plugins/fleet/common/types/models/agent_policy.ts

@@ -39,6 +39,7 @@ export interface AgentPolicy extends Omit<NewAgentPolicy, 'id'> {
   updated_at: string;
   updated_by: string;
   revision: number;
+  agents?: number;
 }
 
 export type AgentPolicySOAttributes = Omit<AgentPolicy, 'id'>;

x-pack/plugins/fleet/common/types/models/package_policy.ts

@@ -63,6 +63,7 @@ export interface NewPackagePolicy {
   description?: string;
   namespace: string;
   enabled: boolean;
+  is_externally_managed?: boolean;
   policy_id: string;
   output_id: string;
   package?: PackagePolicyPackage;

x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/step_define_package_policy.tsx

@@ -159,6 +159,8 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
       isLoadingPackagePolicies,
     ]);
 
+    const isReadonly = packagePolicy.is_externally_managed;
+
     return validationResults ? (
       <FormGroupResponsiveFields
         title={
@@ -190,6 +192,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
               }
             >
               <EuiFieldText
+                readOnly={isReadonly}
                 value={packagePolicy.name}
                 onChange={(e) =>
                   updatePackagePolicy({
@@ -222,6 +225,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
               error={validationResults.description}
             >
               <EuiFieldText
+                readOnly={isReadonly}
                 value={packagePolicy.description}
                 onChange={(e) =>
                   updatePackagePolicy({
@@ -263,7 +267,7 @@ export const StepDefinePackagePolicy: React.FunctionComponent<{
           })}
 
           {/* Advanced options toggle */}
-          {!noAdvancedToggle && (
+          {!noAdvancedToggle && !isReadonly && (
             <EuiFlexItem>
               <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
                 <EuiFlexItem grow={false}>

x-pack/plugins/fleet/public/components/context_menu_actions.tsx

@@ -13,6 +13,7 @@ import {
   EuiContextMenuPanel,
   EuiPopover,
   EuiButton,
+  EuiToolTip,
 } from '@elastic/eui';
 import type { EuiButtonProps } from '@elastic/eui/src/components/button/button';
 import type { EuiContextMenuProps } from '@elastic/eui/src/components/context_menu/context_menu';
@@ -24,6 +25,7 @@ type Props = {
     children: JSX.Element;
   };
   isOpen?: boolean;
+  isExternallyManaged?: boolean;
   onChange?: (isOpen: boolean) => void;
 } & (
   | {
@@ -51,24 +53,37 @@ export const ContextMenuActions = React.memo<Props>(({ button, onChange, isOpen,
     }
   }, [isOpenState, onChange, isOpen]);
 
+  const actionButton = button ? (
+    <EuiButton {...button.props} onClick={handleToggleMenu} isDisabled={props.isExternallyManaged}>
+      {button.children}
+    </EuiButton>
+  ) : (
+    <EuiButtonIcon
+      isDisabled={props.isExternallyManaged}
+      iconType="boxesHorizontal"
+      onClick={handleToggleMenu}
+      aria-label={i18n.translate('xpack.fleet.genericActionsMenuText', {
+        defaultMessage: 'Open',
+      })}
+      data-test-subj="agentActionsBtn"
+    />
+  );
+
   return (
     <EuiPopover
       anchorPosition="downRight"
       panelPaddingSize="none"
       button={
-        button ? (
-          <EuiButton {...button.props} onClick={handleToggleMenu}>
-            {button.children}
-          </EuiButton>
-        ) : (
-          <EuiButtonIcon
-            iconType="boxesHorizontal"
-            onClick={handleToggleMenu}
-            aria-label={i18n.translate('xpack.fleet.genericActionsMenuText', {
-              defaultMessage: 'Open',
+        props.isExternallyManaged ? (
+          <EuiToolTip
+            title={i18n.translate('xpack.fleet.externallyManagedLabel', {
+              defaultMessage: 'This is externally managed integration policy.',
             })}
-            data-test-subj="agentActionsBtn"
-          />
+          >
+            {actionButton}
+          </EuiToolTip>
+        ) : (
+          actionButton
         )
       }
       isOpen={isOpen === undefined ? isOpenState : isOpen}

x-pack/plugins/fleet/public/components/package_policy_actions_menu.tsx

@@ -37,6 +37,8 @@ export const PackagePolicyActionsMenu: React.FunctionComponent<{
   const refreshAgentPolicy = useAgentPolicyRefresh();
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(defaultIsOpen);
 
+  const isExternallyManaged = Boolean(packagePolicy.is_externally_managed);
+
   const onEnrollmentFlyoutClose = useMemo(() => {
     return () => setIsEnrollmentFlyoutOpen(false);
   }, []);
@@ -148,6 +150,7 @@ export const PackagePolicyActionsMenu: React.FunctionComponent<{
         </EuiPortal>
       )}
       <ContextMenuActions
+        isExternallyManaged={isExternallyManaged}
         isOpen={isActionsMenuOpen}
         items={menuItems}
         onChange={(open) => setIsActionsMenuOpen(open)}

x-pack/plugins/fleet/server/saved_objects/index.ts

@@ -143,6 +143,7 @@ const getSavedObjectTypes = (
         description: { type: 'text' },
         namespace: { type: 'keyword' },
         enabled: { type: 'boolean' },
+        is_externally_managed: { type: 'boolean' },
         policy_id: { type: 'keyword' },
         output_id: { type: 'keyword' },
         package: {

x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/synthetics_policy_edit_extension_wrapper.tsx

@@ -6,7 +6,10 @@
  */
 
 import React, { memo, useMemo } from 'react';
+import { i18n } from '@kbn/i18n';
 import { PackagePolicyEditExtensionComponentProps } from '@kbn/fleet-plugin/public';
+import { EuiButton, EuiCallOut } from '@elastic/eui';
+import { useKibana } from '@kbn/kibana-react-plugin/public';
 import { PolicyConfig, MonitorFields } from './types';
 import { ConfigKey, DataStream, TLSFields } from './types';
 import { SyntheticsPolicyEditExtension } from './synthetics_policy_edit_extension';
@@ -95,6 +98,20 @@ export const SyntheticsPolicyEditExtensionWrapper = memo<PackagePolicyEditExtens
       return getDefaultConfig();
     }, [currentPolicy]);
 
+    const { http } = useKibana().services;
+
+    if (currentPolicy.is_externally_managed) {
+      return (
+        <EuiCallOut>
+          <p>{EDIT_IN_UPTIME_DESC}</p>
+          {/* TODO Add a link to exact monitor*/}
+          <EuiButton href={`${http?.basePath.get()}/app/uptime/manage-monitors/all`}>
+            {EDIT_IN_UPTIME_LABEL}
+          </EuiButton>
+        </EuiCallOut>
+      );
+    }
+
     return (
       <PolicyConfigContextProvider
         defaultMonitorType={monitorType}
@@ -122,3 +139,11 @@ export const SyntheticsPolicyEditExtensionWrapper = memo<PackagePolicyEditExtens
   }
 );
 SyntheticsPolicyEditExtensionWrapper.displayName = 'SyntheticsPolicyEditExtensionWrapper';
+
+const EDIT_IN_UPTIME_LABEL = i18n.translate('xpack.synthetics.editPackagePolicy.inUptime', {
+  defaultMessage: 'Edit in uptime',
+});
+
+const EDIT_IN_UPTIME_DESC = i18n.translate('xpack.synthetics.editPackagePolicy.inUptimeDesc', {
+  defaultMessage: 'This is externally managed integration policy, and cannot be edited here.',
+});