django-cfg 1.4.106__py3-none-any.whl → 1.4.108__py3-none-any.whl

django_cfg/apps/tasks/tasks/__init__.py

@@ -1,10 +0,0 @@
-"""
-Tasks package for Django CFG Tasks app.
-
-This package contains Dramatiq actors for background task processing.
-"""
-
-# Import all task modules to ensure actors are registered
-from . import demo_tasks
-
-__all__ = ['demo_tasks']

django_cfg/apps/tasks/tasks/demo_tasks.py

@@ -1,127 +0,0 @@
-"""
-Demo tasks for Tasks Dashboard demonstration.
-
-These tasks are used to generate test data for the dashboard
-and demonstrate different queue behaviors and execution times.
-"""
-
-import logging
-import random
-import time
-from datetime import datetime
-
-import dramatiq
-
-logger = logging.getLogger(__name__)
-
-
-@dramatiq.actor(queue_name='default')
-def quick_task(task_id: str, duration: int = 2):
-    """Quick processing task (2-3 seconds)."""
-    logger.info(f'🚀 Quick task {task_id} started at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Quick task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='background')
-def medium_task(task_id: str, duration: int = 5):
-    """Medium processing task (5-8 seconds)."""
-    logger.info(f'🔄 Medium task {task_id} started at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Medium task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='low')
-def slow_task(task_id: str, duration: int = 10):
-    """Slow processing task (10-15 seconds)."""
-    logger.info(f'🐌 Slow task {task_id} started at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Slow task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='critical')
-def critical_task(task_id: str, duration: int = 3):
-    """Critical processing task (2-4 seconds)."""
-    logger.info(f'🔥 Critical task {task_id} started at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Critical task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='payments')
-def payment_task(task_id: str, amount: float):
-    """Payment processing task (1-3 seconds)."""
-    duration = random.randint(1, 3)
-    logger.info(f'💳 Payment task {task_id} processing ${amount} at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Payment task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='agents')
-def agent_task(task_id: str, query: str):
-    """AI agent processing task (3-7 seconds)."""
-    duration = random.randint(3, 7)
-    logger.info(f'🤖 Agent task {task_id} processing query "{query}" at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Agent task {task_id} completed in {duration}s')
-
-
-@dramatiq.actor(queue_name='high')
-def priority_task(task_id: str, priority_level: str):
-    """High priority task (1-4 seconds)."""
-    duration = random.randint(1, 4)
-    logger.info(f'⚡ Priority task {task_id} ({priority_level}) started at {datetime.now().strftime("%H:%M:%S")}')
-    time.sleep(duration)
-    logger.info(f'✅ Priority task {task_id} completed in {duration}s')
-
-
-def generate_demo_tasks() -> int:
-    """
-    Generate a variety of demo tasks for dashboard demonstration.
-    
-    Returns:
-        Number of tasks created
-    """
-    tasks_count = 0
-
-    # Quick tasks (3-5 tasks)
-    for i in range(random.randint(3, 5)):
-        quick_task.send(f'quick_{i+1}', random.randint(2, 3))
-        tasks_count += 1
-
-    # Medium tasks (2-4 tasks)
-    for i in range(random.randint(2, 4)):
-        medium_task.send(f'medium_{i+1}', random.randint(5, 8))
-        tasks_count += 1
-
-    # Slow tasks (1-2 tasks)
-    for i in range(random.randint(1, 2)):
-        slow_task.send(f'slow_{i+1}', random.randint(10, 15))
-        tasks_count += 1
-
-    # Critical tasks (2-3 tasks)
-    for i in range(random.randint(2, 3)):
-        critical_task.send(f'critical_{i+1}', random.randint(2, 4))
-        tasks_count += 1
-
-    # Payment tasks (1-3 tasks)
-    for i in range(random.randint(1, 3)):
-        amount = round(random.uniform(10.0, 500.0), 2)
-        payment_task.send(f'payment_{i+1}', amount)
-        tasks_count += 1
-
-    # Agent tasks (1-2 tasks)
-    for i in range(random.randint(1, 2)):
-        queries = ['analyze data', 'generate report', 'process document', 'classify content']
-        query = random.choice(queries)
-        agent_task.send(f'agent_{i+1}', query)
-        tasks_count += 1
-
-    # Priority tasks (1-2 tasks)
-    for i in range(random.randint(1, 2)):
-        priority_levels = ['urgent', 'high', 'critical']
-        priority = random.choice(priority_levels)
-        priority_task.send(f'priority_{i+1}', priority)
-        tasks_count += 1
-
-    logger.info(f"Generated {tasks_count} demo tasks across all queues")
-    return tasks_count

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

@@ -1,71 +0,0 @@
-<!-- Management Actions -->
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 mb-6">
-    <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
-        <h2 class="text-lg font-semibold text-gray-900 dark:text-white flex items-center">
-            <span class="material-icons text-primary-600 dark:text-primary-400 mr-2">settings</span>
-            Management Actions
-        </h2>
-    </div>
-
-    <div class="p-4">
-        <!-- All Actions in One Row -->
-        <div class="flex flex-wrap gap-3">
-            <!-- Primary Actions -->
-            <button @click="simulateTasks(5)"
-                    :disabled="loading"
-                    class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded-lg border border-blue-600 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-2">science</span>
-                Simulate Data
-            </button>
-
-            <button @click="clearAllTasks()"
-                    :disabled="loading"
-                    class="inline-flex items-center px-4 py-2 bg-orange-600 hover:bg-orange-700 text-white text-sm rounded-lg border border-orange-600 transition-colors focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-2">clear_all</span>
-                Clear Data
-            </button>
-
-            <!-- Secondary Actions -->
-            <button @click="clearAllQueues()"
-                    :disabled="loading"
-                    class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm rounded-lg border border-red-600 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-2">delete_sweep</span>
-                Clear Queues
-            </button>
-
-            <button @click="purgeFailedTasks()"
-                    :disabled="loading"
-                    class="inline-flex items-center px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm rounded-lg border border-purple-600 transition-colors focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed">
-                <span class="material-icons text-sm mr-2">cleaning_services</span>
-                Purge Failed
-            </button>
-        </div>
-
-        <!-- Action Status (Managed by Alpine.js state) -->
-        <div x-show="actionMessage" x-cloak class="mt-4">
-            <div class="p-3 rounded-lg"
-                 :class="{
-                     'bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800': actionType === 'info',
-                     'bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800': actionType === 'success',
-                     'bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800': actionType === 'error'
-                 }">
-                <div class="flex items-center">
-                    <span class="material-icons text-sm mr-2"
-                          :class="{
-                              'text-blue-600 dark:text-blue-400': actionType === 'info',
-                              'text-green-600 dark:text-green-400': actionType === 'success',
-                              'text-red-600 dark:text-red-400': actionType === 'error'
-                          }"
-                          x-text="actionType === 'success' ? 'check_circle' : (actionType === 'error' ? 'error' : 'info')"></span>
-                    <span class="text-sm"
-                          :class="{
-                              'text-blue-800 dark:text-blue-200': actionType === 'info',
-                              'text-green-800 dark:text-green-200': actionType === 'success',
-                              'text-red-800 dark:text-red-200': actionType === 'error'
-                          }"
-                          x-text="actionMessage"></span>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

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

@@ -1,94 +0,0 @@
-<!-- Overview Content -->
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
-    <!-- Status Cards -->
-    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6 card-hover">
-        <div class="flex items-center">
-            <div class="flex-shrink-0">
-                <span class="material-icons text-2xl text-blue-600 dark:text-blue-400">queue</span>
-            </div>
-            <div class="ml-4">
-                <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Active Queues</p>
-                <p class="text-2xl font-semibold text-gray-900 dark:text-white" x-text="stats.active_queues || 0"></p>
-            </div>
-        </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6 card-hover">
-        <div class="flex items-center">
-            <div class="flex-shrink-0">
-                <span class="material-icons text-2xl text-green-600 dark:text-green-400">engineering</span>
-            </div>
-            <div class="ml-4">
-                <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Workers</p>
-                <p class="text-2xl font-semibold text-gray-900 dark:text-white" x-text="stats.workers || 0"></p>
-            </div>
-        </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6 card-hover">
-        <div class="flex items-center">
-            <div class="flex-shrink-0">
-                <span class="material-icons text-2xl text-yellow-600 dark:text-yellow-400">schedule</span>
-            </div>
-            <div class="ml-4">
-                <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Pending Tasks</p>
-                <p class="text-2xl font-semibold text-gray-900 dark:text-white" x-text="stats.pending_tasks || 0"></p>
-            </div>
-        </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6 card-hover">
-        <div class="flex items-center">
-            <div class="flex-shrink-0">
-                <span class="material-icons text-2xl text-red-600 dark:text-red-400">error</span>
-            </div>
-            <div class="ml-4">
-                <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Failed Tasks</p>
-                <p class="text-2xl font-semibold text-gray-900 dark:text-white" x-text="stats.failed_tasks || 0"></p>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- System Status -->
-<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">
-        <h2 class="text-lg font-semibold text-gray-900 dark:text-white flex items-center">
-            <span class="material-icons text-primary-600 dark:text-primary-400 mr-2">monitor_heart</span>
-            System Status
-        </h2>
-    </div>
-    <div class="p-6">
-        <!-- Loading State -->
-        <div x-show="loading && Object.keys(stats).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 status...</span>
-            </div>
-        </div>
-
-        <!-- Stats Grid -->
-        <div x-show="!loading || Object.keys(stats).length > 0" x-cloak>
-            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="text-xs text-gray-600 dark:text-gray-400 mb-1">Total Tasks</div>
-                    <div class="text-xl font-bold text-gray-900 dark:text-white" x-text="stats.total_tasks || 0"></div>
-                </div>
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="text-xs text-gray-600 dark:text-gray-400 mb-1">Completed</div>
-                    <div class="text-xl font-bold text-green-600 dark:text-green-400" x-text="stats.completed_tasks || 0"></div>
-                </div>
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="text-xs text-gray-600 dark:text-gray-400 mb-1">Running</div>
-                    <div class="text-xl font-bold text-blue-600 dark:text-blue-400" x-text="stats.running_tasks || 0"></div>
-                </div>
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="text-xs text-gray-600 dark:text-gray-400 mb-1">Success Rate</div>
-                    <div class="text-xl font-bold text-gray-900 dark:text-white">
-                        <span x-text="stats.success_rate ? (stats.success_rate * 100).toFixed(1) : '0.0'"></span>%
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

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

@@ -1,44 +0,0 @@
-<!-- Queues 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-blue-600 dark:text-blue-400 mr-2">queue</span>
-            Queue Details
-        </h2>
-        <button @click="loadQueues()"
-                :disabled="loading"
-                class="inline-flex items-center px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
-            <span class="material-icons text-sm" :class="{ 'animate-spin': loading }">refresh</span>
-        </button>
-    </div>
-    <div class="p-6">
-        <!-- Loading State -->
-        <div x-show="loading && queues.length === 0" x-cloak>
-            <p class="text-gray-600 dark:text-gray-400">Loading queues...</p>
-        </div>
-
-        <!-- Empty State -->
-        <div x-show="!loading && queues.length === 0" x-cloak>
-            <p class="text-gray-600 dark:text-gray-400">No queues found.</p>
-        </div>
-
-        <!-- Queues List -->
-        <div x-show="queues.length > 0" x-cloak>
-            <div class="space-y-3">
-                <template x-for="queue in queues" :key="queue.name">
-                    <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="queue.name"></h3>
-                                <p class="text-sm text-gray-600 dark:text-gray-400" x-text="queue.size + ' tasks'"></p>
-                            </div>
-                            <div class="px-3 py-1 text-xs rounded-full"
-                                 :class="queue.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="queue.is_active ? 'Active' : 'Inactive'"></div>
-                        </div>
-                    </div>
-                </template>
-            </div>
-        </div>
-    </div>
-</div>

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

@@ -1,45 +0,0 @@
-<!-- Tab Navigation -->
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700">
-    <div class="border-b border-gray-200 dark:border-gray-700">
-        <nav class="-mb-px flex space-x-8 px-6" aria-label="Tabs">
-            <button @click="activeTab = 'overview'"
-                    class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm flex items-center gap-2 transition-colors"
-                    :class="activeTab === 'overview'
-                        ? 'border-primary-500 text-primary-600 dark:text-primary-400'
-                        : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'">
-                <span class="material-icons text-sm">dashboard</span>
-                <span>Overview</span>
-            </button>
-
-            <button @click="activeTab = 'queues'"
-                    class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm flex items-center gap-2 transition-colors"
-                    :class="activeTab === 'queues'
-                        ? 'border-primary-500 text-primary-600 dark:text-primary-400'
-                        : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'">
-                <span class="material-icons text-sm">queue</span>
-                <span>Queues</span>
-                <span class="px-2 py-1 text-xs rounded-full bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200" x-text="counts.queues"></span>
-            </button>
-
-            <button @click="activeTab = 'workers'"
-                    class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm flex items-center gap-2 transition-colors"
-                    :class="activeTab === 'workers'
-                        ? 'border-primary-500 text-primary-600 dark:text-primary-400'
-                        : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'">
-                <span class="material-icons text-sm">engineering</span>
-                <span>Workers</span>
-                <span class="px-2 py-1 text-xs rounded-full bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200" x-text="counts.workers"></span>
-            </button>
-
-            <button @click="activeTab = 'tasks'"
-                    class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm flex items-center gap-2 transition-colors"
-                    :class="activeTab === 'tasks'
-                        ? 'border-primary-500 text-primary-600 dark:text-primary-400'
-                        : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'">
-                <span class="material-icons text-sm">list</span>
-                <span>Tasks</span>
-                <span class="px-2 py-1 text-xs rounded-full bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200" x-text="counts.tasks"></span>
-            </button>
-        </nav>
-    </div>
-</div>

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

@@ -1,151 +0,0 @@
-<!-- Task Details Modal -->
-<div x-show="showTaskModal"
-     x-cloak
-     @click.self="closeTaskModal()"
-     class="fixed inset-0 z-50 overflow-y-auto bg-gray-900 bg-opacity-50 flex items-center justify-center p-4"
-     style="display: none;">
-
-    <div @click.stop
-         x-show="showTaskModal"
-         x-transition:enter="transition ease-out duration-300"
-         x-transition:enter-start="opacity-0 transform scale-90"
-         x-transition:enter-end="opacity-100 transform scale-100"
-         x-transition:leave="transition ease-in duration-200"
-         x-transition:leave-start="opacity-100 transform scale-100"
-         x-transition:leave-end="opacity-0 transform scale-90"
-         class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-3xl w-full max-h-[90vh] overflow-hidden flex flex-col">
-
-        <!-- Modal Header -->
-        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between bg-gray-50 dark:bg-gray-900">
-            <div class="flex items-center space-x-3">
-                <span class="material-icons text-2xl text-blue-600 dark:text-blue-400">task_alt</span>
-                <div>
-                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Task Details</h3>
-                    <p class="text-sm text-gray-500 dark:text-gray-400" x-text="selectedTask?.message_id || selectedTask?.task_id || 'N/A'"></p>
-                </div>
-            </div>
-            <button @click="closeTaskModal()"
-                    class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors">
-                <span class="material-icons">close</span>
-            </button>
-        </div>
-
-        <!-- Modal Body -->
-        <div class="flex-1 overflow-y-auto p-6 space-y-6">
-
-            <!-- Status Badge -->
-            <div class="flex items-center space-x-3">
-                <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Status:</span>
-                <span class="status-badge"
-                      :class="'status-badge ' + (selectedTask?.status || 'pending')"
-                      x-text="selectedTask?.status || 'pending'"></span>
-            </div>
-
-            <!-- Task Information Grid -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-
-                <!-- Task Name -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">label</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Task Name</span>
-                    </div>
-                    <p class="text-sm font-medium text-gray-900 dark:text-white" x-text="selectedTask?.name || selectedTask?.actor_name || 'N/A'"></p>
-                </div>
-
-                <!-- Queue -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">queue</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Queue</span>
-                    </div>
-                    <p class="text-sm font-medium text-gray-900 dark:text-white" x-text="selectedTask?.queue || selectedTask?.queue_name || 'default'"></p>
-                </div>
-
-                <!-- Duration -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">schedule</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Duration</span>
-                    </div>
-                    <p class="text-sm font-medium text-gray-900 dark:text-white" x-text="formatDuration(selectedTask?.duration)"></p>
-                </div>
-
-                <!-- Created At -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">access_time</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Created</span>
-                    </div>
-                    <p class="text-sm font-medium text-gray-900 dark:text-white" x-text="formatDate(selectedTask?.created_at)"></p>
-                </div>
-
-                <!-- Updated At -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">update</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Updated</span>
-                    </div>
-                    <p class="text-sm font-medium text-gray-900 dark:text-white" x-text="formatDate(selectedTask?.updated_at)"></p>
-                </div>
-
-                <!-- Task ID -->
-                <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                    <div class="flex items-center space-x-2 mb-2">
-                        <span class="material-icons text-sm text-gray-500 dark:text-gray-400">fingerprint</span>
-                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Task ID</span>
-                    </div>
-                    <p class="text-xs font-mono text-gray-900 dark:text-white break-all" x-text="selectedTask?.task_id || selectedTask?.message_id || selectedTask?.id || 'N/A'"></p>
-                </div>
-            </div>
-
-            <!-- Arguments (if available) -->
-            <div x-show="selectedTask?.args || selectedTask?.kwargs" class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                <div class="flex items-center space-x-2 mb-3">
-                    <span class="material-icons text-sm text-gray-500 dark:text-gray-400">code</span>
-                    <span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Arguments</span>
-                </div>
-                <pre class="text-xs text-gray-900 dark:text-white font-mono bg-white dark:bg-gray-800 p-3 rounded border border-gray-200 dark:border-gray-600 overflow-x-auto" x-text="JSON.stringify(selectedTask?.args || selectedTask?.kwargs || {}, null, 2)"></pre>
-            </div>
-
-            <!-- Error Details (if failed) -->
-            <div x-show="selectedTask?.status === 'failed' && selectedTask?.error" class="bg-red-50 dark:bg-red-900/20 rounded-lg p-4 border border-red-200 dark:border-red-800">
-                <div class="flex items-center space-x-2 mb-3">
-                    <span class="material-icons text-sm text-red-600 dark:text-red-400">error</span>
-                    <span class="text-xs font-medium text-red-600 dark:text-red-400 uppercase">Error Details</span>
-                </div>
-                <pre class="text-xs text-red-900 dark:text-red-200 font-mono bg-white dark:bg-gray-800 p-3 rounded border border-red-200 dark:border-red-700 overflow-x-auto whitespace-pre-wrap" x-text="selectedTask?.error || 'No error details available'"></pre>
-            </div>
-
-            <!-- Result (if completed) -->
-            <div x-show="selectedTask?.status === 'completed' && selectedTask?.result" class="bg-green-50 dark:bg-green-900/20 rounded-lg p-4 border border-green-200 dark:border-green-800">
-                <div class="flex items-center space-x-2 mb-3">
-                    <span class="material-icons text-sm text-green-600 dark:text-green-400">check_circle</span>
-                    <span class="text-xs font-medium text-green-600 dark:text-green-400 uppercase">Result</span>
-                </div>
-                <pre class="text-xs text-green-900 dark:text-green-200 font-mono bg-white dark:bg-gray-800 p-3 rounded border border-green-200 dark:border-green-700 overflow-x-auto" x-text="JSON.stringify(selectedTask?.result || 'Completed successfully', null, 2)"></pre>
-            </div>
-        </div>
-
-        <!-- Modal Footer -->
-        <div class="px-6 py-4 bg-gray-50 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between">
-            <div class="flex space-x-3">
-                <button @click="retryTask(selectedTask)"
-                        x-show="selectedTask?.status === 'failed'"
-                        class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white text-sm font-medium rounded-lg transition-colors">
-                    <span class="material-icons text-sm mr-2">refresh</span>
-                    Retry Task
-                </button>
-                <button @click="deleteTask(selectedTask)"
-                        class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium rounded-lg transition-colors">
-                    <span class="material-icons text-sm mr-2">delete</span>
-                    Delete Task
-                </button>
-            </div>
-            <button @click="closeTaskModal()"
-                    class="inline-flex items-center px-4 py-2 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 text-sm font-medium rounded-lg transition-colors">
-                Close
-            </button>
-        </div>
-    </div>
-</div>

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

@@ -1,61 +0,0 @@
-<!-- Tasks Content -->
-<div 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 mb-4">
-            <div class="flex items-center">
-                <span class="material-icons text-purple-600 dark:text-purple-400 mr-2">list</span>
-                <h2 class="text-lg font-semibold text-gray-900 dark:text-white">Task Monitor</h2>
-                <span class="ml-3 px-2 py-1 text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 rounded-full"
-                      x-text="counts.tasks + ' tasks'"></span>
-            </div>
-
-            <div class="flex items-center space-x-2">
-                <button @click="toggleAutoRefresh()"
-                        class="px-3 py-1 text-sm rounded-lg transition-colors flex items-center"
-                        :class="autoRefresh
-                            ? 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 hover:bg-green-200 dark:hover:bg-green-800'
-                            : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-600'">
-                    <span class="material-icons text-sm mr-1">refresh</span>
-                    <span x-text="'Auto: ' + (autoRefresh ? 'ON' : 'OFF')"></span>
-                </button>
-                <button @click="loadTasks()"
-                        class="p-2 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors"
-                        :disabled="loading">
-                    <span class="material-icons text-sm" :class="{ 'animate-spin': loading }">refresh</span>
-                </button>
-            </div>
-        </div>
-
-        <!-- Filters -->
-        {% include 'tasks/widgets/task_filters.html' %}
-    </div>
-
-    <!-- Content -->
-    <div class="p-6">
-        <!-- Loading State -->
-        <div x-show="loading && tasks.length === 0"
-             x-cloak
-             class="flex items-center justify-center py-12">
-            <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-purple-600"></div>
-            <span class="ml-3 text-gray-600 dark:text-gray-400">Loading tasks...</span>
-        </div>
-
-        <!-- Empty State -->
-        <div x-show="!loading && filteredTasks.length === 0"
-             x-cloak
-             class="text-center py-12">
-            <span class="material-icons text-6xl text-gray-400 dark:text-gray-600 mb-4">inbox</span>
-            <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">No tasks found</h3>
-            <p class="text-gray-500 dark:text-gray-400">Try adjusting your filters or run some tasks.</p>
-        </div>
-
-        <!-- Task List -->
-        <div x-show="!loading && filteredTasks.length > 0" x-cloak>
-            {% include 'tasks/widgets/task_table.html' %}
-        </div>
-    </div>
-
-    <!-- Footer -->
-    {% include 'tasks/widgets/task_footer.html' %}
-</div>