django-cfg 1.4.87__py3-none-any.whl → 1.4.89__py3-none-any.whl

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/channels_content.html

@@ -1,46 +0,0 @@
-<!-- Channels Stats Tab -->
-<div id="channels-tab" class="tab-panel hidden">
-    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
-        <!-- Table -->
-        <div class="overflow-x-auto">
-            <table class="w-full">
-                <thead class="bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
-                    <tr>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Channel
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Total Publishes
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Success Rate
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Avg Duration
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Avg ACKs
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Last Activity
-                        </th>
-                    </tr>
-                </thead>
-                <tbody id="channels-table-body" class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
-                    <tr>
-                        <td colspan="6" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-                            Loading...
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <!-- Footer -->
-        <div class="p-4 border-t border-gray-200 dark:border-gray-700">
-            <div class="text-sm text-gray-600 dark:text-gray-400">
-                Showing statistics for the last 24 hours
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/live_channels_content.html

@@ -1,123 +0,0 @@
-<!-- Live Channels Tab (from Centrifugo Server) -->
-<div id="live-channels-tab" class="tab-panel hidden">
-    <!-- Header with Controls -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-4">
-        <div class="flex items-center justify-between flex-wrap gap-4">
-            <div class="flex items-center gap-3">
-                <span class="material-icons text-purple-600 dark:text-purple-400">live_tv</span>
-                <div>
-                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Active Channels</h3>
-                    <p class="text-sm text-gray-600 dark:text-gray-400">Real-time data from Centrifugo server</p>
-                </div>
-            </div>
-            <div class="flex items-center gap-3">
-                <input type="text"
-                       id="live-channel-pattern"
-                       placeholder="Filter pattern (e.g., user:*)"
-                       class="px-3 py-2 bg-gray-50 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg text-sm text-gray-900 dark:text-white focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400">
-                <button onclick="window.centrifugoDashboard.liveChannelsModule.loadLiveChannels()"
-                        class="px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg text-sm font-medium flex items-center gap-2">
-                    <span class="material-icons text-base">refresh</span>
-                    Refresh
-                </button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Channels Grid -->
-    <div id="live-channels-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4">
-        <!-- Channel cards will be dynamically inserted here -->
-    </div>
-
-    <!-- Empty State -->
-    <div id="live-channels-empty" class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 text-center hidden">
-        <span class="material-icons text-6xl text-gray-300 dark:text-gray-600 mb-4">inbox</span>
-        <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">No Active Channels</h3>
-        <p class="text-sm text-gray-600 dark:text-gray-400">There are currently no active channels on the Centrifugo server.</p>
-    </div>
-
-    <!-- Detailed View Modal (for presence) -->
-    <div id="channel-details-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 max-w-4xl w-full max-h-[90vh] overflow-hidden flex flex-col">
-            <!-- Modal Header -->
-            <div class="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
-                <div>
-                    <h3 class="text-xl font-bold text-gray-900 dark:text-white" id="modal-channel-name">Channel Details</h3>
-                    <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Live presence and channel information</p>
-                </div>
-                <button onclick="window.centrifugoDashboard.liveChannelsModule.closeModal()"
-                        class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
-                    <span class="material-icons">close</span>
-                </button>
-            </div>
-
-            <!-- Modal Content -->
-            <div class="p-6 overflow-y-auto flex-1">
-                <!-- Channel Stats -->
-                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
-                    <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                        <p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Clients</p>
-                        <p class="text-2xl font-bold text-gray-900 dark:text-white" id="modal-clients-count">-</p>
-                    </div>
-                    <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                        <p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Unique Users</p>
-                        <p class="text-2xl font-bold text-gray-900 dark:text-white" id="modal-users-count">-</p>
-                    </div>
-                    <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                        <p class="text-xs text-gray-600 dark:text-gray-400 mb-1">History Items</p>
-                        <p class="text-2xl font-bold text-gray-900 dark:text-white" id="modal-history-count">-</p>
-                    </div>
-                    <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                        <p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Status</p>
-                        <p class="text-sm font-medium text-green-600 dark:text-green-400" id="modal-status">Active</p>
-                    </div>
-                </div>
-
-                <!-- Presence List -->
-                <div class="mb-6">
-                    <h4 class="text-lg font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
-                        <span class="material-icons text-xl">people</span>
-                        Connected Clients
-                    </h4>
-                    <div class="overflow-x-auto">
-                        <table class="w-full">
-                            <thead class="bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
-                                <tr>
-                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase">User ID</th>
-                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase">Client ID</th>
-                                    <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase">Connection Info</th>
-                                </tr>
-                            </thead>
-                            <tbody id="modal-presence-list" class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
-                                <tr>
-                                    <td colspan="3" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-                                        Loading...
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-
-                <!-- Recent History -->
-                <div>
-                    <h4 class="text-lg font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
-                        <span class="material-icons text-xl">history</span>
-                        Recent Messages
-                    </h4>
-                    <div class="space-y-3" id="modal-history-list">
-                        <p class="text-sm text-gray-500 dark:text-gray-400 text-center py-4">Loading...</p>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Modal Footer -->
-            <div class="p-4 border-t border-gray-200 dark:border-gray-700 flex justify-end gap-3">
-                <button onclick="window.centrifugoDashboard.liveChannelsModule.closeModal()"
-                        class="px-4 py-2 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg text-sm font-medium hover:bg-gray-200 dark:hover:bg-gray-600">
-                    Close
-                </button>
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/overview_content.html

