redhat-developer · keithchong · Aug 5, 2026
diff --git a/locales/en/plugin__gitops-plugin.json b/locales/en/plugin__gitops-plugin.json
@@ -101,10 +101,14 @@
   "App Project": "AppProject",
   "Argo CD project that this ApplicationSet belongs to.": "Argo CD project that this ApplicationSet belongs to.",
   "Git repository URL where the ApplicationSet configuration is stored.": "Git repository URL where the ApplicationSet configuration is stored.",
+  "Progressive Sync Step {{x}}": "Progressive Sync Step {{x}}",
   "Applications": "Applications",
+  "Show all match expressions": "Show all match expressions",
   "Edit ApplicationSet": "Edit ApplicationSet",
   "Delete ApplicationSet": "Delete ApplicationSet",
   "View Graph": "View Graph",
+  "Match Expressions": "Match Expressions",
+  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "AppSet ownerReference Tree View": "AppSet ownerReference Tree View",
   "Progressive Sync Flow View": "Progressive Sync Flow View",
   "Expand or collapse all progressive sync step groups": "Expand or collapse all progressive sync step groups",
@@ -257,6 +261,8 @@
   "Created At": "Created At",
   "No pods": "No pods",
   "There are no pods associated with the rollout.": "There are no pods associated with the rollout.",
+  "Close": "Close",
+  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Edit Pod": "Edit Pod",
   "Edit Rollout": "Edit Rollout",
   "Promote": "Promote",
@@ -271,9 +277,7 @@
   "ready": "ready",
   "0 Pods": "0 Pods",
   "Scaling down in:": "Scaling down in:",
-  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Rollout Revisions": "Rollout Revisions",
-  "Close": "Close",
   "Stable": "Stable",
   "Active": "Active",
   "Preview": "Preview",
@@ -331,7 +335,6 @@
   "ApplicationSets": "ApplicationSets",
   "Create ApplicationSet": "Create ApplicationSet",
   "No labels": "No labels",
-  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "Namespace defines the space within which each name must be unique.": "Namespace defines the space within which each name must be unique.",
   "Map of string keys and values that can be used to organize and categorize (scope and select) objects.": "Map of string keys and values that can be used to organize and categorize (scope and select) objects.",
   "Edit": "Edit",

diff --git a/locales/ja/plugin__gitops-plugin.json b/locales/ja/plugin__gitops-plugin.json
@@ -101,10 +101,14 @@
   "App Project": "AppProject",
   "Argo CD project that this ApplicationSet belongs to.": "Argo CD project that this ApplicationSet belongs to.",
   "Git repository URL where the ApplicationSet configuration is stored.": "Git repository URL where the ApplicationSet configuration is stored.",
+  "Progressive Sync Step {{x}}": "Progressive Sync Step {{x}}",
   "Applications": "Applications",
+  "Show all match expressions": "Show all match expressions",
   "Edit ApplicationSet": "Edit ApplicationSet",
   "Delete ApplicationSet": "Delete ApplicationSet",
   "View Graph": "View Graph",
+  "Match Expressions": "Match Expressions",
+  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "AppSet ownerReference Tree View": "AppSet ownerReference Tree View",
   "Progressive Sync Flow View": "Progressive Sync Flow View",
   "Expand or collapse all progressive sync step groups": "Expand or collapse all progressive sync step groups",
@@ -257,6 +261,8 @@
   "Created At": "Created At",
   "No pods": "No pods",
   "There are no pods associated with the rollout.": "There are no pods associated with the rollout.",
+  "Close": "Close",
+  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Edit Pod": "Edit Pod",
   "Edit Rollout": "Edit Rollout",
   "Promote": "Promote",
@@ -271,9 +277,7 @@
   "ready": "ready",
   "0 Pods": "0 Pods",
   "Scaling down in:": "Scaling down in:",
-  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Rollout Revisions": "Rollout Revisions",
-  "Close": "Close",
   "Stable": "Stable",
   "Active": "Active",
   "Preview": "Preview",
@@ -331,7 +335,6 @@
   "ApplicationSets": "ApplicationSets",
   "Create ApplicationSet": "Create ApplicationSet",
   "No labels": "No labels",
