@php
    use App\Services\NavigationMenuService;
    use BladeUI\Icons\Exceptions\SvgNotFound;
    use BladeUI\Icons\Factory as BladeIconFactory;
    use Illuminate\Support\Facades\Auth;
    use Filament\Facades\Filament;
    
    // Try Filament auth first, then fall back to default auth.
    $user = null;
    try {
        $user = Filament::auth()->user();
    } catch (\Exception $e) {
        $user = Auth::user();
    }
    
    // Let NavigationMenuService handle user retrieval - it will try both Filament and standard Auth
    // This ensures consistent behavior and proper fallback handling
    $menu = NavigationMenuService::getMenu($user);
    
    // Get full path - isActive() will normalize it
    $currentPath = request()->path();
    $expandedLogo = config('app.logo') ?: asset('images/sms.png');
    $collapsedLogo = config('app.fab_logo') ?: asset('images/fav.png');
    $sidebarGlobalSearchShortcuts = [
        [
            'title' => 'Create Package',
            'subtitle' => 'Core -> Packages -> Create Package',
            'href' => '/admin/packages/create-package',
            'keywords' => 'create package add package new package pricing plan subscription package',
        ],
        [
            'title' => 'Create Product',
            'subtitle' => 'Core -> Products -> Create Product',
            'href' => '/admin/products/create-product',
            'keywords' => 'create product add product new product plan sku catalog item',
        ],
        [
            'title' => 'Coupons/Vouchers',
            'subtitle' => 'Operations -> Back Office -> Coupons/Vouchers',
            'href' => \App\Filament\Resources\BackOfficeAdminResource::getUrl('index') . '?tab=coupons',
            'keywords' => 'coupon coupons coupan coupun voucher vouchers vaoucher promo discount campaign code',
        ],
        [
            'title' => 'Create Coupon',
            'subtitle' => 'Operations -> Back Office -> Create Coupon',
            'href' => \App\Filament\Resources\BackOfficeAdminResource::getUrl('create-coupon') . '?tab=coupons',
            'keywords' => 'create coupon add coupon new coupon coupan coupun voucher vouchers vaoucher',
        ],
        [
            'title' => 'Create Email Template',
            'subtitle' => 'Operations -> Back Office -> Create Email Template',
            'href' => \App\Filament\Resources\BackOfficeAdminResource::getUrl('create-email-template') . '?tab=email',
            'keywords' => 'create email template add email template mail campaign template',
        ],
        [
            'title' => 'Create SMS Template',
            'subtitle' => 'Operations -> Back Office -> Create SMS Template',
            'href' => \App\Filament\Resources\BackOfficeAdminResource::getUrl('create-sms-template') . '?tab=sms',
            'keywords' => 'create sms template add sms template message campaign template',
        ],
        [
            'title' => 'B2B Partner',
            'subtitle' => 'Operations -> B2B Partner',
            'href' => '/admin/b2b-partner-operations',
            'keywords' => 'b2b partner operations onboarding partner setup api contracts reconciliation transactions decisions',
        ],
    ];

    $b2bPartnerOperationsPageClass = \App\Filament\Pages\Operations\B2BPartnerOperations::class;
    $b2bPartnerOperationsVisible = class_exists($b2bPartnerOperationsPageClass)
        && (!method_exists($b2bPartnerOperationsPageClass, 'canAccess') || $b2bPartnerOperationsPageClass::canAccess());
    $b2bPartnerOperationsItem = $b2bPartnerOperationsVisible
        ? [
            'label' => 'B2B Partner',
            'path' => '/admin/b2b-partner-operations',
            'icon' => 'heroicon-o-building-office-2',
        ]
        : null;
    $extendOperationsChildren = static function (string $groupKey, array $children) use ($b2bPartnerOperationsItem): array {
        if ($groupKey !== 'Operations' || $b2bPartnerOperationsItem === null) {
            return $children;
        }

        foreach ($children as $label => $item) {
            $existingPath = strtolower(trim((string) ($item['path'] ?? '')));
            if (
                strcasecmp((string) $label, (string) $b2bPartnerOperationsItem['label']) === 0
                || $existingPath === strtolower($b2bPartnerOperationsItem['path'])
            ) {
                return $children;
            }
        }

        $positionedChildren = [];
        $inserted = false;

        foreach ($children as $label => $item) {
            $positionedChildren[$label] = $item;

            if (strcasecmp((string) $label, 'Support Desk') === 0) {
                $positionedChildren[$b2bPartnerOperationsItem['label']] = [
                    'path' => $b2bPartnerOperationsItem['path'],
                    'icon' => $b2bPartnerOperationsItem['icon'],
                ];
                $inserted = true;
            }
        }

        if (!$inserted) {
            $positionedChildren[$b2bPartnerOperationsItem['label']] = [
                'path' => $b2bPartnerOperationsItem['path'],
                'icon' => $b2bPartnerOperationsItem['icon'],
            ];
        }

        return $positionedChildren;
    };

    $canRenderBladeIcon = static function ($icon): bool {
        static $iconRenderability = [];

        if (!is_string($icon)) {
            return false;
        }

        $icon = trim($icon);
        if ($icon === '') {
            return false;
        }

        // Sidebar menu currently stores Heroicon aliases. Any unknown aliases
        // (for example "heroicon-o-triangle") should gracefully fallback.
        if (!\Illuminate\Support\Str::startsWith($icon, ['heroicon-'])) {
            return false;
        }

        if (array_key_exists($icon, $iconRenderability)) {
            return $iconRenderability[$icon];
        }

        try {
            app(BladeIconFactory::class)->svg($icon);
            $iconRenderability[$icon] = true;
        } catch (SvgNotFound|\Throwable $e) {
            $iconRenderability[$icon] = false;
        }

        return $iconRenderability[$icon];
    };
@endphp

