Ai Loop Empty code

@props([
    'title' => 'No agent loops yet',
    'description' => 'Create a loop to give the agent a goal, success criteria and workspace context.',
])

@php
    /*
    | Empty state for agent loop dashboards.
    |
    | Usage:
    |   <x-ui.ai-loop-empty>
    |       <x-slot:actions><x-ui.button href="/ai/loops/create">Start a loop</x-ui.button></x-slot:actions>
    |   </x-ui.ai-loop-empty>
    */
@endphp

<div {{ $attributes->merge(['class' => 'rounded-2xl border border-dashed border-gray-300 bg-white px-4 py-10 text-center sm:px-6 sm:py-12 dark:border-gray-700 dark:bg-gray-900']) }}>
    <h3 class="text-base font-semibold text-gray-900 dark:text-white">{{ $title }}</h3>

    @if ($description)
        <p class="mx-auto mt-2 max-w-md text-sm leading-6 text-gray-500 dark:text-gray-400">{{ $description }}</p>
    @endif

    @if (trim($slot) !== '')
        <div class="mx-auto mt-4 max-w-md text-sm text-gray-600 dark:text-gray-400">{{ $slot }}</div>
    @endif

    @isset($actions)
        <div class="mx-auto mt-6 flex w-full max-w-xs flex-col items-stretch gap-3 sm:max-w-none sm:flex-row sm:items-center sm:justify-center">{{ $actions }}</div>
    @endisset
</div>