django-adminflow 1.0.0__py3-none-any.whl

adminflow/templates/admin/change_list_results.html

@@ -0,0 +1,211 @@
+{% load i18n admin_urls adminflow_tags %}
+{% if result_hidden_fields %}
+<div class="hiddenfields">
+{% for item in result_hidden_fields %}{{ item }}{% endfor %}
+</div>
+{% endif %}
+
+{% if results %}
+<div class="overflow-x-auto custom-scrollbar">
+    <table id="result_list" class="w-full text-left border-collapse">
+        <thead>
+            <tr class="bg-surface-low border-b border-outline-variant">
+                {% for header in result_headers %}
+                <th scope="col" class="px-4 py-3 font-semibold text-on-surface-variant uppercase tracking-wider text-[11px]" {{ header.class_attrib }}>
+                    <div class="flex items-center gap-1">
+                        {% if header.sortable %}
+                            <a href="{{ header.url_primary }}" class="text-on-surface-variant hover:text-primary transition-colors flex items-center gap-1">
+                                {{ header.text|capfirst }}
+                                {% if header.sortpriority > 0 %}
+                                    <span class="material-symbols-outlined text-xs">
+                                        {% if header.ascending %}arrow_upward{% else %}arrow_downward{% endif %}
+                                    </span>
+                                {% endif %}
+                            </a>
+                        {% else %}
+                            <span class="text-on-surface-variant">{{ header.text|capfirst }}</span>
+                        {% endif %}
+                    </div>
+                </th>
+                {% endfor %}
+                <th scope="col" class="px-6 py-3 font-semibold text-on-surface-variant uppercase tracking-wider text-[11px] text-right">Actions</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-outline-variant/40">
+            {% for result, obj in results|zip_results:cl %}
+                {% if result.form and result.form.non_field_errors %}
+                    <tr class="bg-rose-50 dark:bg-rose-950/20"><td colspan="{{ result|length|add:1 }}" class="px-4 py-2 text-xs text-danger font-semibold">{{ result.form.non_field_errors }}</td></tr>
+                {% endif %}
+                <tr class="hover:bg-surface-low/30 transition-all">
+                    {% for item in result %}
+                        {{ item }}
+                    {% endfor %}
+                    <td class="px-6 py-2.5 text-right align-middle shrink-0 w-24">
+                        <div class="flex items-center justify-end gap-2">
+                            <a href="{% url cl.opts|admin_urlname:'change' obj.pk|admin_urlquote %}" class="p-1.5 hover:bg-primary/10 rounded-lg text-primary transition-all hover:text-primary-dim inline-flex items-center" title="{% translate 'Edit' %}">
+                                <span class="material-symbols-outlined text-sm">edit</span>
+                            </a>
+                            {% if has_delete_permission %}
+                            <a href="{% url cl.opts|admin_urlname:'delete' obj.pk|admin_urlquote %}" class="p-1.5 hover:bg-rose-50 rounded-lg text-rose-500 transition-all hover:text-rose-600 inline-flex items-center" title="{% translate 'Delete' %}">
+                                <span class="material-symbols-outlined text-sm">delete</span>
+                            </a>
+                            {% endif %}
+                        </div>
+                    </td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+
+<style>
+    /* Styling elements dynamically outputted by Django python code */
+    table#result_list {
+        width: 100% !important;
+        border-collapse: collapse !important;
+    }
+    table#result_list td {
+        padding: 12px 16px !important;
+        font-size: 13px !important;
+        color: var(--tw-prose-body);
+        vertical-align: middle !important;
+    }
+    table#result_list td.action-checkbox, 
+    table#result_list th.action-checkbox-column {
+        width: 48px !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+    }
+    table#result_list td.action-checkbox input, 
+    table#result_list th.action-checkbox-column input {
+        border-radius: 4px !important;
+        border-color: #c3c6d7 !important;
+        color: #2563eb !important;
+        width: 16px !important;
+        height: 16px !important;
+        cursor: pointer !important;
+    }
+    table#result_list td a {
+        color: #2563eb !important;
+        font-weight: 600 !important;
+    }
+    table#result_list td a:hover {
+        text-decoration: underline !important;
+    }
+    .dark table#result_list td.action-checkbox input {
+        border-color: #475569 !important;
+        background-color: #0f172a !important;
+    }
+
+    /* ── Mobile Stacked Card View ── */
+    @media (max-width: 767px) {
+        div.overflow-x-auto {
+            overflow-x: visible !important;
+        }
+        table#result_list, 
+        table#result_list tbody, 
+        table#result_list tr,
+        table#result_list th,
+        table#result_list td {
+            display: block !important;
+            width: 100% !important;
+            box-sizing: border-box !important;
+        }
+        table#result_list thead {
+            display: none !important;
+        }
+        table#result_list tr {
+            margin: 12px 0 !important;
+            background: var(--surface-lowest, #ffffff) !important;
+            border: 1px solid rgba(226, 232, 240, 0.9) !important;
+            border-radius: 16px !important;
+            padding: 16px !important;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
+            position: relative !important;
+        }
+
+        /* Top line: Checkbox on left */
+        table#result_list td.action-checkbox,
+        table#result_list th.action-checkbox-column {
+            width: 100% !important;
+            padding: 0 0 12px 0 !important;
+            margin-bottom: 8px !important;
+            border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
+            display: flex !important;
+            align-items: center !important;
+            min-height: 28px !important;
+        }
+
+        /* Top line: Edit / Delete Actions on right (same line as checkbox) */
+        table#result_list td:last-child {
+            position: absolute !important;
+            top: 12px !important;
+            right: 16px !important;
+            width: auto !important;
+            border-top: none !important;
+            border-bottom: none !important;
+            padding: 0 !important;
+            margin: 0 !important;
+            display: flex !important;
+            justify-content: flex-end !important;
+            align-items: center !important;
+            z-index: 10 !important;
+        }
+
+        table#result_list th[data-label],
+        table#result_list td[data-label] {
+            display: flex !important;
+            justify-content: space-between !important;
+            align-items: center !important;
+            padding: 9px 0 !important;
+            border-bottom: 1px solid rgba(226, 232, 240, 0.4) !important;
+            text-align: right !important;
+            font-size: 13px !important;
+            font-weight: 500 !important;
+        }
+
+        table#result_list th[data-label]:last-of-type,
+        table#result_list td[data-label]:last-of-type {
+            border-bottom: none !important;
+        }
+
+        table#result_list [data-label]::before {
+            content: attr(data-label);
+            font-weight: 700 !important;
+            font-size: 10px !important;
+            text-transform: uppercase !important;
+            letter-spacing: 0.05em !important;
+            color: #64748b !important;
+            margin-right: 12px !important;
+            text-align: left !important;
+            flex-shrink: 0 !important;
+        }
+    }
+</style>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        // Enhance checkbox styling
+        const checkboxes = document.querySelectorAll('table#result_list input[type="checkbox"]');
+        checkboxes.forEach(cb => {
+            cb.classList.add("rounded", "border-outline-variant", "text-primary", "focus:ring-primary", "w-4", "h-4", "cursor-pointer", "dark:bg-slate-800", "dark:border-slate-700");
+        });
+
+        // Add mobile card field labels accurately using both th and td row cells
+        const table = document.getElementById('result_list');
+        if (table) {
+            const headers = Array.from(table.querySelectorAll('thead th')).map(th => th.textContent.trim());
+            table.querySelectorAll('tbody tr').forEach(row => {
+                const cells = row.querySelectorAll('th, td');
+                cells.forEach((cell, idx) => {
+                    const isCheckbox = cell.classList.contains('action-checkbox') || cell.classList.contains('action-checkbox-column') || cell.querySelector('input[type="checkbox"]');
+                    const isActions = idx === cells.length - 1;
+                    if (headers[idx] && !isCheckbox && !isActions) {
+                        cell.setAttribute('data-label', headers[idx]);
+                    }
+                });
+            });
+        }
+    });
+</script>
+{% endif %}

