chore(filters): Adds events to taxonomic filters (#52040)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: sampennington

frontend/src/lib/components/PropertyFilters/components/taxonomicPropertyFilterLogic.ts

@@ -1,6 +1,7 @@
 import { actions, connect, kea, key, listeners, path, props, reducers, selectors } from 'kea'
 
 import { TaxonomicPropertyFilterLogicProps } from 'lib/components/PropertyFilters/types'
+import { isValidPropertyFilter } from 'lib/components/PropertyFilters/utils'
 import {
     createDefaultPropertyFilter,
     isAnyPropertyfilter,
@@ -17,6 +18,7 @@ import {
     isQuickFilterItem,
     quickFilterToPropertyFilter,
 } from 'lib/components/TaxonomicFilter/types'
+import { eventUsageLogic } from 'lib/utils/eventUsageLogic'
 
 import { propertyDefinitionsModel } from '~/models/propertyDefinitionsModel'
 import {
@@ -92,6 +94,14 @@ export const taxonomicPropertyFilterLogic = kea<taxonomicPropertyFilterLogicType
         ],
     }),
     listeners(({ actions, values, props }) => ({
+        openDropdown: () => {
+            const existingFilter = props.filters[props.filterIndex]
+            if (!existingFilter || !isValidPropertyFilter(existingFilter)) {
+                if (eventUsageLogic.isMounted()) {
+                    eventUsageLogic.actions.reportTaxonomicFilterAddFilterClicked(props.eventNames?.[0])
+                }
+            }
+        },
         selectItem: ({ taxonomicGroup, propertyKey, itemPropertyFilterType, item }) => {
             if (item?._recentContext?.propertyFilter) {
                 props.setFilter(props.filterIndex, item._recentContext.propertyFilter)

frontend/src/lib/components/TaxonomicFilter/InfiniteSelectResults.tsx

@@ -11,6 +11,7 @@ import {
 } from 'lib/components/TaxonomicFilter/types'
 import { Spinner } from 'lib/lemon-ui/Spinner/Spinner'
 import { cn } from 'lib/utils/css-classes'
+import { eventUsageLogic } from 'lib/utils/eventUsageLogic'
 
 import { TaxonomicFilterEmptyState, taxonomicFilterGroupTypesWithEmptyStates } from './TaxonomicFilterEmptyState'
 import { taxonomicFilterLogic } from './taxonomicFilterLogic'
@@ -127,6 +128,7 @@ export function InfiniteSelectResults({
     const logic = infiniteListLogic(infiniteListLogicProps)
 
     const { setActiveTab, selectItem } = useActions(taxonomicFilterLogic)
+    const { reportTaxonomicFilterCategorySelected } = useActions(eventUsageLogic)
 
     const { totalListCount } = useValues(logic)
 
@@ -188,6 +190,10 @@ export function InfiniteSelectResults({
                                     onClick={() => {
                                         setActiveTab(groupType)
                                         focusInput()
+                                        reportTaxonomicFilterCategorySelected(
+                                            groupType,
+                                            taxonomicFilterLogicProps.eventNames?.[0]
+                                        )
                                     }}
                                 />
                             )

frontend/src/lib/utils/eventUsageLogic.ts

@@ -309,7 +309,11 @@ export const eventUsageLogic = kea<eventUsageLogicType>([
             }>
         ) => ({ filters }),
         reportInsightWhitelabelToggled: (isWhiteLabelled: boolean) => ({ isWhiteLabelled }),
-        reportEntityFilterVisibilitySet: (index: number, visible: boolean) => ({ index, visible }),
+        reportEntityFilterVisibilitySet: (index: number, visible: boolean, entityName?: string) => ({
+            index,
+            visible,
+            entityName,
+        }),
         reportInsightsTableCalcToggled: (mode: string) => ({ mode }),
         reportPropertyGroupFilterAdded: true,
         reportChangeOuterPropertyGroupFiltersType: (type: FilterLogicalOperator, groupsLength: number) => ({
@@ -676,6 +680,12 @@ export const eventUsageLogic = kea<eventUsageLogicType>([
         }),
         reportExperimentAiSummaryRequested: (experiment: Experiment) => ({ experiment }),
         reportExperimentSessionReplaySummaryRequested: (experiment: Experiment) => ({ experiment }),
+        // Taxonomic Filter
+        reportTaxonomicFilterCategorySelected: (groupType: TaxonomicFilterGroupType, eventName?: string) => ({
+            groupType,
+            eventName,
+        }),
+        reportTaxonomicFilterAddFilterClicked: (eventName?: string) => ({ eventName }),
         // Definition Popover
         reportDataManagementDefinitionHovered: (type: TaxonomicFilterGroupType, mediaPreviewCount?: number) => ({
             type,
@@ -1337,8 +1347,8 @@ export const eventUsageLogic = kea<eventUsageLogicType>([
         reportInsightWhitelabelToggled: async ({ isWhiteLabelled }) => {
             posthog.capture(`insight whitelabel toggled`, { is_whitelabelled: isWhiteLabelled })
         },
-        reportEntityFilterVisibilitySet: async ({ index, visible }) => {
-            posthog.capture('entity filter visbility set', { index, visible })
+        reportEntityFilterVisibilitySet: async ({ index, visible, entityName }) => {
+            posthog.capture('entity filter visbility set', { index, visible, entityName })
         },
         reportPropertySelectOpened: async () => {
             posthog.capture('property select toggle opened')
@@ -1681,6 +1691,12 @@ export const eventUsageLogic = kea<eventUsageLogicType>([
         reportChangeInnerPropertyGroupFiltersType: ({ type, filtersLength }) => {
             posthog.capture('inner match property group filters type changed', { type, filtersLength })
         },
+        reportTaxonomicFilterCategorySelected: ({ groupType, eventName }) => {
+            posthog.capture('taxonomic filter category selected', { groupType, eventName })
+        },
+        reportTaxonomicFilterAddFilterClicked: ({ eventName }) => {
+            posthog.capture('taxonomic filter add filter clicked', { eventName })
+        },
         reportDataManagementDefinitionHovered: ({ type, mediaPreviewCount }) => {
             posthog.capture('definition hovered', { type, media_preview_count: mediaPreviewCount ?? 0 })
         },

frontend/src/scenes/insights/filters/ActionFilter/entityFilterLogic.ts

@@ -424,7 +424,8 @@ export const entityFilterLogic = kea<entityFilterLogicType>([
             eventUsageLogic.actions.reportInsightFilterSet(sanitizedFilters)
         },
         setEntityFilterVisibility: async ({ index, value }) => {
-            eventUsageLogic.actions.reportEntityFilterVisibilitySet(index, value)
+            const entityName = values.localFilters[index]?.name || undefined
+            eventUsageLogic.actions.reportEntityFilterVisibilitySet(index, value, entityName)
         },
     })),
     events(({ actions, props, values }) => ({