<aside class="fi-sidebar modern-sidebar" id="modern-sidebar">
    <!-- Sidebar Brand/Logo -->
    <!-- <div class="fi-sidebar-brand sidebar-brand">
        <a href="{{ url('/admin') }}" class="sidebar-brand-link">
            <img src="{{ $expandedLogo }}" alt="SMS Admin Logo" class="sidebar-brand-logo">
        </a>
    </div> -->
    <div class="overflow-x-clip">
        <header class="fi-sidebar-header flex h-16 items-center bg-white dark:bg-gray-900" style="padding: 0 1.5rem 0.1rem 2rem;">
            <div>
               <a  href="{{ url('/admin') }}">
                 <img alt="SMS Admin logo" src="{{ $expandedLogo }}" style="height: 2.5rem;" class="fi-logo flex">
    
                    </a>
               </div>
            
     </header>
    </div>
    
    <!-- Expanded Navigation (hidden when collapsed) -->
    <nav class="fi-sidebar-nav modern-sidebar-nav sidebar-nav-expanded">
        <div class="sidebar-content">
            @foreach($menu as $groupKey => $groupData)
                @php
                    $groupChildren = (isset($groupData['children']) && is_array($groupData['children']))
                        ? $groupData['children']
                        : [];
                    $groupChildren = $extendOperationsChildren((string) $groupKey, $groupChildren);
                    $groupCanToggle = !empty($groupKey);
                    $groupHasActiveItem = false;

                    foreach ($groupChildren as $groupItemData) {
                        $groupItemPath = $groupItemData['path'] ?? '';
                        if (NavigationMenuService::isActive($groupItemPath, $currentPath)) {
                            $groupHasActiveItem = true;
                            break;
                        }

                        if (!isset($groupItemData['children']) || !is_array($groupItemData['children'])) {
                            continue;
                        }

                        foreach ($groupItemData['children'] as $groupChildData) {
                            $groupChildPath = $groupChildData['path'] ?? '';
                            if (NavigationMenuService::isActive($groupChildPath, $currentPath)) {
                                $groupHasActiveItem = true;
                                break 2;
                            }
                        }
                    }
                @endphp
                <div class="nav-group {{ $groupHasActiveItem ? 'group-active' : '' }}" data-group="{{ $groupKey }}">
                    @if($groupCanToggle)
                        <button
                            type="button"
                            class="nav-group-toggle {{ $groupHasActiveItem ? 'active' : '' }}"
                            data-group-toggle
                            aria-expanded="{{ $groupHasActiveItem ? 'true' : 'false' }}"
                        >
                            <span class="nav-group-title">{{ $groupKey }}</span>
                            <svg class="nav-group-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M9 5l7 7-7 7"></path>
                            </svg>
                        </button>
                    @endif
                    <div class="nav-group-items {{ (!$groupCanToggle || $groupHasActiveItem) ? 'expanded' : '' }}" data-group-items>
                        @foreach($groupChildren as $itemKey => $itemData)
                            @php
                                // Get raw paths - isActive() will normalize them
                                $itemPath = $itemData['path'] ?? '';
                                $hasChildren = isset($itemData['children']) && is_array($itemData['children']) && count($itemData['children']) > 0;
                                
                                // Check if parent is active
                                $isActive = NavigationMenuService::isActive($itemPath, $currentPath);
                                
                                // If parent has children, also check if any child is active
                                if ($hasChildren) {
                                    foreach ($itemData['children'] as $childData) {
                                        $childPath = $childData['path'] ?? '';
                                        if (NavigationMenuService::isActive($childPath, $currentPath)) {
                                            $isActive = true;
                                            break;
                                        }
                                    }
                                }
                                
                                $icon = $itemData['icon'] ?? 'heroicon-o-document';
                                // Use path as-is (already includes /admin prefix from JSON)
                                $fullPath = $itemData['path'];
                            @endphp
                            
                            <div class="nav-item-wrapper {{ $isActive ? 'active' : '' }}">
                                @if($hasChildren)
                                    <div class="nav-item nav-item-parent {{ $isActive ? 'active' : '' }}" data-item="{{ $itemKey }}">
                                        <a href="{{ url($fullPath) }}" class="nav-link nav-link-parent {{ $isActive ? 'active' : '' }}">
                                            @if(($canRenderBladeIcon)($icon))
                                                <x-dynamic-component :component="$icon" class="nav-icon" />
                                            @else
                                                <svg class="nav-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6M9 16h6M9 8h6M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z"></path>
                                                </svg>
                                            @endif
                                            <span class="nav-label">{{ $itemKey }}</span>
                                            <svg class="nav-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M9 5l7 7-7 7"></path>
                                            </svg>
                                        </a>
                                        <div class="nav-children {{ $isActive ? 'expanded' : '' }}">
                                            @foreach($itemData['children'] as $childKey => $childData)
                                                @php
                                                    // Get raw path - isActive() will normalize it
                                                    $childPath = $childData['path'] ?? '';
                                                    $childIsActive = NavigationMenuService::isActive($childPath, $currentPath);
                                                    $childIcon = $childData['icon'] ?? 'heroicon-o-document';
                                                    // Use path as-is (already includes /admin prefix from JSON)
                                                    $childFullPath = $childData['path'];
                                                @endphp
                                                <a href="{{ url($childFullPath) }}" class="nav-link nav-link-child {{ $childIsActive ? 'active' : '' }}">
                                                    @if(($canRenderBladeIcon)($childIcon))
                                                        <x-dynamic-component :component="$childIcon" class="nav-icon" />
                                                    @else
                                                        <svg class="nav-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6M9 16h6M9 8h6M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z"></path>
                                                        </svg>
                                                    @endif
                                                    <span class="nav-label">{{ $childKey }}</span>
                                                </a>
                                            @endforeach
                                        </div>
                                    </div>
                                @else
                                    <a href="{{ url($fullPath) }}" class="nav-link {{ $isActive ? 'active' : '' }}">
                                        @if(($canRenderBladeIcon)($icon))
                                            <x-dynamic-component :component="$icon" class="nav-icon" />
                                        @else
                                            <svg class="nav-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6M9 16h6M9 8h6M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z"></path>
                                            </svg>
                                        @endif
                                        <span class="nav-label">{{ $itemKey }}</span>
                                    </a>
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    </nav>
</aside>

<!-- Collapsed Sidebar (icons only, shown when collapsed) -->
<aside class="sidebar-collapsed-only" id="modern-sidebar-collapsed">
    <!-- Sidebar Brand/Logo -->
    <div class="fi-sidebar-brand sidebar-brand">
        <a href="{{ url('/admin') }}" class="sidebar-brand-link">
            <img src="{{ $collapsedLogo }}" alt="SMS" class="sidebar-brand-logo sidebar-brand-logo-collapsed">
        </a>
    </div>
    
    <!-- Collapsed Navigation (icons only) -->
    <nav class="fi-sidebar-nav modern-sidebar-nav sidebar-nav-collapsed">
        <div class="sidebar-content-collapsed">
            @foreach($menu as $groupKey => $groupData)
                @php
                    $collapsedGroupChildren = (isset($groupData['children']) && is_array($groupData['children']))
                        ? $groupData['children']
                        : [];
                    $collapsedGroupChildren = $extendOperationsChildren((string) $groupKey, $collapsedGroupChildren);
                @endphp
                @if(!empty($collapsedGroupChildren))
                    @foreach($collapsedGroupChildren as $itemKey => $itemData)
                        @php
                            // Get raw paths - isActive() will normalize them
                            $itemPath = $itemData['path'] ?? '';
                            $hasChildren = isset($itemData['children']) && is_array($itemData['children']) && count($itemData['children']) > 0;
                            
                            // Check if parent is active
                            $isActive = NavigationMenuService::isActive($itemPath, $currentPath);
                            
                            // If parent has children, also check if any child is active
                            if ($hasChildren) {
                                foreach ($itemData['children'] as $childData) {
                                    $childPath = $childData['path'] ?? '';
                                    if (NavigationMenuService::isActive($childPath, $currentPath)) {
                                        $isActive = true;
                                        break;
                                    }
                                }
                            }
                            
                            $icon = $itemData['icon'] ?? 'heroicon-o-document';
                            // Use path as-is (already includes /admin prefix from JSON)
                            $fullPath = $itemData['path'];
                        @endphp
                        
                        <a href="{{ url($fullPath) }}" class="nav-link-collapsed {{ $isActive ? 'active' : '' }}" title="{{ $itemKey }}">
                            @if(($canRenderBladeIcon)($icon))
                                <x-dynamic-component :component="$icon" class="nav-icon-collapsed" />
                            @else
                                <svg class="nav-icon-collapsed" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6M9 16h6M9 8h6M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z"></path>
                                </svg>
                            @endif
                        </a>
                    @endforeach
                @endif
            @endforeach
        </div>
    </nav>
</aside>