-  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "Namespace defines the space within which each name must be unique.": "Namespace defines the space within which each name must be unique.",
   "Map of string keys and values that can be used to organize and categorize (scope and select) objects.": "Map of string keys and values that can be used to organize and categorize (scope and select) objects.",
   "Edit": "Edit",

diff --git a/locales/ko/plugin__gitops-plugin.json b/locales/ko/plugin__gitops-plugin.json
@@ -101,10 +101,14 @@
   "App Project": "App Project",
   "Argo CD project that this ApplicationSet belongs to.": "Argo CD project that this ApplicationSet belongs to.",
   "Git repository URL where the ApplicationSet configuration is stored.": "Git repository URL where the ApplicationSet configuration is stored.",
+  "Progressive Sync Step {{x}}": "Progressive Sync Step {{x}}",
   "Applications": "Applications",
+  "Show all match expressions": "Show all match expressions",
   "Edit ApplicationSet": "Edit ApplicationSet",
   "Delete ApplicationSet": "Delete ApplicationSet",
   "View Graph": "View Graph",
+  "Match Expressions": "Match Expressions",
+  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "AppSet ownerReference Tree View": "AppSet ownerReference Tree View",
   "Progressive Sync Flow View": "Progressive Sync Flow View",
   "Expand or collapse all progressive sync step groups": "Expand or collapse all progressive sync step groups",
@@ -257,6 +261,8 @@
   "Created At": "Created At",
   "No pods": "No pods",
   "There are no pods associated with the rollout.": "There are no pods associated with the rollout.",
+  "Close": "Close",
+  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Edit Pod": "Edit Pod",
   "Edit Rollout": "Edit Rollout",
   "Promote": "Promote",
@@ -271,9 +277,7 @@
   "ready": "ready",
   "0 Pods": "0 Pods",
   "Scaling down in:": "Scaling down in:",
-  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Rollout Revisions": "Rollout Revisions",
-  "Close": "Close",
   "Stable": "Stable",
   "Active": "Active",
   "Preview": "Preview",
@@ -331,7 +335,6 @@
   "ApplicationSets": "ApplicationSets",
   "Create ApplicationSet": "Create ApplicationSet",
   "No labels": "No labels",
-  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "Namespace defines the space within which each name must be unique.": "Namespace defines the space within which each name must be unique.",
   "Map of string keys and values that can be used to organize and categorize (scope and select) objects.": "Map of string keys and values that can be used to organize and categorize (scope and select) objects.",
   "Edit": "Edit",

diff --git a/locales/zh/plugin__gitops-plugin.json b/locales/zh/plugin__gitops-plugin.json
@@ -101,10 +101,14 @@
   "App Project": "App Project",
   "Argo CD project that this ApplicationSet belongs to.": "Argo CD project that this ApplicationSet belongs to.",
   "Git repository URL where the ApplicationSet configuration is stored.": "Git repository URL where the ApplicationSet configuration is stored.",
+  "Progressive Sync Step {{x}}": "Progressive Sync Step {{x}}",
   "Applications": "Applications",
+  "Show all match expressions": "Show all match expressions",
   "Edit ApplicationSet": "Edit ApplicationSet",
   "Delete ApplicationSet": "Delete ApplicationSet",
   "View Graph": "View Graph",
+  "Match Expressions": "Match Expressions",
+  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "AppSet ownerReference Tree View": "AppSet ownerReference Tree View",
   "Progressive Sync Flow View": "Progressive Sync Flow View",
   "Expand or collapse all progressive sync step groups": "Expand or collapse all progressive sync step groups",
@@ -257,6 +261,8 @@
   "Created At": "Created At",
   "No pods": "No pods",
   "There are no pods associated with the rollout.": "There are no pods associated with the rollout.",
+  "Close": "Close",
+  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Edit Pod": "Edit Pod",
   "Edit Rollout": "Edit Rollout",
   "Promote": "Promote",
@@ -271,9 +277,7 @@
   "ready": "ready",
   "0 Pods": "0 Pods",
   "Scaling down in:": "Scaling down in:",
-  "{{x}} failed with an error.": "{{x}} failed with an error.",
   "Rollout Revisions": "Rollout Revisions",
-  "Close": "Close",
   "Stable": "Stable",
   "Active": "Active",
   "Preview": "Preview",
@@ -331,7 +335,6 @@
   "ApplicationSets": "ApplicationSets",
   "Create ApplicationSet": "Create ApplicationSet",
   "No labels": "No labels",
