<!DOCTYPE html>
<html lang="en" data-version="35.129701634" data-app-mode="golang-static-spa">

<head>
    
    <!-- Google Tag Manager -->
    <script nonce="QtcFWdHm">
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({ 'gtm.start':
                new Date().getTime(), event: 'gtm.js' });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WDC8G6');
    </script>
    <!-- End Google Tag Manager -->
    
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="https://static.datadoghq.com/static/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="https://static.datadoghq.com/static/apple-touch-icon-precomposed.png">
    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap">
    <link crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.129701634/js/spa-rspack.min.css"  rel="stylesheet" type="text/css" />
    <link rel="preload" as="script" crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.129701634/js/polyfills-rspack.min.js" nonce="QtcFWdHm"/>
    <link rel="preload" as="script" crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.129701634/js/spa-rspack.min.js" nonce="QtcFWdHm"/>
    <link rel="preload" as="fetch" crossorigin="anonymous" href="/config" >

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        @viewport {
            width: device-width;
            initial-scale: 1;
        }

        body.dark-mode {
            background-color: #222126;
        }
    </style>
</head>

<body>
    
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDC8G6"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    
    
<style>
  [data-dd-browser-warning] {
    position: relative;
    z-index: 2147483647;
    margin: 0;
    padding: 8px 16px;
    background: #b34900;
    color: #fff;
    font:
      1rem/1.25 system-ui,
      sans-serif;
    text-align: center;
  }
  @layer {
    @supports (overscroll-behavior: contain) {
      [data-dd-browser-warning] {
        display: none !important;
      }
    }
  }
</style>
<p data-dd-browser-warning>
  Datadog requires an up-to-date browser. Please upgrade to the latest version
  of Chrome, Firefox, Safari, or Edge.
</p>

    <script nonce="QtcFWdHm">
        const addScript = url => {
            const script = document.createElement('script');
            script.setAttribute('crossorigin', 'anonymous'); // `.crossorigin` = doesn't set `crossorigin` in the HTML
            script.type = 'text/javascript';
            script.src = url;
            script.async = false;
            document.body.appendChild(script);
        };

        const addField = (name, value) => {
            const el = document.createElement('input');
            el.type = 'hidden';
            el.name = name;
            el.id = name;
            el.value = value;
            document.body.appendChild(el);
        };

        const lastUserId = sessionStorage.getItem('user_id');
        sessionStorage.setItem('user_id', -1);

        // the browser can serve the cached config from the previous user
        // this is fixed by re-fetching the config explicitely without cache
        const headers = new Headers();
        if (lastUserId !== -1) {
            headers.append('pragma', 'no-cache');
            headers.append('cache-control', 'no-cache');
        }

        Promise.all([
            fetch('/config', {
                method: 'GET',
                headers
            })
                .then(res => res.json())
                .catch(() => Promise.resolve({ featured_flags: [], permissions: {} })),
            fetch('/api/ui/feature-flags/get-active-feature-flags', {
                method: 'GET',
                headers
            })
                .then(res => res.json())
                .catch(() => Promise.resolve({ active_feature_flags: [], user_status: "not-logged-in" })),
        ])
            .then(([config, featureFlags]) => {
                addField('_authentication_token', '');
                addField('config-init', JSON.stringify(config));
                addField('feature-flags-init', JSON.stringify(featureFlags));
                addField('_current_user_json', '');

                window.DD_version = '35.129701634';
                addScript('https://static.datadoghq.com/static/v/35.129701634/js/polyfills-rspack.min.js');
                addScript('https://static.datadoghq.com/static/v/35.129701634/js/spa-rspack.min.js');
            });
    </script>
    <script nonce="QtcFWdHm">
        /*
        This checks if the system mode is selected
        and if the user has their computer in dark-mode.
        If so, it will add the className `.dark-mode` to the body
        */
        try {
            if (
                document.cookie.includes('datadog-theme=dark') ||
                (
                    document.cookie.includes('datadog-theme=system') &&
                    matchMedia('(prefers-color-scheme: dark)').matches
                )
            ) {
                document.body.classList.add('dark-mode');
            }
        } catch (e) { }
    </script>

    <input id="public-path" name="public-path" type="hidden" value="&#34;https://static.datadoghq.com&#34;" />
    <script id="spa-versions" type="application/json" nonce="QtcFWdHm">{"host":"35.129701634","remotes":{}}</script>
</body>
</html>
