Move agent participants out of alpha mode by always showing them in

cohort

Author: vivtsai

frontend/src/components/experiment_dashboard/cohort_editor.ts

@@ -17,7 +17,6 @@ import {classMap} from 'lit/directives/class-map.js';
 
 import {core} from '../../core/core';
 import {AnalyticsService, ButtonClick} from '../../services/analytics.service';
-import {AuthService} from '../../services/auth.service';
 import {ExperimentEditor} from '../../services/experiment.editor';
 import {ExperimentManager} from '../../services/experiment.manager';
 import {ExperimentService} from '../../services/experiment.service';
@@ -42,7 +41,6 @@ export class Component extends MobxLitElement {
   static override styles: CSSResultGroup = [styles];
 
   private readonly analyticsService = core.getService(AnalyticsService);
-  private readonly authService = core.getService(AuthService);
   private readonly experimentEditor = core.getService(ExperimentEditor);
   private readonly experimentManager = core.getService(ExperimentManager);
   private readonly experimentService = core.getService(ExperimentService);
@@ -182,13 +180,11 @@ export class Component extends MobxLitElement {
           this.experimentManager.getCohortHumanParticipants(this.cohort.id),
           html`${this.renderAddHumanParticipant()}`,
         )}
-        ${this.authService.showAlphaFeatures
-          ? this.renderParticipantTable(
-              'Agent participants',
-              this.experimentManager.getCohortAgentParticipants(this.cohort.id),
-              html`${this.renderAddAgentParticipant()}`,
-            )
-          : nothing}
+        ${this.renderParticipantTable(
+          'Agent participants',
+          this.experimentManager.getCohortAgentParticipants(this.cohort.id),
+          html`${this.renderAddAgentParticipant()}`,
+        )}
         ${this.renderMediatorTable(
           'Agent mediators',
           this.experimentManager.getCohortAgentMediators(this.cohort.id),

frontend/src/components/experiment_dashboard/cohort_summary.ts

@@ -16,7 +16,6 @@ import {customElement, property, state} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 
 import {core} from '../../core/core';
-import {AuthService} from '../../services/auth.service';
 import {AnalyticsService, ButtonClick} from '../../services/analytics.service';
 import {ExperimentEditor} from '../../services/experiment.editor';
 import {ExperimentManager} from '../../services/experiment.manager';
@@ -43,7 +42,6 @@ export class CohortSummary extends MobxLitElement {
   static override styles: CSSResultGroup = [styles];
 
   private readonly analyticsService = core.getService(AnalyticsService);
-  private readonly authService = core.getService(AuthService);
   private readonly cohortService = core.getService(CohortService);
   private readonly experimentEditor = core.getService(ExperimentEditor);
   private readonly experimentManager = core.getService(ExperimentManager);
@@ -193,19 +191,15 @@ export class CohortSummary extends MobxLitElement {
           >
             Add human participant
           </div>
-          ${this.authService.showAlphaFeatures
-            ? html`
-                <div
-                  class="menu-item"
-                  @click=${() => {
-                    if (!this.cohort) return;
-                    this.showAgentParticipantDialog = true;
-                  }}
-                >
-                  Add agent participant
-                </div>
-              `
-            : nothing}
+          <div
+            class="menu-item"
+            @click=${() => {
+              if (!this.cohort) return;
+              this.showAgentParticipantDialog = true;
+            }}
+          >
+            Add agent participant
+          </div>
           <div
             class=${classMap({
               'menu-item': true,