@Samiran Manna

⚠ This is a GenAI-powered tool. All generated answers require validation against the provided references.

Advanced Troubleshooting Steps for Custom Components Not Displaying in App Studio

1. Verify Component Registration and Authentication

• Ensure the component is correctly registered in your application's definition
• Navigate to Dev Studio > [Your Application Name] > Definition
• Expand the Advanced section and check that the component is listed under Enabled components
• Verify that the authentication profiles for the component are correctly configured:
  • For Constellation DX components, check the KM_OAuth_Enduser authentication profile
  • For admin components, verify the KM_OAuth_Admin authentication profile

2. Check UI Runtime Settings

• In Dev Studio, click on your application name, then Definition
• Expand the Advanced section and review the UI Runtime settings
• Ensure the correct UI option is selected:
  • For React-based UI, select "Pega Platform (Constellation UI)"
  • For server-rendered UI, select "Pega Platform (Traditional UI)"
• After making any changes, click "Generate routing table" and save the changes

3. Verify Dynamic System Settings

• Check the following Dynamic System Settings in Dev Studio:
  • ConstellationPegaStaticURL
  • ConstellationSvcURL
• Incorrect configuration of these settings can prevent components from loading properly

4. Clear Caches and Restart Services

• Clear your browser cache completely
• In Dev Studio, navigate to System > Operations > Clear Caches and clear the relevant caches
• If possible, restart the node or service to ensure all changes take effect

5. Check Component Publishing Process

• For Constellation DX components, the publishing process involves:
  1. Bundling all assets together using Webpack to create a gzipped package
  2. Connecting with Pega Infinity using a Pega service to create/update a Rule-UI-Component
  3. A declare trigger on Rule-UI-Component performs the onward publish to the Constellation Service
• Verify that each step of this process completed successfully

6. Examine Access Group Permissions

• Ensure your user account has the necessary permissions to view the custom components
• Check that the component is available in the correct access group

7. Verify Application Ruleset

• Confirm that the custom component is included in the correct ruleset
• Ensure the ruleset is available in the application you're working with

8. Check for Errors in Logs

• Review the error logs in Pega to identify any issues during component loading
• Use the Tracer tool to monitor the component's behavior during runtime

9. Test in Different Environments

• If possible, test the component in a different environment (development, staging)
• This can help determine if the issue is environment-specific

If you've already tried all these steps and are still experiencing issues, could you please provide more details about:

1. The type of custom component you're working with (widget, template, field)
2. Any error messages you might be seeing in the console or logs
3. The specific version of Pega Platform you're using

References: Troubleshooting DX components Constellation DX components in App Studio Publishing the widget Authenticating Pega Infinity Server user access