adminflow/templates/admin/delete_confirmation.html

@@ -0,0 +1,55 @@
+{% extends "admin/base_site.html" %}
+{% load i18n admin_urls static %}
+
+{% block bodyclass %}{{ opts.app_label }}-{{ opts.model_name }} delete-confirmation{% endblock %}
+
+{% block breadcrumbs %}
+<nav class="flex items-center gap-1.5 text-xs text-on-surface-variant/70 mb-4">
+    <a href="{% url 'admin:index' %}" class="hover:text-primary transition-colors flex items-center"><span class="material-symbols-outlined text-[16px]">home</span></a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <a href="{% url 'admin:app_list' app_label=opts.app_label %}" class="hover:text-primary transition-colors capitalize font-medium">{{ opts.app_label }}</a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <a href="{% url opts|admin_urlname:'changelist' %}" class="hover:text-primary transition-colors font-bold">{{ opts.verbose_name_plural|capfirst }}</a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <span class="text-primary font-bold">{% translate 'Delete' %}</span>
+</nav>
+{% endblock %}
+
+{% block content %}
+<div class="space-y-6 max-w-2xl mx-auto w-full border border-outline-variant bg-surface-lowest p-8 rounded-xl shadow-md my-8">
+    <!-- Danger Icon & Warning title -->
+    <div class="text-center space-y-3">
+        <div class="inline-flex items-center justify-center p-4 bg-danger/10 text-danger rounded-full">
+            <span class="material-symbols-outlined text-4xl">warning</span>
+        </div>
+        <h2 class="text-xl md:text-2xl font-black text-on-surface">{% translate 'Confirm Deletion' %}</h2>
+        <p class="text-xs text-on-surface-variant max-w-md mx-auto">
+            {% blocktranslate with name=opts.verbose_name obj=object %}Are you sure you want to delete the {{ name }} "<strong>{{ obj }}</strong>"? All of the following objects and their related items will be deleted permanently.{% endblocktranslate %}
+        </p>
+    </div>
+
+    <!-- Related deletions list -->
+    <div class="bg-surface-low border border-outline-variant p-4 rounded-lg space-y-2 max-h-[300px] overflow-y-auto custom-scrollbar">
+        <h3 class="text-[10px] font-bold text-on-surface-variant uppercase tracking-wider">{% translate 'Objects to be deleted:' %}</h3>
+        <div class="text-xs text-on-surface-variant space-y-1 font-mono pl-2 border-l-2 border-danger/40">
+            {{ deleted_objects|safe }}
+        </div>
+    </div>
+
+    <!-- Confirmation form -->
+    <form method="post" class="flex flex-col sm:flex-row items-center justify-center gap-3 pt-4 border-t border-outline-variant">
+        {% csrf_token %}
+        <input type="hidden" name="post" value="yes"/>
+        {% if is_popup %}<input type="hidden" name="_popup" value="1"/>{% endif %}
+        
+        <button type="submit" class="w-full sm:w-auto px-6 py-2.5 bg-danger text-white rounded-lg text-xs font-bold hover:bg-danger/95 shadow-md active:scale-[0.98] transition-all">
+            {% translate "Yes, I’m sure" %}
+        </button>
+        
+        <a href="{% if cancel_url %}{{ cancel_url }}{% else %}../{% endif %}" 
+           class="w-full sm:w-auto px-6 py-2.5 bg-surface-lowest border border-outline-variant text-on-surface-variant hover:bg-surface-low text-center rounded-lg text-xs font-bold shadow-sm transition-all">
+            {% translate "No, take me back" %}
+        </a>
+    </form>
+</div>
+{% endblock %}

