Disable version selection field for dev envs

Author: myftija

apps/webapp/app/presenters/v3/TestTaskPresenter.server.ts

@@ -54,6 +54,7 @@ export type TestTaskResult =
   | {
       foundTask: true;
       task: TestTask;
+      disableVersionSelection: boolean;
     }
   | {
       foundTask: false;
@@ -158,12 +159,12 @@ export class TestTaskPresenter {
         orderBy: {
           createdAt: "desc",
         },
-        // only the latest version has active workers in development,
-        // so we hide the older versions to avoid confusion from stuck runs
-        take: environment.type === "DEVELOPMENT" ? 1 : 20,
+        take: 20,
       })
     ).map((v) => v.version);
 
+    const disableVersionSelection = environment.type === "DEVELOPMENT";
+
     const latestRuns = await this.#prismaClient.$queryRaw<RawRun[]>`
     WITH taskruns AS (
       SELECT
@@ -246,6 +247,7 @@ export class TestTaskPresenter {
             ),
             latestVersions,
           },
+          disableVersionSelection,
         };
       case "SCHEDULED":
         const possibleTimezones = getTimezones();
@@ -275,6 +277,7 @@ export class TestTaskPresenter {
             ).filter(Boolean),
             latestVersions,
           },
+          disableVersionSelection,
         };
     }
   }

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx

@@ -178,6 +178,7 @@ export default function Page() {
           defaultQueue={result.task.queue}
           runs={result.task.runs}
           versions={result.task.latestVersions}
+          disableVersionSelection={result.disableVersionSelection}
         />
       );
     }
@@ -187,6 +188,7 @@ export default function Page() {
           task={result.task.task}
           runs={result.task.runs}
           possibleTimezones={result.task.possibleTimezones}
+          disableVersionSelection={result.disableVersionSelection}
         />
       );
     }
@@ -200,11 +202,13 @@ function StandardTaskForm({
   defaultQueue,
   runs,
   versions,
+  disableVersionSelection,
 }: {
   task: TestTask["task"];
   defaultQueue: TestTask["queue"];
   runs: StandardRun[];
   versions: string[];
+  disableVersionSelection: boolean;
 }) {
   const environment = useEnvironment();
   const { value, replace } = useSearchParams();
@@ -603,13 +607,17 @@ function StandardTaskForm({
                   variant="tertiary/small"
                   placeholder="Select version"
                   dropdownIcon
+                  disabled={disableVersionSelection}
                 >
                   {versions.map((version, i) => (
                     <SelectItem key={version} value={i === 0 ? "latest" : version}>
                       {version} {i === 0 && "(latest)"}
                     </SelectItem>
                   ))}
                 </Select>
+                {disableVersionSelection && (
+                  <Hint>Only the latest version is available in the development environment.</Hint>
+                )}
                 <FormError id={version.errorId}>{version.error}</FormError>
               </InputGroup>
               <FormError>{form.error}</FormError>
@@ -647,6 +655,7 @@ function ScheduledTaskForm({
   task: TestTask["task"];
   runs: ScheduledRun[];
   possibleTimezones: string[];
+  disableVersionSelection: boolean;
 }) {
   const environment = useEnvironment();
   const lastSubmission = useActionData();