@@ -1,45 +0,0 @@
-<!-- Overview Tab (Active by default) -->
-<div id="overview-tab" class="tab-panel">
-    <!-- Charts Row -->
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
-        <!-- Publish Timeline Chart -->
-        <div class="bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center">
-                <span class="material-icons mr-2 text-purple-500">timeline</span>
-                Publish Timeline (24h)
-            </h3>
-            <canvas id="publish-timeline-chart" height="200"></canvas>
-        </div>
-
-        <!-- Success/Failure Breakdown -->
-        <div class="bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center">
-                <span class="material-icons mr-2 text-purple-500">pie_chart</span>
-                Success/Failure Breakdown
-            </h3>
-            <canvas id="status-breakdown-chart" height="200"></canvas>
-        </div>
-    </div>
-
-    <!-- ACK Statistics -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-        <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center">
-            <span class="material-icons mr-2 text-purple-500">verified</span>
-            ACK Statistics
-        </h3>
-        <div id="ack-stats-content" class="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Total ACKs Received</div>
-                <div class="text-2xl font-bold text-gray-900 dark:text-white" id="total-acks">0</div>
-            </div>
-            <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Avg ACKs per Publish</div>
-                <div class="text-2xl font-bold text-gray-900 dark:text-white" id="avg-acks">0.0</div>
-            </div>
-            <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">ACK Tracking Rate</div>
-                <div class="text-2xl font-bold text-gray-900 dark:text-white"><span id="ack-rate">0</span>%</div>
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/publishes_content.html

@@ -1,84 +0,0 @@
-<!-- Recent Publishes Tab -->
-<div id="publishes-tab" class="tab-panel hidden">
-    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
-        <!-- Filters -->
-        <div class="p-4 border-b border-gray-200 dark:border-gray-700">
-            <div class="flex flex-wrap gap-4">
-                <div class="flex-1 min-w-[200px]">
-                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
-                        Filter by Channel
-                    </label>
-                    <select id="publish-channel-filter" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-purple-500 focus:border-purple-500">
-                        <option value="">All Channels</option>
-                    </select>
-                </div>
-                <div class="flex-1 min-w-[200px]">
-                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
-                        Filter by Status
-                    </label>
-                    <select id="publish-status-filter" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-purple-500 focus:border-purple-500">
-                        <option value="">All Statuses</option>
-                        <option value="success">Success</option>
-                        <option value="failed">Failed</option>
-                        <option value="timeout">Timeout</option>
-                    </select>
-                </div>
-                <div class="flex items-end">
-                    <button id="apply-publish-filters" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-md font-medium transition-colors">
-                        Apply Filters
-                    </button>
-                </div>
-            </div>
-        </div>
-
-        <!-- Table -->
-        <div class="overflow-x-auto">
-            <table class="w-full">
-                <thead class="bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
-                    <tr>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Timestamp
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Message ID
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Channel
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Status
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            ACKs
-                        </th>
-                        <th class="px-4 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider">
-                            Duration
-                        </th>
-                    </tr>
-                </thead>
-                <tbody id="publishes-table-body" class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
-                    <tr>
-                        <td colspan="6" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-                            Loading...
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <!-- Pagination -->
-        <div class="p-4 border-t border-gray-200 dark:border-gray-700 flex justify-between items-center">
-            <div class="text-sm text-gray-600 dark:text-gray-400">
-                Showing <span id="publishes-showing">0</span> publishes
-            </div>
-            <div class="flex gap-2">
-                <button id="publishes-prev-page" class="px-3 py-1 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded hover:bg-gray-300 dark:hover:bg-gray-600 disabled:opacity-50" disabled>
-                    Previous
-                </button>
-                <button id="publishes-next-page" class="px-3 py-1 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded hover:bg-gray-300 dark:hover:bg-gray-600 disabled:opacity-50" disabled>
-                    Next
-                </button>
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/stat_cards.html

