feat(experiments): explore results in an insight

frontend/src/lib/utils.tsx

@@ -1729,3 +1729,12 @@ export function hasFormErrors(object: any): boolean {
     }
     return !!object
 }
+
+export function stringToBoolean(value: unknown): boolean {
+    const stringValue = String(value).toLowerCase()
+    const isStrictlyTrue = ['y', 'yes', 't', 'true', 'on', '1'].includes(stringValue)
+    if (isStrictlyTrue) {
+        return true
+    }
+    return false
+}

frontend/src/queries/nodes/InsightQuery/utils/filtersToQueryNode.ts

@@ -1,5 +1,5 @@
 import * as Sentry from '@sentry/react'
-import { objectCleanWithEmpty } from 'lib/utils'
+import { objectCleanWithEmpty, stringToBoolean } from 'lib/utils'
 import { transformLegacyHiddenLegendKeys } from 'scenes/funnels/funnelUtils'
 import { MathAvailability } from 'scenes/insights/filters/ActionFilter/ActionFilterRow/ActionFilterRow'
 import {
@@ -226,6 +226,8 @@ export const filtersToQueryNode = (filters: Partial<FilterType>): InsightQueryNo
         kind: reverseInsightMap[filters.insight],
         properties: cleanGlobalProperties(filters.properties),
         filterTestAccounts: filters.filter_test_accounts,
+
+        explicitDate: stringToBoolean(filters.explicit_date),
     }
     if (filters.sampling_factor) {
         query.samplingFactor = filters.sampling_factor

frontend/src/queries/nodes/InsightQuery/utils/queryNodeToFilter.ts

@@ -1,4 +1,4 @@
-import { objectClean } from 'lib/utils'
+import { objectClean, stringToBoolean } from 'lib/utils'
 import { isFunnelsFilter, isLifecycleFilter, isStickinessFilter, isTrendsFilter } from 'scenes/insights/sharedUtils'
 
 import {
@@ -125,6 +125,7 @@ export const queryNodeToFilter = (query: InsightQueryNode): Partial<FilterType>
         date_from: query.dateRange?.date_from,
         entity_type: 'events',
         sampling_factor: query.samplingFactor,
+        explicit_date: stringToBoolean(query.explicitDate),
     })
 
     if (!isRetentionQuery(query) && !isPathsQuery(query)) {

frontend/src/queries/schema.json

@@ -2179,6 +2179,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -3003,6 +3006,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -3074,6 +3080,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -3379,6 +3388,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -4631,6 +4643,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -5010,6 +5025,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"
@@ -5329,6 +5347,9 @@
                     "$ref": "#/definitions/DateRange",
                     "description": "Date range for the query"
                 },
+                "explicitDate": {
+                    "type": "boolean"
+                },
                 "filterTestAccounts": {
                     "description": "Exclude internal and test users by applying the respective filters",
                     "type": "boolean"

frontend/src/queries/schema.ts

@@ -624,6 +624,8 @@ export interface InsightsQueryBase extends Node {
     aggregation_group_type_index?: integer
     /** Sampling rate */
     samplingFactor?: number | null
+
+    explicitDate?: boolean
 }
 
 /** `TrendsFilterType` minus everything inherited from `FilterType` and

frontend/src/scenes/experiments/ExperimentView/Results.tsx

@@ -1,6 +1,9 @@
 import '../Experiment.scss'
 
+import { LemonButton } from '@posthog/lemon-ui'
 import { useValues } from 'kea'
+import { IconAreaChart } from 'lib/lemon-ui/icons'
+import { urls } from 'scenes/urls'
 
 import { filtersToQueryNode } from '~/queries/nodes/InsightQuery/utils/filtersToQueryNode'
 import { Query } from '~/queries/Query/Query'
@@ -17,9 +20,43 @@ export function Results(): JSX.Element {
 
     return (
         <div>
-            <div className="inline-flex items-center space-x-2 mb-2">
-                <h2 className="m-0 font-semibold text-lg">Results</h2>
-                <ResultsTag />
+            <div className="flex">
+                <div className="w-1/2">
+                    <div className="inline-flex items-center space-x-2 mb-2">
+                        <h2 className="m-0 font-semibold text-lg">Results</h2>
+                        <ResultsTag />
+                    </div>
+                </div>
+
+                <div className="w-1/2 flex flex-col justify-end">
+                    <div className="ml-auto">
+                        <LemonButton
+                            className="ml-auto -translate-y-2"
+                            size="small"
+                            type="secondary"
+                            icon={<IconAreaChart />}
+                            to={urls.insightNew(
+                                undefined,
+                                undefined,
+                                JSON.stringify({
+                                    kind: NodeKind.InsightVizNode,
+                                    source: filtersToQueryNode(
+                                        transformResultFilters(
+                                            experimentResults?.filters
+                                                ? { ...experimentResults.filters, explicit_date: true }
+                                                : {}
+                                        )
+                                    ),
+                                    showTable: true,
+                                    showLastComputation: true,
+                                    showLastComputationRefresh: false,
+                                })
+                            )}
+                        >
+                            Explore
+                        </LemonButton>
+                    </div>
+                </div>
             </div>
             <SummaryTable />
             <Query

posthog/schema.py

@@ -2415,6 +2415,7 @@ class RetentionQuery(BaseModel):
     )
     aggregation_group_type_index: Optional[int] = Field(default=None, description="Groups aggregation")
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2449,6 +2450,7 @@ class StickinessQuery(BaseModel):
         extra="forbid",
     )
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2492,6 +2494,7 @@ class TrendsQuery(BaseModel):
     aggregation_group_type_index: Optional[int] = Field(default=None, description="Groups aggregation")
     breakdownFilter: Optional[BreakdownFilter] = Field(default=None, description="Breakdown of the events and actions")
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2585,6 +2588,7 @@ class FunnelsQuery(BaseModel):
     aggregation_group_type_index: Optional[int] = Field(default=None, description="Groups aggregation")
     breakdownFilter: Optional[BreakdownFilter] = Field(default=None, description="Breakdown of the events and actions")
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2627,6 +2631,7 @@ class InsightsQueryBase(BaseModel):
     )
     aggregation_group_type_index: Optional[int] = Field(default=None, description="Groups aggregation")
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2659,6 +2664,7 @@ class LifecycleQuery(BaseModel):
         extra="forbid",
     )
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )
@@ -2709,6 +2715,7 @@ class PathsQuery(BaseModel):
     )
     aggregation_group_type_index: Optional[int] = Field(default=None, description="Groups aggregation")
     dateRange: Optional[DateRange] = Field(default=None, description="Date range for the query")
+    explicitDate: Optional[bool] = None
     filterTestAccounts: Optional[bool] = Field(
         default=None, description="Exclude internal and test users by applying the respective filters"
     )