chore: session replay project config for mobile - what is possible (#…

…26289)

frontend/src/scenes/settings/environment/SessionRecordingIngestionSettings.tsx

@@ -252,6 +252,8 @@ function UrlConfigSection({
             </div>
             <p>{description}</p>
 
+            <p>`${title} is only available for JavaScript Web.`</p>
+
             {props.isAddFormVisible && (
                 <UrlConfigForm type={type} onCancel={props.onCancel} isSubmitting={props.isSubmitting} />
             )}
@@ -335,6 +337,7 @@ function EventTriggerOptions(): JSX.Element | null {
                 Session recording will be started immediately before PostHog queues any of these events to be sent to
                 the backend.
             </p>
+            <p>Event emitted is only available for JavaScript Web.</p>
             <EventSelect
                 filterGroupTypes={[TaxonomicFilterGroupType.Events]}
                 onChange={(includedEvents) => {
@@ -482,6 +485,7 @@ export function SessionRecordingIngestionSettings(): JSX.Element | null {
                             useful if you want to reduce the amount of data you collect. 100% means all sessions will be
                             collected. 50% means roughly half of sessions will be collected.
                         </p>
+                        <p>Sampling is only available for JavaScript Web.</p>
                     </>
                 )}
                 {recordingDurationMinimumFeatureEnabled && (
@@ -502,6 +506,7 @@ export function SessionRecordingIngestionSettings(): JSX.Element | null {
                             value are collected. This helps you avoid collecting sessions that are too short to be
                             useful.
                         </p>
+                        <p>Minimum session duration is only available for JavaScript Web.</p>
                     </>
                 )}
                 <LinkedFlagSelector />

frontend/src/scenes/settings/environment/SessionRecordingSettings.tsx

@@ -24,6 +24,13 @@ function LogCaptureSettings(): JSX.Element {
                 This setting controls if browser console logs will be captured as a part of recordings. The console logs
                 will be shown in the recording player to help you debug any issues.
             </p>
+            <p>
+                Log capture is also available for{' '}
+                <Link to="https://posthog.com/docs/session-replay/console-log-recording" target="_blank">
+                    Mobile session replay
+                </Link>{' '}
+                , where they can be configured directly in code.
+            </p>
             <LemonSwitch
                 data-attr="opt-in-capture-console-log-switch"
                 onChange={(checked) => {
@@ -51,6 +58,7 @@ function CanvasCaptureSettings(): JSX.Element | null {
                     <i>There is no way to mask canvas elements right now so please make sure they are free of PII.</i>
                 </b>
             </p>
+            <p>Canvas capture is only available for JavaScript Web.</p>
             <LemonSwitch
                 data-attr="opt-in-capture-canvas-switch"
                 onChange={(checked) => {
@@ -125,6 +133,13 @@ export function NetworkCaptureSettings(): JSX.Element {
                         Learn how to mask header and payload values in our docs
                     </Link>
                 </p>
+                <p>
+                    Network capture is also available for{' '}
+                    <Link to="https://posthog.com/docs/session-replay/network-recording" target="_blank">
+                        Mobile session replay
+                    </Link>{' '}
+                    , where they can be configured directly in code.
+                </p>
                 <LemonBanner type="info" className="mb-4">
                     <PayloadWarning />
                 </LemonBanner>
@@ -208,6 +223,7 @@ export function ReplayAuthorizedDomains(): JSX.Element {
                 Use the settings below to restrict the domains where recordings will be captured. If no domains are
                 selected, then there will be no domain restriction.
             </p>
+            <p>Authorized domains is only available for JavaScript Web.</p>
             <p>
                 Domains and wildcard subdomains are allowed (e.g. <code>https://*.example.com</code>). However,
                 wildcarded top-level domains cannot be used (for security reasons).