django-cfg 1.4.107__py3-none-any.whl → 1.4.109__py3-none-any.whl

django_cfg/apps/tasks/templates/tasks/components/tasks_mjs_integration.html

@@ -1,269 +0,0 @@
-<!-- Example of MJS API client integration in Django template -->
-{% load static %}
-
-<div id="tasks-dashboard" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700">
-    <!-- Header -->
-    <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between">
-            <h2 class="text-lg font-semibold text-gray-900 dark:text-white">Tasks Dashboard (MJS)</h2>
-            <button id="refresh-btn" class="px-3 py-1 text-sm bg-purple-600 text-white rounded hover:bg-purple-700">
-                Refresh
-            </button>
-        </div>
-    </div>
-
-    <!-- Stats -->
-    <div id="task-stats" class="p-6">
-        <div class="grid grid-cols-4 gap-4">
-            <div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg">
-                <div class="text-sm text-gray-600 dark:text-gray-400">Total Tasks</div>
-                <div id="total-tasks" class="text-2xl font-bold text-gray-900 dark:text-white">-</div>
-            </div>
-            <div class="bg-green-50 dark:bg-green-900 p-4 rounded-lg">
-                <div class="text-sm text-green-600 dark:text-green-400">Completed</div>
-                <div id="completed-tasks" class="text-2xl font-bold text-green-900 dark:text-green-100">-</div>
-            </div>
-            <div class="bg-yellow-50 dark:bg-yellow-900 p-4 rounded-lg">
-                <div class="text-sm text-yellow-600 dark:text-yellow-400">Running</div>
-                <div id="running-tasks" class="text-2xl font-bold text-yellow-900 dark:text-yellow-100">-</div>
-            </div>
-            <div class="bg-red-50 dark:bg-red-900 p-4 rounded-lg">
-                <div class="text-sm text-red-600 dark:text-red-400">Failed</div>
-                <div id="failed-tasks" class="text-2xl font-bold text-red-900 dark:text-red-100">-</div>
-            </div>
-        </div>
-    </div>
-
-    <!-- Task List -->
-    <div class="p-6 border-t border-gray-200 dark:border-gray-700">
-        <h3 class="text-md font-semibold text-gray-900 dark:text-white mb-4">Recent Tasks</h3>
-        <div id="task-list" class="space-y-2">
-            <!-- Tasks will be inserted here -->
-        </div>
-    </div>
-
-    <!-- Loading State -->
-    <div id="loading" class="hidden p-6 text-center">
-        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-purple-600 mx-auto"></div>
-        <p class="mt-2 text-gray-600 dark:text-gray-400">Loading tasks...</p>
-    </div>
-
-    <!-- Error State -->
-    <div id="error" class="hidden p-6 text-center">
-        <div class="text-red-600 dark:text-red-400">
-            <span class="material-icons text-5xl">error</span>
-            <p class="mt-2">Failed to load tasks</p>
-            <p id="error-message" class="text-sm mt-1"></p>
-        </div>
-    </div>
-</div>
-
-<script type="module">
-// Import the MJS API client
-import { tasksAPI } from '{% static "api/tasks.mjs" %}';
-
-// State management
-let currentTasks = [];
-let autoRefreshInterval = null;
-
-// DOM elements
-const elements = {
-    totalTasks: document.getElementById('total-tasks'),
-    completedTasks: document.getElementById('completed-tasks'),
-    runningTasks: document.getElementById('running-tasks'),
-    failedTasks: document.getElementById('failed-tasks'),
-    taskList: document.getElementById('task-list'),
-    loading: document.getElementById('loading'),
-    error: document.getElementById('error'),
-    errorMessage: document.getElementById('error-message'),
-    refreshBtn: document.getElementById('refresh-btn')
-};
-
-// Show loading state
-function showLoading() {
-    elements.loading.classList.remove('hidden');
-    elements.error.classList.add('hidden');
-}
-
-// Hide loading state
-function hideLoading() {
-    elements.loading.classList.add('hidden');
-}
-
-// Show error
-function showError(message) {
-    elements.error.classList.remove('hidden');
-    elements.errorMessage.textContent = message;
-    hideLoading();
-}
-
-// Update statistics
-async function updateStats() {
-    try {
-        const stats = await tasksAPI.cfgTasksApiTasksStatsRetrieve();
-
-        elements.totalTasks.textContent = stats.total || 0;
-        elements.completedTasks.textContent = stats.completed || 0;
-        elements.runningTasks.textContent = stats.running || 0;
-        elements.failedTasks.textContent = stats.failed || 0;
-    } catch (error) {
-        console.error('Failed to fetch stats:', error);
-    }
-}
-
-// Render task item
-function renderTaskItem(task) {
-    const statusColors = {
-        'completed': 'text-green-600 bg-green-100',
-        'running': 'text-yellow-600 bg-yellow-100',
-        'failed': 'text-red-600 bg-red-100',
-        'pending': 'text-gray-600 bg-gray-100'
-    };
-
-    const statusColor = statusColors[task.status] || 'text-gray-600 bg-gray-100';
-
-    return `
-        <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded-lg">
-            <div class="flex items-center space-x-3">
-                <span class="px-2 py-1 text-xs font-medium rounded ${statusColor}">
-                    ${task.status}
-                </span>
-                <div>
-                    <div class="font-medium text-gray-900 dark:text-white">${task.name}</div>
-                    <div class="text-sm text-gray-500 dark:text-gray-400">
-                        ${task.queue || 'default'} • ${new Date(task.created_at).toLocaleString()}
-                    </div>
-                </div>
-            </div>
-            <div class="text-sm text-gray-500 dark:text-gray-400">
-                ${task.duration || '-'} ms
-            </div>
-        </div>
-    `;
-}
-
-// Load tasks
-async function loadTasks() {
-    showLoading();
-
-    try {
-        // Fetch tasks list
-        const response = await tasksAPI.cfgTasksApiTasksListRetrieve();
-        currentTasks = response.tasks || [];
-
-        // Update stats
-        await updateStats();
-
-        // Render task list
-        if (currentTasks.length > 0) {
-            elements.taskList.innerHTML = currentTasks
-                .slice(0, 10)  // Show only first 10 tasks
-                .map(task => renderTaskItem(task))
-                .join('');
-        } else {
-            elements.taskList.innerHTML = `
-                <div class="text-center py-8 text-gray-500 dark:text-gray-400">
-                    No tasks found
-                </div>
-            `;
-        }
-
-        hideLoading();
-    } catch (error) {
-        console.error('Failed to load tasks:', error);
-        showError(error.message || 'Failed to load tasks');
-    }
-}
-
-// Clear all tasks
-async function clearAllTasks() {
-    if (!confirm('Are you sure you want to clear all tasks?')) {
-        return;
-    }
-
-    try {
-        await tasksAPI.cfgTasksApiClearCreate({});
-        await loadTasks();
-        alert('All tasks cleared successfully');
-    } catch (error) {
-        console.error('Failed to clear tasks:', error);
-        alert('Failed to clear tasks: ' + error.message);
-    }
-}
-
-// Simulate tasks
-async function simulateTasks(count = 5) {
-    try {
-        await tasksAPI.cfgTasksApiSimulateCreate({
-            count: count,
-            queue: 'default',
-            task_type: 'test'
-        });
-        await loadTasks();
-    } catch (error) {
-        console.error('Failed to simulate tasks:', error);
-        alert('Failed to simulate tasks: ' + error.message);
-    }
-}
-
-// Setup auto-refresh
-function startAutoRefresh(interval = 5000) {
-    stopAutoRefresh();
-    autoRefreshInterval = setInterval(() => {
-        loadTasks();
-    }, interval);
-}
-
-function stopAutoRefresh() {
-    if (autoRefreshInterval) {
-        clearInterval(autoRefreshInterval);
-        autoRefreshInterval = null;
-    }
-}
-
-// Event listeners
-elements.refreshBtn.addEventListener('click', () => {
-    loadTasks();
-});
-
-// Keyboard shortcuts
-document.addEventListener('keydown', (e) => {
-    // Ctrl+R or Cmd+R to refresh
-    if ((e.ctrlKey || e.metaKey) && e.key === 'r') {
-        e.preventDefault();
-        loadTasks();
-    }
-
-    // Ctrl+Shift+C to clear tasks
-    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'C') {
-        e.preventDefault();
-        clearAllTasks();
-    }
-
-    // Ctrl+Shift+S to simulate tasks
-    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'S') {
-        e.preventDefault();
-        simulateTasks();
-    }
-});
-
-// Initialize on page load
-loadTasks();
-
-// Start auto-refresh (update every 5 seconds)
-startAutoRefresh(5000);
-
-// Cleanup on page unload
-window.addEventListener('beforeunload', () => {
-    stopAutoRefresh();
-});
-
-// Export functions for external use
-window.tasksDashboard = {
-    loadTasks,
-    clearAllTasks,
-    simulateTasks,
-    startAutoRefresh,
-    stopAutoRefresh
-};
-</script>

