Session Detail Page

import { AgentObservabilityProvider } from '@/lib/observability-provider'
import { SessionDetailPage } from '@/components/session-detail-page'
import { useParams } from 'react-router'

export function SessionDetailRoute() {
  const { sessionId } = useParams<{ sessionId: string }>()
  return (
    <AgentObservabilityProvider
      baseUrl="https://observability.example.com/api"
      sessionId={sessionId}
    >
      {/* SessionDetailPage uses the breadcrumb in AgentScopeHeader at
          the top — no back-prop wiring needed. */}
      <SessionDetailPage />
    </AgentObservabilityProvider>
  )
}