Add flow extension management UI for connections

apps/console/src/configs/routes.tsx

@@ -721,6 +721,20 @@ export const getAppViewRoutes = (): RouteInterface[] => {
             protected: true,
             showOnSidePanel: false
         },
+        {
+            category: "console:develop.features.sidePanel.categories.application",
+            component: lazy(() => import(
+                "@wso2is/admin.connections.v1/pages/flow-extension-edit-page")
+            ),
+            exact: true,
+            icon: { icon: getSidePanelIcons().connections },
+            id: "flowExtensionEdit",
+            name: "Flow Extension Edit",
+            order: 4,
+            path: AppConstants.getPaths().get("FLOW_EXTENSION_EDIT"),
+            protected: true,
+            showOnSidePanel: false
+        },
         {
             category: "extensions:manage.sidePanel.categories.attributeManagement",
             children: [

apps/console/src/public/deployment.config.json

@@ -401,7 +401,9 @@
                     "actions.types.list.preUpdatePassword.headersAndParameters",
                     "actions.types.list.preUpdateProfile.headersAndParameters",
                     "actions.types.org.list.preIssueAccessToken",
-                    "actions.types.org.list.preRegistration"
+                    "actions.types.org.list.preRegistration",
+                    "actions.types.list.flowExtension.customErrors",
+                    "actions.types.list.flowExtension.flowLevelOverrides"
                 ],
                 "enabled": true,
                 "featureFlags": [],
@@ -1245,7 +1247,12 @@
                     "identityProviders.saml.attributeConsumingServiceIndex"
                 ],
                 "enabled": true,
-                "featureFlags": [],
+                "featureFlags": [
+                    {
+                        "feature": "console.connections.templates.flowExtension",
+                        "flag": "EXPERIMENTAL"
+                    }
+                ],
                 "scopes": {
                     "create": [
                         "internal_idp_create"

features/admin.actions.v1/components/action-endpoint-config-form.scss

@@ -39,6 +39,10 @@
 
     .alert-nutral {
         background-color: var(--oxygen-palette-grey-100);
+
+        .secondary-button {
+            margin-top: 10px;
+        }
     }
 
     .endpoint-uri-alert {
@@ -60,6 +64,16 @@
         font-weight: normal;
     }
 
+    .box-container {
+        margin-top: 24px;
+
+        .box-field {
+            .secondary-button {
+                margin-top: 14px;
+            }
+        }
+    }
+
     .row.urlComponentTagRow {
         display: inline-block !important;
         width: auto           !important;
@@ -77,6 +91,10 @@
 
 .alert-nutral {
     background-color: var(--oxygen-palette-grey-100);
+
+    .secondary-button {
+        margin-top: 10px;
+    }
 }
 
 .endpoint-uri-alert {

features/admin.actions.v1/components/action-endpoint-config-form.tsx

@@ -54,6 +54,12 @@ interface ActionEndpointConfigFormInterface extends IdentifiableComponentInterfa
      * Specifies whether the headers and parameters section should be shown/hidden.
      */
     showHeadersAndParams?: boolean;
+    /**
+     * Specifies whether the allowed parameters field should be shown within the
+     * headers-and-parameters section. Defaults to true. Set to false for action types
+     * (e.g. Flow Extension) where query parameter forwarding is not supported.
+     */
+    showAllowedParameters?: boolean;
     /**
      * Specifies whether the form is read-only.
      */
@@ -80,6 +86,7 @@ const ActionEndpointConfigForm: FunctionComponent<ActionEndpointConfigFormInterf
     isReadOnly,
     showHeadersAndParams,
     authenticationTypes = ActionsConstants.AUTH_TYPES,
+    showAllowedParameters = true,
     onAuthenticationTypeChange,
     ["data-componentid"]: _componentId = "action-endpoint-config-form"
 }: ActionEndpointConfigFormInterface): ReactElement => {
@@ -921,22 +928,24 @@ const ActionEndpointConfigForm: FunctionComponent<ActionEndpointConfigFormInterf
                 maxLength={ 100 }
                 minLength={ 0 }
             />
-            <FinalFormField
-                key="allowedParameters"
-                name="allowedParameters"
-                className="allowed-headers-and-params"
-                width={ 16 }
-                FormControlProps={ {
-                    margin: "dense"
-                } }
-                ariaLabel="allowedParameters"
-                required={ false }
-                data-componentid={ `${_componentId}-action-allowed-parameters` }
-                type="text"
-                component={ allowedParametersSection }
-                maxLength={ 100 }
-                minLength={ 0 }
-            />
+            { showAllowedParameters && (
+                <FinalFormField
+                    key="allowedParameters"
+                    name="allowedParameters"
+                    className="allowed-headers-and-params"
+                    width={ 16 }
+                    FormControlProps={ {
+                        margin: "dense"
+                    } }
+                    ariaLabel="allowedParameters"
+                    required={ false }
+                    data-componentid={ `${_componentId}-action-allowed-parameters` }
+                    type="text"
+                    component={ allowedParametersSection }
+                    maxLength={ 100 }
+                    minLength={ 0 }
+                />
+            ) }
         </>
     );
 

features/admin.actions.v1/models/actions.ts

@@ -255,6 +255,10 @@ export interface ActionBasicResponseInterface extends ActionBaseResponseInterfac
      * Links of the Action.
      */
     links: LinkInterface[];
+    /**
+     * Optional icon URL for the Action (e.g., Flow Extension).
+     */
+    iconUrl?: string;
 }
 
 /**
@@ -616,3 +620,27 @@ export interface ActionTypeCardInterface {
      */
     disabled?: boolean
 }
+
+/**
+ * Expose entry in access config.
+ * Also used for modify entries (same structure: path + optional encryption flag).
+ */
+export interface ContextPathInterface {
+    path: string;
+    encrypted: boolean;
+}
+
+/**
+ * Access config for Flow Extension actions.
+ */
+export interface AccessConfigInterface {
+    expose: ContextPathInterface[];
+    modify: ContextPathInterface[];
+}
+
+/**
+ * Encryption config for Flow Extension actions.
+ */
+export interface EncryptionInterface {
+    certificate?: string;
+}