Info Panel is not visible on the dashboard

[chadpav]

New Issue Checklist

• I am not disclosing a vulnerability.
• I am not just asking a question.
• I have searched through existing issues.
• I can reproduce the issue with the latest versions of Parse Server and Parse Dashboard.

Issue Description

I want to expirement with the new Info Panel feature in the Dashboard. I've configured the feature accorinding to the README but I never see the 'Show/Hid Info Panel' button in the upper-right corner of the Data Browser.

Steps to reproduce

1. Configure an example Parse Dashboard as express middleware as documented here
2. Provide the infoPanel json structure
3. Provide a generic implementation of a cloud function for the info panel to call.
4. Open the Dashboard and navigate to the data class.

apps: [
{
infoPanel: [
        {
          title: 'User Details',
          classes: ['_User'],
          cloudCodeFunction: 'fetchUserDetailsPanel',
        },
      ],
...
}
]

Parse.Cloud.define(
  'fetchUserDetailsPanel',
  async (request: Parse.Cloud.FunctionRequest) => {
    configureSentryScope(request);
    const user = request.params.object as User;
    logger.info('Fetching details panel for user ' + user.id);

    const userDetailsPanel = {
      panel: {
        segments: [
          {
            title: 'Segment 1',
            description: 'Segment 1 description',
            items: [
              {
                title: 'Item 1',
                description: 'Item 1 description',
              },
            ],
          },
          {
            title: 'Segment 2',
            description: 'Segment 2 description',
            items: [
              {
                title: 'Item 2',
                description: 'Item 2 description',
              },
            ],
          },
        ],
      },
    };

    return userDetailsPanel;
  }
);

Actual Outcome

• The cloud function is never called (so the response doesn't matter)
• The 'Show/Hide Panel' button is never displayed.

Expected Outcome

• I should see a 'Show/Hide' button and the info panel

Environment

• node 20.12.3
• "parse-dashboard": "~6.0.0",
• "parse-server": "~7.3.0",

Dashboard

• Parse Dashboard version: 6.0.0
• Browser (Safari, Chrome, Firefox, Edge, etc.): Brave or Safari
• Browser version: Brave 1.70

Server

• Parse Server version: 7.3.0
• Operating system: Mac OS
• Local or remote host (AWS, Azure, Google Cloud, Heroku, Digital Ocean, etc): local

Database

• System (MongoDB or Postgres): Mongo DB
• Database version: 7.0
• Local or remote host (MongoDB Atlas, mLab, AWS, Azure, Google Cloud, etc): MongoDB Atlas

Logs

nothing is printed to the logs

[parse-github-assistant]

Thanks for opening this issue!

• 🚀 You can help us to fix this issue faster by opening a pull request with a failing test. See our Contribution Guide for how to make a pull request, or read our New Contributor's Guide if this is your first time contributing.

[chadpav]

Moving conversation thread from the Pull Request to this issue for support:
#2584 (comment)

It looks like maybe this is because I run the dashboard as express middleware?

[mtrezza]

@chadpav Maybe because of this bug? #2623

[chadpav]

@chadpav Maybe because of this bug? #2623

I only have 1 app configured. I run the dashboard as middleware passing in config through the constructor and don't use the json file for configuration. @404-html made it sound like this method might not be supported?

[mtrezza]

That's possible.

[mtrezza]

It looks like maybe this is because I run the dashboard as express middleware?

That was the issue. Bug has been fixed in #2638.