"<x-filament-panels::page>\n    <link href=\"{{ asset('css/chat-workspace.css') }}\" rel=\"stylesheet\" />\n\n    <div class=\"wa-workspace\" id=\"appRoot\">\n        <div class=\"app\">\n            <main class=\"main\">\n                <header class=\"topbar\">\n                    <div class=\"page-heading\">\n                        <h2>لوحة الموظف لإدارة محادثات واتساب</h2>\n                        <p>تصور نهائي يجمع لوحة الإدارة مع شات واتساب فعلي لاستخدام الدعم اليومي</p>\n                    </div>\n\n                    <div class=\"top-actions\">\n                        <div class=\"role-box\">\n                            <label>الدور</label>\n                            <span id=\"permissionRoleLabel\" style=\"font-weight: 800;\">جاري التحميل...</span>\n                        </div>\n                        <button class=\"top-btn\" id=\"themeToggle\" title=\"تغيير الوضع\" onclick=\"document.getElementById('appRoot').classList.toggle('light')\">☀ الوضع</button>\n                        <button class=\"top-btn\" id=\"simulateBtn\" onclick=\"loadWorkspaceData()\">⚡ تحديث فوري</button>\n                        <div class=\"user-box\">\n                            <div class=\"avatar\" id=\"userInitial\">--<span class=\"status-dot\" aria-label=\"متصل\"></span></div>\n                            <div>\n                                <strong id=\"userName\">جاري التحميل...</strong>\n                                <div style=\"font-size:12px;color:var(--text2)\">متصل الآن</div>\n                            </div>\n                        </div>\n                    </div>\n                </header>\n\n                <section class=\"grid-stats\" id=\"statsGrid\" aria-label=\"بطاقات الإحصائيات\">\n                    <!-- Stats will be loaded here -->\n                </section>\n\n                <section class=\"workspace\" id=\"works
<truncated 27121 bytes>