django_cfg/apps/tasks/templates/tasks/components/workers_content.html

@@ -1,60 +0,0 @@
-<!-- Workers Content -->
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700">
-    <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
-        <h2 class="text-lg font-semibold text-gray-900 dark:text-white flex items-center">
-            <span class="material-icons text-green-600 dark:text-green-400 mr-2">engineering</span>
-            Worker Management
-        </h2>
-        <div class="flex space-x-2">
-            <button @click="startWorkers()"
-                    :disabled="loading"
-                    class="inline-flex items-center px-3 py-2 bg-green-600 hover:bg-green-700 text-white text-sm rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-1">play_arrow</span>
-                Start
-            </button>
-            <button @click="stopWorkers()"
-                    :disabled="loading"
-                    class="inline-flex items-center px-3 py-2 bg-red-600 hover:bg-red-700 text-white text-sm rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-1">stop</span>
-                Stop
-            </button>
-        </div>
-    </div>
-    <div class="p-6">
-        <!-- Loading State -->
-        <div x-show="loading && workers.length === 0" x-cloak>
-            <div class="flex items-center justify-center py-12">
-                <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600"></div>
-                <span class="ml-3 text-gray-600 dark:text-gray-400">Loading workers...</span>
-            </div>
-        </div>
-
-        <!-- Empty State -->
-        <div x-show="!loading && workers.length === 0" x-cloak>
-            <p class="text-center text-gray-600 dark:text-gray-400 py-12">No workers found.</p>
-        </div>
-
-        <!-- Workers List -->
-        <div x-show="workers.length > 0" x-cloak>
-            <div class="space-y-3">
-                <template x-for="worker in workers" :key="worker.id">
-                    <div class="p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
-                        <div class="flex items-center justify-between">
-                            <div>
-                                <h3 class="font-medium text-gray-900 dark:text-white" x-text="worker.name || worker.id"></h3>
-                                <p class="text-sm text-gray-600 dark:text-gray-400">
-                                    <span x-text="worker.current_task || 'Idle'"></span>
-                                </p>
-                            </div>
-                            <div>
-                                <div class="px-3 py-1 text-xs rounded-full"
-                                     :class="(worker.uptime === 'Active' || worker.is_active) ? 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200' : 'bg-gray-100 dark:bg-gray-600 text-gray-800 dark:text-gray-200'"
-                                     x-text="worker.uptime || (worker.is_active ? 'Active' : 'Inactive')"></div>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-            </div>
-        </div>
-    </div>
-</div>

