trunk-merge/pr-106380/c25d1bc2-cb62-4e5a-85ac-178e2a839002

docs/published/handbook/engineering/conventions/backend-coding.md

@@ -144,6 +144,11 @@ A good test should:
 
 #### Integration tests
 
+For event-query regressions, decorate the test with `events_only_in_active_schema()` from `posthog.models.event.util`.
+In native mode, both event fixture helpers omit the legacy copy; legacy mode still inserts legacy events.
+Keep deferred fixture flushing inside the scope, assert that legacy events are empty in native mode, and check expected query results.
+Use this only for paths intended to read native events; exports and historical person properties can deliberately depend on legacy storage.
+
 - Integration tests should ensure that the feature works in the running system
 - They give greater confidence (because you avoid the mistake of just testing a mock) but they're slower
 - They are generally less brittle in response to changes because they test at a higher level than developer tests (e.g. they test a Django API not a class used inside it)

frontend/snapshots.yml

@@ -11311,9 +11311,9 @@ snapshots:
     scenes-app-replay-vision--home-watch-feed--light:
         hash: v1.k794b7964.d891003a18f40fdfd7a5c7acb16fd69a7432917c0758c9d751ce9848e0e817a6.MU9DRlLvjCioaMuOgSbAL0Tfrcx9SNFVPVWgKfQ8pKc
     scenes-app-replay-vision--home-watch-feed-empty--dark:
-        hash: v1.k794b7964.c8b63e7c03105a6a22c7dfecc5fa98afb410af14180977eeb9907c2e57f43e29.9d0B-LDyKHrQ75wpveOo913SMTZvi2fe4RTJOrFtDM0
+        hash: v1.k794b7964.926bab41fb78cabf70493f52b629520842bcdb6fd7e0a838babb178ad948c67f.6Q9grGAgt0DLOh0YWKUgIOuHlFvn0gDCeHHOrqdav7g
     scenes-app-replay-vision--home-watch-feed-empty--light:
-        hash: v1.k794b7964.33393d260f0654e59dbc209d6052c2b0730dfc6e8f59925406cd3a9349569980.63xRgoQrVu1PM7n1sBaVx6QV7Otc_rKCusdfHhsGuBU
+        hash: v1.k794b7964.71ae84e0d38203d5860ee8feb2a633a339e79de59b03b514807c7493517486fb.3NLgnN7g1YbjscaN_XzQhxSoqltm99utfh3_1E_29J8
     scenes-app-replay-vision--home-watch-feed-only-newest--dark:
         hash: v1.k794b7964.f64a7c7bb16de8d589664ccb6e0bce38eba82a63d1375d348c3a44628445a98f.LWCEsvlNc28TTOiiwI7-GrLQm165fAPCjY3oBQWKVVs
     scenes-app-replay-vision--home-watch-feed-only-newest--light:
@@ -11542,6 +11542,30 @@ snapshots:
         hash: v1.k794b7964.57289f977a42e43a6b70a0718959bc995a7a45245b20fda636e880beec7cc2e8.2CONzn8joR8LZgN9VOcNokIFUUJmtzE-TJTbprVGmt8
     scenes-app-replay-vision-test-account-filter-settings-dialog--default--light:
         hash: v1.k794b7964.8276936411550e5ab99aa3d216a442c6328a55434a4bcf273cbef46a39d940b4.asrT7Nd6P9HVchxOoJPfMOOttbQVP6XFXptRAtnXC3k
+    scenes-app-replay-vision-watchfeedemptystate--all-capped--dark:
+        hash: v1.k794b7964.2044f64f59724a250003d8be462529ad61a07e05f5a7104879a7b00980c17b1e.2ec-AsxkwzKRLGbe4NJhCFYTVZhBBS-G4PowHISQAK0
+    scenes-app-replay-vision-watchfeedemptystate--all-capped--light:
+        hash: v1.k794b7964.827951eedc4b27a19c51943be56de5e66332fe2af13d258a5020c5f9e02d90ef.fnVEjjQoWjIJ-A4NO1HbAOmf1QkPjatVvl56ecWn5-o
+    scenes-app-replay-vision-watchfeedemptystate--all-disabled--dark:
+        hash: v1.k794b7964.95f5488d9be93532b070280e334d24ebc7ea4216b3fd91e317c60ba3a4c6bb37.wX3TVVh7pA_u9ZeTvQFT7quClJdoO-mzd_EKzQqTXJw
+    scenes-app-replay-vision-watchfeedemptystate--all-disabled--light:
+        hash: v1.k794b7964.87641562db015731f2de39e04591e3efd4e136db74a726b4e7a8835f6b608be6._VX6C8s2D6xBgXcwhyxW47DDLTNUg90321xZZc0enxE
+    scenes-app-replay-vision-watchfeedemptystate--filtered--dark:
+        hash: v1.k794b7964.417933f4f0dbd89798575f302a173ac5780705a8533c42e7196c8922a5b9d0ec.zAKPjkDiU74sZwyCufk7XKxwAmu-of86YMX-TTIcUSE
+    scenes-app-replay-vision-watchfeedemptystate--filtered--light:
+        hash: v1.k794b7964.b4dbcfa2372545ec4218a5974345864dc01908f4682afe32b05e7cc968747a71.jSaF9RqYy5QMC4Jj0ilFjfNhRm0TEPaCeXIfPg33eSc
+    scenes-app-replay-vision-watchfeedemptystate--no-scanners--dark:
+        hash: v1.k794b7964.f2bd16f47816e1a9d2fd314270daa72223c37a8946af17765b3f3c43df966cfe.3wSlppAgHktz_NPXbdFqdb0d4SxmdQ4_lBtKTji20e0
+    scenes-app-replay-vision-watchfeedemptystate--no-scanners--light:
+        hash: v1.k794b7964.5de8b483a01bf5f9ed595e900d6b6f26180f901bcfb9c8bb2729fbf46f847264.nqlSLSEafSpbB7kI11PSDxLlU-YmYfwC5oDLC1QLVbw
+    scenes-app-replay-vision-watchfeedemptystate--quiet-window--dark:
+        hash: v1.k794b7964.50cd583401f3e45ec47f476cc0d9fb3208294202af2aa1cb0856fb7c1fd3fb83.EKR4ZZU6vyZ6xxUv4dX_f5telnfevtft2rV7R8wv_mY
+    scenes-app-replay-vision-watchfeedemptystate--quiet-window--light:
+        hash: v1.k794b7964.e0ed64d8967f7b29fdc9503d95da3f8ce8936a49c15a861c276355f27282e2a9.8J-XaVdJjUsBXNVxy_GjYq-5lQn3RpH3QAEce7x34lU
+    scenes-app-replay-vision-watchfeedemptystate--quota-exhausted--dark:
+        hash: v1.k794b7964.156b681d8c3026279523eae78298898334fecd340a168a93c2b1f27e8b87c477.2RIkQGbqyk33Exg6GczARiEZpZowlwCUPXbukhOSki0
+    scenes-app-replay-vision-watchfeedemptystate--quota-exhausted--light:
+        hash: v1.k794b7964.955908541d73f6f32bd758cdd758724f10e201e3fea481b91294b284a489fe96.3buIiPKIIBer22g58o_OW3nkOAcV0uHmNfUFXn8ldnI
     scenes-app-saved-insights--empty-state--dark:
         hash: v1.k794b7964.8186a1849accab762928456f98db977a9b097cf28199d7e1eb6c1e841500852c.SXNRf2LgiH3DkvhwUukZcGqDXngv1kGiEhGYUAhlKC8
     scenes-app-saved-insights--empty-state--light:

