flow-trace.tsx

'use client'

import { useEffect } from 'react'
import { usePathname, useSearchParams } from 'next/navigation'
import { DateTime } from 'luxon'

const DEFAULT_ENDPOINT = '/api/flow-trace'

// storage keys
const PATH_KEY = 'ft_path'
const FIRST_SEEN_KEY = 'ft_first'
const SESSION_START_KEY = 'ft_session_start'
const LAST_INTERACTION_KEY = 'ft_last_interaction'
const TIME_SPENT_KEY = 'ft_time_spent_ms'
const SESSION_SOURCE_KEY = 'ft_session_source'

const zone = 'America/Chicago'

// Luxon helpers
const nowDT = () => DateTime.now().setZone(zone)