import React from 'react'
import { useStore } from '@/store'
import { useQueryState } from 'nuqs'
const HistoryBlankStateIcon = () => (
)
const SessionBlankState = () => {
const { selectedEndpoint, isEndpointActive } = useStore()
const [agentId] = useQueryState('agent')
const errorMessage = (() => {
switch (true) {
case !isEndpointActive:
return 'Endpoint is not connected. Please connect the endpoint to see the history.'
case !selectedEndpoint:
return 'Select an endpoint to see the history.'
case !agentId:
return 'Select an agent to see the history.'
default:
return 'No session records yet. Start a conversation to create one.'
}
})()
return (