fix(eco): Allow superusers to view integration configuration (#102353)

Currently blocks the link and redirects you away. Let me see it. Adds
missing document title on integration details page.

<img width="694" height="389" alt="image"
src="https://github.com/user-attachments/assets/9930d1c9-a2ea-454c-badf-b45ec89f89cf"
/>

Author: scttcper

static/app/views/settings/organizationIntegrations/configureIntegration.tsx

@@ -25,6 +25,7 @@ import type {
 } from 'sentry/types/integrations';
 import type {RouteComponentProps} from 'sentry/types/legacyReactRouter';
 import type {Organization} from 'sentry/types/organization';
+import {isActiveSuperuser} from 'sentry/utils/isActiveSuperuser';
 import {singleLineRenderer} from 'sentry/utils/marked/marked';
 import type {ApiQueryKey} from 'sentry/utils/queryClient';
 import {setApiQueryData, useApiQuery, useQueryClient} from 'sentry/utils/queryClient';
@@ -127,7 +128,11 @@ function ConfigureIntegration({params, router, routes, location}: Props) {
   useEffect(() => {
     // This page should not be accessible by members (unless its github or gitlab)
     const allowMemberConfiguration = ['github', 'gitlab'].includes(providerKey);
-    if (!allowMemberConfiguration && !organization.access.includes('org:integrations')) {
+    if (
+      !allowMemberConfiguration &&
+      !organization.access.includes('org:integrations') &&
+      !isActiveSuperuser()
+    ) {
       router.push(
         normalizeUrl({
           pathname: `/settings/${organization.slug}/integrations/${providerKey}/`,

static/app/views/settings/organizationIntegrations/installedIntegration.tsx

@@ -17,6 +17,7 @@ import type {Integration, IntegrationProvider} from 'sentry/types/integrations';
 import type {Organization} from 'sentry/types/organization';
 import type {IntegrationAnalyticsKey} from 'sentry/utils/analytics/integrations';
 import {getIntegrationStatus} from 'sentry/utils/integrationUtil';
+import {isActiveSuperuser} from 'sentry/utils/isActiveSuperuser';
 
 import {AddIntegrationButton} from './addIntegrationButton';
 import IntegrationItem from './integrationItem';
@@ -114,6 +115,9 @@ export default class InstalledIntegration extends Component<Props> {
     return (
       <Access access={['org:integrations']}>
         {({hasAccess}) => {
+          const superuser = isActiveSuperuser();
+          const canConfigure =
+            (hasAccess || superuser) && this.integrationStatus === 'active';
           const disableAction = !(hasAccess && this.integrationStatus === 'active');
           return (
             <Fragment>
@@ -122,7 +126,7 @@ export default class InstalledIntegration extends Component<Props> {
               </IntegrationItemBox>
               <div>
                 <Tooltip
-                  disabled={allowMemberConfiguration || hasAccess}
+                  disabled={allowMemberConfiguration || hasAccess || superuser}
                   position="left"
                   title={t(
                     'You must be an organization owner, manager or admin to configure'
@@ -148,7 +152,7 @@ export default class InstalledIntegration extends Component<Props> {
                   <StyledLinkButton
                     borderless
                     icon={<IconSettings />}
-                    disabled={!allowMemberConfiguration && disableAction}
+                    disabled={!allowMemberConfiguration && !canConfigure}
                     to={`/settings/${organization.slug}/integrations/${provider.key}/${integration.id}/`}
                     data-test-id="integration-configure-button"
                   >

static/app/views/settings/organizationIntegrations/integrationDetailedView.tsx

@@ -12,6 +12,7 @@ import LoadingError from 'sentry/components/loadingError';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
 import Panel from 'sentry/components/panels/panel';
 import PanelItem from 'sentry/components/panels/panelItem';
+import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
 import {t} from 'sentry/locale';
 import {PluginIcon} from 'sentry/plugins/components/pluginIcon';
 import {space} from 'sentry/styles/space';
@@ -556,47 +557,49 @@ export default function IntegrationDetailedView() {
   }
 
   return (
-    <IntegrationLayout.Body
-      integrationName={integrationName}
-      alert={<FirstPartyIntegrationAlert integrations={configurations} hideCTA />}
-      topSection={
-        <IntegrationLayout.TopSection
-          featureData={featureData}
-          integrationName={integrationName}
-          installationStatus={installationStatus}
-          integrationIcon={<PluginIcon pluginId={integrationSlug} size={50} />}
-          addInstallButton={
-            <IntegrationLayout.AddInstallButton
-              featureData={featureData}
-              hideButtonIfDisabled={false}
-              requiresAccess
-              renderTopButton={renderTopButton}
-            />
-          }
-          additionalCTA={
-            <FirstPartyIntegrationAdditionalCTA integrations={configurations} />
-          }
-        />
-      }
-      tabs={renderTabs()}
-      content={
-        activeTab === 'overview' ? (
-          <IntegrationLayout.InformationCard
-            integrationSlug={integrationSlug}
-            description={description}
-            alerts={alerts}
+    <SentryDocumentTitle title={integrationName}>
+      <IntegrationLayout.Body
+        integrationName={integrationName}
+        alert={<FirstPartyIntegrationAlert integrations={configurations} hideCTA />}
+        topSection={
+          <IntegrationLayout.TopSection
             featureData={featureData}
-            author={author}
-            resourceLinks={resourceLinks}
-            permissions={null}
+            integrationName={integrationName}
+            installationStatus={installationStatus}
+            integrationIcon={<PluginIcon pluginId={integrationSlug} size={50} />}
+            addInstallButton={
+              <IntegrationLayout.AddInstallButton
+                featureData={featureData}
+                hideButtonIfDisabled={false}
+                requiresAccess
+                renderTopButton={renderTopButton}
+              />
+            }
+            additionalCTA={
+              <FirstPartyIntegrationAdditionalCTA integrations={configurations} />
+            }
           />
-        ) : activeTab === 'configurations' ? (
-          renderConfigurations()
-        ) : (
-          renderFeatures()
-        )
-      }
-    />
+        }
+        tabs={renderTabs()}
+        content={
+          activeTab === 'overview' ? (
+            <IntegrationLayout.InformationCard
+              integrationSlug={integrationSlug}
+              description={description}
+              alerts={alerts}
+              featureData={featureData}
+              author={author}
+              resourceLinks={resourceLinks}
+              permissions={null}
+            />
+          ) : activeTab === 'configurations' ? (
+            renderConfigurations()
+          ) : (
+            renderFeatures()
+          )
+        }
+      />
+    </SentryDocumentTitle>
   );
 }