@@ -1,53 +0,0 @@
-<!-- Overview Stats Cards -->
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
-    <!-- Total Publishes -->
-    <div class="stat-card bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between mb-4">
-            <span class="material-icons text-4xl text-purple-500 dark:text-purple-400">publish</span>
-            <span class="text-xs text-gray-600 dark:text-gray-400">Today</span>
-        </div>
-        <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-1" id="total-publishes">
-            0
-        </h3>
-        <p class="text-sm text-gray-600 dark:text-gray-400">Total Publishes</p>
-        <div class="mt-2 flex items-center text-xs">
-            <span id="publish-trend" class="text-green-600 dark:text-green-400"></span>
-        </div>
-    </div>
-
-    <!-- Success Rate -->
-    <div class="stat-card bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between mb-4">
-            <span class="material-icons text-4xl text-green-500 dark:text-green-400">check_circle</span>
-            <span class="text-xs text-gray-600 dark:text-gray-400">Rate</span>
-        </div>
-        <h3 class="text-2xl font-bold mb-1" id="success-rate-value">
-            <span class="text-gray-900 dark:text-white">0</span><span class="text-lg text-gray-600 dark:text-gray-400">%</span>
-        </h3>
-        <p class="text-sm text-gray-600 dark:text-gray-400">Success Rate</p>
-    </div>
-
-    <!-- Average Duration -->
-    <div class="stat-card bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between mb-4">
-            <span class="material-icons text-4xl text-yellow-500 dark:text-yellow-400">timer</span>
-            <span class="text-xs text-gray-600 dark:text-gray-400">Average</span>
-        </div>
-        <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-1">
-            <span id="avg-duration">0</span><span class="text-lg text-gray-600 dark:text-gray-400">ms</span>
-        </h3>
-        <p class="text-sm text-gray-600 dark:text-gray-400">Avg Duration</p>
-    </div>
-
-    <!-- Failed/Timeout -->
-    <div class="stat-card bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between mb-4">
-            <span class="material-icons text-4xl text-red-500 dark:text-red-400">error</span>
-            <span class="text-xs text-gray-600 dark:text-gray-400">Issues</span>
-        </div>
-        <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-1" id="failed-count">
-            0
-        </h3>
-        <p class="text-sm text-gray-600 dark:text-gray-400">Failed/Timeout</p>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/system_status.html

