django-cfg 1.3.11__py3-none-any.whl → 1.4.0__py3-none-any.whl

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

@@ -1,105 +1,191 @@
 {% load unfold %}
 
 <!-- System Metrics -->
-<div class="mt-8 w-full">
-    {% include 'admin/components/section_header.html' with title='System Metrics' icon='analytics' icon_color='blue' badge='Live Data' %}
-    
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 w-full">
-        {% if system_metrics %}
-            <!-- Database Status -->
-            {% if system_metrics.database %}
-            <div class="group">
-                {% component "unfold/components/card.html" with title="Database" %}
-                    <div class="flex items-center mb-3">
-                        <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>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">{{ system_metrics.database.type }}</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=system_metrics.database.health_percentage title="Connection Health" description=system_metrics.database.description %}
-                {% endcomponent %}
-            </div>
-            {% endif %}
+<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+    {% 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="width: {{ 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="group">
-                {% component "unfold/components/card.html" with title="Cache" %}
-                    <div class="flex items-center mb-3">
-                        <span class="material-icons 
-                            {% if system_metrics.cache.status == 'healthy' %}text-primary-600 dark:text-primary-500
-                            {% 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>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">{{ system_metrics.cache.type }}</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=system_metrics.cache.health_percentage title="Performance" description=system_metrics.cache.description %}
-                {% endcomponent %}
-            </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="width: {{ 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="group">
-                {% component "unfold/components/card.html" with title="Storage" %}
-                    <div class="flex items-center mb-3">
-                        <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>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">{{ system_metrics.storage.type }}</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=system_metrics.storage.health_percentage title="Usage" description=system_metrics.storage.description %}
-                {% endcomponent %}
-            </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="width: {{ 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="group">
-                {% component "unfold/components/card.html" with title="API" %}
-                    <div class="flex items-center mb-3">
-                        <span class="material-icons 
-                            {% if system_metrics.api.status == 'healthy' %}text-blue-600 dark:text-blue-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>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">{{ system_metrics.api.type }}</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=system_metrics.api.health_percentage title="URL Patterns" description=system_metrics.api.description %}
-                {% endcomponent %}
-            </div>
-            {% endif %}
-        {% else %}
-            <!-- Fallback static metrics -->
-            <div class="group">
-                {% component "unfold/components/card.html" with title="Database" %}
-                    <div class="flex items-center mb-3">
-                        <span class="material-icons text-green-600 dark:text-green-400 mr-2">storage</span>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">PostgreSQL</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=85 title="Connection Health" description="Healthy - 85%" %}
-                {% endcomponent %}
+        <!-- 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="width: {{ 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="width: 85%"></div>
+                </div>
+                <p class="text-xs text-gray-500 dark:text-gray-400">Healthy - 85%</p>
+            </div>
+        </div>
 
-            <div class="group">
-                {% component "unfold/components/card.html" with title="Cache" %}
-                    <div class="flex items-center mb-3">
-                        <span class="material-icons text-primary-600 dark:text-primary-500 mr-2">memory</span>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Memory Cache</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=90 title="Performance" description="Optimal - 90%" %}
-                {% endcomponent %}
+        <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="width: 90%"></div>
+                </div>
+                <p class="text-xs text-gray-500 dark:text-gray-400">Optimal - 90%</p>
+            </div>
+        </div>
 
-            <div class="group">
-                {% component "unfold/components/card.html" with title="Storage" %}
-                    <div class="flex items-center mb-3">
-                        <span class="material-icons text-amber-600 dark:text-amber-400 mr-2">folder</span>
-                        <span class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Disk Space</span>
-                    </div>
-                    {% include 'admin/components/progress_bar.html' with value=67 title="Usage" description="67% used (33% free)" %}
-                {% endcomponent %}
+        <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>
-        {% endif %}
-    </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="width: 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="width: 100%"></div>
+                </div>
+                <p class="text-xs text-gray-500 dark:text-gray-400">All routes healthy</p>
+            </div>
+        </div>
+    {% endif %}
 </div> 

django_cfg/templates/admin/snippets/zones/zones_table.html

@@ -21,9 +21,9 @@
                             {% endfor %}
                         </tr>
                     </thead>
-                    <tbody class="bg-white dark:bg-base-900 divide-y divide-base-200 dark:divide-base-700"> 
+                    <tbody class="bg-white dark:bg-base-900 divide-y divide-base-200 dark:divide-base-700">
                         {% for row in zones_table.rows %}
-                            <tr class="hover:bg-base-100 dark:hover:bg-base-800 transition-colors duration-150">
+                            <tr class="hover:bg-base-50 dark:hover:bg-base-700 transition-colors duration-150">
                                 <td class="px-6 py-4 whitespace-nowrap">
                                     <div class="flex items-center">
                                         <div class="flex-shrink-0 mr-3">

django_cfg/templatetags/django_cfg.py

@@ -34,11 +34,17 @@ def lib_health_url():
     return LIB_HEALTH_URL
 
 
+@register.simple_tag
+def lib_subtitle():
+    """Get the library subtitle/tagline."""
+    return "The AI-First Django Framework That Thinks For You"
+
+
 @register.simple_tag
 def project_name():
     """Get the project name from current config."""
     # Lazy import to avoid AppRegistryNotReady error
-    from django_cfg.core.config import get_current_config
+    from django_cfg.core.state import get_current_config
     from django_cfg.config import LIB_NAME
     
     # Try to get project name from current config

django_cfg/utils/smart_defaults.py

@@ -10,8 +10,6 @@ Following KISS principle:
 from typing import Dict, Any, Optional, List
 from pathlib import Path
 
-from django_cfg.models.cache import CacheConfig
-from django_cfg.models.services import EmailConfig
 from django_cfg.core.exceptions import ConfigurationError
 
 
@@ -89,8 +87,8 @@ class SmartDefaults:
         cors_allow_headers=None
     ) -> Dict[str, Any]:
         """Get security configuration defaults."""
-        from ..models.security import SecurityConfig
-        
+        from ..models.infrastructure.security import SecurityConfig
+
         # Base security settings
         base_settings = {
             'USE_TZ': True,
@@ -298,6 +296,7 @@ class SmartDefaults:
     def configure_cache_backend(cache_config, environment: str, debug: bool):
         """Configure cache backend - simplified."""
         if cache_config is None:
+            from django_cfg.models.infrastructure.cache import CacheConfig
             return CacheConfig()
         return cache_config
     
@@ -305,6 +304,7 @@ class SmartDefaults:
     def configure_email_backend(email_config, environment: str, debug: bool):
         """Configure email backend - simplified."""
         if email_config is None:
+            from django_cfg.models.services.email import EmailConfig
             return EmailConfig()
         return email_config