adminflow/templates/admin/delete_selected_confirmation.html

@@ -0,0 +1,118 @@
+{% extends "admin/base_site.html" %}
+{% load i18n l10n admin_urls static %}
+
+{% block extrahead %}
+    {{ block.super }}
+    {{ media }}
+{% endblock %}
+
+{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
+
+{% block breadcrumbs %}
+<nav class="flex items-center gap-1.5 text-xs text-on-surface-variant/70 mb-4">
+    <a href="{% url 'admin:index' %}" class="hover:text-primary transition-colors flex items-center"><span class="material-symbols-outlined text-[16px]">home</span></a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <a href="{% url 'admin:app_list' app_label=opts.app_label %}" class="hover:text-primary transition-colors capitalize font-medium">{{ opts.app_config.verbose_name }}</a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <a href="{% url opts|admin_urlname:'changelist' %}" class="hover:text-primary transition-colors font-bold">{{ opts.verbose_name_plural|capfirst }}</a>
+    <span class="material-symbols-outlined text-[14px]">chevron_right</span>
+    <span class="text-danger font-bold">{% translate 'Confirm Bulk Deletion' %}</span>
+</nav>
+{% endblock %}
+
+{% block content %}
+<div class="space-y-6 max-w-2xl mx-auto w-full border border-outline-variant bg-surface-lowest p-8 rounded-xl shadow-md my-8">
+
+{% if perms_lacking %}
+    <!-- Permission Error -->
+    <div class="text-center space-y-3">
+        <div class="inline-flex items-center justify-center p-4 bg-warning/10 text-warning rounded-full">
+            <span class="material-symbols-outlined text-4xl">gpp_bad</span>
+        </div>
+        <h2 class="text-xl md:text-2xl font-black text-on-surface">{% translate "Permission Denied" %}</h2>
+        <p class="text-xs text-on-surface-variant max-w-md mx-auto">
+            {% blocktranslate %}Deleting the selected {{ objects_name }} would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:{% endblocktranslate %}
+        </p>
+    </div>
+    <div class="bg-warning/5 border border-warning/20 p-4 rounded-lg space-y-1">
+        <ul class="text-xs text-on-surface-variant space-y-1 list-disc pl-5">{{ perms_lacking|unordered_list }}</ul>
+    </div>
+
+{% elif protected %}
+    <!-- Protected Objects Error -->
+    <div class="text-center space-y-3">
+        <div class="inline-flex items-center justify-center p-4 bg-warning/10 text-warning rounded-full">
+            <span class="material-symbols-outlined text-4xl">shield</span>
+        </div>
+        <h2 class="text-xl md:text-2xl font-black text-on-surface">{% translate "Protected Objects" %}</h2>
+        <p class="text-xs text-on-surface-variant max-w-md mx-auto">
+            {% blocktranslate %}Deleting the selected {{ objects_name }} would require deleting the following protected related objects:{% endblocktranslate %}
+        </p>
+    </div>
+    <div class="bg-warning/5 border border-warning/20 p-4 rounded-lg space-y-1">
+        <ul class="text-xs text-on-surface-variant space-y-1 list-disc pl-5">{{ protected|unordered_list }}</ul>
+    </div>
+
+{% else %}
+    <!-- Danger Icon & Warning Title -->
+    <div class="text-center space-y-3">
+        <div class="inline-flex items-center justify-center p-4 bg-danger/10 text-danger rounded-full">
+            <span class="material-symbols-outlined text-4xl">delete_forever</span>
+        </div>
+        <h2 class="text-xl md:text-2xl font-black text-on-surface">{% translate 'Confirm Bulk Deletion' %}</h2>
+        <p class="text-xs text-on-surface-variant max-w-md mx-auto">
+            {% blocktranslate %}Are you sure you want to delete the selected {{ objects_name }}? All of the following objects and their related items will be deleted permanently.{% endblocktranslate %}
+        </p>
+    </div>
+
+    <!-- Summary -->
+    <div class="bg-surface-low border border-outline-variant p-4 rounded-lg">
+        <h3 class="text-[10px] font-bold text-on-surface-variant uppercase tracking-wider mb-2 flex items-center gap-1.5">
+            <span class="material-symbols-outlined text-[14px]">summarize</span>
+            {% translate "Summary" %}
+        </h3>
+        <div class="flex flex-wrap gap-2">
+            {% for model_name, object_count in model_count %}
+            <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-bold border" style="background:color-mix(in srgb, var(--danger) 5%, transparent);border-color:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);">
+                <span class="material-symbols-outlined text-[14px]">folder</span>
+                {{ model_name|capfirst }}: {{ object_count }}
+            </span>
+            {% endfor %}
+        </div>
+    </div>
+
+    <!-- Objects list -->
+    <div class="bg-surface-low border border-outline-variant p-4 rounded-lg space-y-2 max-h-[300px] overflow-y-auto custom-scrollbar">
+        <h3 class="text-[10px] font-bold text-on-surface-variant uppercase tracking-wider flex items-center gap-1.5">
+            <span class="material-symbols-outlined text-[14px]">list</span>
+            {% translate "Objects to be deleted" %}
+        </h3>
+        {% for deletable_object in deletable_objects %}
+        <div class="text-xs text-on-surface-variant space-y-1 font-mono pl-2 border-l-2 border-danger/40">
+            <ul class="space-y-0.5">{{ deletable_object|unordered_list }}</ul>
+        </div>
+        {% endfor %}
+    </div>
+
+    <!-- Confirmation form -->
+    <form method="post" class="flex flex-col sm:flex-row items-center justify-center gap-3 pt-4 border-t border-outline-variant">
+        {% csrf_token %}
+        {% for obj in queryset %}
+        <input type="hidden" name="{{ action_checkbox_name }}" value="{{ obj.pk|unlocalize }}">
+        {% endfor %}
+        <input type="hidden" name="action" value="delete_selected">
+        <input type="hidden" name="post" value="yes">
+
+        <button type="submit" class="w-full sm:w-auto flex items-center justify-center gap-1.5 px-6 py-2.5 bg-danger text-white rounded-lg text-xs font-bold hover:bg-danger/90 shadow-md active:scale-[0.98] transition-all">
+            <span class="material-symbols-outlined text-sm">delete</span>
+            {% translate "Yes, I'm sure" %}
+        </button>
+
+        <a href="#" class="cancel-link w-full sm:w-auto flex items-center justify-center gap-1.5 px-6 py-2.5 bg-surface-lowest border border-outline-variant text-on-surface-variant hover:bg-surface-low text-center rounded-lg text-xs font-bold shadow-sm transition-all">
+            <span class="material-symbols-outlined text-sm">arrow_back</span>
+            {% translate "No, take me back" %}
+        </a>
+    </form>
+{% endif %}
+</div>
+{% endblock %}

