feat: Add "Contains" filter option to workflow search UI for substring matching in WorkflowId and WorkflowType fields.

src/lib/components/search-attribute-filter/filter-list.svelte

@@ -13,6 +13,12 @@
   import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
   import { isWorkflowStatusType } from '$lib/models/workflow-status';
   import { relativeTime, timeFormat } from '$lib/stores/time-format';
+  import { formatDate } from '$lib/utilities/format-date';
+  import {
+    isContains,
+    isNullConditional,
+    isStartsWith,
+  } from '$lib/utilities/is';
   import { isNullConditional, isStartsWith } from '$lib/utilities/is';
   import {
     formatDateTimeRange,
@@ -110,7 +116,9 @@
               {:else}
                 {isStartsWith(conditional)
                   ? translate('common.starts-with').toLocaleLowerCase()
-                  : conditional}
+                  : isContains(conditional)
+                    ? translate('common.contains').toLocaleLowerCase()
+                    : conditional}
                 {isTextFilter(workflowFilter) ? `"${value}"` : value}
               {/if}
             </span>

src/lib/components/search-attribute-filter/text-filter.svelte

@@ -26,7 +26,10 @@
     { value: '=', label: translate('common.equal-to') },
     { value: '!=', label: translate('common.not-equal-to') },
     ...($prefixSearchEnabled && $filter.type === SEARCH_ATTRIBUTE_TYPE.KEYWORD
-      ? [{ value: 'STARTS_WITH', label: translate('common.starts-with') }]
+      ? [
+          { value: 'STARTS_WITH', label: translate('common.starts-with') },
+          { value: 'CONTAINS', label: translate('common.contains') },
+        ]
       : []),
   ];
 </script>

src/lib/components/workflow/filter-bar/dropdown-filter-chip.svelte

@@ -92,6 +92,11 @@
       label: translate('common.starts-with'),
       id: 'starts-with',
     },
+    {
+      value: 'CONTAINS',
+      label: translate('common.contains'),
+      id: 'contains',
+    },
     ...defaultConditionOptions,
   ];
 
@@ -154,7 +159,9 @@
       const conditionText =
         conditional === 'STARTS_WITH'
           ? translate('common.starts-with').toLowerCase()
-          : conditional;
+          : conditional === 'CONTAINS'
+            ? translate('common.contains').toLowerCase()
+            : conditional;
       return `${attribute} ${conditionText}`;
     }
 

src/lib/i18n/locales/en/common.ts

@@ -35,6 +35,7 @@ export const Strings = {
   between: 'Between',
   'in-last': 'In Last',
   'starts-with': 'Starts with',
+  contains: 'Contains',
   equals: 'Equals',
   'greater-than': 'Greater Than',
   'greater-than-or-equal-to': 'Greater than or equal to',

src/lib/utilities/is.ts

@@ -43,6 +43,7 @@ const operators = [
   '(',
   ')',
   'starts_with',
+  'contains',
 ] as const;
 
 const conditionals = [
@@ -57,6 +58,7 @@ const conditionals = [
   '<',
   '!',
   'starts_with',
+  'contains',
   'is',
   'is not',
   'in',
@@ -186,6 +188,11 @@ export const isStartsWith = (x: unknown) => {
   return x.toLocaleLowerCase() === 'starts_with';
 };
 
+export const isContains = (x: unknown) => {
+  if (!isString(x)) return false;
+  return x.toLocaleLowerCase() === 'contains';
+};
+
 export const isInConditional = (x: unknown) => {
   if (!isString(x)) return false;
 

src/lib/utilities/query/filter-workflow-query.ts

@@ -8,7 +8,12 @@ import {
   type SearchAttributeType,
 } from '$lib/types/workflows';
 
-import { isInConditional, isNullConditional, isStartsWith } from '../is';
+import {
+  isContains,
+  isInConditional,
+  isNullConditional,
+  isStartsWith,
+} from '../is';
 import { isDuration, isDurationString, toDate, tomorrow } from '../to-duration';
 
 export type QueryKey =
@@ -105,6 +110,14 @@ const toFilterQueryStatement = (
     })}`;
   }
 
+  if (isContains(conditional)) {
+    return `\`${queryKey}\` ${conditional} ${formatValue({
+      value,
+      type,
+      conditional,
+    })}`;
+  }
+
   return `\`${queryKey}\`${conditional}${formatValue({
     value,
     type,