<div class="sidebar-command-palette" id="sidebar-command-palette" aria-hidden="true">
    <div class="sidebar-command-palette__backdrop" data-close-sidebar-search></div>
    <div class="sidebar-command-palette__panel" role="dialog" aria-modal="true" aria-labelledby="sidebar-command-title">
        <div class="sidebar-command-palette__header">
            <svg class="sidebar-command-palette__search-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-4.35-4.35m1.35-5.15a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0Z"></path>
            </svg>
            <input
                type="text"
                id="sidebar-command-input"
                class="sidebar-command-palette__input"
                placeholder="Search for pages, features or metrics"
                autocomplete="off"
                spellcheck="false"
            >
            <button type="button" class="sidebar-command-palette__close" data-close-sidebar-search aria-label="Close search">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 6l12 12M18 6 6 18"></path>
                </svg>
            </button>
        </div>
        <div class="sidebar-command-palette__title" id="sidebar-command-title">Quick Navigation</div>
        <div class="sidebar-command-palette__results" id="sidebar-command-results"></div>
        <div class="sidebar-command-palette__footer">
            <span><kbd>&uarr;</kbd> <kbd>&darr;</kbd> Navigate</span>
            <span><kbd>Enter</kbd> Open</span>
            <span><kbd>Esc</kbd> Close</span>
        </div>
    </div>
</div>

