dj-queue 0.2.0__tar.gz → 0.2.2__tar.gz

{dj_queue-0.2.0 → dj_queue-0.2.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: dj-queue
-Version: 0.2.0
+Version: 0.2.2
 Summary: Database-backed task queue backend for Django's django.tasks framework
 License-Expression: MIT
 License-File: LICENSE
@@ -28,6 +28,7 @@ Description-Content-Type: text/markdown
 
 [![CI](https://github.com/coriocactus/dj_queue/actions/workflows/ci.yml/badge.svg)](https://github.com/coriocactus/dj_queue/actions/workflows/ci.yml)
 ![PyPI](https://img.shields.io/pypi/v/dj-queue.svg)
+[![Latest on Django Packages](https://img.shields.io/badge/pypi/dj-queue-tags.svg)](https://djangopackages.org/packages/p/dj-queue/)
 ![PyPI - Python Version](https://img.shields.io/pypi/pyversions/dj-queue.svg)
 ![PyPI - Status](https://img.shields.io/pypi/status/dj-queue.svg)
 ![PyPI - License](https://img.shields.io/pypi/l/dj-queue.svg)
@@ -414,8 +415,8 @@ pauses, and semaphores.
 When a task raises, `dj_queue` keeps the job and its failed execution row in the
 queue database, including the exception class, message, and traceback.
 
-You can retry failed jobs through Django admin, or retry and discard them
-through the operations layer:
+You can retry and discard failed jobs through Django admin, or call the same
+operations directly through the operations layer:
 
 ```python
 from dj_queue.operations.jobs import discard_failed_job, retry_failed_job

{dj_queue-0.2.0 → dj_queue-0.2.2}/README.md

@@ -2,6 +2,7 @@
 
 [![CI](https://github.com/coriocactus/dj_queue/actions/workflows/ci.yml/badge.svg)](https://github.com/coriocactus/dj_queue/actions/workflows/ci.yml)
 ![PyPI](https://img.shields.io/pypi/v/dj-queue.svg)
+[![Latest on Django Packages](https://img.shields.io/badge/pypi/dj-queue-tags.svg)](https://djangopackages.org/packages/p/dj-queue/)
 ![PyPI - Python Version](https://img.shields.io/pypi/pyversions/dj-queue.svg)
 ![PyPI - Status](https://img.shields.io/pypi/status/dj-queue.svg)
 ![PyPI - License](https://img.shields.io/pypi/l/dj-queue.svg)
@@ -388,8 +389,8 @@ pauses, and semaphores.
 When a task raises, `dj_queue` keeps the job and its failed execution row in the
 queue database, including the exception class, message, and traceback.
 
-You can retry failed jobs through Django admin, or retry and discard them
-through the operations layer:
+You can retry and discard failed jobs through Django admin, or call the same
+operations directly through the operations layer:
 
 ```python
 from dj_queue.operations.jobs import discard_failed_job, retry_failed_job

{dj_queue-0.2.0 → dj_queue-0.2.2}/dj_queue/admin.py

@@ -29,10 +29,25 @@ from dj_queue.models import (
 
 
 class DjQueueFirstAdminSite(admin.AdminSite):
+  def _dashboard_app_url(self):
+    return reverse("admin:dj_queue_dashboard_changelist", current_app=self.name)
+
   def get_app_list(self, request, app_label=None):
     app_list = super().get_app_list(request, app_label=app_label)
+    for app in app_list:
+      if app["app_label"] == "dj_queue":
+        app["app_url"] = self._dashboard_app_url()
     return sorted(app_list, key=lambda app: app["app_label"] != "dj_queue")
 
+  def app_index(self, request, app_label, extra_context=None):
+    if app_label == "dj_queue":
+      url = self._dashboard_app_url()
+      query = request.GET.urlencode()
+      if query:
+        url = f"{url}?{query}"
+      return HttpResponseRedirect(url)
+    return super().app_index(request, app_label, extra_context=extra_context)
+
 
 admin.site.__class__ = DjQueueFirstAdminSite
 
@@ -64,6 +79,7 @@ class DashboardAdmin(admin.ModelAdmin):
     context = {
       **self.admin_site.each_context(request),
       **dashboard.dashboard_context(backend_alias=backend_alias, query_params=request.GET),
+      "title": "dj_queue",
     }
     if extra_context:
       context.update(extra_context)
@@ -96,16 +112,19 @@ class DashboardAdmin(admin.ModelAdmin):
     backend_alias = dashboard.resolve_backend_alias(request.GET.get("backend"))
     state = request.GET.get("state", "ready")
     page_number = request.GET.get("page", 1)
+    queue_context = dashboard.queue_page_context(
+      backend_alias=backend_alias,
+      queue_name=queue_name,
+      state=state,
+      page_number=page_number,
+      query_params=request.GET,
+    )
     context = {
       **self.admin_site.each_context(request),
-      **dashboard.queue_page_context(
-        backend_alias=backend_alias,
-        queue_name=queue_name,
-        state=state,
-        page_number=page_number,
-        query_params=request.GET,
-      ),
+      **queue_context,
       "job_actions": dashboard.job_actions_for_state(state),
+      "title": "dj_queue",
+      "subtitle": queue_name,
     }
     return TemplateResponse(request, "admin/dj_queue/queue_jobs.html", context)
 
@@ -175,10 +194,35 @@ class HiddenSidebarAdminMixin:
   backend_query_param = "backend"
   backend_filter_field = None
   ignored_filter_params = ()
+  change_list_template = "admin/dj_queue/change_list.html"
+  change_form_template = "admin/dj_queue/change_form.html"
 
   def get_list_filter(self, request):
     return (BackendListFilter, *tuple(super().get_list_filter(request)))
 
+  def changelist_view(self, request, extra_context=None):
+    extra_context = {**(extra_context or {}), "dashboard_url": self._dashboard_url(request)}
+    return super().changelist_view(request, extra_context=extra_context)
+
+  def changeform_view(self, request, object_id=None, form_url="", extra_context=None):
+    obj = self.get_object(request, object_id) if object_id is not None else None
+    if request.method == "POST":
+      action = request.POST.get("_djq_object_action")
+      if action and obj is not None:
+        return self.handle_change_action(request, obj, action)
+
+    extra_context = {
+      **(extra_context or {}),
+      "dashboard_url": self._dashboard_url(request),
+      "change_actions": self.get_change_actions(request, obj),
+    }
+    return super().changeform_view(
+      request,
+      object_id=object_id,
+      form_url=form_url,
+      extra_context=extra_context,
+    )
+
   def has_add_permission(self, request):
     return False
 
@@ -239,6 +283,26 @@ class HiddenSidebarAdminMixin:
   def _backend_database_alias(self, request):
     return get_database_alias(self._backend_alias(request))
 
+  def _dashboard_url(self, request):
+    return f"{reverse('admin:dj_queue_dashboard_changelist')}?{urlencode({'backend': self._backend_alias(request)})}"
+
+  def get_change_actions(self, request, obj):
+    return ()
+
+  def handle_change_action(self, request, obj, action):
+    return HttpResponseRedirect(request.get_full_path())
+
+  def _change_url(self, *, object_id, backend_alias):
+    url = reverse(
+      f"admin:{self.model._meta.app_label}_{self.model._meta.model_name}_change",
+      args=[object_id],
+    )
+    return f"{url}?{urlencode({'backend': backend_alias})}"
+
+  def _changelist_url(self, *, backend_alias):
+    url = reverse(f"admin:{self.model._meta.app_label}_{self.model._meta.model_name}_changelist")
+    return f"{url}?{urlencode({'backend': backend_alias})}"
+
 
 class JobStatusListFilter(admin.SimpleListFilter):
   title = "status"
@@ -409,6 +473,39 @@ class JobAdmin(HiddenSidebarAdminMixin, admin.ModelAdmin):
     url = f"{reverse('admin:dj_queue_dashboard_queue', args=[obj.queue_name])}?{urlencode(query)}"
     return format_html('<a href="{}">{}</a>', url, obj.queue_name)
 
+  def get_change_actions(self, request, obj):
+    if obj is None or obj.status != "failed":
+      return ()
+    return (
+      {"name": "retry", "label": "Retry failed job", "css_class": "djq-object-action-retry"},
+      {
+        "name": "discard",
+        "label": "Discard failed job",
+        "css_class": "djq-object-action-discard",
+      },
+    )
+
+  def handle_change_action(self, request, obj, action):
+    if obj.status != "failed":
+      self.message_user(request, "This job is not failed", level=messages.ERROR)
+      return HttpResponseRedirect(
+        self._change_url(object_id=obj.pk, backend_alias=obj.backend_name)
+      )
+
+    if action == "retry":
+      obj.failed_execution.retry()
+      self.message_user(request, "Retried failed job", level=messages.SUCCESS)
+      return HttpResponseRedirect(
+        self._change_url(object_id=obj.pk, backend_alias=obj.backend_name)
+      )
+
+    if action == "discard":
+      obj.failed_execution.discard()
+      self.message_user(request, "Discarded failed job", level=messages.SUCCESS)
+      return HttpResponseRedirect(self._changelist_url(backend_alias=obj.backend_name))
+
+    return HttpResponseRedirect(self._change_url(object_id=obj.pk, backend_alias=obj.backend_name))
+
 
 @admin.register(FailedExecution)
 class FailedExecutionAdmin(HiddenSidebarAdminMixin, admin.ModelAdmin):
@@ -436,6 +533,35 @@ class FailedExecutionAdmin(HiddenSidebarAdminMixin, admin.ModelAdmin):
       discarded += execution.discard()
     self.message_user(request, f"Discarded {discarded} failed jobs", level=messages.SUCCESS)
 
+  def get_change_actions(self, request, obj):
+    if obj is None:
+      return ()
+    return (
+      {"name": "retry", "label": "Retry failed job", "css_class": "djq-object-action-retry"},
+      {
+        "name": "discard",
+        "label": "Discard failed job",
+        "css_class": "djq-object-action-discard",
+      },
+    )
+
+  def handle_change_action(self, request, obj, action):
+    backend_alias = obj.job.backend_name
+
+    if action == "retry":
+      job_id = obj.job_id
+      obj.retry()
+      self.message_user(request, "Retried failed job", level=messages.SUCCESS)
+      url = reverse("admin:dj_queue_job_change", args=[job_id])
+      return HttpResponseRedirect(f"{url}?{urlencode({'backend': backend_alias})}")
+
+    if action == "discard":
+      obj.discard()
+      self.message_user(request, "Discarded failed job", level=messages.SUCCESS)
+      return HttpResponseRedirect(self._changelist_url(backend_alias=backend_alias))
+
+    return HttpResponseRedirect(self._change_url(object_id=obj.pk, backend_alias=backend_alias))
+
 
 @admin.register(Process)
 class ProcessAdmin(HiddenSidebarAdminMixin, admin.ModelAdmin):

{dj_queue-0.2.0 → dj_queue-0.2.2}/dj_queue/apps.py

@@ -3,4 +3,4 @@ from django.apps import AppConfig
 
 class DjQueueConfig(AppConfig):
   name = "dj_queue"
-  verbose_name = "dj queue"
+  verbose_name = "dj_queue"

{dj_queue-0.2.0 → dj_queue-0.2.2}/dj_queue/dashboard.py

@@ -550,7 +550,7 @@ def _summary_cards(*, backend_alias, queue_rows, process_rows, recurring_rows, s
       "detail": f"{live_processes} live, {stale_processes} stale",
     },
     {
-      "label": "control plane",
+      "label": "control-plane",
       "value": len(recurring_rows) + len(semaphore_rows),
       "detail": f"{len(recurring_rows)} recurring and {len(semaphore_rows)} semaphores",
     },
@@ -962,6 +962,7 @@ def _overview_headers(
     explicit_sort=explicit_sort,
     page_param=page_param,
     anchor=anchor,
+    preserve_anchor=True,
   )
 
 
@@ -974,11 +975,12 @@ def _queue_page_headers(*, state, query_params, sort, explicit_sort, page_param,
     explicit_sort=explicit_sort,
     page_param=page_param,
     anchor=anchor,
+    preserve_anchor=False,
   )
 
 
 def _sortable_headers(
-  *, fields, query_params, sort_param, sort, explicit_sort, page_param, anchor
+  *, fields, query_params, sort_param, sort, explicit_sort, page_param, anchor, preserve_anchor
 ):
   sort_fields = _parse_sort_fields(sort) if explicit_sort else ()
 
@@ -1021,6 +1023,7 @@ def _sortable_headers(
       sort_value=primary_sort,
       page_param=page_param,
       anchor=anchor,
+      preserve_anchor=preserve_anchor,
     )
     toggle_url = (
       _overview_sort_url(
@@ -1029,6 +1032,7 @@ def _sortable_headers(
         sort_value=toggle_sort,
         page_param=page_param,
         anchor=anchor,
+        preserve_anchor=preserve_anchor,
       )
       if is_sorted
       else primary_url
@@ -1040,6 +1044,7 @@ def _sortable_headers(
         sort_value=remove_sort,
         page_param=page_param,
         anchor=anchor,
+        preserve_anchor=preserve_anchor,
       )
       if is_sorted
       else None
@@ -1073,7 +1078,9 @@ def _queue_result_count_text(*, page_obj, total_count):
   return f"{page_obj.start_index()}-{page_obj.end_index()} of {total_count} jobs"
 
 
-def _overview_sort_url(*, query_params, sort_param, sort_value, page_param, anchor):
+def _overview_sort_url(
+  *, query_params, sort_param, sort_value, page_param, anchor, preserve_anchor
+):
   params = query_params.copy()
   if sort_value:
     params[sort_param] = sort_value
@@ -1082,8 +1089,8 @@ def _overview_sort_url(*, query_params, sort_param, sort_value, page_param, anch
   params.pop(page_param, None)
   url = params.urlencode() if hasattr(params, "urlencode") else urlencode(params, doseq=True)
   if not url:
-    return f"?#{anchor}"
-  return f"?{url}#{anchor}"
+    return f"?#{anchor}" if preserve_anchor else "?"
+  return f"?{url}#{anchor}" if preserve_anchor else f"?{url}"
 
 
 def _queue_rows(*, backend_alias, now, process_cutoff):

dj_queue-0.2.2/dj_queue/templates/admin/dj_queue/change_form.html

@@ -0,0 +1,69 @@
+{% extends "admin/change_form.html" %}
+
+{% load i18n admin_urls %}
+
+{% block extrastyle %}
+  {{ block.super }}
+  <style>
+    .submit-row form {
+      display: inline;
+    }
+
+    .submit-row .djq-object-action {
+      border: none;
+      border-radius: 4px;
+      min-height: 2.1875rem;
+      padding: 0.625rem 0.9375rem;
+      color: var(--button-fg);
+      font-size: 0.75rem;
+      line-height: 0.9375rem;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      cursor: pointer;
+    }
+
+    .submit-row .djq-object-action-retry {
+      background: var(--button-bg);
+    }
+
+    .submit-row .djq-object-action-retry:hover,
+    .submit-row .djq-object-action-retry:focus {
+      background: var(--button-hover-bg);
+    }
+
+    .submit-row .djq-object-action-discard {
+      background: var(--delete-button-bg);
+    }
+
+    .submit-row .djq-object-action-discard:hover,
+    .submit-row .djq-object-action-discard:focus {
+      background: var(--delete-button-hover-bg);
+    }
+  </style>
+{% endblock extrastyle %}
+
+{% block breadcrumbs %}
+  <div class="breadcrumbs">
+    <a href='{% url "admin:index" %}'>{% translate "Home" %}</a>
+    › <a href="{{ dashboard_url }}">dj_queue</a>
+    › {% if has_view_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
+    › {% if add %}{% blocktranslate with name=opts.verbose_name %}Add {{ name }}{% endblocktranslate %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
+  </div>
+{% endblock breadcrumbs %}
+
+{% block object-tools %}{% endblock object-tools %}
+
+{% block submit_buttons_top %}{% endblock submit_buttons_top %}
+
+{% block submit_buttons_bottom %}
+  {% if change_actions %}
+    <div class="submit-row">
+      {% for action in change_actions %}
+        <form method="post" action="{{ request.get_full_path }}">
+          {% csrf_token %}
+          <button type="submit" name="_djq_object_action" value="{{ action.name }}" class="djq-object-action {{ action.css_class }}">{{ action.label }}</button>
+        </form>
+      {% endfor %}
+    </div>
+  {% endif %}
+{% endblock submit_buttons_bottom %}

dj_queue-0.2.2/dj_queue/templates/admin/dj_queue/change_list.html

@@ -0,0 +1,11 @@
+{% extends "admin/change_list.html" %}
+
+{% load i18n %}
+
+{% block breadcrumbs %}
+  <div class="breadcrumbs">
+    <a href='{% url "admin:index" %}'>{% translate "Home" %}</a>
+    › <a href="{{ dashboard_url }}">dj_queue</a>
+    › {{ cl.opts.verbose_name_plural|capfirst }}
+  </div>
+{% endblock breadcrumbs %}

{dj_queue-0.2.0 → dj_queue-0.2.2}/dj_queue/templates/admin/dj_queue/dashboard.html

@@ -7,6 +7,8 @@
   <link rel="stylesheet" type="text/css" href="{% static 'admin/css/changelists.css' %}">
   <style>
     #content-main.djq-dashboard {
+      --djq-status-live-fg: #0b6b2d;
+      --djq-status-stale-fg: #8a4b00;
       width: 100%;
       max-width: 100%;
       min-width: 0;
@@ -16,6 +18,18 @@
       box-sizing: border-box;
     }
 
+    @media (prefers-color-scheme: dark) {
+      html:not([data-theme="light"]) #content-main.djq-dashboard {
+        --djq-status-live-fg: #7ad7a2;
+        --djq-status-stale-fg: #ffbf69;
+      }
+    }
+
+    html[data-theme="dark"] #content-main.djq-dashboard {
+      --djq-status-live-fg: #7ad7a2;
+      --djq-status-stale-fg: #ffbf69;
+    }
+
     .djq-hero,
     .djq-summary-grid,
     .djq-section {
@@ -30,8 +44,8 @@
       display: grid;
       gap: 1rem;
       padding: 1.25rem;
-      border: 1px solid rgba(38, 75, 94, 0.14);
-      background: linear-gradient(180deg, rgba(64, 110, 135, 0.06), rgba(64, 110, 135, 0.02));
+      border: 1px solid var(--hairline-color);
+      background: var(--darkened-bg);
     }
 
     .djq-hero-main {
@@ -43,7 +57,7 @@
     p.djq-eyebrow {
       padding: 0;
       margin: 0;
-      color: #406e87;
+      color: var(--link-fg);
       font-size: 0.78rem;
       font-weight: 700;
       letter-spacing: 0.08em;
@@ -60,7 +74,7 @@
       max-width: 44rem;
       padding: 0;
       margin: 0;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.95rem;
       line-height: 1.5;
     }
@@ -69,8 +83,8 @@
       display: grid;
       gap: 0.9rem;
       padding: 1rem;
-      border: 1px solid rgba(38, 75, 94, 0.12);
-      background: rgba(255, 255, 255, 0.84);
+      border: 1px solid var(--hairline-color);
+      background: var(--body-bg);
       min-width: 0;
     }
 
@@ -88,7 +102,7 @@
     }
 
     .djq-backend-switch label {
-      color: #264b5e;
+      color: var(--link-selected-fg);
       font-size: 0.78rem;
       font-weight: 700;
       letter-spacing: 0.06em;
@@ -107,7 +121,7 @@
     p.djq-backend-caption {
       padding: 0;
       margin: 0;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.86rem;
       line-height: 1.45;
     }
@@ -126,7 +140,7 @@
 
     .djq-backend-facts dt {
       margin: 0;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.76rem;
       font-weight: 700;
       letter-spacing: 0.06em;
@@ -135,7 +149,7 @@
 
     .djq-backend-facts dd {
       margin: 0.2rem 0 0;
-      color: #1f1f1f;
+      color: var(--body-fg);
       font-size: 0.95rem;
       line-height: 1.3;
       word-break: break-word;
@@ -143,8 +157,8 @@
 
     .djq-raw-panel {
       padding: 0.95rem 1rem;
-      border: 1px solid rgba(38, 75, 94, 0.12);
-      background: rgba(255, 255, 255, 0.82);
+      border: 1px solid var(--hairline-color);
+      background: var(--body-bg);
       min-width: 0;
     }
 
@@ -182,7 +196,7 @@
     .djq-raw-group h3 {
       padding: 0;
       margin: 0;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.78rem;
       font-weight: 700;
       letter-spacing: 0.08em;
@@ -232,8 +246,8 @@
     }
 
     .djq-summary-card {
-      border: 1px solid rgba(38, 75, 94, 0.12);
-      background: rgba(255, 255, 255, 0.9);
+      border: 1px solid var(--hairline-color);
+      background: var(--body-bg);
       min-width: 0;
     }
 
@@ -250,12 +264,12 @@
       font-size: 1.7rem;
       font-weight: 700;
       line-height: 1.1;
-      color: #1f1f1f;
+      color: var(--body-fg);
     }
 
     .djq-summary-detail {
       margin-top: 0.35rem;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.88rem;
     }
 
@@ -276,18 +290,18 @@
       display: block;
       width: 100%;
       padding: 0.5rem;
-      background: #4f82a0;
-      color: #fff;
+      background: var(--primary);
+      color: var(--primary-fg);
       box-sizing: border-box;
     }
 
     .djq-section-copy {
       margin: 0;
       padding: 0.5rem;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.9rem;
       line-height: 1.45;
-      border-bottom: 1px solid rgba(38, 75, 94, 0.08);
+      border-bottom: 1px solid var(--hairline-color);
     }
 
     .djq-table-wrap {
@@ -354,7 +368,7 @@
     }
 
     .djq-process-row-group {
-      background: rgba(38, 75, 94, 0.04);
+      background: var(--selected-bg);
     }
 
     .djq-process-row-child th:first-child {
@@ -369,25 +383,25 @@
       top: 0.7rem;
       bottom: 0.7rem;
       width: 2px;
-      background: rgba(38, 75, 94, 0.16);
+      background: var(--border-color);
     }
 
     .djq-process-meta {
       display: block;
       margin-top: 0.15rem;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.78rem;
       font-weight: 400;
       white-space: normal;
     }
 
     .djq-status-live {
-      color: #0b6b2d;
+      color: var(--djq-status-live-fg);
       font-weight: 700;
     }
 
     .djq-status-stale {
-      color: #8a4b00;
+      color: var(--djq-status-stale-fg);
       font-weight: 700;
     }
 
@@ -416,7 +430,7 @@
     .djq-empty {
       margin: 0;
       padding: 1rem;
-      color: #4c5b66;
+      color: var(--body-quiet-color);
       font-size: 0.86rem;
       line-height: 1.45;
     }
@@ -796,9 +810,9 @@
             <p>Job-centric rows scoped to the selected backend where possible.</p>
           </div>
           <div class="djq-raw-links">
-            <a href="{% url 'admin:dj_queue_job_changelist' %}?backend={{ backend_alias }}">jobs</a>
-            <a href="{% url 'admin:dj_queue_failedexecution_changelist' %}?backend={{ backend_alias }}">failed executions</a>
-            <a href="{% url 'admin:dj_queue_pause_changelist' %}?backend={{ backend_alias }}">pause rows</a>
+            <a href="{% url 'admin:dj_queue_job_changelist' %}?backend={{ backend_alias }}">Jobs</a>
+            <a href="{% url 'admin:dj_queue_failedexecution_changelist' %}?backend={{ backend_alias }}">Failed executions</a>
+            <a href="{% url 'admin:dj_queue_pause_changelist' %}?backend={{ backend_alias }}">Pauses</a>
           </div>
         </div>
 
@@ -808,9 +822,9 @@
             <p>Control-plane rows scoped by the selected backend's queue database alias.</p>
           </div>
           <div class="djq-raw-links">
-            <a href="{% url 'admin:dj_queue_process_changelist' %}?backend={{ backend_alias }}">processes</a>
-            <a href="{% url 'admin:dj_queue_recurringtask_changelist' %}?backend={{ backend_alias }}">recurring tasks</a>
-            <a href="{% url 'admin:dj_queue_semaphore_changelist' %}?backend={{ backend_alias }}">semaphores</a>
+            <a href="{% url 'admin:dj_queue_process_changelist' %}?backend={{ backend_alias }}">Processes</a>
+            <a href="{% url 'admin:dj_queue_recurringtask_changelist' %}?backend={{ backend_alias }}">Recurring tasks</a>
+            <a href="{% url 'admin:dj_queue_semaphore_changelist' %}?backend={{ backend_alias }}">Semaphores</a>
           </div>
         </div>
       </div>

{dj_queue-0.2.0 → dj_queue-0.2.2}/dj_queue/templates/admin/dj_queue/queue_jobs.html

@@ -6,6 +6,29 @@
   {{ block.super }}
   <link rel="stylesheet" type="text/css" href="{% static 'admin/css/changelists.css' %}">
   <style>
+    #content-main {
+      --djq-tab-selected-bg: var(--primary);
+      --djq-tab-selected-border: var(--primary);
+      --djq-tab-selected-fg: var(--primary-fg);
+      --djq-tab-selected-count-fg: var(--breadcrumbs-link-fg);
+    }
+
+    @media (prefers-color-scheme: dark) {
+      html:not([data-theme="light"]) #content-main {
+        --djq-tab-selected-bg: var(--selected-row);
+        --djq-tab-selected-border: var(--link-selected-fg);
+        --djq-tab-selected-fg: var(--body-fg);
+        --djq-tab-selected-count-fg: var(--body-quiet-color);
+      }
+    }
+
+    html[data-theme="dark"] #content-main {
+      --djq-tab-selected-bg: var(--selected-row);
+      --djq-tab-selected-border: var(--link-selected-fg);
+      --djq-tab-selected-fg: var(--body-fg);
+      --djq-tab-selected-count-fg: var(--body-quiet-color);
+    }
+
     #toolbar .queue-toolbar-row,
     #toolbar .queue-toolbar-meta,
     #toolbar .queue-toolbar-links,
@@ -78,12 +101,71 @@
       margin-top: 0.5rem;
     }
 
-    .queue-state-tabs {
-      padding-bottom: 5px;
+    .toplinks.queue-state-tabs {
+      gap: 1rem;
+      margin-top: 0.75rem;
+      padding: 0.45rem;
+      border: 1px solid var(--hairline-color);
+      background: var(--darkened-bg);
     }
 
-    .queue-state-current {
-      color: var(--link-selected-fg);
+    .queue-state-tab {
+      display: inline-flex;
+      gap: 0.4rem;
+      align-items: center;
+      min-height: 2.15rem;
+      padding: 0 0.9rem;
+      border: 1px solid var(--border-color);
+      border-radius: 999px;
+      background: var(--body-bg);
+      color: var(--link-fg);
+      font-weight: 600;
+      text-decoration: none;
+      transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
+    }
+
+    #changelist .queue-state-tabs a.queue-state-tab,
+    #changelist .queue-state-tabs a.queue-state-tab:hover,
+    #changelist .queue-state-tabs a.queue-state-tab:focus,
+    #changelist .queue-state-tabs a.queue-state-tab:visited {
+      text-decoration: none;
+    }
+
+    .queue-state-tab:not(.queue-state-tab-current):hover,
+    .queue-state-tab:not(.queue-state-tab-current):focus {
+      background: var(--selected-bg);
+      border-color: var(--primary);
+      color: var(--link-hover-color);
+      text-decoration: none;
+    }
+
+    .queue-state-tab-current {
+      background: var(--djq-tab-selected-bg);
+      border-color: var(--djq-tab-selected-border);
+      color: var(--djq-tab-selected-fg);
+      box-shadow: none;
+    }
+
+    .queue-state-tab-current:hover,
+    .queue-state-tab-current:focus {
+      background: var(--djq-tab-selected-bg);
+      border-color: var(--djq-tab-selected-border);
+      color: var(--djq-tab-selected-fg);
+    }
+
+    .queue-state-tab-count {
+      color: var(--body-quiet-color);
+      font-size: 0.82rem;
+      font-weight: 700;
+    }
+
+    .queue-state-tab-current .queue-state-tab-count {
+      color: var(--djq-tab-selected-count-fg);
+    }
+
+    .queue-state-tab-current:hover .queue-state-tab-count,
+    .queue-state-tab-current:focus .queue-state-tab-count {
+      color: var(--djq-tab-selected-count-fg);
     }
 
     #result_list {
@@ -104,15 +186,22 @@
 {% block breadcrumbs %}
   <div class="breadcrumbs">
     <a href="{% url 'admin:index' %}">Home</a>
-    › <a href="{% url 'admin:dj_queue_dashboard_changelist' %}?backend={{ backend_alias }}">dj queue</a>
+    › <a href="{% url 'admin:dj_queue_dashboard_changelist' %}?backend={{ backend_alias }}">dj_queue</a>
+    › <a href="{% url 'admin:dj_queue_dashboard_changelist' %}?backend={{ backend_alias }}#queue-summary">queues</a>
     › {{ queue_name }}
   </div>
 {% endblock breadcrumbs %}
 
 {% block content_title %}
-  <h1>{{ queue_name }} {{ state_label }} jobs</h1>
+  <h1>
+    <a href="{% url 'admin:dj_queue_dashboard_changelist' %}?backend={{ backend_alias }}">dj_queue</a>
+    › <a href="{% url 'admin:dj_queue_dashboard_changelist' %}?backend={{ backend_alias }}#queue-summary">queues</a>
+    › {{ queue_name }}
+  </h1>
 {% endblock content_title %}
 
+{% block content_subtitle %}{% endblock content_subtitle %}
+
 {% block content %}
   <div id="content-main">
     <div class="module" id="changelist">
@@ -150,12 +239,18 @@
             {% endif %}
           </div>
 
-          <div class="toplinks queue-state-tabs">
+          <div class="toplinks queue-state-tabs" aria-label="Job state navigation">
             {% for tab in state_tabs %}
               {% if tab.selected %}
-                <span class="queue-state-current">{{ tab.label }} ({{ tab.count }})</span>
+                <span class="queue-state-tab queue-state-tab-current" aria-current="page">
+                  <span>{{ tab.label }}</span>
+                  <span class="queue-state-tab-count">{{ tab.count }}</span>
+                </span>
               {% else %}
-                <a href="{% url 'admin:dj_queue_dashboard_queue' queue_name %}?backend={{ backend_alias }}&state={{ tab.name }}">{{ tab.label }} ({{ tab.count }})</a>
+                <a class="queue-state-tab" href="{% url 'admin:dj_queue_dashboard_queue' queue_name %}?backend={{ backend_alias }}&state={{ tab.name }}">
+                  <span>{{ tab.label }}</span>
+                  <span class="queue-state-tab-count">{{ tab.count }}</span>
+                </a>
               {% endif %}
             {% endfor %}
           </div>
@@ -212,7 +307,9 @@
                         {% if job_actions %}
                           <td class="action-checkbox"><input type="checkbox" class="action-select" name="job_ids" value="{{ job.id }}"></td>
                         {% endif %}
-                        <th scope="row"><code>{{ job.id }}</code></th>
+                        <th scope="row">
+                          <a href="{% url 'admin:dj_queue_job_change' job.id %}?backend={{ backend_alias }}"><code>{{ job.id }}</code></a>
+                        </th>
                         <td>{{ job.task_path }}</td>
                         <td>{{ job.priority }}</td>
                         <td>{{ job.created_at|date:"Y-m-d H:i:s" }}</td>

{dj_queue-0.2.0 → dj_queue-0.2.2}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "uv_build"
 
 [project]
 name = "dj-queue"
-version = "0.2.0"
+version = "0.2.2"
 description = "Database-backed task queue backend for Django's django.tasks framework"
 readme = "README.md"
 license = "MIT"