feat(admin): Replace startup program notes field with program dropdown

Replace the free-text notes field in the "Add to Startup Program" modal
with a dropdown of predefined program options. Selecting "Other" reveals
a custom notes text field for free-form input.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: rahulchhabria

static/gsAdmin/components/addToStartupProgramAction.spec.tsx

@@ -57,14 +57,14 @@ describe('AddToStartupProgramAction', () => {
     expect(await screen.findByTestId('balance')).toHaveTextContent('$30.00 owed');
   });
 
-  it('has default values for credit amount and notes', async () => {
+  it('has default values for credit amount and program', async () => {
     triggerAddToStartupProgramModal(modalProps);
 
     renderGlobalModal();
     expect(await screen.findByRole('spinbutton', {name: 'Credit Amount'})).toHaveValue(
       5000
     );
-    expect(screen.getByRole('textbox', {name: 'Notes'})).toHaveValue('sentryforstartups');
+    expect(screen.getByText('Sentry for Startups')).toBeInTheDocument();
   });
 
   it('can submit with default values', async () => {
@@ -97,7 +97,57 @@ describe('AddToStartupProgramAction', () => {
     expect(onSuccess).toHaveBeenCalled();
   });
 
-  it('can submit with custom values', async () => {
+  it('can submit with a different program selected', async () => {
+    const updateMock = MockApiClient.addMockResponse({
+      url: `/_admin/customers/${organization.slug}/balance-changes/`,
+      method: 'POST',
+      body: {},
+    });
+
+    triggerAddToStartupProgramModal(modalProps);
+
+    const {waitForModalToHide} = renderGlobalModal();
+
+    // Change the program dropdown
+    await userEvent.click(await screen.findByText('Sentry for Startups'));
+    await userEvent.click(screen.getByText('Y Combinator'));
+
+    await userEvent.click(screen.getByRole('button', {name: 'Submit'}));
+
+    await waitForModalToHide();
+
+    await waitFor(() => {
+      expect(updateMock).toHaveBeenCalledWith(
+        `/_admin/customers/${organization.slug}/balance-changes/`,
+        expect.objectContaining({
+          method: 'POST',
+          data: {
+            creditAmount: 500000,
+            ticketUrl: '',
+            notes: 'ycombinator',
+          },
+        })
+      );
+    });
+  });
+
+  it('shows custom notes field when "Other" is selected', async () => {
+    triggerAddToStartupProgramModal(modalProps);
+
+    renderGlobalModal();
+
+    // Custom notes should not be visible initially
+    expect(screen.queryByRole('textbox', {name: 'Custom Notes'})).not.toBeInTheDocument();
+
+    // Select "Other"
+    await userEvent.click(await screen.findByText('Sentry for Startups'));
+    await userEvent.click(screen.getByText('Other'));
+
+    // Custom notes field should now be visible
+    expect(screen.getByRole('textbox', {name: 'Custom Notes'})).toBeInTheDocument();
+  });
+
+  it('can submit with custom notes when "Other" is selected', async () => {
     const updateMock = MockApiClient.addMockResponse({
       url: `/_admin/customers/${organization.slug}/balance-changes/`,
       method: 'POST',
@@ -115,9 +165,14 @@ describe('AddToStartupProgramAction', () => {
 
     await userEvent.type(screen.getByRole('textbox', {name: 'Ticket URL'}), url);
 
-    const notesInput = screen.getByRole('textbox', {name: 'Notes'});
-    await userEvent.clear(notesInput);
-    await userEvent.type(notesInput, 'custom note');
+    // Select "Other" to show custom notes
+    await userEvent.click(screen.getByText('Sentry for Startups'));
+    await userEvent.click(screen.getByText('Other'));
+
+    await userEvent.type(
+      screen.getByRole('textbox', {name: 'Custom Notes'}),
+      'custom note'
+    );
 
     await userEvent.click(screen.getByRole('button', {name: 'Submit'}));
 
@@ -156,7 +211,6 @@ describe('AddToStartupProgramAction', () => {
     expect(submitButton).toBeDisabled();
     expect(screen.getByRole('spinbutton', {name: 'Credit Amount'})).toBeDisabled();
     expect(screen.getByRole('textbox', {name: 'Ticket URL'})).toBeDisabled();
-    expect(screen.getByRole('textbox', {name: 'Notes'})).toBeDisabled();
     await waitForModalToHide();
   });
 
@@ -205,7 +259,6 @@ describe('AddToStartupProgramAction', () => {
       {timeout: 5_000}
     );
     expect(screen.getByRole('textbox', {name: 'Ticket URL'})).toBeEnabled();
-    expect(screen.getByRole('textbox', {name: 'Notes'})).toBeEnabled();
     expect(screen.getByRole('button', {name: /submit/i})).toBeEnabled();
   }, 25_000);
 

static/gsAdmin/components/addToStartupProgramAction.tsx

@@ -1,4 +1,4 @@
-import {Fragment} from 'react';
+import {Fragment, useState} from 'react';
 
 import {Flex} from '@sentry/scraps/layout';
 import {Heading, Text} from '@sentry/scraps/text';
@@ -8,6 +8,7 @@ import type {ModalRenderProps} from 'sentry/actionCreators/modal';
 import {openModal} from 'sentry/actionCreators/modal';
 import {InputField} from 'sentry/components/forms/fields/inputField';
 import {NumberField} from 'sentry/components/forms/fields/numberField';
+import {SelectField} from 'sentry/components/forms/fields/selectField';
 import {TextField} from 'sentry/components/forms/fields/textField';
 import {Form, type FormProps} from 'sentry/components/forms/form';
 import {fetchMutation, useMutation} from 'sentry/utils/queryClient';
@@ -16,6 +17,20 @@ import type {RequestError} from 'sentry/utils/requestError/requestError';
 import type {Subscription} from 'getsentry/types';
 import {formatBalance} from 'getsentry/utils/billing';
 
+const STARTUP_PROGRAM_OPTIONS = [
+  {value: 'ycombinator', label: 'Y Combinator'},
+  {value: 'sentryforstartups', label: 'Sentry for Startups'},
+  {value: 'a16z', label: 'a16z'},
+  {value: 'accelatoms', label: 'Accelatoms'},
+  {value: 'accelfam', label: 'Accelfam'},
+  {value: 'renderstack', label: 'Renderstack'},
+  {value: 'finpack', label: 'Finpack'},
+  {value: 'betaworks', label: 'Betaworks'},
+  {value: 'alchemist', label: 'Alchemist'},
+  {value: 'antler', label: 'Antler'},
+  {value: 'other', label: 'Other'},
+];
+
 function coerceValue(value: number) {
   if (isNaN(value)) {
     return undefined;
@@ -46,6 +61,8 @@ function AddToStartupProgramModal({
   Header,
   Body,
 }: AddToStartupProgramModalProps) {
+  const [showCustomNotes, setShowCustomNotes] = useState(false);
+
   const {mutate, isPending} = useMutation<
     Record<string, any>,
     RequestError,
@@ -82,7 +99,13 @@ function AddToStartupProgramModal({
     const creditAmountInput = Number(data.creditAmount);
     const creditAmount = coerceValue(creditAmountInput);
     const ticketUrl = typeof data.ticketUrl === 'string' ? data.ticketUrl : '';
-    const notes = typeof data.notes === 'string' ? data.notes : '';
+    const notesProgram = typeof data.notesProgram === 'string' ? data.notesProgram : '';
+    const notes =
+      notesProgram === 'other'
+        ? typeof data.notesCustom === 'string'
+          ? data.notesCustom
+          : ''
+        : notesProgram;
 
     if (!creditAmount || isPending) {
       return;
@@ -118,7 +141,8 @@ function AddToStartupProgramModal({
           footerClass="modal-footer"
           initialData={{
             creditAmount: 5000,
-            notes: 'sentryforstartups',
+            notesProgram: 'sentryforstartups',
+            notesCustom: '',
           }}
         >
           <Flex direction="column" gap="md">
@@ -139,14 +163,27 @@ function AddToStartupProgramModal({
                 stacked
                 disabled={isPending}
               />
-              <TextField
-                name="notes"
-                label="Notes"
+              <SelectField
+                name="notesProgram"
+                label="Program"
+                options={STARTUP_PROGRAM_OPTIONS}
                 inline={false}
                 stacked
-                maxLength={500}
                 disabled={isPending}
+                onChange={value => {
+                  setShowCustomNotes(value === 'other');
+                }}
               />
+              {showCustomNotes && (
+                <TextField
+                  name="notesCustom"
+                  label="Custom Notes"
+                  inline={false}
+                  stacked
+                  maxLength={500}
+                  disabled={isPending}
+                />
+              )}
             </div>
           </Flex>
         </Form>