@@ -1,91 +0,0 @@
-<!-- System Status -->
-<div class="bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 mb-8">
-    <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4 flex items-center">
-        <span class="material-icons mr-2">health_and_safety</span>
-        System Status
-        <button onclick="window.centrifugoDashboard.loadServerInfo()"
-                class="ml-auto text-sm text-purple-600 dark:text-purple-400 hover:text-purple-700 dark:hover:text-purple-300 flex items-center gap-1">
-            <span class="material-icons text-base">refresh</span>
-            Refresh
-        </button>
-    </h2>
-
-    <!-- Live Server Stats Grid -->
-    <div id="server-status-grid" class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-        <!-- Centrifugo Server -->
-        <div class="flex items-start gap-3">
-            <span class="material-icons flex-shrink-0 text-2xl text-gray-500" id="server-status-icon">
-                dns
-            </span>
-            <div class="min-w-0 flex-1">
-                <p class="text-sm font-medium text-gray-900 dark:text-white">Centrifugo Server</p>
-                <p class="text-xs text-gray-600 dark:text-gray-400" id="server-version-text">
-                    Checking...
-                </p>
-                <p class="text-xs text-purple-600 dark:text-purple-400 font-mono" id="server-uptime-text">
-                </p>
-            </div>
-        </div>
-
-        <!-- Connected Clients -->
-        <div class="flex items-start gap-3">
-            <span class="material-icons flex-shrink-0 text-2xl text-green-500">
-                people
-            </span>
-            <div class="min-w-0 flex-1">
-                <p class="text-sm font-medium text-gray-900 dark:text-white">Live Connections</p>
-                <p class="text-2xl font-bold text-green-600 dark:text-green-400" id="live-clients-count">
-                    -
-                </p>
-                <p class="text-xs text-gray-600 dark:text-gray-400">
-                    <span id="live-users-count">-</span> unique users
-                </p>
-            </div>
-        </div>
-
-        <!-- Active Channels -->
-        <div class="flex items-start gap-3">
-            <span class="material-icons flex-shrink-0 text-2xl text-blue-500">
-                streaming
-            </span>
-            <div class="min-w-0 flex-1">
-                <p class="text-sm font-medium text-gray-900 dark:text-white">Active Channels</p>
-                <p class="text-2xl font-bold text-blue-600 dark:text-blue-400" id="live-channels-count">
-                    -
-                </p>
-                <p class="text-xs text-gray-600 dark:text-gray-400">
-                    <span id="live-subs-count">-</span> subscriptions
-                </p>
-            </div>
-        </div>
-    </div>
-
-    <!-- Wrapper Configuration -->
-    <div id="system-status" class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t border-gray-200 dark:border-gray-700">
-        <!-- Wrapper Status -->
-        <div class="flex items-start gap-3">
-            <span class="material-icons flex-shrink-0 text-2xl text-gray-500" id="wrapper-status-icon">
-                link
-            </span>
-            <div class="min-w-0">
-                <p class="text-sm font-medium text-gray-900 dark:text-white">Python Wrapper</p>
-                <p class="text-xs text-gray-600 dark:text-gray-400 break-all" id="wrapper-status-text">
-                    Checking...
-                </p>
-            </div>
-        </div>
-
-        <!-- Configuration Status -->
-        <div class="flex items-start gap-3">
-            <span class="material-icons flex-shrink-0 text-2xl text-gray-500" id="config-status-icon">
-                vpn_key
-            </span>
-            <div class="min-w-0">
-                <p class="text-sm font-medium text-gray-900 dark:text-white">Configuration</p>
-                <p class="text-xs text-gray-600 dark:text-gray-400" id="config-status-text">
-                    Checking...
-                </p>
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/centrifugo/templates/django_cfg_centrifugo/components/tab_navigation.html

@@ -1,29 +0,0 @@
-<!-- Tabs Navigation -->
-<div class="border-b border-gray-200 dark:border-gray-700 mb-6">
-    <nav class="flex space-x-4">
-        <button class="tab-button active px-4 py-2 text-purple-600 dark:text-purple-400 border-b-2 border-purple-600 dark:border-purple-400 font-medium flex items-center gap-2" data-tab="overview">
-            <span class="material-icons text-sm">dashboard</span>
-            <span>Overview</span>
-            <span class="badge rounded-full bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 text-xs" id="overview-count-badge">0</span>
-        </button>
-        <button class="tab-button px-4 py-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300 border-b-2 border-transparent font-medium flex items-center gap-2" data-tab="publishes">
-            <span class="material-icons text-sm">list</span>
-            <span>Recent Publishes</span>
-            <span class="badge rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 text-xs" id="publishes-count-badge">0</span>
-        </button>
-        <button class="tab-button px-4 py-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300 border-b-2 border-transparent font-medium flex items-center gap-2" data-tab="channels">
-            <span class="material-icons text-sm">storage</span>
-            <span>Channels</span>
-            <span class="badge rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 text-xs" id="channels-count-badge">0</span>
-        </button>
-        <button class="tab-button px-4 py-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300 border-b-2 border-transparent font-medium flex items-center gap-2" data-tab="live-channels">
-            <span class="material-icons text-sm">live_tv</span>
-            <span>Live Channels</span>
-            <span class="badge rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 text-xs" id="live-channels-count-badge">0</span>
-        </button>
-        <button class="tab-button px-4 py-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300 border-b-2 border-transparent font-medium flex items-center gap-2" data-tab="usage-guide">
-            <span class="material-icons text-sm">science</span>
-            <span>Live Testing</span>
-        </button>
-    </nav>
-</div>