django_cfg/apps/tasks/templates/tasks/layout/base.html

@@ -1,20 +0,0 @@
-{% extends 'django_tailwind/app.html' %}
-{% load static %}
-
-{% block title %}{% block page_title_text %}Tasks Dashboard{% endblock %} - Django CFG{% endblock %}
-
-{# Navbar configuration #}
-{% block header %}
-{% with navbar_items=tasks_nav_items %}
-{% include 'django_tailwind/components/navbar.html' with title=page_title|default:"Tasks Dashboard" icon='<span class="material-icons text-2xl text-primary-600 dark:text-primary-400">dashboard</span>' nav_items=navbar_items %}
-{% endwith %}
-{% endblock %}
-
-{% block extra_head %}
-{{ block.super }}
-
-<!-- Custom CSS -->
-<link rel="stylesheet" href="{% static 'tasks/css/dashboard.css' %}">
-
-{% block extra_css %}{% endblock %}
-{% endblock %}

django_cfg/apps/tasks/templates/tasks/pages/dashboard-improved.html

@@ -1,168 +0,0 @@
-{% extends 'tasks/layout/base.html' %}
-{% load static %}
-
-{% block extra_css %}
-<style>
-    /* Tab styling - важно для работы табов */
-    .tab-button.active {
-        border-color: #3b82f6 !important;
-        color: #3b82f6 !important;
-    }
-
-    .tab-panel {
-        display: none !important;
-    }
-
-    .tab-panel.active {
-        display: block !important;
-    }
-
-    /* Убираем все остальные табы кроме активного */
-    #queues-tab,
-    #workers-tab,
-    #tasks-tab {
-        display: none;
-    }
-
-    #overview-tab {
-        display: block;
-    }
-</style>
-{% endblock %}
-
-{% block content %}
-{% csrf_token %}
-
-<!-- Management Actions -->
-{% include 'tasks/components/management_actions.html' %}
-
-<!-- Tab Navigation -->
-{% include 'tasks/components/tab_navigation.html' %}
-
-<!-- Tab Content -->
-<div class="tab-content mt-6">
-    <!-- Overview Tab -->
-    <div id="overview-tab" class="tab-panel active">
-        {% include 'tasks/components/overview_content.html' %}
-    </div>
-
-    <!-- Queues Tab -->
-    <div id="queues-tab" class="tab-panel">
-        {% include 'tasks/components/queues_content.html' %}
-    </div>
-
-    <!-- Workers Tab -->
-    <div id="workers-tab" class="tab-panel">
-        {% include 'tasks/components/workers_content.html' %}
-    </div>
-
-    <!-- Tasks Tab -->
-    <div id="tasks-tab" class="tab-panel">
-        {% include 'tasks/components/tasks_content.html' %}
-    </div>
-</div>
-
-<!-- Templates for JavaScript -->
-{% include 'tasks/partials/task_row_template.html' %}
-
-{% endblock %}
-
-{% block extra_js %}
-<!-- Improved API Loading with centralized loader -->
-<script type="module">
-    // Import the API loader and task API
-    import { initializeAPIs, showNotification } from '{% static "js/api-loader.mjs" %}';
-    import { tasksAPI } from '{% static "api/tasks/index.mjs" %}';
-
-    // Initialize the API with error handling wrapper
-    async function setupAPIs() {
-        try {
-            // Load task API with automatic error handling
-            const apis = await initializeAPIs(['tasks']);
-
-            // Make available globally for dashboard modules
-            window.tasksAPI = apis.tasks || tasksAPI;
-
-            // Log successful loading
-            console.log('✅ Tasks API loaded with JSDoc types and error handling');
-            console.log('📚 Available methods:', Object.getOwnPropertyNames(Object.getPrototypeOf(window.tasksAPI)));
-
-            // Show IDE hints example
-            console.log(`
-                💡 IDE Tip: Your editor now provides:
-                - Autocomplete for all API methods
-                - Parameter hints with types
-                - Return type information
-                - Inline documentation
-
-                Try typing: tasksAPI. (and see the suggestions!)
-            `);
-
-            // Test the API connection
-            const healthCheck = await window.tasksAPI.cfgTasksApiQueuesStatusRetrieve();
-            if (healthCheck) {
-                showNotification('API connected successfully', 'success');
-            }
-
-        } catch (error) {
-            console.error('❌ Failed to initialize APIs:', error);
-            showNotification('Failed to load API. Some features may not work.', 'error');
-
-            // Fallback to direct import
-            window.tasksAPI = tasksAPI;
-        }
-    }
-
-    // Setup APIs when DOM is ready
-    if (document.readyState === 'loading') {
-        document.addEventListener('DOMContentLoaded', setupAPIs);
-    } else {
-        setupAPIs();
-    }
-</script>
-
-<!-- Dashboard Modules (now with improved API) -->
-<script type="module" src="{% static 'tasks/js/dashboard/overview.mjs' %}"></script>
-<script type="module" src="{% static 'tasks/js/dashboard/queues.mjs' %}"></script>
-<script type="module" src="{% static 'tasks/js/dashboard/workers.mjs' %}"></script>
-<script type="module" src="{% static 'tasks/js/dashboard/tasks.mjs' %}"></script>
-
-<!-- Main Dashboard Controller -->
-<script type="module" src="{% static 'tasks/js/dashboard/main.mjs' %}"></script>
-
-<!-- Debug Helper -->
-<script type="module">
-    // Add debug helper to window for testing
-    window.debugAPI = {
-        // Test various API methods
-        testStats: async () => {
-            const stats = await window.tasksAPI.tasksApiTasksStatsRetrieve();
-            console.log('Task Statistics:', stats);
-            return stats;
-        },
-
-        testQueues: async () => {
-            const queues = await window.tasksAPI.tasksApiQueuesStatusRetrieve();
-            console.log('Queue Status:', queues);
-            return queues;
-        },
-
-        testWorkers: async () => {
-            const workers = await window.tasksAPI.tasksApiWorkersListRetrieve();
-            console.log('Workers List:', workers);
-            return workers;
-        },
-
-        // Show all available methods
-        showMethods: () => {
-            const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(window.tasksAPI))
-                .filter(m => typeof window.tasksAPI[m] === 'function')
-                .filter(m => !m.startsWith('_'));
-            console.log('📋 Available API Methods:', methods);
-            return methods;
-        }
-    };
-
-    console.log('🔧 Debug helpers available: window.debugAPI');
-</script>
-{% endblock %}

