`mastra studio` cli on v1.0.1 localhost broken

CLI

Running

mastra studio --server-port 8082

mastra studio --server-port 8082

spins up the studio server on port 3000 to be expected. Heading to localhost:3000 to load up the studio appears to function as intended. UI loads up fine then says no agents are available. Looking deeper to the network logs there seems to be some weird calls going out to:

http://localhost:3000/%%MASTRA_CLOUD_API_ENDPOINT%%

http://localhost:3000/%%MASTRA_CLOUD_API_ENDPOINT%%

Seems like the templating engine failed to replace this?
Also this is running locally so I don't believe it should be trying to point to the Mastra cloud endpoint.

To add here, theres a bunch of requests for:

http://localhost:3000/refresh-events

http://localhost:3000/refresh-events

That return this:

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <link rel="icon" type="image/svg+xml" href="./mastra.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mastra Studio</title>
    <script>
      window.MASTRA_TELEMETRY_DISABLED = '%%MASTRA_TELEMETRY_DISABLED%%';
      window.MASTRA_SERVER_HOST = 'localhost';
      window.MASTRA_SERVER_PORT = '8082';
      window.MASTRA_HIDE_CLOUD_CTA = '%%MASTRA_HIDE_CLOUD_CTA%%';
      window.MASTRA_STUDIO_BASE_PATH = '';
      window.MASTRA_SERVER_PROTOCOL = 'http';
      window.MASTRA_CLOUD_API_ENDPOINT = '%%MASTRA_CLOUD_API_ENDPOINT%%';

      function connectSSE() {
        const basePath = window.MASTRA_STUDIO_BASE_PATH || '';
        const events = new EventSource(`${basePath}/refresh-events`);

        events.onmessage = event => {
          if (event.data === 'refresh') {
            window.location.reload();
          }
        };

        events.onerror = () => {
          events.close();
          setTimeout(connectSSE, 1000);
        };

        window.addEventListener('beforeunload', () => {
          events.close();
        });
      }

      connectSSE();
    </script>
    <script type="module" crossorigin src="./assets/index-DCS1kS64.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/style-B2ZHD43y.css">
  </head>

  <body class="overflow-hidden">
    <div id="root" class="dark"></div>
  </body>
</html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <link rel="icon" type="image/svg+xml" href="./mastra.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mastra Studio</title>
    <script>
      window.MASTRA_TELEMETRY_DISABLED = '%%MASTRA_TELEMETRY_DISABLED%%';
      window.MASTRA_SERVER_HOST = 'localhost';
      window.MASTRA_SERVER_PORT = '8082';
      window.MASTRA_HIDE_CLOUD_CTA = '%%MASTRA_HIDE_CLOUD_CTA%%';
      window.MASTRA_STUDIO_BASE_PATH = '';
      window.MASTRA_SERVER_PROTOCOL = 'http';
      window.MASTRA_CLOUD_API_ENDPOINT = '%%MASTRA_CLOUD_API_ENDPOINT%%';

      function connectSSE() {
        const basePath = window.MASTRA_STUDIO_BASE_PATH || '';
        const events = new EventSource(`${basePath}/refresh-events`);

        events.onmessage = event => {
          if (event.data === 'refresh') {
            window.location.reload();
          }
        };

        events.onerror = () => {
          events.close();
          setTimeout(connectSSE, 1000);
        };

        window.addEventListener('beforeunload', () => {
          events.close();
        });
      }

      connectSSE();
    </script>
    <script type="module" crossorigin src="./assets/index-DCS1kS64.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/style-B2ZHD43y.css">
  </head>

  <body class="overflow-hidden">
    <div id="root" class="dark"></div>
  </body>
</html>

Note: I'm running the express adapter and following the docs instructions to fire up the studio command to tap into adapters mastra instance.

It appears that the flags (--server-port) have no impact on the command. I've went back into the versions to see which version the studio at least respected the cli flags. and it appears

[email protected]

[email protected]

was the last version these flags worked on.

`mastra studio` cli on v1.0.1 localhost broken

CLI

Running

mastra studio --server-port 8082

mastra studio --server-port 8082

http://localhost:3000/%%MASTRA_CLOUD_API_ENDPOINT%%

http://localhost:3000/%%MASTRA_CLOUD_API_ENDPOINT%%

http://localhost:3000/refresh-events

http://localhost:3000/refresh-events

That return this:

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <link rel="icon" type="image/svg+xml" href="./mastra.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mastra Studio</title>
    <script>
      window.MASTRA_TELEMETRY_DISABLED = '%%MASTRA_TELEMETRY_DISABLED%%';
      window.MASTRA_SERVER_HOST = 'localhost';
      window.MASTRA_SERVER_PORT = '8082';
      window.MASTRA_HIDE_CLOUD_CTA = '%%MASTRA_HIDE_CLOUD_CTA%%';
      window.MASTRA_STUDIO_BASE_PATH = '';
      window.MASTRA_SERVER_PROTOCOL = 'http';
      window.MASTRA_CLOUD_API_ENDPOINT = '%%MASTRA_CLOUD_API_ENDPOINT%%';

      function connectSSE() {
        const basePath = window.MASTRA_STUDIO_BASE_PATH || '';
        const events = new EventSource(`${basePath}/refresh-events`);

        events.onmessage = event => {
          if (event.data === 'refresh') {
            window.location.reload();
          }
        };

        events.onerror = () => {
          events.close();
          setTimeout(connectSSE, 1000);
        };

        window.addEventListener('beforeunload', () => {
          events.close();
        });
      }

      connectSSE();
    </script>
    <script type="module" crossorigin src="./assets/index-DCS1kS64.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/style-B2ZHD43y.css">
  </head>

  <body class="overflow-hidden">
    <div id="root" class="dark"></div>
  </body>
</html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <link rel="icon" type="image/svg+xml" href="./mastra.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mastra Studio</title>
    <script>
      window.MASTRA_TELEMETRY_DISABLED = '%%MASTRA_TELEMETRY_DISABLED%%';
      window.MASTRA_SERVER_HOST = 'localhost';
      window.MASTRA_SERVER_PORT = '8082';
      window.MASTRA_HIDE_CLOUD_CTA = '%%MASTRA_HIDE_CLOUD_CTA%%';
      window.MASTRA_STUDIO_BASE_PATH = '';
      window.MASTRA_SERVER_PROTOCOL = 'http';
      window.MASTRA_CLOUD_API_ENDPOINT = '%%MASTRA_CLOUD_API_ENDPOINT%%';

      function connectSSE() {
        const basePath = window.MASTRA_STUDIO_BASE_PATH || '';
        const events = new EventSource(`${basePath}/refresh-events`);

        events.onmessage = event => {
          if (event.data === 'refresh') {
            window.location.reload();
          }
        };

        events.onerror = () => {
          events.close();
          setTimeout(connectSSE, 1000);
        };

        window.addEventListener('beforeunload', () => {
          events.close();
        });
      }

      connectSSE();
    </script>
    <script type="module" crossorigin src="./assets/index-DCS1kS64.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/style-B2ZHD43y.css">
  </head>

  <body class="overflow-hidden">
    <div id="root" class="dark"></div>
  </body>
</html>

[email protected]

[email protected]

was the last version these flags worked on.

`mastra studio` cli on v1.0.1 localhost broken

`mastra studio` cli on v1.0.1 localhost broken

Similar Threads

Similar Threads

Similar Threads