<style>
    .modern-sidebar {
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
        background: white;
        border-right: 1px solid #e5e7eb;
        transition: all 0.3s ease-in-out;
        overflow-y: auto;
        height: calc(100vh - 64px);
        display: flex;
        flex-direction: column;
    }

    .modern-sidebar-nav {
        padding: 0.5rem;
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border-right: 0 !important;
    }

    .sidebar-content {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding-bottom: 0.5rem;
    }

    .modern-sidebar .fi-sidebar-header {
        border-right: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    #modern-sidebar-collapsed .sidebar-brand,
    #modern-sidebar-collapsed .fi-sidebar-brand {
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
        box-shadow: none !important;
    }

    .nav-group {
        margin-bottom: 0.35rem;
    }

    .nav-group-title {
        font-size: 13px !important;
        line-height: 20px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #111827 !important;
        flex: 1 1 auto;
        padding: 0;
    }

    .nav-group-toggle {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 14px;
        align-items: center;
        column-gap: 0.35rem;
        border: 0;
        background: transparent;
        cursor: pointer;
        padding: 0.3rem 0.5rem;
        min-height: 32px;
        border-radius: 0.375rem;
        color: #4b5563;
        text-align: left;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    }

    .nav-group-toggle:hover {
        background: #f8fafc;
        color: #1f2937;
    }

    .nav-group-toggle.active {
        color: #111827;
    }

    .nav-group-arrow {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px;
        min-height: 12px;
        margin-right: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        justify-self: end;
        stroke: currentColor !important;
        fill: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
    }

    .nav-group-toggle[aria-expanded="true"] .nav-group-arrow {
        transform: rotate(90deg);
    }

    .nav-group-items {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease-in-out;
    }

    .nav-group-items.expanded {
        max-height: 1800px;
    }

    .nav-item-wrapper {
        margin-bottom: 0.25rem;
    }

    .nav-item-wrapper.active {
        background-color: #eff6ff;
        border-radius: 0.375rem;
    }

    .nav-link {
        display: flex;
        align-items: center;
        padding: 0 0.65rem 0 0.5rem;
        min-height: 34px;
        color: #6b7280;
        text-decoration: none;
        border-radius: 0.375rem;
        transition: all 0.2s ease-in-out;
        gap: 0.55rem;
    }

    .nav-link:hover {
        background-color: #f3f4f6;
        color: #374151;
    }

    .nav-link.active {
        background-color: rgb(93, 135, 255);
        color: #ffffff !important;
        font-weight: 500;
    }

    .nav-item-wrapper.active .nav-link-parent {
        background-color: rgb(93, 135, 255);
        color: #ffffff !important;
        font-weight: 700;
    }

    #modern-sidebar .nav-link.active :is(.nav-label, .nav-icon, .nav-arrow, svg),
    #modern-sidebar .nav-item-wrapper.active .nav-link-parent :is(.nav-label, .nav-icon, .nav-arrow, svg) {
        color: #ffffff !important;
        stroke: #ffffff !important;
    }

    .nav-link-parent {
        justify-content: space-between;
    }

    .nav-icon {
        width: 1.2rem !important;
        height: 1.2rem !important;
        min-width: 1.2rem;
        min-height: 1.2rem;
        flex-shrink: 0;
        color:#2a3547 !important;
    }

    .nav-item-wrapper span {
        flex: 1;
        font-size: 0.75rem !important;
        line-height: 18px !important;
        font-weight: 500;
    }

    .nav-arrow {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px;
        min-height: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        stroke: currentColor !important;
        fill: none !important;
        transition: transform 0.2s ease-in-out;
    }

    .nav-item-parent.active .nav-arrow {
        transform: rotate(90deg);
    }

    .nav-children {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
        margin-left: 1.5rem;
        margin-top: 0.25rem;
    }

    .nav-children.expanded {
        max-height: 1000px;
    }

    .nav-link-child {
        padding-left: 1.7rem;
        font-size: 0.75rem !important;
    }

    .nav-item-wrapper.active .nav-children {
        max-height: 1000px;
    }

    .sidebar-search-trigger-wrap {
        margin: 10px 0 0 0;
        padding: 0 0 0.1rem;
    }

    .sidebar-search-trigger {
        width: 100%;
        border: 0;
        border-radius: 0.375rem;
        background: transparent;
        color: #6b7280;
        display: flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0 0.65rem 0 0.5rem;
        min-height: 34px;
        cursor: pointer;
        text-align: left;
        transition: all 0.2s ease-in-out;
    }

    .sidebar-search-trigger:hover {
        background-color: #f3f4f6;
        color: #374151;
    }

    .sidebar-search-trigger-icon {
        width: 1.2rem;
        height: 1.2rem;
        min-width: 1.2rem;
        min-height: 1.2rem;
        color: #2a3547;
        flex-shrink: 0;
    }

    .sidebar-search-trigger-label {
        text-align: left;
        font-size: 0.75rem;
        line-height: 18px;
        font-weight: 500;
        flex: 1;
    }

    #modern-sidebar-collapsed .sidebar-content-collapsed {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    #modern-sidebar-collapsed .nav-link-collapsed-search {
        margin-top: 0.6rem;
        border: 1px solid #dbeafe;
        background: #eff6ff;
        color: #2563eb;
    }

    #modern-sidebar-collapsed .nav-link-collapsed-search:hover {
        background: #dbeafe;
    }

    .sidebar-command-palette {
        position: fixed;
        inset: 0;
        z-index: 1600;
        display: none;
    }

    .sidebar-command-palette.is-open {
        display: block;
    }

    .sidebar-command-palette__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(15, 23, 42, 0.52);
        backdrop-filter: blur(1px);
    }

    .sidebar-command-palette__panel {
        position: relative;
        margin: 6vh auto 0;
        width: min(960px, calc(100vw - 2rem));
        max-height: 86vh;
        overflow: hidden;
        border-radius: 0.85rem;
        background: #ffffff;
        border: 1px solid #d1d5db;
        box-shadow: 0 20px 40px rgba(2, 6, 23, 0.35);
        display: flex;
        flex-direction: column;
    }

    .sidebar-command-palette__header {
        display: grid;
        grid-template-columns: 24px 1fr 30px;
        align-items: center;
        gap: 0.7rem;
        padding: 1rem 1.15rem;
        border-bottom: 1px solid #e5e7eb;
    }

    .sidebar-command-palette__search-icon {
        width: 1.15rem;
        height: 1.15rem;
        color: #6b7280;
    }

    .sidebar-command-palette__input {
        border: 0;
        outline: none;
        background: transparent;
        font-size: 1rem;
        font-weight: 600;
        color: #1f2937 !important;
        width: 100%;
    }

    .sidebar-command-palette__input::placeholder {
        color: #9ca3af;
        font-weight: 600;
    }

    .sidebar-command-palette__close {
        border: 0;
        background: transparent;
        cursor: pointer;
        color: #94a3b8;
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 0.45rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-command-palette__close:hover {
        background: #f1f5f9;
        color: #334155;
    }

    .sidebar-command-palette__close svg {
        width: 1.05rem;
        height: 1.05rem;
    }

    .sidebar-command-palette__title {
        padding: 0.7rem 1.2rem 0.35rem;
        color: #64748b !important;
        font-size: 0.64rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .sidebar-command-palette__results {
        max-height: 58vh;
        overflow-y: auto;
        padding: 0.4rem 0.5rem 0.5rem;
    }

    .sidebar-command-item {
        width: 98%;
        border: 0;
        background: #ffffff;
        border-radius: 0.62rem;
        margin: 0;
        padding: 0.75rem 0.8rem;
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr) auto;
        gap: 0.72rem;
        align-items: center;
        cursor: pointer;
        text-align: left;
        transition: background-color 0.18s ease-in-out;
    }

    .sidebar-command-item + .sidebar-command-item {
        margin-top: 0.2rem;
    }

    .sidebar-command-item:hover,
    .sidebar-command-item.is-active {
        background: #eef2ff;
    }

    .sidebar-command-item__icon {
        width: 1.05rem;
        height: 1.05rem;
        color: #64748b;
    }

    .sidebar-command-item__content {
        min-width: 0;
    }

    .sidebar-command-item__title {
        color: #0f172a !important;
        font-size: 0.88rem;
        font-weight: 700;
        line-height: 1.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sidebar-command-item__subtitle {
        color: #475569;
        font-size: 0.84rem;
        line-height: 1.12rem;
        margin-top: 0.08rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sidebar-command-item__hint {
        color: #64748b;
        font-size: 0.76rem;
        font-weight: 600;
        border: 1px solid #cbd5e1;
        border-radius: 0.4rem;
        padding: 0.15rem 0.42rem;
        background: #ffffff;
    }

    .sidebar-command-empty {
        color: #64748b;
        font-size: 0.92rem;
        font-weight: 600;
        padding: 1rem 0.8rem;
    }

    .sidebar-command-palette__footer {
        border-top: 1px solid #e5e7eb;
        padding: 0.56rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.65rem;
        flex-wrap: wrap;
        color: #475569;
        font-size: 0.76rem;
        font-weight: 600;
    }

    .sidebar-command-palette__footer > span {
        display: inline-flex;
        align-items: center;
        gap: 0.34rem;
        white-space: nowrap;
    }

    .sidebar-command-palette__footer > span kbd + kbd {
        margin-left: 0.14rem;
    }

    .sidebar-command-palette__footer kbd {
        display: inline-flex;
        min-width: 1.2rem;
        justify-content: center;
        border: 1px solid #cbd5e1;
        border-radius: 0.35rem;
        background: #f8fafc;
        color: #334155;
        font-size: 0.72rem;
        padding: 0.08rem 0.3rem;
        font-family: inherit;
    }

    body.sidebar-command-open {
        overflow: hidden;
    }

    @media (max-width: 900px) {
        .sidebar-command-palette__panel {
            width: calc(100vw - 1rem);
            margin-top: 4.5vh;
        }

        .sidebar-command-palette__header {
            padding: 0.82rem;
        }

        .sidebar-command-palette__input {
            font-size: 0.98rem;
        }

        .sidebar-command-item {
            padding: 0.62rem;
        }
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        function normalizeMenuPath(path) {
            const rawPath = String(path || '').trim();
            if (!rawPath) {
                return '';
            }

            let pathname = rawPath;

            try {
                pathname = new URL(rawPath, window.location.origin).pathname;
            } catch (error) {
                pathname = rawPath;
            }

            pathname = `/${pathname.replace(/^\/+|\/+$/g, '')}`;
            pathname = pathname === '/' ? '/' : pathname;

            return pathname.replace(/^\/admin\/?/, '/');
        }

        function isPathActive(itemPath, currentPath) {
            const normalizedItemPath = normalizeMenuPath(itemPath);
            const normalizedCurrentPath = normalizeMenuPath(currentPath || window.location.pathname);

            if (normalizedItemPath === normalizedCurrentPath) {
                return true;
            }

            if (!normalizedItemPath || normalizedItemPath === '/') {
                return false;
            }

            if (normalizedCurrentPath.indexOf(normalizedItemPath) !== 0) {
                return false;
            }

            const nextChar = normalizedCurrentPath.charAt(normalizedItemPath.length);
            return !nextChar || nextChar === '/';
        }

        function setGroupExpanded(group, expanded) {
            if (!group) {
                return;
            }

            const toggle = group.querySelector('[data-group-toggle]');
            const items = group.querySelector('[data-group-items]');
            if (!items) {
                return;
            }

            group.classList.toggle('group-active', !!expanded);
            items.classList.toggle('expanded', !!expanded);
            if (toggle) {
                toggle.classList.toggle('active', !!expanded);
                toggle.setAttribute('aria-expanded', expanded ? 'true' : 'false');
            }
        }

        function collapseOtherGroups(activeGroup) {
            document.querySelectorAll('.nav-group').forEach(function(group) {
                if (group === activeGroup) {
                    return;
                }

                if (!group.querySelector('[data-group-toggle]')) {
                    return;
                }

                setGroupExpanded(group, false);
            });
        }

        function syncSidebarActiveState() {
            const currentPath = window.location.pathname;

            document.querySelectorAll('.nav-item-wrapper').forEach(function(wrapper) {
                const simpleLink = wrapper.querySelector(':scope > .nav-link');
                const parentItem = wrapper.querySelector(':scope > .nav-item-parent');
                const parentLink = parentItem ? parentItem.querySelector(':scope > .nav-link-parent') : null;
                const childrenContainer = parentItem ? parentItem.querySelector(':scope > .nav-children') : null;

                let wrapperIsActive = false;

                if (simpleLink) {
                    wrapperIsActive = isPathActive(simpleLink.getAttribute('href'), currentPath);
                    simpleLink.classList.toggle('active', wrapperIsActive);
                }

                if (parentItem && parentLink) {
                    const parentIsActive = isPathActive(parentLink.getAttribute('href'), currentPath);
                    let childIsActive = false;

                    parentItem.querySelectorAll('.nav-link-child').forEach(function(childLink) {
                        const currentChildIsActive = isPathActive(childLink.getAttribute('href'), currentPath);
                        childLink.classList.toggle('active', currentChildIsActive);
                        childIsActive = childIsActive || currentChildIsActive;
                    });

                    wrapperIsActive = parentIsActive || childIsActive;
                    parentItem.classList.toggle('active', wrapperIsActive);
                    parentLink.classList.toggle('active', wrapperIsActive);

                    if (childrenContainer) {
                        childrenContainer.classList.toggle('expanded', wrapperIsActive);
                    }
                }

                wrapper.classList.toggle('active', wrapperIsActive);
            });
        }

        function syncSidebarGroupState() {
            const groups = Array.from(document.querySelectorAll('.nav-group'));
            let activeGroup = null;

            groups.forEach(function(group) {
                const hasActiveItem = !!group.querySelector(
                    '.nav-link.active, .nav-link-parent.active, .nav-link-child.active'
                );

                if (hasActiveItem && !activeGroup) {
                    activeGroup = group;
                }

                setGroupExpanded(group, hasActiveItem);
            });

            if (activeGroup) {
                collapseOtherGroups(activeGroup);
                return;
            }

            groups.forEach(function(group, index) {
                setGroupExpanded(group, index === 0);
            });
        }

        function syncSidebarNavigationState() {
            syncSidebarActiveState();
            syncSidebarGroupState();
        }

        document.querySelectorAll('[data-group-toggle]').forEach(function(toggleBtn) {
            toggleBtn.addEventListener('click', function() {
                const group = toggleBtn.closest('.nav-group');
                const items = group ? group.querySelector('[data-group-items]') : null;
                if (!group || !items) {
                    return;
                }

                const willExpand = !items.classList.contains('expanded');
                if (willExpand) {
                    collapseOtherGroups(group);
                }
                setGroupExpanded(group, willExpand);
            });
        });

        function collapseOtherParents(activeParent) {
            document.querySelectorAll('.nav-item-parent').forEach(function(parentItem) {
                if (parentItem === activeParent) {
                    return;
                }

                const parentChildren = parentItem.querySelector('.nav-children');
                if (parentChildren) {
                    parentChildren.classList.remove('expanded');
                }

                parentItem.classList.remove('active');
            });
        }

        document.querySelectorAll('.nav-item-parent').forEach(function(item) {
            const link = item.querySelector('.nav-link-parent');
            const children = item.querySelector('.nav-children');

            if (link && children) {
                link.addEventListener('click', function(e) {
                    const isArrowClick = e.target.closest('.nav-arrow') || e.target.classList.contains('nav-arrow');

                    if (isArrowClick || children.querySelector('.nav-link-child.active')) {
                        e.preventDefault();
                        const willExpand = !children.classList.contains('expanded');

                        if (willExpand) {
                            collapseOtherParents(item);
                            children.classList.add('expanded');
                            item.classList.add('active');
                        } else {
                            children.classList.remove('expanded');
                            item.classList.remove('active');
                        }
                    }
                });
            }
        });

        syncSidebarNavigationState();
        document.addEventListener('livewire:navigated', function() {
            window.requestAnimationFrame(syncSidebarNavigationState);
        });
        window.addEventListener('load', syncSidebarNavigationState);

        // Use shared global sidebar search controller when available
        // to keep modal rendering consistent across all pages.
        if (window.__sidebarToggleSearchManaged) {
            return;
        }

        let commandPalette = null;
        let commandInput = null;
        let commandResults = null;
        let commandEntries = [];
        let visibleEntries = [];
        let activeResultIndex = -1;
        const globalShortcutEntries = @json($sidebarGlobalSearchShortcuts);

        function refreshCommandElements() {
            commandPalette = document.getElementById('sidebar-command-palette');
            commandInput = document.getElementById('sidebar-command-input');
            commandResults = document.getElementById('sidebar-command-results');
        }

        refreshCommandElements();

        function cleanText(value) {
            return String(value || '').replace(/\s+/g, ' ').trim();
        }

        function normalizeSearchText(value) {
            return cleanText(value)
                .toLowerCase()
                .replace(/[^a-z0-9\s/_-]/g, ' ')
                .replace(/[/_-]+/g, ' ')
                .replace(/\s+/g, ' ')
                .trim();
        }

        function stemSearchToken(token) {
            let t = String(token || '').toLowerCase().trim();
            if (t.length <= 3) {
                return t;
            }

            if (t.endsWith('ies') && t.length > 4) {
                t = `${t.slice(0, -3)}y`;
            } else if (t.endsWith('ing') && t.length > 5) {
                t = t.slice(0, -3);
            } else if (t.endsWith('ed') && t.length > 4) {
                t = t.slice(0, -2);
            } else if (t.endsWith('es') && t.length > 4) {
                t = t.slice(0, -2);
            } else if (t.endsWith('s') && t.length > 4) {
                t = t.slice(0, -1);
            }

            return t;
        }

        function tokenizeSearch(value) {
            return normalizeSearchText(value)
                .split(' ')
                .map(function(token) {
                    return stemSearchToken(token);
                })
                .filter(Boolean);
        }

        function getCurrentNavigationContext() {
            const activeGroup = cleanText(
                document.querySelector('#modern-sidebar .nav-group.group-active .nav-group-title')?.textContent || ''
            );
            const pageTitle = cleanText(
                document.querySelector('.fi-page h1, .product-admin-title, main h1, h1')?.textContent || ''
            );

            const activeChild = document.querySelector('#modern-sidebar .nav-link-child.active .nav-label');
            if (activeChild) {
                return {
                    group: activeGroup,
                    module: cleanText(activeChild.textContent),
                    page: pageTitle,
                };
            }

            const activeParent = document.querySelector('#modern-sidebar .nav-link-parent.active .nav-label');
            if (activeParent) {
                return {
                    group: activeGroup,
                    module: cleanText(activeParent.textContent),
                    page: pageTitle,
                };
            }

            const activeLink = document.querySelector('#modern-sidebar .nav-link.active .nav-label');
            return {
                group: activeGroup,
                module: cleanText(activeLink?.textContent || ''),
                page: pageTitle,
            };
        }

        function buildPathSubtitle(parts) {
            const cleanedParts = Array.from(new Set(
                (Array.isArray(parts) ? parts : [])
                    .map(function(part) {
                        return cleanText(part);
                    })
                    .filter(Boolean)
            ));

            return cleanedParts.join(' -> ');
        }

        function isElementVisible(element) {
            if (!element || !(element instanceof HTMLElement)) {
                return false;
            }

            const style = window.getComputedStyle(element);
            if (style.display === 'none' || style.visibility === 'hidden') {
                return false;
            }

            return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
        }

        function normalizeAdminPath(pathname) {
            const raw = String(pathname || '').trim();
            if (!raw) {
                return '';
            }

            const cleaned = `/${raw.replace(/^\/+|\/+$/g, '').toLowerCase()}`;
            return cleaned === '/' ? '/' : cleaned;
        }

        function getAdminModulePrefix(pathname) {
            const normalized = normalizeAdminPath(pathname);
            if (!normalized.startsWith('/admin')) {
                return '';
            }

            const segments = normalized.split('/').filter(Boolean);
            if (segments.length < 2) {
                return '/admin';
            }

            return `/admin/${segments[1]}`;
        }

        function isAllowedAdminPath(pathname, allowedExactPaths, allowedModulePrefixes) {
            const normalized = normalizeAdminPath(pathname);
            if (!normalized.startsWith('/admin')) {
                return false;
            }

            if (allowedExactPaths.has(normalized)) {
                return true;
            }

            for (const prefix of allowedModulePrefixes) {
                if (!prefix || prefix === '/admin') {
                    continue;
                }

                if (normalized === prefix || normalized.startsWith(`${prefix}/`)) {
                    return true;
                }
            }

            return false;
        }

        function getLevenshteinDistance(source, target, maxDistance) {
            const a = String(source || '');
            const b = String(target || '');
            if (a === b) {
                return 0;
            }

            const aLen = a.length;
            const bLen = b.length;
            if (!aLen) {
                return bLen;
            }
            if (!bLen) {
                return aLen;
            }
            if (Math.abs(aLen - bLen) > maxDistance) {
                return maxDistance + 1;
            }

            const previous = new Array(bLen + 1);
            const current = new Array(bLen + 1);

            for (let j = 0; j <= bLen; j += 1) {
                previous[j] = j;
            }

            for (let i = 1; i <= aLen; i += 1) {
                current[0] = i;
                let rowMin = current[0];
                const aCode = a.charCodeAt(i - 1);

                for (let j = 1; j <= bLen; j += 1) {
                    const cost = aCode === b.charCodeAt(j - 1) ? 0 : 1;
                    current[j] = Math.min(
                        previous[j] + 1,
                        current[j - 1] + 1,
                        previous[j - 1] + cost
                    );

                    if (current[j] < rowMin) {
                        rowMin = current[j];
                    }
                }

                if (rowMin > maxDistance) {
                    return maxDistance + 1;
                }

                for (let j = 0; j <= bLen; j += 1) {
                    previous[j] = current[j];
                }
            }

            return previous[bLen];
        }

        function getTokenMatchRank(part, tokens) {
            if (!part || !Array.isArray(tokens) || tokens.length === 0) {
                return 0;
            }

            let bestRank = 0;
            const maxDistance = part.length <= 4 ? 1 : 2;

            for (let index = 0; index < tokens.length; index += 1) {
                const token = tokens[index];
                if (!token) {
                    continue;
                }

                if (token === part) {
                    return 4;
                }

                if (token.startsWith(part) || part.startsWith(token)) {
                    bestRank = Math.max(bestRank, 3);
                    continue;
                }

                if (token.includes(part) || part.includes(token)) {
                    bestRank = Math.max(bestRank, 2);
                    continue;
                }

                if (Math.abs(token.length - part.length) > maxDistance) {
                    continue;
                }

                const distance = getLevenshteinDistance(part, token, maxDistance);
                if (distance <= maxDistance) {
                    bestRank = Math.max(bestRank, 1);
                }
            }

            return bestRank;
        }

        function extractSearchEntries() {
            const entries = [];
            const seen = new Set();
            const allowedExactAdminPaths = new Set();
            const allowedAdminModulePrefixes = new Set();
            const links = Array.from(document.querySelectorAll('#modern-sidebar .sidebar-content a[href]'));
            const context = getCurrentNavigationContext();

            links.forEach(function(link) {
                const rawHref = link.getAttribute('href');
                if (!rawHref || rawHref === '#' || rawHref.startsWith('javascript:')) {
                    return;
                }

                let parsed;
                try {
                    parsed = new URL(rawHref, window.location.origin);
                } catch (error) {
                    return;
                }

                if (parsed.origin !== window.location.origin) {
                    return;
                }

                const normalizedSidebarPath = normalizeAdminPath(parsed.pathname);
                if (normalizedSidebarPath.startsWith('/admin')) {
                    allowedExactAdminPaths.add(normalizedSidebarPath);
                    const modulePrefix = getAdminModulePrefix(normalizedSidebarPath);
                    if (modulePrefix) {
                        allowedAdminModulePrefixes.add(modulePrefix);
                    }
                }

                const dedupeKey = `${parsed.pathname}${parsed.search}`;
                if (seen.has(dedupeKey)) {
                    return;
                }

                const title = cleanText(
                    link.querySelector('.nav-label')?.textContent ||
                    link.textContent ||
                    link.getAttribute('title')
                );

                if (!title) {
                    return;
                }

                const group = cleanText(
                    link.closest('.nav-group')?.querySelector('.nav-group-title')?.textContent || ''
                );
                const parent = cleanText(
                    link.closest('.nav-item-parent')?.querySelector('.nav-link-parent .nav-label')?.textContent || ''
                );

                const iconNode = link.querySelector('.nav-icon svg, .nav-icon');
                const iconMarkup = iconNode ? iconNode.outerHTML : '';
                const keywords = cleanText(link.getAttribute('data-search-keywords') || '');
                const hrefKeywords = cleanText(`${parsed.pathname} ${parsed.search}`);
                const normalizedKeywords = normalizeSearchText(`${title} ${group} ${keywords} ${hrefKeywords}`);
                const keywordTokens = Array.from(new Set(tokenizeSearch(normalizedKeywords)));
                const href = `${parsed.pathname}${parsed.search}${parsed.hash || ''}`;
                const subtitle = buildPathSubtitle([group, parent, title]) || 'Open page';

                entries.push({
                    title: title,
                    subtitle: subtitle,
                    keywords: normalizedKeywords,
                    keywordTokens: keywordTokens,
                    iconMarkup: iconMarkup,
                    href: href,
                });

                seen.add(dedupeKey);
            });

            const actionContainers = Array.from(document.querySelectorAll(
                '.product-admin-actions, .fi-page-header-actions, .fi-header-actions, .page-header-actions, .page-actions, [data-page-actions], .top-actions, .header-actions'
            ));

            const mainContentRoot = document.body;
            const genericActionElements = Array.from(mainContentRoot.querySelectorAll('a[href], button'));
            const scopedActionElements = actionContainers.reduce(function(result, container) {
                return result.concat(Array.from(container.querySelectorAll('a[href], button')));
            }, []);
            const actionElements = Array.from(new Set(scopedActionElements.concat(genericActionElements)));

            actionElements.forEach(function(element, index) {
                if (!isElementVisible(element)) {
                    return;
                }

                if (element.closest('#modern-sidebar, #modern-sidebar-collapsed, #sidebar-command-palette')) {
                    return;
                }

                if (element.closest('[role="dialog"], .modal, .fi-modal, .api-modal, .api-modal-overlay')) {
                    return;
                }

                if (element.closest('table, tbody, .fi-ta-table, .fi-table, [role="grid"]')) {
                    return;
                }

                if (element.tagName.toLowerCase() === 'button' && element.closest('form')) {
                    const buttonType = (element.getAttribute('type') || '').toLowerCase();
                    const hasClickHandler =
                        !!element.getAttribute('onclick') ||
                        !!element.getAttribute('wire:click') ||
                        !!element.getAttribute('x-on:click') ||
                        !!element.getAttribute('@click') ||
                        !!element.getAttribute('data-action');

                    // Skip plain submit buttons used for forms/filters, but allow
                    // interactive page actions (Livewire/JS click handlers).
                    if ((buttonType === '' || buttonType === 'submit') && !hasClickHandler) {
                        return;
                    }
                }

                const title = cleanText(
                    element.getAttribute('data-search-label') ||
                    element.getAttribute('aria-label') ||
                    element.textContent
                );

                if (!title) {
                    return;
                }

                if (/^(search|reset|cancel|close|save|submit|edit|delete|remove|view|open)$/i.test(title)) {
                    return;
                }

                if (title.length < 4) {
                    return;
                }

                const subtitle = buildPathSubtitle([
                    context.group || context.module || 'Current Module',
                    context.page || context.module || '',
                    title
                ]);
                const iconNode = element.querySelector('svg');
                const iconMarkup = iconNode ? iconNode.outerHTML : '';
                const normalizedKeywords = normalizeSearchText(`${title} ${subtitle}`);
                const keywordTokens = Array.from(new Set(tokenizeSearch(normalizedKeywords)));

                if (element.tagName.toLowerCase() === 'a') {
                    const rawHref = element.getAttribute('href');
                    if (!rawHref || rawHref === '#' || rawHref.startsWith('javascript:')) {
                        return;
                    }

                    let parsed;
                    try {
                        parsed = new URL(rawHref, window.location.origin);
                    } catch (error) {
                        return;
                    }

                    if (parsed.origin !== window.location.origin) {
                        return;
                    }

                    if (!parsed.pathname.startsWith('/admin')) {
                        return;
                    }

                    if (!isAllowedAdminPath(parsed.pathname, allowedExactAdminPaths, allowedAdminModulePrefixes)) {
                        return;
                    }

                    const href = `${parsed.pathname}${parsed.search}${parsed.hash || ''}`;
                    const dedupeKey = `action-link:${href}:${title.toLowerCase()}`;
                    if (seen.has(dedupeKey)) {
                        return;
                    }

                    entries.push({
                        title: title,
                        subtitle: subtitle || 'Open page action',
                        keywords: normalizedKeywords,
                        keywordTokens: keywordTokens,
                        iconMarkup: iconMarkup,
                        href: href,
                    });

                    seen.add(dedupeKey);
                    return;
                }

                if (element.disabled) {
                    return;
                }

                const dedupeKey = `action-button:${title.toLowerCase()}`;
                if (seen.has(dedupeKey)) {
                    return;
                }

                entries.push({
                    title: title,
                    subtitle: subtitle || 'Run action',
                    keywords: normalizedKeywords,
                    keywordTokens: keywordTokens,
                    iconMarkup: iconMarkup,
                    onSelect: function() {
                        element.click();
                    },
                    actionId: `button-${index}`,
                });

                seen.add(dedupeKey);
            });

            const fallbackInternalLinks = Array.from(document.querySelectorAll('a[href*="/admin"]'));
            fallbackInternalLinks.forEach(function(link) {
                if (link.closest('#modern-sidebar, #modern-sidebar-collapsed, #sidebar-command-palette')) {
                    return;
                }

                if (link.closest('[role="dialog"], .modal, .fi-modal, .api-modal, .api-modal-overlay')) {
                    return;
                }

                if (link.closest('table, tbody, .fi-ta-table, .fi-table, [role="grid"]')) {
                    return;
                }

                let parsed;
                try {
                    parsed = new URL(link.getAttribute('href') || '', window.location.origin);
                } catch (error) {
                    return;
                }

                if (parsed.origin !== window.location.origin || !parsed.pathname.startsWith('/admin')) {
                    return;
                }

                if (!isAllowedAdminPath(parsed.pathname, allowedExactAdminPaths, allowedAdminModulePrefixes)) {
                    return;
                }

                const href = `${parsed.pathname}${parsed.search}${parsed.hash || ''}`;
                const textTitle = cleanText(
                    link.getAttribute('data-search-label') ||
                    link.getAttribute('aria-label') ||
                    link.getAttribute('title') ||
                    link.textContent
                );
                const pathTitle = cleanText(
                    parsed.pathname
                        .split('/')
                        .filter(Boolean)
                        .slice(-1)[0]
                        ?.replace(/[-_]+/g, ' ') || ''
                );
                const title = textTitle || pathTitle;

                if (!title || title.length < 4) {
                    return;
                }

                if (/^(search|reset|cancel|close|save|submit|edit|delete|remove|view|open)$/i.test(title)) {
                    return;
                }

                const dedupeKey = `fallback-link:${href}:${title.toLowerCase()}`;
                if (seen.has(dedupeKey)) {
                    return;
                }

                const subtitle = buildPathSubtitle([
                    context.group || context.module || 'Current Module',
                    context.page || context.module || '',
                    title
                ]);
                const normalizedKeywords = normalizeSearchText(`${title} ${subtitle} ${href}`);
                const keywordTokens = Array.from(new Set(tokenizeSearch(normalizedKeywords)));
                const iconNode = link.querySelector('svg');
                const iconMarkup = iconNode ? iconNode.outerHTML : '';

                entries.push({
                    title: title,
                    subtitle: subtitle || 'Open internal page',
                    keywords: normalizedKeywords,
                    keywordTokens: keywordTokens,
                    iconMarkup: iconMarkup,
                    href: href,
                });

                seen.add(dedupeKey);
            });

            (Array.isArray(globalShortcutEntries) ? globalShortcutEntries : []).forEach(function(shortcut) {
                const title = cleanText(shortcut?.title || '');
                if (!title) {
                    return;
                }

                let parsed;
                try {
                    parsed = new URL(shortcut?.href || '', window.location.origin);
                } catch (error) {
                    return;
                }

                if (parsed.origin !== window.location.origin || !parsed.pathname.startsWith('/admin')) {
                    return;
                }

                if (!isAllowedAdminPath(parsed.pathname, allowedExactAdminPaths, allowedAdminModulePrefixes)) {
                    return;
                }

                const href = `${parsed.pathname}${parsed.search}${parsed.hash || ''}`;
                const dedupeKey = `global-shortcut:${href}:${title.toLowerCase()}`;
                if (seen.has(dedupeKey)) {
                    return;
                }

                const alreadyPresent = entries.some(function(entry) {
                    return (entry.href || '') === href && cleanText(entry.title).toLowerCase() === title.toLowerCase();
                });
                if (alreadyPresent) {
                    seen.add(dedupeKey);
                    return;
                }

                const subtitle = cleanText(shortcut?.subtitle || '') || 'Quick navigation';
                const normalizedKeywords = normalizeSearchText(
                    `${title} ${subtitle} ${cleanText(shortcut?.keywords || '')} ${href}`
                );
                const keywordTokens = Array.from(new Set(tokenizeSearch(normalizedKeywords)));

                entries.push({
                    title: title,
                    subtitle: subtitle,
                    keywords: normalizedKeywords,
                    keywordTokens: keywordTokens,
                    iconMarkup: '',
                    href: href,
                });

                seen.add(dedupeKey);
            });

            return entries;
        }

        function rankSearchEntries(query) {
            const normalizedQuery = normalizeSearchText(query);
            if (!normalizedQuery) {
                return commandEntries.slice(0, 12);
            }

            const queryParts = Array.from(new Set(tokenizeSearch(normalizedQuery)));
            if (queryParts.length === 0) {
                return commandEntries.slice(0, 12);
            }

            const directTitleMatches = commandEntries.filter(function(entry) {
                return normalizeSearchText(entry.title).includes(normalizedQuery);
            });

            const rankedEntries = commandEntries
                .map(function(entry) {
                    const title = normalizeSearchText(entry.title);
                    const titleTokens = tokenizeSearch(title);
                    const entryTokens = Array.isArray(entry.keywordTokens)
                        ? entry.keywordTokens
                        : tokenizeSearch(entry.keywords);
                    let score = 0;
                    let matchedCount = 0;
                    let missedCount = 0;

                    for (let index = 0; index < queryParts.length; index += 1) {
                        const part = queryParts[index];
                        const titleRank = getTokenMatchRank(part, titleTokens);
                        const keywordRank = getTokenMatchRank(part, entryTokens);
                        const rank = Math.max(titleRank, keywordRank);

                        if (rank === 4) {
                            matchedCount += 1;
                            score += 130;
                        } else if (rank === 3) {
                            matchedCount += 1;
                            score += 100;
                        } else if (rank === 2) {
                            matchedCount += 1;
                            score += 80;
                        } else if (rank === 1) {
                            matchedCount += 1;
                            score += 60;
                        } else {
                            missedCount += 1;
                            score -= 20;
                        }

                        if (titleRank > 0) {
                            score += 18;
                        }
                    }

                    if (matchedCount === 0) {
                        return null;
                    }

                    if (queryParts.length > 1 && missedCount > 1) {
                        return null;
                    }

                    score -= missedCount * 18;
                    score -= entry.title.length / 100;

                    return {
                        entry: entry,
                        score: score,
                    };
                })
                .filter(Boolean)
                .sort(function(a, b) {
                    if (a.score === b.score) {
                        return a.entry.title.localeCompare(b.entry.title);
                    }

                    return b.score - a.score;
                })
                .slice(0, 24)
                .map(function(item) {
                    return item.entry;
                });

            if (directTitleMatches.length > 0 || rankedEntries.length > 0) {
                const ordered = [];
                const seenHref = new Set();

                directTitleMatches.forEach(function(entry) {
                    const key = entry.href || `${entry.title}:${entry.subtitle}`;
                    if (seenHref.has(key)) {
                        return;
                    }
                    seenHref.add(key);
                    ordered.push(entry);
                });

                rankedEntries.forEach(function(entry) {
                    const key = entry.href || `${entry.title}:${entry.subtitle}`;
                    if (seenHref.has(key)) {
                        return;
                    }
                    seenHref.add(key);
                    ordered.push(entry);
                });

                return ordered.slice(0, 24);
            }

            return commandEntries
                .filter(function(entry) {
                    const haystack = normalizeSearchText(`${entry.title} ${entry.subtitle} ${entry.keywords || ''}`);
                    return queryParts.every(function(part) {
                        return haystack.includes(part);
                    });
                })
                .slice(0, 24);
        }

        function createFallbackIconMarkup() {
            return '<svg class="sidebar-command-item__icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6M9 16h6M9 8h6M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"></path></svg>';
        }

        function escapeHtml(value) {
            return String(value || '')
                .replace(/&/g, '&amp;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#39;');
        }

        function renderCommandResults(query) {
            refreshCommandElements();
            if (!commandResults) {
                return;
            }

            visibleEntries = rankSearchEntries(query);
            commandResults.innerHTML = '';

            if (visibleEntries.length === 0) {
                const emptyState = document.createElement('div');
                emptyState.className = 'sidebar-command-empty';
                emptyState.textContent = query ? 'No matching page found.' : 'Type to search menu pages.';
                commandResults.appendChild(emptyState);
                activeResultIndex = -1;
                return;
            }

            if (activeResultIndex < 0 || activeResultIndex >= visibleEntries.length) {
                activeResultIndex = 0;
            }

            visibleEntries.forEach(function(entry, index) {
                const resultButton = document.createElement('button');
                resultButton.type = 'button';
                resultButton.className = `sidebar-command-item${index === activeResultIndex ? ' is-active' : ''}`;
                resultButton.setAttribute('data-sidebar-search-result', String(index));
                resultButton.innerHTML =
                    `${entry.iconMarkup || createFallbackIconMarkup()}` +
                    '<div class="sidebar-command-item__content">' +
                        `<div class="sidebar-command-item__title">${escapeHtml(entry.title)}</div>` +
                        `<div class="sidebar-command-item__subtitle">${escapeHtml(entry.subtitle)}</div>` +
                    '</div>' +
                    '<span class="sidebar-command-item__hint">enter</span>';

                commandResults.appendChild(resultButton);
            });
        }

        function openCommandPalette(prefillText) {
            refreshCommandElements();
            if (!commandPalette || !commandInput || !commandResults) {
                return;
            }

            commandEntries = extractSearchEntries();
            const inputValue = typeof prefillText === 'string' ? prefillText : commandInput.value;
            commandPalette.classList.add('is-open');
            commandPalette.setAttribute('aria-hidden', 'false');
            document.body.classList.add('sidebar-command-open');
            commandInput.value = inputValue;
            renderCommandResults(commandInput.value);

            window.requestAnimationFrame(function() {
                commandInput.focus();
                commandInput.select();
            });
        }

        function closeCommandPalette() {
            refreshCommandElements();
            if (!commandPalette) {
                return;
            }

            commandPalette.classList.remove('is-open');
            commandPalette.setAttribute('aria-hidden', 'true');
            document.body.classList.remove('sidebar-command-open');
            activeResultIndex = -1;
        }

        function openResultByIndex(index) {
            refreshCommandElements();
            const targetEntry = visibleEntries[index];
            if (!targetEntry) {
                return;
            }

            if (typeof targetEntry.onSelect === 'function') {
                closeCommandPalette();
                targetEntry.onSelect();
                return;
            }

            if (targetEntry.href) {
                window.location.href = targetEntry.href;
            }
        }

        function moveActiveResult(step) {
            refreshCommandElements();
            if (!visibleEntries.length) {
                return;
            }

            if (activeResultIndex < 0) {
                activeResultIndex = 0;
            } else {
                activeResultIndex = (activeResultIndex + step + visibleEntries.length) % visibleEntries.length;
            }

            renderCommandResults(commandInput ? commandInput.value : '');

            const activeElement = commandResults?.querySelector('.sidebar-command-item.is-active');
            if (activeElement) {
                activeElement.scrollIntoView({ block: 'nearest' });
            }
        }

        document.addEventListener('click', function(event) {
            const openTrigger = event.target.closest('[data-open-sidebar-search]');
            if (openTrigger) {
                event.preventDefault();
                refreshCommandElements();
                openCommandPalette('');
                return;
            }

            const closeTrigger = event.target.closest('[data-close-sidebar-search]');
            if (closeTrigger) {
                event.preventDefault();
                closeCommandPalette();
                return;
            }

            const resultTrigger = event.target.closest('[data-sidebar-search-result]');
            if (resultTrigger && commandPalette?.classList.contains('is-open')) {
                event.preventDefault();
                const targetIndex = Number.parseInt(resultTrigger.getAttribute('data-sidebar-search-result') || '', 10);
                if (Number.isFinite(targetIndex)) {
                    openResultByIndex(targetIndex);
                }
            }
        });

        document.addEventListener('input', function(event) {
            if (event.target && event.target.id === 'sidebar-command-input') {
                activeResultIndex = 0;
                renderCommandResults(event.target.value);
            }
        });

        document.addEventListener('keydown', function(event) {
            if (!(event.target && event.target.id === 'sidebar-command-input')) {
                return;
            }

            if (event.key === 'ArrowDown') {
                event.preventDefault();
                moveActiveResult(1);
            } else if (event.key === 'ArrowUp') {
                event.preventDefault();
                moveActiveResult(-1);
            } else if (event.key === 'Enter') {
                event.preventDefault();
                openResultByIndex(activeResultIndex);
            } else if (event.key === 'Escape') {
                event.preventDefault();
                closeCommandPalette();
            }
        });

        document.addEventListener('keydown', function(event) {
            refreshCommandElements();
            if (event.key === 'Escape' && commandPalette?.classList.contains('is-open')) {
                event.preventDefault();
                closeCommandPalette();
            }
        });
    });
</script>