django_cfg/apps/tasks/templates/tasks/pages/dashboard.html

@@ -1,77 +0,0 @@
-{% extends 'tasks/layout/base.html' %}
-{% load static %}
-
-{% block extra_css %}
-<link rel="stylesheet" href="{% static 'tasks/css/dashboard-alpine.css' %}">
-{% endblock %}
-
-{% block content %}
-<div x-data="tasksDashboard()">
-{% csrf_token %}
-
-<!-- Management Actions -->
-{% include 'tasks/components/management_actions.html' %}
-
-<!-- Tab Navigation -->
-{% include 'tasks/components/tab_navigation.html' %}
-
-<!-- Tab Content -->
-<div class="tab-content mt-6">
-    <!-- Overview Tab -->
-    <div x-show="activeTab === 'overview'" x-cloak>
-        {% include 'tasks/components/overview_content.html' %}
-    </div>
-
-    <!-- Queues Tab -->
-    <div x-show="activeTab === 'queues'" x-cloak>
-        {% include 'tasks/components/queues_content.html' %}
-    </div>
-
-    <!-- Workers Tab -->
-    <div x-show="activeTab === 'workers'" x-cloak>
-        {% include 'tasks/components/workers_content.html' %}
-    </div>
-
-    <!-- Tasks Tab -->
-    <div x-show="activeTab === 'tasks'" x-cloak>
-        {% include 'tasks/components/tasks_content.html' %}
-    </div>
-</div>
-
-<!-- Templates for JavaScript -->
-{% include 'tasks/partials/task_row_template.html' %}
-
-<!-- Task Details Modal -->
-{% include 'tasks/components/task_details_modal.html' %}
-</div>
-{% endblock %}
-
-{% block extra_js %}
-<!-- Load and initialize Tasks API -->
-<script type="module">
-try {
-    console.log('🔄 Starting TasksAPI module import...');
-    const { loadAPI, showNotification } = await import('/static/js/api-loader.mjs');
-
-    // Load tasks API
-    const tasksAPI = await loadAPI('tasks');
-    console.log('✅ TasksAPI module imported successfully:', tasksAPI);
-
-    // Make it available globally as tasksAPI
-    window.tasksAPI = tasksAPI;
-    window.showNotification = showNotification;
-
-    console.log('✅ TasksAPI loaded from generated MJS client');
-} catch (error) {
-    console.error('❌ Failed to load TasksAPI module:', error);
-    console.error('Error stack:', error.stack);
-    window.tasksAPI = null;
-}
-</script>
-
-<!-- Alpine.js Dashboard Logic (Modular) - Registers component factory globally -->
-<script type="module" src="{% static 'tasks/js/alpine/index.js' %}"></script>
-
-<!-- Alpine.js Core - Will find and register the component when it initializes -->
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
-{% endblock %}

