Filter runs by queue, machine, version (#2277)

* Queue in run table and filtering

* Debounce the filter changes

* Remove console log

* Added machine filtering

* Added version filtering

* Filter by version in the db

* Removed duplicate classes

* Version filtering hasFilters consistency

* Added queues and machines to the bulk action summary

* runs.list filtering for queue and machine

* Fix for machine errors

Author: matt-aitken

.changeset/two-eagles-report.md

@@ -0,0 +1,5 @@
+---
+"@trigger.dev/sdk": patch
+---
+
+Added runs.list filtering for queue and machine

apps/webapp/app/assets/icons/MachineIcon.tsx

@@ -27,7 +27,7 @@ export function MachineIcon({ preset, className }: { preset?: string; className?
   }
 }
 
-function MachineDefaultIcon({ className }: { className?: string }) {
+export function MachineDefaultIcon({ className }: { className?: string }) {
   return (
     <svg className={className} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path

apps/webapp/app/components/BulkActionFilterSummary.tsx

@@ -201,6 +201,32 @@ export function BulkActionFilterSummary({
                     />
                   );
                 }
+                case "queues": {
+                  const values = Array.isArray(value) ? value : [`${value}`];
+                  return (
+                    <AppliedFilter
+                      variant="minimal/medium"
+                      key={key}
+                      label={filterTitle(key)}
+                      icon={filterIcon(key)}
+                      value={appliedSummary(values.map((v) => v.replace("task/", "")))}
+                      removable={false}
+                    />
+                  );
+                }
+                case "machines": {
+                  const values = Array.isArray(value) ? value : [`${value}`];
+                  return (
+                    <AppliedFilter
+                      variant="minimal/medium"
+                      key={key}
+                      label={filterTitle(key)}
+                      icon={filterIcon(key)}
+                      value={appliedSummary(values)}
+                      removable={false}
+                    />
+                  );
+                }
                 default: {
                   assertNever(typedKey);
                 }

apps/webapp/app/components/MachineLabelCombo.tsx

@@ -1,7 +1,9 @@
-import { type MachinePresetName } from "@trigger.dev/core/v3";
+import { MachinePresetName } from "@trigger.dev/core/v3";
 import { MachineIcon } from "~/assets/icons/MachineIcon";
 import { cn } from "~/utils/cn";
 
+export const machines = Object.values(MachinePresetName.enum);
+
 export function MachineLabelCombo({
   preset,
   className,