[Fleet] Surface package version used in a package policy in UI (#93712)

* Surface package version used in a package policy in UI

* Fix i18n

x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/details_page/components/package_policies/package_policies_table.tsx

@@ -16,6 +16,7 @@ import {
   EuiButton,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiText,
 } from '@elastic/eui';
 
 import { AgentPolicy, PackagePolicy } from '../../../../../types';
@@ -133,6 +134,17 @@ export const PackagePoliciesTable: React.FunctionComponent<Props> = ({
                 </EuiFlexItem>
               )}
               <EuiFlexItem grow={false}>{packageTitle}</EuiFlexItem>
+              {packagePolicy.package && (
+                <EuiFlexItem grow={false}>
+                  <EuiText color="subdued" size="xs" className="eui-textNoWrap">
+                    <FormattedMessage
+                      id="xpack.fleet.policyDetails.packagePoliciesTable.packageVersion"
+                      defaultMessage="v{version}"
+                      values={{ version: packagePolicy.package.version }}
+                    />
+                  </EuiText>
+                </EuiFlexItem>
+              )}
             </EuiFlexGroup>
           );
         },

x-pack/plugins/fleet/public/applications/fleet/sections/epm/screens/detail/policies/package_policies.tsx

@@ -106,18 +106,10 @@ export const PackagePoliciesPage = ({ name, version }: PackagePoliciesPanelProps
         },
       },
       {
-        field: 'packagePolicy.description',
-        name: i18n.translate('xpack.fleet.epm.packageDetails.integrationList.description', {
-          defaultMessage: 'Description',
+        field: 'packagePolicy.package.version',
+        name: i18n.translate('xpack.fleet.epm.packageDetails.integrationList.version', {
+          defaultMessage: 'Version',
         }),
-        truncateText: true,
-        render(description) {
-          return (
-            <span className="eui-textTruncate" title={description}>
-              {description}
-            </span>
-          );
-        },
       },
       {
         field: 'packagePolicy.policy_id',

x-pack/plugins/translations/translations/ja-JP.json

@@ -8558,7 +8558,6 @@
     "xpack.fleet.epm.loadingIntegrationErrorTitle": "統合詳細の読み込みエラー",
     "xpack.fleet.epm.packageDetails.integrationList.agentCount": "エージェント",
     "xpack.fleet.epm.packageDetails.integrationList.agentPolicy": "エージェントポリシー",
-    "xpack.fleet.epm.packageDetails.integrationList.description": "説明",
     "xpack.fleet.epm.packageDetails.integrationList.loadingPoliciesMessage": "統合ポリシーを読み込んでいます...",
     "xpack.fleet.epm.packageDetails.integrationList.name": "統合",
     "xpack.fleet.epm.packageDetails.integrationList.updatedAt": "最終更新",

x-pack/plugins/translations/translations/zh-CN.json

@@ -8640,7 +8640,6 @@
     "xpack.fleet.epm.loadingIntegrationErrorTitle": "加载集成详情时出错",
     "xpack.fleet.epm.packageDetails.integrationList.agentCount": "代理",
     "xpack.fleet.epm.packageDetails.integrationList.agentPolicy": "代理策略",
-    "xpack.fleet.epm.packageDetails.integrationList.description": "描述",
     "xpack.fleet.epm.packageDetails.integrationList.loadingPoliciesMessage": "正在加载集成策略……",
     "xpack.fleet.epm.packageDetails.integrationList.name": "集成",
     "xpack.fleet.epm.packageDetails.integrationList.updatedAt": "上次更新时间",