-  "Name must be unique within a namespace.": "Name must be unique within a namespace.",
   "Namespace defines the space within which each name must be unique.": "Namespace defines the space within which each name must be unique.",
   "Map of string keys and values that can be used to organize and categorize (scope and select) objects.": "Map of string keys and values that can be used to organize and categorize (scope and select) objects.",
   "Edit": "Edit",

diff --git a/package.json b/package.json
@@ -129,7 +129,8 @@
     "react-redux": "7.2.9",
     "react-router-dom-v5-compat": "^6.30.0",
     "react-router-hash-link": "2.4.3",
-    "redux": "4.0.1"
+    "redux": "4.0.1",
+    "yaml": "^2.9.0"
   },
   "//TODO": [
     "For @patternfly/react-icons: find another solution for icons from older react-icons version and remove this dependency."

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/gitops/components/application/graph/ApplicationGraphView.scss b/src/gitops/components/application/graph/ApplicationGraphView.scss
@@ -169,6 +169,8 @@
 
     .pf-topology__node__label__background {
       fill: var(--pf-t--global--background--color--floating--default);
+      stroke: var(--pf-t--global--border--color--default);
+      stroke-width: 1;
     }
 
     .pf-topology__node__action-icon:hover svg{

diff --git a/src/gitops/components/application/graph/graph-utils.tsx b/src/gitops/components/application/graph/graph-utils.tsx
@@ -48,6 +48,10 @@ const createApplicationNode = (
     height: APP_NODE_HEIGHT,
     data: {
       name: application?.metadata?.name,
+      namespace: application?.metadata?.namespace,
+      kind: application?.kind,
+      version: ApplicationModel.apiVersion || 'v1alpha1',
+      group: ApplicationModel.apiGroup || 'argoproj.io',
       badge: 'A',
       badgeColor: RESOURCE_COLORS.get(
         RESOURCE_BADGE_COLORS.get('.co-m-resource-' + application?.kind.toLowerCase()),

diff --git a/src/gitops/components/appset/AppSetMatchExpressionsTab.tsx b/src/gitops/components/appset/AppSetMatchExpressionsTab.tsx
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { RouteComponentProps } from 'react-router';
+import * as YamlFormatter from 'yaml';
+
+import { SidebarSectionHeading } from '@gitops/topology/sidebar/DeploymentSideBarDetails';
+import { Card, CardBody, Flex, FlexItem, PageSection } from '@patternfly/react-core';
+
+import { ApplicationSetKind } from '../../models/ApplicationSetModel';
+import { useGitOpsTranslation } from '../../utils/hooks/useGitOpsTranslation';
+
+import './AppSetDetailsTab.scss';
+
+type AppSetMatchExpressionsTabProps = RouteComponentProps<{ ns: string; name: string }> & {
+  obj?: ApplicationSetKind;
+  customData?: object;
+};
+
+const AppSetMatchExpressionsTab: React.FC<AppSetMatchExpressionsTabProps> = ({
+  obj,
+  customData,
+}) => {
+  const { t } = useGitOpsTranslation();
+  const index = customData.step !== undefined ? parseInt(customData?.step) - 1 : -1;
+  if (index >= 0) {
+    const yaml = obj?.spec?.strategy?.rollingSync?.steps[index] || {};
+    return (
+      <>
+        <PageSection>
+          <Flex
+            justifyContent={{ default: 'justifyContentSpaceEvenly' }}
+            direction={{ default: 'column', lg: 'row' }}
+          >
+            <Flex flex={{ default: 'flex_2' }}>
+              <FlexItem fullWidth={{ default: 'fullWidth' }}>
+                <div>
+                  <div>
+                    <SidebarSectionHeading
+                      text={t('Progressive Sync Step {{x}}', { x: customData?.step })}
+                    />
+                  </div>
+                </div>
+                <Card>
+                  <CardBody>
+                    <pre>{YamlFormatter.stringify(yaml, null, 2)}</pre>
+                  </CardBody>
+                </Card>
+              </FlexItem>
+            </Flex>
+          </Flex>
+        </PageSection>
+      </>
+    );
+  } else {
+    return <div></div>;
+  }
+};
+
+export default AppSetMatchExpressionsTab;