<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between gap-3">
            <div>
                <h2 class="text-xl font-semibold leading-tight text-gray-900">Chats</h2>
                <p class="text-sm text-slate-500">Select an employee and continue correspondence</p>
            </div>
        </div>
    </x-slot>

    <div class="w-full px-6 pb-8 pt-2" data-sidepanel-scope>
        <div class="h-[calc(100vh-12rem)] min-h-[34rem]">
            @include('chats.partials.workspace', [
                'chats' => $chats,
                'initialChatId' => $initialChatId,
                'conversationShowUrlTemplate' => $conversationShowUrlTemplate,
                'conversationStoreUrlTemplate' => $conversationStoreUrlTemplate,
            ])
        </div>
    </div>
</x-app-layout>