frontend/src/layout/today/TodayPaneSection.tsx

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react'
+
+import { IconChevronDown, IconChevronRight } from '@posthog/icons'
+
+import { cn } from 'lib/utils/css-classes'
+
+interface TodayPaneSectionProps {
+    label: string
+    open: boolean
+    count: number
+    onToggle: () => void
+    actions?: JSX.Element | null
+    divider?: boolean
+    dataAttr: string
+    children: ReactNode
+}
+
+export function TodayPaneSection({
+    label,
+    open,
+    count,
+    onToggle,
+    actions,
+    divider = false,
+    dataAttr,
+    children,
+}: TodayPaneSectionProps): JSX.Element {
+    const Caret = open ? IconChevronDown : IconChevronRight
+    return (
+        <section aria-label={label} className={cn('TodayPaneSection', divider && 'TodayPaneSection--divider')}>
+            <div className="TodayPaneSection__header">
+                <button
+                    type="button"
+                    className="TodayPaneSection__toggle Today__label"
+                    aria-expanded={open}
+                    data-attr={dataAttr}
+                    onClick={onToggle}
+                >
+                    <span>{label}</span>
+                    <Caret className="TodayPaneSection__caret" />
+                    {!open && count > 0 && <span className="TodayPaneSection__count">{count}</span>}
+                </button>
+                {open && actions && <div className="TodayPaneSection__actions">{actions}</div>}
+            </div>
+            {open && <div className="TodayPaneSection__body">{children}</div>}
+        </section>
+    )
+}

frontend/src/layout/today/TodayShell.scss

@@ -51,6 +51,107 @@
     letter-spacing: 0.08em;
 }
 
+.TodayPaneSection {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 8px;
+
+    &:first-child {
+        margin-top: 12px;
+    }
+
+    &--divider {
+        border-top: 1px solid var(--today-line);
+    }
+}
+
+.TodayPaneSection__header {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    height: 32px;
+    margin-top: 4px;
+}
+
+.TodayPaneSection__toggle {
+    display: flex;
+    flex: 1 1 auto;
+    gap: 4px;
+    align-items: center;
+    min-width: 0;
+    padding: 4px 8px;
+    text-align: left;
+    border-radius: 6px;
+    transition: color 0.16s;
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover {
+            color: var(--today-ink);
+        }
+    }
+}
+
+.TodayPaneSection__caret {
+    flex: 0 0 11px;
+    width: 11px;
+    height: 11px;
+    opacity: 0.7;
+}
+
+.TodayPaneSection__count {
+    margin-left: 2px;
+    font-variant-numeric: tabular-nums;
+    color: var(--today-muted);
+}
+
+.TodayPaneSection__actions {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+}
+
+.TodayPaneSection__body {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+}
+
+.TodayPane__group {
+    padding: 12px 8px 4px;
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--today-muted);
+
+    &--first {
+        padding-top: 4px;
+    }
+}
+
+.TodayPane__dot {
+    width: 6px;
+    height: 6px;
+    background: var(--today-faint);
+    border-radius: 50%;
+
+    &[data-status='queued'],
+    &[data-status='in_progress'] {
+        background: var(--warning);
+    }
+
+    &[data-status='completed'] {
+        background: var(--success);
+    }
+
+    &[data-status='failed'] {
+        background: var(--danger);
+    }
+
+    &[data-kind='chat'] {
+        background: transparent;
+        border: 1px solid var(--today-faint);
+    }
+}
+
 .TodayPane__state {
     display: flex;
     flex-direction: column;