django_cfg/apps/tasks/templates/tasks/partials/task_row_template.html

@@ -1,40 +0,0 @@
-<!-- Task Row Template for JavaScript -->
-<template id="task-row-template">
-    <tr class="task-row hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors" data-task-id="">
-        <!-- Status -->
-        <td class="px-4 py-3 whitespace-nowrap">
-            <div class="flex items-center space-x-2">
-                <span class="material-icons text-sm task-status-icon"></span>
-                <span class="px-2 py-1 text-xs font-medium rounded-full task-status-badge"></span>
-            </div>
-            <!-- Progress bar for running tasks -->
-            <div class="task-progress mt-1 w-16 bg-gray-200 dark:bg-gray-600 rounded-full h-1 hidden">
-                <div class="bg-blue-600 h-1 rounded-full transition-all duration-300" style="width: 0%"></div>
-            </div>
-        </td>
-        
-        <!-- Task Info -->
-        <td class="px-4 py-3">
-            <div class="text-sm font-medium text-gray-900 dark:text-white task-name"></div>
-            <div class="text-xs text-gray-500 dark:text-gray-400 font-mono task-id"></div>
-        </td>
-        
-        <!-- Queue -->
-        <td class="px-4 py-3 whitespace-nowrap">
-            <span class="px-2 py-1 text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 rounded-full task-queue"></span>
-        </td>
-        
-        <!-- Duration -->
-        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 task-duration"></td>
-        
-        <!-- Updated -->
-        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 task-updated"></td>
-        
-        <!-- Actions -->
-        <td class="px-4 py-3 whitespace-nowrap text-right text-sm font-medium">
-            <div class="flex items-center justify-end space-x-1 task-actions">
-                <!-- Actions will be populated by JavaScript -->
-            </div>
-        </td>
-    </tr>
-</template>