adminflow/templates/admin/edit_inline/stacked.html

@@ -0,0 +1,85 @@
+{% load i18n admin_urls static adminflow_tags %}
+<div class="js-inline-admin-formset inline-group space-y-4 mt-6"
+     id="{{ inline_admin_formset.formset.prefix }}-group"
+     data-inline-type="stacked"
+     data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
+    
+    <fieldset class="module {{ inline_admin_formset.classes }} space-y-4">
+        {{ inline_admin_formset.formset.management_form }}
+        {{ inline_admin_formset.formset.non_form_errors }}
+
+        {% for inline_admin_form in inline_admin_formset %}
+        <div class="inline-related bg-surface-lowest border border-outline-variant rounded-xl p-5 shadow-sm {% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form last-related{% endif %}" 
+             id="{{ inline_admin_formset.formset.prefix }}-{% if forloop.last and inline_admin_formset.has_add_permission %}empty{% else %}{{ forloop.counter0 }}{% endif %}">
+            
+            {% if inline_admin_form.original %}
+            <!-- Always show header + delete button for existing records -->
+            <div class="flex items-center justify-between border-b border-outline-variant/60 pb-3 mb-4">
+                <h4 class="text-xs font-bold text-on-surface flex items-center gap-2">
+                    <span class="material-symbols-outlined text-sm text-primary">security</span>
+                    {{ inline_admin_formset.opts.verbose_name|capfirst }}:
+                    <span class="inline_label font-semibold text-on-surface-variant">
+                        {{ inline_admin_form.original }}
+                    </span>
+                </h4>
+                <div class="flex items-center gap-3">
+                    {% if inline_admin_form.original and inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
+                        <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="text-[11px] font-bold text-primary hover:underline">
+                            {% if inline_admin_formset.has_change_permission %}{% translate "Edit" %}{% else %}{% translate "View" %}{% endif %}
+                        </a>
+                    {% endif %}
+                    {% if inline_admin_form.show_url %}
+                        <a href="{{ inline_admin_form.absolute_url }}" class="text-[11px] font-bold text-on-surface-variant hover:text-on-surface">
+                            {% translate "View on site" %}
+                        </a>
+                    {% endif %}
+                    {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
+                        <span class="delete flex items-center gap-1.5 text-xs text-rose-500 font-semibold cursor-pointer">
+                            {{ inline_admin_form.deletion_field.field|add_class:"w-4 h-4 rounded border-rose-300 text-rose-600 focus:ring-rose-500" }}
+                            {{ inline_admin_form.deletion_field.label_tag }}
+                        </span>
+                    {% endif %}
+                </div>
+            </div>
+            {% elif inline_admin_formset.formset.max_num > 1 %}
+            <!-- Show numbered header when multiple items allowed -->
+            <div class="flex items-center justify-between border-b border-outline-variant/60 pb-3 mb-4">
+                <h4 class="text-xs font-bold text-on-surface flex items-center gap-2">
+                    <span class="material-symbols-outlined text-sm text-primary">security</span>
+                    {{ inline_admin_formset.opts.verbose_name|capfirst }}:
+                    <span class="inline_label font-semibold text-on-surface-variant">#{{ forloop.counter }}</span>
+                </h4>
+                <div class="flex items-center gap-3">
+                    {% if inline_admin_form.show_url %}
+                        <a href="{{ inline_admin_form.absolute_url }}" class="text-[11px] font-bold text-on-surface-variant hover:text-on-surface">
+                            {% translate "View on site" %}
+                        </a>
+                    {% endif %}
+                </div>
+            </div>
+            {% else %}
+                <!-- Render hidden relation keys for new empty forms -->
+                {% if inline_admin_form.needs_explicit_pk_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
+                {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
+            {% endif %}
+
+            {% if inline_admin_form.form.non_field_errors %}
+                <div class="p-3 mb-4 bg-danger/10 border border-danger/20 text-danger rounded-lg text-xs font-semibold">
+                    {{ inline_admin_form.form.non_field_errors }}
+                </div>
+            {% endif %}
+
+            {% with parent_counter=forloop.counter0 %}
+                {% for fieldset in inline_admin_form %}
+                    {% include "admin/includes/fieldset.html" with heading_level=4 prefix=fieldset.formset.prefix id_prefix=parent_counter id_suffix=forloop.counter0 is_inline=True %}
+                {% endfor %}
+            {% endwith %}
+
+            {% if inline_admin_formset.formset.max_num > 1 or inline_admin_form.original %}
+                {% if inline_admin_form.needs_explicit_pk_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
+                {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
+            {% endif %}
+        </div>
+        {% endfor %}
+    </fieldset>
+</div>

adminflow/templates/admin/edit_inline/tabular.html

@@ -0,0 +1,81 @@
+{% load i18n admin_urls static adminflow_tags %}
+<div class="js-inline-admin-formset inline-group space-y-3 mt-6 border border-outline-variant p-5 bg-surface-lowest rounded-xl shadow-sm"
+     id="{{ inline_admin_formset.formset.prefix }}-group"
+     data-inline-type="tabular"
+     data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
+    
+    <h3 class="text-xs font-black text-on-surface uppercase tracking-wider px-1">
+        {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
+    </h3>
+    
+    {{ inline_admin_formset.formset.management_form }}
+    {{ inline_admin_formset.formset.non_form_errors }}
+    
+    <div class="overflow-x-auto custom-scrollbar tabular inline-related">
+        <table class="w-full text-left border-collapse text-xs">
+            <thead>
+                <tr class="bg-surface-low border-b border-outline-variant">
+                    <th class="original hidden"></th>
+                    {% for field in inline_admin_formset.fields %}
+                        {% if not field.widget.is_hidden %}
+                            <th class="px-4 py-3 font-semibold text-on-surface-variant uppercase tracking-wider text-[10px]">
+                                {{ field.label|capfirst }}
+                            </th>
+                        {% endif %}
+                    {% endfor %}
+                    {% if inline_admin_formset.formset.can_delete %}
+                        <th class="px-4 py-3 text-[10px] font-semibold text-on-surface-variant uppercase tracking-wider text-center">Delete?</th>
+                    {% endif %}
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-outline-variant/40">
+                {% for inline_admin_form in inline_admin_formset %}
+                    {% if inline_admin_form.form.non_field_errors %}
+                        <tr class="row-form-errors"><td colspan="{{ inline_admin_formset.fields|length|add:2 }}" class="px-4 py-2 text-xs text-danger font-semibold">{{ inline_admin_form.form.non_field_errors }}</td></tr>
+                    {% endif %}
+                    <tr class="form-row {% if inline_admin_form.original or inline_admin_form.show_url %}has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form{% endif %} hover:bg-surface-low/20 transition-all {% if inline_admin_form.errors %}bg-rose-50/50{% endif %}"
+                        id="{{ inline_admin_formset.formset.prefix }}-{% if forloop.last and inline_admin_formset.has_add_permission %}empty{% else %}{{ forloop.counter0 }}{% endif %}">
+                        
+                        <td class="original hidden">
+                            {% if inline_admin_form.needs_explicit_pk_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
+                            {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
+                        </td>
+                        
+                        {% for fieldset in inline_admin_form %}
+                            {% for line in fieldset %}
+                                {% for field in line %}
+                                    {% if not field.field.is_hidden %}
+                                        <td class="px-4 py-2.5 align-middle {% if field.field.name %}field-{{ field.field.name }}{% endif %}">
+                                            {{ field.field.errors }}
+                                            {% if field.field|is_checkbox %}
+                                                <div class="flex justify-center items-center h-full">
+                                                    {{ field.field|add_class:"w-4 h-4 rounded border-outline-variant text-primary focus:ring-primary cursor-pointer dark:bg-slate-800" }}
+                                                </div>
+                                            {% elif field.field|is_textarea %}
+                                                {{ field.field|add_class:"w-full px-3 py-1.5 rounded-lg border border-outline-variant bg-surface-lowest text-xs text-on-surface focus:ring-2 focus:ring-primary/10 focus:border-primary transition-all outline-none dark:bg-slate-900" }}
+                                            {% elif field.field|is_select %}
+                                                {{ field.field|add_class:"w-full pl-3 pr-8 py-1.5 bg-surface-lowest border border-outline-variant rounded-lg text-xs focus:ring-2 focus:ring-primary/10 focus:border-primary transition-all outline-none dark:bg-slate-900" }}
+                                            {% else %}
+                                                {{ field.field|add_class:"w-full h-9 px-3 rounded-lg border border-outline-variant bg-surface-lowest text-xs text-on-surface focus:ring-2 focus:ring-primary/10 focus:border-primary transition-all outline-none dark:bg-slate-900" }}
+                                            {% endif %}
+                                        </td>
+                                    {% else %}
+                                        {{ field.field }}
+                                    {% endif %}
+                                {% endfor %}
+                            {% endfor %}
+                        {% endfor %}
+                        
+                        {% if inline_admin_formset.formset.can_delete %}
+                            <td class="px-4 py-2.5 align-middle text-center delete">
+                                {% if inline_admin_form.original %}
+                                    {{ inline_admin_form.deletion_field.field|add_class:"w-4 h-4 rounded border-rose-300 text-rose-600 focus:ring-rose-500 cursor-pointer" }}
+                                {% endif %}
+                            </td>
+                        {% endif %}
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>

adminflow/templates/admin/filter.html

@@ -0,0 +1,17 @@
+{% load i18n %}
+<div class="space-y-1.5 pt-3">
+    <h4 class="text-[10px] font-bold text-on-surface-variant uppercase tracking-wider">
+        By {{ title }}
+    </h4>
+    <ul class="space-y-1 max-h-[160px] overflow-y-auto custom-scrollbar">
+        {% for choice in choices %}
+            <li class="{% if choice.selected %}font-semibold text-primary{% else %}text-on-surface-variant{% endif %} text-xs">
+                <a href="{{ choice.query_string|stringformat:'s' }}" 
+                   class="block px-2.5 py-1.5 rounded-lg hover:bg-surface-low transition-all truncate {% if choice.selected %}bg-primary/10 text-primary font-bold{% else %}hover:text-on-surface{% endif %}" 
+                   title="{{ choice.display }}">
+                    {{ choice.display }}
+                </a>
+            </li>
+        {% endfor %}
+    </ul>
+</div>

adminflow/templates/admin/import_export/change_list_export_item.html

@@ -0,0 +1,8 @@
+{% load i18n admin_urls %}
+{% if has_export_permission %}
+<a href="{% url opts|admin_urlname:'export' %}{{ cl.get_query_string }}"
+   class="flex items-center gap-1.5 px-3.5 py-2 bg-surface-lowest border border-outline-variant text-on-surface-variant hover:text-on-surface hover:bg-surface-low text-xs font-bold rounded-lg shadow-sm transition-all">
+    <span class="material-symbols-outlined text-[15px] text-primary">download</span>
+    {% translate "Export" %}
+</a>
+{% endif %}

adminflow/templates/admin/import_export/change_list_import_item.html

@@ -0,0 +1,8 @@
+{% load i18n admin_urls %}
+{% if has_import_permission %}
+<a href="{% url opts|admin_urlname:"import" %}"
+   class="flex items-center gap-1.5 px-3.5 py-2 bg-surface-lowest border border-outline-variant text-on-surface-variant hover:text-on-surface hover:bg-surface-low text-xs font-bold rounded-lg shadow-sm transition-all">
+    <span class="material-symbols-outlined text-[15px] text-primary">upload</span>
+    {% translate "Import" %}
+</a>
+{% endif %}