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

django_cfg/templates/admin_old/snippets/components/stats_tiles.html

@@ -1,92 +0,0 @@
-{% load unfold %}
-
-<!-- Statistics Tiles Grid -->
-{% if stats_groups %}
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        {% for group in stats_groups %}
-            <div class="bg-white dark:bg-base-900 rounded-xl border border-base-200 dark:border-base-700 p-6 shadow-sm hover:shadow-md transition-shadow duration-200">
-                <div class="flex items-center mb-4 pb-3 border-b border-base-200 dark:border-base-700">
-                    {% if group.icon %}
-                        <div class="flex items-center justify-center w-10 h-10 rounded-lg mr-3"                                    {% if group.color == 'success' %}bg-green-100 dark:bg-green-900/20
-                                    {% elif group.color == 'primary' %}bg-primary-100 dark:bg-primary-900/20
-                                    {% elif group.color == 'danger' %}bg-red-100 dark:bg-red-900/20
-                                    {% elif group.color == 'warning' %}bg-amber-100 dark:bg-amber-900/20
-                                    {% elif group.color == 'info' %}bg-blue-100 dark:bg-blue-900/20
-                                    {% else %}bg-base-100 dark:bg-base-800{% endif %}">
-                            <span class="material-icons text-lg"                                        {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                        {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-500
-                                        {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                        {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                        {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                        {% else %}text-font-default-light dark:text-font-default-dark{% endif %}">
-                                {{ group.icon }}
-                            </span>
-                        </div>
-                    {% endif %}
-                    <h3 class="text-lg font-semibold text-font-important-light dark:text-font-important-dark">{{ group.title }}</h3>
-                </div>
-                
-                {% for section in group.sections %}
-                    <div class="mb-4 last:mb-0">
-                        <h4 class="text-sm font-medium text-font-default-light dark:text-font-default-dark mb-3 flex items-center">
-                            <span class="material-icons mr-2 text-sm"                                        {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                        {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-500
-                                        {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                        {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                        {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                        {% else %}text-font-subtle-light dark:text-font-subtle-dark{% endif %}">
-                                bar_chart
-                            </span>
-                            {{ section.title }}
-                        </h4>
-                        
-                        <div class="space-y-3">
-                            {% for card in section.cards %}
-                                <div class="flex items-center justify-between p-3 bg-base-50 dark:bg-base-800 rounded-lg hover:bg-base-100 dark:hover:bg-base-700 transition-colors duration-150 group">
-                                    <div class="flex items-center">
-                                        {% if card.icon %}
-                                            <div class="w-8 h-8 rounded-lg flex items-center justify-center mr-3"                                                        {% if group.color == 'success' %}bg-green-100 dark:bg-green-900/20
-                                                        {% elif group.color == 'primary' %}bg-primary-100 dark:bg-primary-900/20
-                                                        {% elif group.color == 'danger' %}bg-red-100 dark:bg-red-900/20
-                                                        {% elif group.color == 'warning' %}bg-amber-100 dark:bg-amber-900/20
-                                                        {% elif group.color == 'info' %}bg-blue-100 dark:bg-blue-900/20
-                                                        {% else %}bg-base-100 dark:bg-base-800{% endif %}">
-                                                <span class="material-icons text-xs"                                        {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                                        {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-400
-                                                        {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                                        {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                                        {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                                        {% else %}text-font-default-light dark:text-font-default-dark{% endif %}">{{ card.icon }}</span>
-                                            </div>
-                                        {% endif %}
-                                        <div>
-                                            <div class="text-sm font-medium text-font-default-light dark:text-font-default-dark">{{ card.title }}</div>
-                                            {% if card.description %}
-                                                <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">{{ card.description }}</div>
-                                            {% endif %}
-                                        </div>
-                                    </div>
-                                    <div class="flex items-center gap-3">
-                                        <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium"                                                    {% if group.color == 'success' %}bg-green-100 dark:bg-green-900/20 text-green-600 dark:text-green-400
-                                                    {% elif group.color == 'primary' %}bg-primary-100 dark:bg-primary-900/20 text-primary-600 dark:text-primary-400
-                                                    {% elif group.color == 'danger' %}bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400
-                                                    {% elif group.color == 'warning' %}bg-amber-100 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400
-                                                    {% elif group.color == 'info' %}bg-blue-100 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400
-                                                    {% else %}bg-base-100 dark:bg-base-800 text-font-default-light dark:text-font-default-dark{% endif %}">
-                                            {{ card.count|default:0 }}
-                                        </span>
-                                        <a href="{% url card.url_name %}" 
-                                           class="inline-flex items-center gap-1 px-3 py-1 bg-primary-600 hover:bg-primary-700 dark:bg-primary-500 dark:hover:bg-primary-600 text-white rounded-lg text-xs font-medium transition-colors duration-150 group-hover:shadow-sm">
-                                            <span class="material-icons text-xs">visibility</span>
-                                            <span>View</span>
-                                        </a>
-                                    </div>
-                                </div>
-                            {% endfor %}
-                        </div>
-                    </div>
-                {% endfor %}
-            </div>
-        {% endfor %}
-    </div>
-{% endif %} 

django_cfg/templates/admin_old/snippets/components/system_health.html

@@ -1,22 +0,0 @@
-{% load unfold %}
-
-<!-- System Health Grid using reusable components -->
-<div class="mt-8 w-full">
-    {% include 'admin/components/section_header.html' with title='System Health' icon='health_and_safety' icon_color='green' %}
-    
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 w-full">
-        {% for key, value in system_health.items %}
-            {% if key == "database_status" %}
-                {% include 'admin/components/metric_card.html' with title='Database' description='Connection & queries' icon='storage' status=value|yesno:'healthy,error' status_text=value|title %}
-            {% elif key == "cache_status" %}
-                {% include 'admin/components/metric_card.html' with title='Cache' description='Redis & memory' icon='memory' status=value|yesno:'healthy,error' status_text=value|title %}
-            {% elif key == "queue_status" %}
-                {% include 'admin/components/metric_card.html' with title='Queue' description='Background jobs' icon='queue' status=value|yesno:'healthy,error' status_text=value|title %}
-            {% elif key == "storage_status" %}
-                {% include 'admin/components/metric_card.html' with title='Storage' description='Disk & files' icon='folder' status=value|yesno:'healthy,error' status_text=value|title %}
-            {% else %}
-                {% include 'admin/components/metric_card.html' with title=key|title description='System component' icon='info' status=value|yesno:'healthy,error' status_text=value|title %}
-            {% endif %}
-        {% endfor %}
-    </div>
-</div> 

django_cfg/templates/admin_old/snippets/components/system_metrics.html

@@ -1,199 +0,0 @@
-{% load unfold %}
-
-<!-- System Metrics -->
-{% if system_metrics %}
-<div class="grid grid-cols-1 md:grid-cols-2 gap-4" x-data="systemMetrics({{ system_metrics|safe }})">
-{% else %}
-<div class="grid grid-cols-1 md:grid-cols-2 gap-4" x-data="systemMetrics({})">
-{% endif %}
-    {% if system_metrics %}
-        <!-- Database Status -->
-        {% if system_metrics.database %}
-        <div class="bg-gradient-to-br from-green-50 to-white dark:from-green-900/10 dark:to-gray-800 rounded-lg border border-green-200 dark:border-green-800 p-4 hover:shadow-lg hover:border-green-400 dark:hover:border-green-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons
-                    {% if system_metrics.database.status == 'healthy' %}text-green-600 dark:text-green-400
-                    {% elif system_metrics.database.status == 'warning' %}text-amber-600 dark:text-amber-400
-                    {% else %}text-red-600 dark:text-red-400{% endif %} mr-2">storage</span>
-                Database
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">{{ system_metrics.database.type }}</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Connection Health</span>
-                    <span class="font-semibold">{{ system_metrics.database.health_percentage }}%</span>
-                </div>
-                <div class="w-full bg-green-100 dark:bg-green-900/30 rounded-full h-2">
-                    <div class="bg-green-600 dark:bg-green-500 h-2 rounded-full transition-all duration-300 group-hover:bg-green-700 dark:group-hover:bg-green-400" :style="getBarStyle({{ system_metrics.database.health_percentage }})"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">{{ system_metrics.database.description }}</p>
-            </div>
-        </div>
-        {% endif %}
-
-        <!-- Cache Status -->
-        {% if system_metrics.cache %}
-        <div class="bg-gradient-to-br from-blue-50 to-white dark:from-blue-900/10 dark:to-gray-800 rounded-lg border border-blue-200 dark:border-blue-800 p-4 hover:shadow-lg hover:border-blue-400 dark:hover:border-blue-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons
-                    {% if system_metrics.cache.status == 'healthy' %}text-blue-600 dark:text-blue-400
-                    {% elif system_metrics.cache.status == 'warning' %}text-amber-600 dark:text-amber-400
-                    {% else %}text-red-600 dark:text-red-400{% endif %} mr-2">memory</span>
-                Cache
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">{{ system_metrics.cache.type }}</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Performance</span>
-                    <span class="font-semibold">{{ system_metrics.cache.health_percentage }}%</span>
-                </div>
-                <div class="w-full bg-blue-100 dark:bg-blue-900/30 rounded-full h-2">
-                    <div class="bg-blue-600 dark:bg-blue-500 h-2 rounded-full transition-all duration-300 group-hover:bg-blue-700 dark:group-hover:bg-blue-400" :style="getBarStyle({{ system_metrics.cache.health_percentage }})"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">{{ system_metrics.cache.description }}</p>
-            </div>
-        </div>
-        {% endif %}
-
-        <!-- Storage Status -->
-        {% if system_metrics.storage %}
-        <div class="bg-gradient-to-br from-amber-50 to-white dark:from-amber-900/10 dark:to-gray-800 rounded-lg border border-amber-200 dark:border-amber-800 p-4 hover:shadow-lg hover:border-amber-400 dark:hover:border-amber-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons
-                    {% if system_metrics.storage.status == 'healthy' %}text-amber-600 dark:text-amber-400
-                    {% elif system_metrics.storage.status == 'warning' %}text-orange-600 dark:text-orange-400
-                    {% else %}text-gray-600 dark:text-gray-400{% endif %} mr-2">folder</span>
-                Storage
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">{{ system_metrics.storage.type }}</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Usage</span>
-                    <span class="font-semibold">{{ system_metrics.storage.health_percentage }}%</span>
-                </div>
-                <div class="w-full bg-amber-100 dark:bg-amber-900/30 rounded-full h-2">
-                    <div class="bg-amber-600 dark:bg-amber-500 h-2 rounded-full transition-all duration-300 group-hover:bg-amber-700 dark:group-hover:bg-amber-400" :style="getBarStyle({{ system_metrics.storage.health_percentage }})"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">{{ system_metrics.storage.description }}</p>
-            </div>
-        </div>
-        {% endif %}
-
-        <!-- API Status -->
-        {% if system_metrics.api %}
-        <div class="bg-gradient-to-br from-purple-50 to-white dark:from-purple-900/10 dark:to-gray-800 rounded-lg border border-purple-200 dark:border-purple-800 p-4 hover:shadow-lg hover:border-purple-400 dark:hover:border-purple-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons
-                    {% if system_metrics.api.status == 'healthy' %}text-purple-600 dark:text-purple-400
-                    {% elif system_metrics.api.status == 'warning' %}text-amber-600 dark:text-amber-400
-                    {% else %}text-red-600 dark:text-red-400{% endif %} mr-2">api</span>
-                API
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">{{ system_metrics.api.type }}</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>URL Patterns</span>
-                    <span class="font-semibold">{{ system_metrics.api.health_percentage }}%</span>
-                </div>
-                <div class="w-full bg-purple-100 dark:bg-purple-900/30 rounded-full h-2">
-                    <div class="bg-purple-600 dark:bg-purple-500 h-2 rounded-full transition-all duration-300 group-hover:bg-purple-700 dark:group-hover:bg-purple-400" :style="getBarStyle({{ system_metrics.api.health_percentage }})"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">{{ system_metrics.api.description }}</p>
-            </div>
-        </div>
-        {% endif %}
-    {% else %}
-        <!-- Fallback static metrics -->
-        <div class="bg-gradient-to-br from-green-50 to-white dark:from-green-900/10 dark:to-gray-800 rounded-lg border border-green-200 dark:border-green-800 p-4 hover:shadow-lg hover:border-green-400 dark:hover:border-green-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons text-green-600 dark:text-green-400 mr-2">storage</span>
-                Database
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">PostgreSQL</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Connection Health</span>
-                    <span class="font-semibold">85%</span>
-                </div>
-                <div class="w-full bg-green-100 dark:bg-green-900/30 rounded-full h-2">
-                    <div class="bg-green-600 dark:bg-green-500 h-2 rounded-full transition-all duration-300 group-hover:bg-green-700 dark:group-hover:bg-green-400" :style="getBarStyle(85)"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">Healthy - 85%</p>
-            </div>
-        </div>
-
-        <div class="bg-gradient-to-br from-blue-50 to-white dark:from-blue-900/10 dark:to-gray-800 rounded-lg border border-blue-200 dark:border-blue-800 p-4 hover:shadow-lg hover:border-blue-400 dark:hover:border-blue-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons text-blue-600 dark:text-blue-400 mr-2">memory</span>
-                Cache
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">Memory Cache</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Performance</span>
-                    <span class="font-semibold">90%</span>
-                </div>
-                <div class="w-full bg-blue-100 dark:bg-blue-900/30 rounded-full h-2">
-                    <div class="bg-blue-600 dark:bg-blue-500 h-2 rounded-full transition-all duration-300 group-hover:bg-blue-700 dark:group-hover:bg-blue-400" :style="getBarStyle(90)"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">Optimal - 90%</p>
-            </div>
-        </div>
-
-        <div class="bg-gradient-to-br from-amber-50 to-white dark:from-amber-900/10 dark:to-gray-800 rounded-lg border border-amber-200 dark:border-amber-800 p-4 hover:shadow-lg hover:border-amber-400 dark:hover:border-amber-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons text-amber-600 dark:text-amber-400 mr-2">folder</span>
-                Storage
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">Disk Space</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>Usage</span>
-                    <span class="font-semibold">67%</span>
-                </div>
-                <div class="w-full bg-amber-100 dark:bg-amber-900/30 rounded-full h-2">
-                    <div class="bg-amber-600 dark:bg-amber-500 h-2 rounded-full transition-all duration-300 group-hover:bg-amber-700 dark:group-hover:bg-amber-400" :style="getBarStyle(67)"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">67% used (33% free)</p>
-            </div>
-        </div>
-
-        <div class="bg-gradient-to-br from-purple-50 to-white dark:from-purple-900/10 dark:to-gray-800 rounded-lg border border-purple-200 dark:border-purple-800 p-4 hover:shadow-lg hover:border-purple-400 dark:hover:border-purple-600 transition-all duration-200 group">
-            <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center">
-                <span class="material-icons text-purple-600 dark:text-purple-400 mr-2">api</span>
-                API
-            </h4>
-            <div class="flex items-center mb-3">
-                <span class="text-sm text-gray-600 dark:text-gray-400">REST API</span>
-            </div>
-            <div class="space-y-2">
-                <div class="flex items-center justify-between text-xs text-gray-600 dark:text-gray-400">
-                    <span>URL Patterns</span>
-                    <span class="font-semibold">100%</span>
-                </div>
-                <div class="w-full bg-purple-100 dark:bg-purple-900/30 rounded-full h-2">
-                    <div class="bg-purple-600 dark:bg-purple-500 h-2 rounded-full transition-all duration-300 group-hover:bg-purple-700 dark:group-hover:bg-purple-400" :style="getBarStyle(100)"></div>
-                </div>
-                <p class="text-xs text-gray-500 dark:text-gray-400">All routes healthy</p>
-            </div>
-        </div>
-    {% endif %}
-</div>
-
-<!-- Load Alpine component -->
-{% load static %}
-<script src="{% static 'admin/js/alpine/system-metrics.js' %}"></script> 

django_cfg/templates/admin_old/snippets/components/user_permissions.html

@@ -1,57 +0,0 @@
-{% load unfold %}
-
-<!-- User Permissions Summary -->
-{% if user_permissions %}
-    <div class="mt-8 w-full">
-        <div class="flex items-center mb-6">
-            <div class="flex items-center justify-center w-8 h-8 bg-amber-100 dark:bg-amber-900/20 rounded-lg mr-3">
-                <span class="material-icons text-amber-600 dark:text-amber-400 text-lg">security</span>
-            </div>
-            <h2 class="text-xl font-semibold text-font-important-light dark:text-font-important-dark">
-                Your Permissions
-            </h2>
-            <span class="ml-auto text-xs text-font-subtle-light dark:text-font-subtle-dark bg-base-100 dark:bg-base-800 px-2 py-1 rounded-full">
-                {{ user_permissions|length }} permissions
-            </span>
-        </div>
-        
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 w-full">
-            {% for permission, has_perm in user_permissions.items %}
-                <div class="bg-white dark:bg-base-900 rounded-xl border border-base-200 dark:border-base-700 p-4 hover:shadow-md transition-shadow duration-200">
-                    <div class="flex items-center justify-between">
-                        <div class="flex items-center">
-                            <div class="flex items-center justify-center w-8 h-8 rounded-lg mr-3"                                        {% if has_perm %}bg-green-100 dark:bg-green-900/20{% else %}bg-base-100 dark:bg-base-800{% endif %}">
-                                <span class="material-icons text-sm"                                            {% if has_perm %}text-green-600 dark:text-green-400{% else %}text-font-subtle-light dark:text-font-subtle-dark{% endif %}">
-                                    {% if permission == "is_superuser" %}admin_panel_settings
-                                    {% elif "add" in permission %}add_circle
-                                    {% elif "change" in permission %}edit
-                                    {% elif "delete" in permission %}delete
-                                    {% elif "view" in permission %}visibility
-                                    {% else %}key{% endif %}
-                                </span>
-                            </div>
-                            <span class="text-sm font-medium text-font-default-light dark:text-font-default-dark">
-                                {% if permission == "can_add_user" %}Add Users
-                                {% elif permission == "can_change_user" %}Edit Users
-                                {% elif permission == "can_delete_user" %}Delete Users
-                                {% elif permission == "can_view_user" %}View Users
-                                {% elif permission == "is_superuser" %}Super Admin
-                                {% else %}{{ permission|title|cut:"Can_"|cut:"_" }}{% endif %}
-                            </span>
-                        </div>
-                        <span class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full"                                   {% if has_perm %}bg-green-100 dark:bg-green-900/20 text-green-600 dark:text-green-400
-                                   {% else %}bg-base-100 dark:bg-base-800 text-font-subtle-light dark:text-font-subtle-dark{% endif %}">
-                            {% if has_perm %}
-                                <span class="material-icons text-xs mr-1">check_circle</span>
-                                Granted
-                            {% else %}
-                                <span class="material-icons text-xs mr-1">cancel</span>
-                                Denied
-                            {% endif %}
-                        </span>
-                    </div>
-                </div>
-            {% endfor %}
-        </div>
-    </div>
-{% endif %} 

django_cfg/templates/admin_old/snippets/tabs/app_stats_tab.html

@@ -1,201 +0,0 @@
-{% load unfold %}
-
-<!-- App Statistics Tab -->
-<div class="space-y-6">
-    <h2 class="text-xl font-semibold text-font-important-light dark:text-font-important-dark mb-4">
-        Application Statistics
-    </h2>
-    
-    <!-- Summary Cards -->
-    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-        <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-            <div class="flex items-center">
-                <span class="material-icons text-xl text-blue-600 dark:text-blue-400 mr-2">apps</span>
-                <div>
-                    <div class="text-2xl font-bold text-font-important-light dark:text-font-important-dark">{{ app_statistics.total_apps|default:0 }}</div>
-                    <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">Total Apps</div>
-                </div>
-            </div>
-        </div>
-        
-        <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-            <div class="flex items-center">
-                <span class="material-icons text-xl text-green-600 dark:text-green-400 mr-2">table_chart</span>
-                <div>
-                    <div class="text-2xl font-bold text-font-important-light dark:text-font-important-dark">{{ app_statistics.total_models|default:0 }}</div>
-                    <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">Total Models</div>
-                </div>
-            </div>
-        </div>
-        
-        <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-            <div class="flex items-center">
-                <span class="material-icons text-xl text-purple-600 dark:text-purple-400 mr-2">storage</span>
-                <div>
-                    <div class="text-2xl font-bold text-font-important-light dark:text-font-important-dark">{{ app_statistics.total_records|default:0 }}</div>
-                    <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">Total Records</div>
-                </div>
-            </div>
-        </div>
-        
-        <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-            <div class="flex items-center">
-                <span class="material-icons text-xl text-orange-600 dark:text-orange-400 mr-2">public</span>
-                <div>
-                    <div class="text-2xl font-bold text-font-important-light dark:text-font-important-dark">{{ app_statistics.zones|length|default:0 }}</div>
-                    <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">API Zones</div>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-    <!-- Statistics Groups -->
-    {% if stats_groups %}
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {% for group in stats_groups %}
-                <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-                    
-                    <!-- Group Header -->
-                    <div class="flex items-center mb-3 pb-2 border-b border-base-200 dark:border-base-700">
-                        {% if group.icon %}
-                            <span class="material-icons mr-2 text-lg" 
-                                  {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                  {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-400
-                                  {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                  {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                  {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                  {% else %}text-font-subtle-light dark:text-font-subtle-dark{% endif %}>
-                                {{ group.icon }}
-                            </span>
-                        {% endif %}
-                        <h3 class="text-md font-semibold text-font-important-light dark:text-font-important-dark">{{ group.title }}</h3>
-                    </div>
-                    
-                    <!-- Group Sections -->
-                    {% for section in group.sections %}
-                        <div class="mb-3 last:mb-0">
-                            <h4 class="text-sm font-medium text-font-default-light dark:text-font-default-dark mb-2 flex items-center">
-                                <span class="material-icons mr-1 text-xs" 
-                                      {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                      {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-400
-                                      {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                      {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                      {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                      {% else %}text-font-subtle-light dark:text-font-subtle-dark{% endif %}>
-                                    bar_chart
-                                </span>
-                                {{ section.title }}
-                            </h4>
-                            
-                            <!-- Statistics Cards Grid -->
-                            <div class="grid grid-cols-1 gap-2">
-                                {% for card in section.cards %}
-                                    <div class="flex items-center justify-between p-2 bg-base-50 dark:bg-base-800 rounded-lg hover:bg-base-100 dark:hover:bg-base-700 transition">
-                                        <div class="flex items-center">
-                                            {% if card.icon %}
-                                                <div class="w-6 h-6 rounded flex items-center justify-center mr-2"
-                                                     {% if group.color == 'success' %}bg-green-100 dark:bg-green-900/20
-                                                     {% elif group.color == 'primary' %}bg-primary-100 dark:bg-primary-900/20
-                                                     {% elif group.color == 'danger' %}bg-red-100 dark:bg-red-900/20
-                                                     {% elif group.color == 'warning' %}bg-amber-100 dark:bg-amber-900/20
-                                                     {% elif group.color == 'info' %}bg-blue-100 dark:bg-blue-900/20
-                                                     {% else %}bg-base-100 dark:bg-base-800{% endif %}>
-                                                    <span class="material-icons text-xs" 
-                                                          {% if group.color == 'success' %}text-green-600 dark:text-green-400
-                                                          {% elif group.color == 'primary' %}text-primary-600 dark:text-primary-400
-                                                          {% elif group.color == 'danger' %}text-red-600 dark:text-red-400
-                                                          {% elif group.color == 'warning' %}text-amber-600 dark:text-amber-400
-                                                          {% elif group.color == 'info' %}text-blue-600 dark:text-blue-400
-                                                          {% else %}text-font-subtle-light dark:text-font-subtle-dark{% endif %}>{{ card.icon }}</span>
-                                                </div>
-                                            {% endif %}
-                                            <div>
-                                                <div class="text-sm font-medium text-font-default-light dark:text-font-default-dark">{{ card.title }}</div>
-                                                {% if card.description %}
-                                                    <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">{{ card.description }}</div>
-                                                {% endif %}
-                                            </div>
-                                        </div>
-                                        <div class="flex items-center gap-2">
-                                            <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium"
-                                                  {% if group.color == 'success' %}bg-green-100 dark:bg-green-900/20 text-green-600 dark:text-green-400
-                                                  {% elif group.color == 'primary' %}bg-primary-100 dark:bg-primary-900/20 text-primary-600 dark:text-primary-400
-                                                  {% elif group.color == 'danger' %}bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400
-                                                  {% elif group.color == 'warning' %}bg-amber-100 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400
-                                                  {% elif group.color == 'info' %}bg-blue-100 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400
-                                                  {% else %}bg-base-100 dark:bg-base-800 text-font-default-light dark:text-font-default-dark{% endif %}>
-                                                {{ card.count|default:0 }}
-                                            </span>
-                                            <a href="{% url card.url_name %}"
-                                               class="inline-flex items-center gap-1 px-2 py-1 bg-primary-600 hover:bg-primary-700 dark:bg-primary-500 dark:hover:bg-primary-600 text-white rounded text-xs font-medium transition">
-                                                <span class="material-icons !text-[12px]">visibility</span>
-                                                <span class="text-xs">View</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                {% endfor %}
-                            </div>
-                        </div>
-                    {% endfor %}
-                </div>
-            {% endfor %}
-        </div>
-    {% else %}
-        <!-- Fallback to zones display if no stats_groups -->
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {% for zone_name, zone_data in app_statistics.zones.items %}
-                <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 p-4">
-                    <div class="flex items-center justify-between mb-3">
-                        <h3 class="text-md font-semibold text-font-important-light dark:text-font-important-dark">
-                            <span class="material-icons mr-2 text-sm">public</span>
-                            {{ zone_data.name }}
-                        </h3>
-                        <div class="text-xs text-font-subtle-light dark:text-font-subtle-dark">
-                            {{ zone_data.app_count }} apps, {{ zone_data.total_records }} records
-                        </div>
-                    </div>
-                    
-                    <!-- Apps in this zone -->
-                    <div class="space-y-2">
-                        {% for app_name, app_data in zone_data.apps.items %}
-                            <div class="bg-base-50 dark:bg-base-800 rounded p-2">
-                                <div class="flex items-center justify-between mb-2">
-                                    <h4 class="text-sm font-medium text-font-default-light dark:text-font-default-dark">{{ app_data.name }}</h4>
-                                    <span class="text-xs text-font-subtle-light dark:text-font-subtle-dark">{{ app_data.model_count }} models</span>
-                                </div>
-                                
-                                <!-- Models in this app -->
-                                <div class="space-y-1">
-                                    {% for model_name, model_data in app_data.models.items %}
-                                        <div class="flex items-center justify-between text-xs">
-                                            <span class="text-font-subtle-light dark:text-font-subtle-dark">{{ model_data.name }}</span>
-                                            <div class="flex items-center gap-1">
-                                                <span class="font-medium text-font-default-light dark:text-font-default-dark">{{ model_data.count }}</span>
-                                                <a href="{% url model_data.admin_url %}" 
-                                                   class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
-                                                    <span class="material-icons text-xs">visibility</span>
-                                                </a>
-                                            </div>
-                                        </div>
-                                    {% endfor %}
-                                </div>
-                                
-                                <div class="mt-2 pt-2 border-t border-base-200 dark:border-base-700">
-                                    <div class="flex justify-between text-xs text-font-subtle-light dark:text-font-subtle-dark">
-                                        <span>Total: {{ app_data.total_records }} records</span>
-                                        <span>{{ app_data.model_count }} models</span>
-                                    </div>
-                                </div>
-                            </div>
-                        {% endfor %}
-                    </div>
-                </div>
-            {% empty %}
-                <div class="col-span-full text-center py-8 text-font-subtle-light dark:text-font-subtle-dark">
-                    <span class="material-icons text-4xl mb-2 block">apps</span>
-                    <p>No application statistics available</p>
-                </div>
-            {% endfor %}
-        </div>
-    {% endif %}
-</div>