django_cfg/apps/tasks/templates/tasks/widgets/task_filters.html

@@ -1,40 +0,0 @@
-<!-- Task Filters Widget -->
-<div class="task-filters-widget flex flex-wrap gap-3 items-center">
-    <!-- Status Filter -->
-    <select x-model="filters.status"
-            @change="applyFilters()"
-            class="text-sm border border-gray-300 dark:border-gray-600 rounded-lg px-3 py-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-primary-500">
-        <option value="">All Status</option>
-        <option value="pending">Pending</option>
-        <option value="running">Running</option>
-        <option value="completed">Completed</option>
-        <option value="failed">Failed</option>
-    </select>
-
-    <!-- Queue Filter -->
-    <select x-model="filters.queue"
-            @change="applyFilters()"
-            class="text-sm border border-gray-300 dark:border-gray-600 rounded-lg px-3 py-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-primary-500">
-        <option value="">All Queues</option>
-        <option value="default">Default</option>
-        <option value="high">High Priority</option>
-        <option value="low">Low Priority</option>
-        <option value="background">Background</option>
-        <option value="payments">Payments</option>
-        <option value="critical">Critical</option>
-    </select>
-
-    <!-- Search Input -->
-    <input x-model="filters.search"
-           @input.debounce.300ms="applyFilters()"
-           type="text"
-           placeholder="Search tasks..."
-           class="text-sm border border-gray-300 dark:border-gray-600 rounded-lg px-3 py-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:ring-2 focus:ring-primary-500 focus:border-primary-500">
-
-    <!-- Last Update Time -->
-    <div class="flex items-center text-xs text-gray-500 dark:text-gray-400 ml-auto">
-        <span class="material-icons text-sm mr-1">schedule</span>
-        <span>Last updated:</span>
-        <span x-text="lastUpdateTime" class="ml-1 font-mono">--:--:--</span>
-    </div>
-</div>