ref(compactSelect): Auto-select single option on Enter when searching

static/app/components/core/compactSelect/compactSelect.spec.tsx

@@ -447,6 +447,87 @@ describe('CompactSelect', () => {
       expect(screen.queryByRole('option', {name: 'Option One'})).not.toBeInTheDocument();
     });
 
+    it('selects the single remaining option when Enter is pressed', async () => {
+      const onChange = jest.fn();
+      render(
+        <CompactSelect
+          search={{placeholder: 'Search here…'}}
+          options={[
+            {value: 'opt_one', label: 'Option One'},
+            {value: 'opt_two', label: 'Option Two'},
+          ]}
+          value={undefined}
+          onChange={onChange}
+        />
+      );
+
+      await userEvent.click(screen.getByRole('button'));
+      await userEvent.click(screen.getByPlaceholderText('Search here…'));
+
+      // type 'Two' to narrow the list to exactly one option
+      await userEvent.keyboard('Two');
+      expect(screen.getByRole('option', {name: 'Option Two'})).toBeInTheDocument();
+      expect(screen.queryByRole('option', {name: 'Option One'})).not.toBeInTheDocument();
+
+      // pressing Enter should select the single visible option
+      await userEvent.keyboard('{Enter}');
+      expect(onChange).toHaveBeenCalledWith(expect.objectContaining({value: 'opt_two'}));
+    });
+
+    it('does not auto-select when multiple options are visible and Enter is pressed', async () => {
+      const onChange = jest.fn();
+      render(
+        <CompactSelect
+          search={{placeholder: 'Search here…'}}
+          options={[
+            {value: 'opt_one', label: 'Option One'},
+            {value: 'opt_two', label: 'Option Two'},
+          ]}
+          value={undefined}
+          onChange={onChange}
+        />
+      );
+
+      await userEvent.click(screen.getByRole('button'));
+      await userEvent.click(screen.getByPlaceholderText('Search here…'));
+
+      // type 'Option' — both options are still visible
+      await userEvent.keyboard('Option');
+      expect(screen.getByRole('option', {name: 'Option One'})).toBeInTheDocument();
+      expect(screen.getByRole('option', {name: 'Option Two'})).toBeInTheDocument();
+
+      // pressing Enter should not select anything
+      await userEvent.keyboard('{Enter}');
+      expect(onChange).not.toHaveBeenCalled();
+    });
+
+    it('does not auto-select when one enabled and one disabled option are visible', async () => {
+      const onChange = jest.fn();
+      render(
+        <CompactSelect
+          search={{placeholder: 'Search here…'}}
+          options={[
+            {value: 'opt_one', label: 'Option One'},
+            {value: 'opt_two', label: 'Option Two', disabled: true},
+          ]}
+          value={undefined}
+          onChange={onChange}
+        />
+      );
+
+      await userEvent.click(screen.getByRole('button'));
+      await userEvent.click(screen.getByPlaceholderText('Search here…'));
+
+      // type 'Option' — both options are visible (one enabled, one disabled)
+      await userEvent.keyboard('Option');
+      expect(screen.getByRole('option', {name: 'Option One'})).toBeInTheDocument();
+      expect(screen.getByRole('option', {name: 'Option Two'})).toBeInTheDocument();
+
+      // pressing Enter must not auto-select even though only one option is enabled
+      await userEvent.keyboard('{Enter}');
+      expect(onChange).not.toHaveBeenCalled();
+    });
+
     it('restores full list when search query is cleared', async () => {
       render(
         <CompactSelect

static/app/components/core/compactSelect/control.tsx

@@ -272,9 +272,26 @@ export function Control({
           ?.focus();
       }
 
-      // Prevent form submissions on Enter key press in search box
+      // Prevent form submissions on Enter key press in search box.
+      // If there is exactly one visible option (enabled or disabled), and it is
+      // enabled, select it automatically. We count all visible options so that a
+      // disabled-but-visible option does not trick us into auto-selecting when
+      // the user still sees multiple items in the list.
       if (e.key === 'Enter') {
         e.preventDefault();
+        const role = grid ? 'row' : 'option';
+        const allVisibleOptions = [
+          ...(overlayRef.current?.querySelectorAll<HTMLLIElement>(`li[role="${role}"]`) ??
+            []),
+        ];
+        const firstOption = allVisibleOptions[0];
+        if (
+          allVisibleOptions.length === 1 &&
+          firstOption &&
+          firstOption.getAttribute('aria-disabled') !== 'true'
+        ) {
+          firstOption.click();
+        }
       }
 
       // Continue propagation, otherwise the overlay won't close on Esc key press