From b6d625c6977e257298fff5a83c41fb257a2fa9ac Mon Sep 17 00:00:00 2001
From: clr182 <chrustuanr15@gmail.com>
Date: Thu, 27 Nov 2025 15:56:31 +0000
Subject: [PATCH 1/4] add status to support panel

---
 .../sidepanel/panels/SidePanelSupport.tsx     | 53 ++++++++++++++++++-
 1 file changed, 52 insertions(+), 1 deletion(-)

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
index e0fa379eee969..5056003ce441b 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -1,7 +1,7 @@
 import { useActions, useValues } from 'kea'
 import React from 'react'
 
-import { IconFeatures, IconHelmet, IconMap } from '@posthog/icons'
+import { IconFeatures, IconHelmet, IconMap, IconWarning } from '@posthog/icons'
 import { LemonButton, Link } from '@posthog/lemon-ui'
 
 import { SupportForm } from 'lib/components/Support/SupportForm'
@@ -20,6 +20,8 @@ import { AvailableFeature, BillingFeatureType, BillingPlan, BillingType, SidePan
 
 import { SidePanelPaneHeader } from '../components/SidePanelPaneHeader'
 import { sidePanelLogic } from '../sidePanelLogic'
+import { sidePanelStatusIncidentIoLogic } from './sidePanelStatusIncidentIoLogic'
+import { sidePanelStatusLogic } from './sidePanelStatusLogic'
 
 const Section = ({ title, children }: { title: string; children: React.ReactNode }): React.ReactElement => {
     return (
@@ -32,6 +34,54 @@ const Section = ({ title, children }: { title: string; children: React.ReactNode
     )
 }
 
+const StatusPageAlert = (): JSX.Element | null => {
+    const { featureFlags } = useValues(featureFlagLogic)
+    const useIncidentIo = !!featureFlags[FEATURE_FLAGS.INCIDENT_IO_STATUS_PAGE]
+    const { openSidePanel } = useActions(sidePanelLogic)
+
+    const { status: atlassianStatus, statusPage } = useValues(sidePanelStatusLogic)
+    const { status: incidentIoStatus, statusDescription: incidentIoDescription } =
+        useValues(sidePanelStatusIncidentIoLogic)
+
+    const status = useIncidentIo ? incidentIoStatus : atlassianStatus
+
+    if (status === 'operational') {
+        return null
+    }
+
+    const description = useIncidentIo
+        ? incidentIoDescription
+        : statusPage?.status.description || 'We are experiencing issues'
+
+    const severityClass = status.includes('outage')
+        ? 'bg-danger-highlight border-danger'
+        : 'bg-warning-highlight border-warning'
+
+    return (
+        <div className={`border rounded p-3 mb-3 ${severityClass}`}>
+            <div className="flex items-start gap-2">
+                <IconWarning className="text-warning w-5 h-5 shrink-0 mt-0.5" />
+                <div className="flex-1">
+                    <p className="font-semibold mb-1">{description}</p>
+                    <p className="text-sm mb-2">
+                        We're aware of issues that may affect your experience. Check our status page for updates before
+                        contacting support.
+                    </p>
+                    <LemonButton
+                        type="secondary"
+                        size="small"
+                        fullWidth
+                        center
+                        onClick={() => openSidePanel(SidePanelTab.Status)}
+                    >
+                        View status page
+                    </LemonButton>
+                </div>
+            </div>
+        </div>
+    )
+}
+
 // In order to set these turn on the `support-message-override` feature flag.
 
 //Support offsite messaging
@@ -323,6 +373,7 @@ export function SidePanelSupport(): JSX.Element {
 
                             {showEmailSupport && isBillingLoaded && (
                                 <Section title="Contact us">
+                                    <StatusPageAlert />
                                     <p>Can't find what you need and PostHog AI unable to help?</p>
                                     <LemonButton
                                         type="secondary"

From 677b91e2cb4c525922b291be3e28de2b4cdc9db4 Mon Sep 17 00:00:00 2001
From: Christian Rafferty <38156512+clr182@users.noreply.github.com>
Date: Thu, 27 Nov 2025 17:30:21 +0000
Subject: [PATCH 2/4] Update
 frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx

Co-authored-by: Luke Belton <58511679+luke-belton@users.noreply.github.com>
---
 .../navigation-3000/sidepanel/panels/SidePanelSupport.tsx      | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
index 5056003ce441b..c4cfdd2040317 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -64,8 +64,7 @@ const StatusPageAlert = (): JSX.Element | null => {
                 <div className="flex-1">
                     <p className="font-semibold mb-1">{description}</p>
                     <p className="text-sm mb-2">
-                        We're aware of issues that may affect your experience. Check our status page for updates before
-                        contacting support.
+                        We're aware of an issue that may be affecting your PostHog experience. You may wish to check our current status before contacting support.
                     </p>
                     <LemonButton
                         type="secondary"

From 3cf66cee0aac4e9fb9e8e457af87dc74f9822f22 Mon Sep 17 00:00:00 2001
From: Christian Rafferty <38156512+clr182@users.noreply.github.com>
Date: Thu, 27 Nov 2025 17:30:28 +0000
Subject: [PATCH 3/4] Update
 frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx

Co-authored-by: Luke Belton <58511679+luke-belton@users.noreply.github.com>
---
 .../navigation-3000/sidepanel/panels/SidePanelSupport.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
index c4cfdd2040317..228599b62c07f 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -51,7 +51,7 @@ const StatusPageAlert = (): JSX.Element | null => {
 
     const description = useIncidentIo
         ? incidentIoDescription
-        : statusPage?.status.description || 'We are experiencing issues'
+        : statusPage?.status.description || 'Active incident'
 
     const severityClass = status.includes('outage')
         ? 'bg-danger-highlight border-danger'

From 2b6c4d9936a4bade4a06e512b1ab89ab328d9e2e Mon Sep 17 00:00:00 2001
From: clr182 <chrustuanr15@gmail.com>
Date: Thu, 27 Nov 2025 17:52:35 +0000
Subject: [PATCH 4/4] remove button

---
 .../sidepanel/panels/SidePanelSupport.tsx     | 36 +++++++++++--------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
index 228599b62c07f..8e1f876631057 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -49,9 +49,7 @@ const StatusPageAlert = (): JSX.Element | null => {
         return null
     }
 
-    const description = useIncidentIo
-        ? incidentIoDescription
-        : statusPage?.status.description || 'Active incident'
+    const description = useIncidentIo ? incidentIoDescription : statusPage?.status.description || 'Active incident'
 
     const severityClass = status.includes('outage')
         ? 'bg-danger-highlight border-danger'
@@ -62,19 +60,27 @@ const StatusPageAlert = (): JSX.Element | null => {
             <div className="flex items-start gap-2">
                 <IconWarning className="text-warning w-5 h-5 shrink-0 mt-0.5" />
                 <div className="flex-1">
-                    <p className="font-semibold mb-1">{description}</p>
-                    <p className="text-sm mb-2">
-                        We're aware of an issue that may be affecting your PostHog experience. You may wish to check our current status before contacting support.
+                    <p className="font-semibold mb-1">
+                        <span
+                            className="cursor-pointer text-link hover:underline"
+                            onClick={() => openSidePanel(SidePanelTab.Status)}
+                        >
+                            {description}
+                        </span>
                     </p>
-                    <LemonButton
-                        type="secondary"
-                        size="small"
-                        fullWidth
-                        center
-                        onClick={() => openSidePanel(SidePanelTab.Status)}
-                    >
-                        View status page
-                    </LemonButton>
+                    <div className="text-sm">
+                        <p className="mb-1">We're aware of an issue that may be affecting your PostHog experience.</p>
+                        <p className="mb-0">
+                            You may wish to check our{' '}
+                            <span
+                                className="cursor-pointer text-link hover:underline"
+                                onClick={() => openSidePanel(SidePanelTab.Status)}
+                            >
+                                current status
+                            </span>{' '}
+                            before contacting support.
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>