feat: allow hogql property queries in replay filtering

frontend/src/lib/components/UniversalFilters/UniversalFilters.tsx

@@ -3,6 +3,7 @@ import { LemonButton, LemonButtonProps, LemonDropdown, Popover } from '@posthog/
 import { BindLogic, useActions, useValues } from 'kea'
 import { useState } from 'react'
 
+import { AnyDataNode } from '~/queries/schema'
 import { UniversalFiltersGroup, UniversalFilterValue } from '~/types'
 
 import { TaxonomicPropertyFilter } from '../PropertyFilters/components/TaxonomicPropertyFilter'
@@ -75,12 +76,14 @@ const Value = ({
     onChange,
     onRemove,
     initiallyOpen = false,
+    metadataSource,
 }: {
     index: number
     filter: UniversalFilterValue
     onChange: (property: UniversalFilterValue) => void
     onRemove: () => void
     initiallyOpen?: boolean
+    metadataSource?: AnyDataNode
 }): JSX.Element => {
     const { rootKey, taxonomicPropertyFilterGroupTypes } = useValues(universalFiltersLogic)
 
@@ -103,6 +106,7 @@ const Value = ({
                         onChange={(properties) => onChange({ ...filter, properties })}
                         disablePopover
                         taxonomicGroupTypes={[TaxonomicFilterGroupType.EventProperties]}
+                        metadataSource={metadataSource}
                     />
                 ) : isEditable ? (
                     <TaxonomicPropertyFilter

frontend/src/lib/components/UniversalFilters/universalFiltersLogic.ts

@@ -132,7 +132,7 @@ export const universalFiltersLogic = kea<universalFiltersLogicType>([
                 newValues.push(newFeatureFlagFilter)
             } else {
                 const propertyType =
-                    item.propertyFilterType ?? taxonomicFilterTypeToPropertyFilterType(taxonomicGroup.type)
+                    item?.propertyFilterType ?? taxonomicFilterTypeToPropertyFilterType(taxonomicGroup.type)
                 if (propertyKey && propertyType) {
                     const newPropertyFilter = createDefaultPropertyFilter(
                         {},

frontend/src/scenes/session-recordings/filters/RecordingsUniversalFilters.tsx

@@ -11,6 +11,7 @@
 import { actionsModel } from '~/models/actionsModel'
 import { cohortsModel } from '~/models/cohortsModel'
 import { AndOrFilterSelect } from '~/queries/nodes/InsightViz/PropertyGroupFilters/AndOrFilterSelect'
+import { NodeKind } from '~/queries/schema'
 import { RecordingUniversalFilters, UniversalFiltersGroup } from '~/types'
 
 import { DurationFilter } from './DurationFilter'
@@ -109,6 +110,8 @@
                         TaxonomicFilterGroupType.Cohorts,
                         TaxonomicFilterGroupType.PersonProperties,
                         TaxonomicFilterGroupType.SessionProperties,
+                        TaxonomicFilterGroupType.FeatureFlags,
+                        TaxonomicFilterGroupType.HogQLExpression,
                     ]}
                     onChange={(filterGroup) => setFilters({ filter_group: filterGroup })}
                 >
@@ -144,6 +147,7 @@
                         onRemove={() => removeGroupValue(index)}
                         onChange={(value) => replaceGroupValue(index, value)}
                         initiallyOpen={allowInitiallyOpen}
+                        metadataSource={{ kind: NodeKind.RecordingsQuery }}
                     />
                 )
             })}

frontend/src/scenes/session-recordings/playlist/sessionRecordingsPlaylistLogic.ts

@@ -4,7 +4,7 @@ import { loaders } from 'kea-loaders'
 import { actionToUrl, router, urlToAction } from 'kea-router'
 import { subscriptions } from 'kea-subscriptions'
 import api from 'lib/api'
-import { isAnyPropertyfilter } from 'lib/components/PropertyFilters/utils'
+import { isAnyPropertyfilter, isHogQLPropertyFilter } from 'lib/components/PropertyFilters/utils'
 import { DEFAULT_UNIVERSAL_GROUP_FILTER } from 'lib/components/UniversalFilters/universalFiltersLogic'
 import {
     isActionFilter,
@@ -120,6 +120,8 @@ export function convertUniversalFiltersToRecordingsQuery(universalFilters: Recor
             actions.push(f)
         } else if (isLogEntryPropertyFilter(f)) {
             console_log_filters.push(f)
+        } else if (isHogQLPropertyFilter(f)) {
+            properties.push(f)
         } else if (isAnyPropertyfilter(f)) {
             if (isRecordingPropertyFilter(f)) {
                 if (f.key === 'visited_page') {