django-agent-studio 0.3.2__py3-none-any.whl → 0.3.4__py3-none-any.whl

django_agent_studio/templates/django_agent_studio/system_create.html

@@ -1,64 +1,64 @@
 {% extends "django_agent_studio/base.html" %}
 
-{% block title %}Create System - Agent Studio{% endblock %}
+{% block title %}Create System - {{ studio_app_name }}{% endblock %}
 
 {% block breadcrumbs %}
 <nav class="flex items-center space-x-2 ml-4 text-sm">
-    <span class="text-gray-400">/</span>
-    <a href="{% url 'agent_studio:system_list' %}" class="text-gray-500 hover:text-gray-700">My Systems</a>
-    <span class="text-gray-400">/</span>
-    <span class="text-gray-600">Create</span>
+    <span class="text-white/40">/</span>
+    <a href="{% url 'agent_studio:system_list' %}" class="text-white/60 hover:text-white/90 transition-colors">My Systems</a>
+    <span class="text-white/40">/</span>
+    <span class="text-white/70">Create</span>
 </nav>
 {% endblock %}
 
 {% block content %}
-<div class="h-full p-6 overflow-auto">
+<div class="h-full p-6 overflow-auto bg-gradient-to-br from-slate-50 to-slate-100">
     <div class="max-w-2xl mx-auto">
         <!-- Header -->
         <div class="mb-6">
-            <h1 class="text-2xl font-bold text-gray-900">🔗 Create New System</h1>
-            <p class="text-gray-500 mt-1">A system combines multiple agents that work together.</p>
+            <h1 class="text-2xl font-bold text-navy">🔗 Create New System</h1>
+            <p class="text-slate-500 mt-1">A system combines multiple agents that work together.</p>
         </div>
 
         <!-- Form -->
-        <div class="bg-white border border-gray-200 rounded-lg p-6">
+        <div class="bg-white border border-slate-200 rounded-xl p-6 shadow-sm">
             <form @submit.prevent="createSystem" class="space-y-6">
                 <!-- Name -->
                 <div>
-                    <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name *</label>
+                    <label for="name" class="block text-sm font-medium text-navy mb-1">Name *</label>
                     <input type="text" id="name" v-model="form.name" @input="generateSlug"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
+                           class="w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-cyan/30 focus:border-cyan transition-all"
                            placeholder="My Agent System" required>
                 </div>
 
                 <!-- Slug -->
                 <div>
-                    <label for="slug" class="block text-sm font-medium text-gray-700 mb-1">Slug *</label>
+                    <label for="slug" class="block text-sm font-medium text-navy mb-1">Slug *</label>
                     <input type="text" id="slug" v-model="form.slug"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm"
+                           class="w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-cyan/30 focus:border-cyan font-mono text-sm transition-all"
                            placeholder="my-agent-system" required>
-                    <p class="text-xs text-gray-500 mt-1">URL-friendly identifier (auto-generated from name)</p>
+                    <p class="text-xs text-slate-400 mt-1">URL-friendly identifier (auto-generated from name)</p>
                 </div>
 
                 <!-- Description -->
                 <div>
-                    <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                    <label for="description" class="block text-sm font-medium text-navy mb-1">Description</label>
                     <textarea id="description" v-model="form.description" rows="3"
-                              class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
+                              class="w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-cyan/30 focus:border-cyan transition-all"
                               placeholder="Describe what this system does..."></textarea>
                 </div>
 
                 <!-- Entry Agent -->
                 <div>
-                    <label for="entry_agent" class="block text-sm font-medium text-gray-700 mb-1">Entry Agent</label>
+                    <label for="entry_agent" class="block text-sm font-medium text-navy mb-1">Entry Agent</label>
                     <select id="entry_agent" v-model="form.entry_agent_id"
-                            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
+                            class="w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-cyan/30 focus:border-cyan transition-all">
                         <option value="">-- Select an agent --</option>
                         {% for agent in agents %}
                         <option value="{{ agent.id }}">{{ agent.icon|default:"🤖" }} {{ agent.name }}</option>
                         {% endfor %}
                     </select>
-                    <p class="text-xs text-gray-500 mt-1">The agent that handles incoming conversations. Sub-agents will be auto-discovered.</p>
+                    <p class="text-xs text-slate-400 mt-1">The agent that handles incoming conversations. Sub-agents will be auto-discovered.</p>
                 </div>
 
                 <!-- Error Message -->
@@ -67,11 +67,11 @@
                 </div>
 
                 <!-- Actions -->
-                <div class="flex items-center justify-end space-x-3 pt-4 border-t border-gray-200">
+                <div class="flex items-center justify-end space-x-3 pt-4 border-t border-slate-100">
                     <a href="{% url 'agent_studio:system_list' %}"
-                       class="px-4 py-2 text-gray-700 hover:text-gray-900">Cancel</a>
+                       class="px-4 py-2 text-slate-600 hover:text-navy transition-colors">Cancel</a>
                     <button type="submit" :disabled="loading"
-                            class="px-6 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg font-medium disabled:opacity-50">
+                            class="px-6 py-2.5 bg-navy hover:bg-navy-light text-white rounded-xl font-medium disabled:opacity-50 transition-all hover:shadow-lg">
                         <span v-if="loading">Creating...</span>
                         <span v-else>Create System</span>
                     </button>
@@ -102,7 +102,6 @@ createApp({
     },
     methods: {
         generateSlug() {
-            // Auto-generate slug from name
             this.form.slug = this.form.name
                 .toLowerCase()
                 .replace(/[^a-z0-9]+/g, '-')
@@ -145,4 +144,3 @@ createApp({
 }).use(primevue.config.default).mount('#app');
 </script>
 {% endblock %}
-

django_agent_studio/templates/django_agent_studio/system_list.html

@@ -1,23 +1,24 @@
 {% extends "django_agent_studio/base.html" %}
 
-{% block title %}My Systems - Agent Studio{% endblock %}
+{% block title %}My Systems - {{ studio_app_name }}{% endblock %}
 
 {% block breadcrumbs %}
 <nav class="flex items-center space-x-2 ml-4 text-sm">
-    <span class="text-gray-400">/</span>
-    <span class="text-gray-600">My Systems</span>
+    <span class="text-white/40">/</span>
+    <span class="text-white/70">My Systems</span>
 </nav>
 {% endblock %}
 
 {% block content %}
-<div class="h-full p-6 overflow-auto">
+<div class="h-full p-6 overflow-auto bg-gradient-to-br from-slate-50 to-slate-100">
     <div class="max-w-6xl mx-auto">
         <!-- Header -->
         <div class="flex items-center justify-between mb-6">
-            <h1 class="text-2xl font-bold text-gray-900">My Systems</h1>
+            <h1 class="text-2xl font-bold text-navy">My Systems</h1>
             <a href="{% url 'agent_studio:system_create' %}"
-               class="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg font-medium text-sm">
-                + New System
+               class="bg-navy hover:bg-navy-light text-white px-4 py-2 rounded-xl flex items-center space-x-2 transition-all hover:shadow-lg hover:-translate-y-0.5 font-medium">
+                <i class="pi pi-plus"></i>
+                <span>New System</span>
             </a>
         </div>
         
@@ -25,49 +26,54 @@
         <!-- System Grid -->
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
             {% for system in systems %}
-            <div class="bg-white border border-gray-200 rounded-lg overflow-hidden hover:border-primary-300 hover:shadow-md transition-all">
-                <div class="p-4">
+            <div class="bg-white border border-slate-200 rounded-xl overflow-hidden hover:border-cyan hover:shadow-md transition-all group">
+                <div class="p-5">
                     <div class="flex items-center justify-between mb-3">
                         <div class="flex items-center space-x-3">
-                            <span class="text-2xl">🔗</span>
+                            <div class="w-10 h-10 bg-navy/10 rounded-lg flex items-center justify-center group-hover:bg-cyan/20 transition-colors">
+                                <span class="text-xl">🔗</span>
+                            </div>
                             <div>
-                                <h3 class="font-semibold text-gray-800">{{ system.name }}</h3>
-                                <span class="text-xs text-gray-400">{{ system.slug }}</span>
+                                <h3 class="font-semibold text-navy">{{ system.name }}</h3>
+                                <span class="text-xs text-slate-400 font-mono">{{ system.slug }}</span>
                             </div>
                         </div>
                         <div class="flex items-center space-x-1">
                             {% if system.is_active %}
-                            <span class="w-2 h-2 bg-green-500 rounded-full" title="Active"></span>
+                            <span class="w-2 h-2 bg-cyan rounded-full" title="Active"></span>
                             {% else %}
-                            <span class="w-2 h-2 bg-gray-300 rounded-full" title="Inactive"></span>
+                            <span class="w-2 h-2 bg-slate-300 rounded-full" title="Inactive"></span>
                             {% endif %}
                         </div>
                     </div>
-                    <p class="text-sm text-gray-500 line-clamp-2 mb-3">{{ system.description|default:"No description" }}</p>
+                    <p class="text-sm text-slate-500 line-clamp-2 mb-3">{{ system.description|default:"No description" }}</p>
                     
                     <!-- Entry Agent Info -->
-                    <div class="bg-gray-50 rounded-lg p-2 mb-3">
+                    <div class="bg-slate-50 rounded-lg p-3 mb-3 border border-slate-100">
                         <div class="flex items-center space-x-2 text-sm">
-                            <span class="text-gray-400">Entry:</span>
+                            <span class="text-slate-400 text-xs font-medium uppercase tracking-wide">Entry</span>
                             <span class="text-lg">{{ system.entry_agent.icon|default:"🤖" }}</span>
-                            <span class="text-gray-700 font-medium">{{ system.entry_agent.name }}</span>
+                            <span class="text-navy font-medium">{{ system.entry_agent.name }}</span>
                         </div>
                     </div>
                     
                     <!-- Member Count -->
-                    <div class="flex items-center justify-between text-xs text-gray-400">
-                        <span>{{ system.members.count }} agent{{ system.members.count|pluralize }}</span>
+                    <div class="flex items-center justify-between text-xs text-slate-400">
+                        <span class="flex items-center gap-1">
+                            <i class="pi pi-users text-xs"></i>
+                            {{ system.members.count }} agent{{ system.members.count|pluralize }}
+                        </span>
                         <span>Updated {{ system.updated_at|timesince }} ago</span>
                     </div>
                 </div>
-                <div class="border-t border-gray-100 px-4 py-3 bg-gray-50 flex items-center justify-between">
+                <div class="border-t border-slate-100 px-5 py-3 bg-slate-50/50 flex items-center justify-between">
                     <a href="{% url 'agent_studio:system_collaborators' system.id %}"
-                       class="text-gray-500 hover:text-gray-700 text-sm"
+                       class="text-slate-400 hover:text-navy text-sm transition-colors"
                        title="Manage collaborators">
                         <i class="pi pi-users"></i>
                     </a>
                     <a href="{% url 'agent_studio:system_test' system.id %}"
-                       class="text-primary-600 hover:text-primary-700 text-sm font-medium">
+                       class="text-cyan hover:text-cyan-dark text-sm font-medium transition-colors">
                         Test System →
                     </a>
                 </div>
@@ -76,13 +82,16 @@
         </div>
         {% else %}
         <!-- Empty State -->
-        <div class="text-center py-12">
-            <div class="text-6xl mb-4">🔗</div>
-            <h3 class="text-xl font-semibold text-gray-800 mb-2">No systems yet</h3>
-            <p class="text-gray-500 mb-6">Systems are multi-agent configurations that work together.</p>
+        <div class="text-center py-16 bg-white rounded-xl border border-slate-200 border-dashed">
+            <div class="w-16 h-16 bg-navy/10 rounded-2xl flex items-center justify-center mx-auto mb-4">
+                <span class="text-4xl">🔗</span>
+            </div>
+            <h3 class="text-xl font-semibold text-navy mb-2">No systems yet</h3>
+            <p class="text-slate-500 mb-6">Systems are multi-agent configurations that work together.</p>
             <a href="{% url 'agent_studio:system_create' %}"
-               class="inline-block px-6 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg font-medium">
-                Create Your First System
+               class="bg-navy hover:bg-navy-light text-white px-6 py-3 rounded-xl inline-flex items-center space-x-2 transition-all hover:shadow-lg font-medium">
+                <i class="pi pi-plus"></i>
+                <span>Create Your First System</span>
             </a>
         </div>
         {% endif %}
@@ -101,4 +110,3 @@ createApp({
 }).use(primevue.config.default).mount('#app');
 </script>
 {% endblock %}
-

django_agent_studio/templates/django_agent_studio/system_test.html

@@ -1,15 +1,15 @@
 {% extends "django_agent_studio/base.html" %}
 
-{% block title %}Test {{ system.name }} - Agent Studio{% endblock %}
+{% block title %}Test {{ system.name }} - {{ studio_app_name }}{% endblock %}
 
 {% block breadcrumbs %}
 <nav class="flex items-center space-x-2 ml-4 text-sm">
-    <span class="text-gray-400">/</span>
-    <a href="{% url 'agent_studio:system_list' %}" class="text-gray-500 hover:text-gray-700">My Systems</a>
-    <span class="text-gray-400">/</span>
-    <span class="text-gray-600">{{ system.name }}</span>
-    <span class="text-gray-400">/</span>
-    <span class="text-gray-600">Test</span>
+    <span class="text-white/40">/</span>
+    <a href="{% url 'agent_studio:system_list' %}" class="text-white/60 hover:text-white/90 transition-colors">My Systems</a>
+    <span class="text-white/40">/</span>
+    <span class="text-white/70">{{ system.name }}</span>
+    <span class="text-white/40">/</span>
+    <span class="text-white/70">Test</span>
 </nav>
 {% endblock %}
 
@@ -19,20 +19,20 @@
         display: flex;
         justify-content: center;
     }
-    
+
     #fullscreen-chat-container .cw-container {
         position: relative !important;
         width: 100% !important;
         height: 100% !important;
         max-height: none !important;
         border-radius: 0 !important;
-        box-shadow: 0 0 20px rgba(0,0,0,0.1) !important;
+        box-shadow: 0 4px 20px rgba(0, 20, 46, 0.1) !important;
     }
-    
+
     #fullscreen-chat-container .cw-toggle-btn {
         display: none !important;
     }
-    
+
     #fullscreen-chat-container .cw-widget {
         position: relative !important;
         width: 100% !important;
@@ -40,6 +40,18 @@
         max-height: none !important;
         border-radius: 0 !important;
         display: flex !important;
+        flex-direction: column !important;
+        overflow: hidden !important;
+    }
+
+    #fullscreen-chat-container .cw-messages {
+        flex: 1 !important;
+        min-height: 0 !important;
+        overflow-y: auto !important;
+    }
+    
+    #fullscreen-chat-container .cw-header {
+        background: {{ studio_colors.primary }} !important;
     }
 </style>
 {% endblock %}
@@ -47,37 +59,41 @@
 {% block content %}
 <div class="h-full flex flex-col">
     <!-- System Info Bar -->
-    <div class="px-4 py-3 bg-white border-b border-gray-200 flex items-center justify-between">
+    <div class="px-5 py-3 bg-white border-b border-slate-200 flex items-center justify-between">
         <div class="flex items-center space-x-4">
-            <span class="text-2xl">🔗</span>
+            <div class="w-10 h-10 bg-navy/10 rounded-lg flex items-center justify-center">
+                <span class="text-xl">🔗</span>
+            </div>
             <div>
-                <h1 class="font-semibold text-gray-800">{{ system.name }}</h1>
-                <p class="text-sm text-gray-500">
-                    Entry: {{ agent.icon|default:"🤖" }} {{ agent.name }}
-                    <span class="text-gray-400 mx-2">•</span>
+                <h1 class="font-semibold text-navy">{{ system.name }}</h1>
+                <p class="text-sm text-slate-500">
+                    <span class="inline-flex items-center gap-1 bg-cyan/10 text-navy px-2 py-0.5 rounded-full text-xs font-medium">
+                        {{ agent.icon|default:"🤖" }} {{ agent.name }}
+                    </span>
+                    <span class="text-slate-300 mx-2">•</span>
                     {{ system.description|default:"No description"|truncatechars:80 }}
                 </p>
             </div>
         </div>
         <div class="flex items-center space-x-3">
             <a href="{% url 'agent_studio:system_collaborators' system.id %}"
-               class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm"
+               class="text-slate-500 hover:text-navy px-3 py-1.5 border border-slate-200 rounded-lg text-sm transition-colors hover:border-cyan"
                title="Manage collaborators">
                 <i class="pi pi-users"></i>
             </a>
             <a href="{% url 'agent_studio:system_list' %}"
-               class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm">
+               class="text-slate-500 hover:text-navy px-3 py-1.5 border border-slate-200 rounded-lg text-sm transition-colors hover:border-cyan">
                 ← Back to Systems
             </a>
             <button @click="clearChat"
-                    class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm">
+                    class="text-white bg-navy hover:bg-navy-light px-4 py-1.5 rounded-lg text-sm font-medium transition-all hover:shadow-md">
                 Clear Chat
             </button>
         </div>
     </div>
     
     <!-- Full Screen Chat -->
-    <div class="flex-1 relative bg-gray-100 flex justify-center">
+    <div class="flex-1 min-h-0 relative bg-gradient-to-br from-slate-50 to-slate-100 flex justify-center">
         <div id="fullscreen-chat-container" class="relative w-full max-w-[800px] h-full"></div>
     </div>
 </div>
@@ -87,7 +103,6 @@
 <script>
 const { createApp } = Vue;
 
-// Use the entry agent's slug for the chat
 const agentSlug = "{{ agent.slug|escapejs }}";
 const backendUrl = window.location.origin;
 
@@ -101,7 +116,7 @@ function initChat() {
         backendUrl: backendUrl,
         agentKey: agentSlug,
         title: '{{ system.name|escapejs }}',
-        primaryColor: '#3b82f6',
+        primaryColor: '{{ studio_chat_primary_color }}',
         showClearButton: true,
         showDebugButton: true,
         showExpandButton: false,
@@ -130,4 +145,3 @@ createApp({
 }).use(primevue.config.default).mount('#app');
 </script>
 {% endblock %}
-

django_agent_studio/templates/django_agent_studio/test.html

@@ -1,15 +1,15 @@
 {% extends "django_agent_studio/base.html" %}
 
-{% block title %}Test {{ agent.name }} - Agent Studio{% endblock %}
+{% block title %}Test {{ agent.name }} - {{ studio_app_name }}{% endblock %}
 
 {% block breadcrumbs %}
 <nav class="flex items-center space-x-2 ml-4 text-sm">
-    <span class="text-gray-400">/</span>
-    <a href="{% url 'agent_studio:agent_list' %}" class="text-gray-500 hover:text-gray-700">My Agents</a>
-    <span class="text-gray-400">/</span>
-    <a href="{% url 'agent_studio:agent_edit' agent.id %}" class="text-gray-500 hover:text-gray-700">{{ agent.name }}</a>
-    <span class="text-gray-400">/</span>
-    <span class="text-gray-600">Test</span>
+    <span class="text-white/40">/</span>
+    <a href="{% url 'agent_studio:agent_list' %}" class="text-white/60 hover:text-white/90 transition-colors">My Agents</a>
+    <span class="text-white/40">/</span>
+    <a href="{% url 'agent_studio:agent_edit' agent.id %}" class="text-white/60 hover:text-white/90 transition-colors">{{ agent.name }}</a>
+    <span class="text-white/40">/</span>
+    <span class="text-white/70">Test</span>
 </nav>
 {% endblock %}
 
@@ -27,11 +27,11 @@
         border-radius: 0 !important;
         box-shadow: none !important;
     }
-    
+
     #fullscreen-chat-container .cw-toggle-btn {
         display: none !important;
     }
-    
+
     #fullscreen-chat-container .cw-widget {
         position: absolute !important;
         top: 0;
@@ -43,6 +43,18 @@
         max-height: none !important;
         border-radius: 0 !important;
         display: flex !important;
+        flex-direction: column !important;
+        overflow: hidden !important;
+    }
+
+    #fullscreen-chat-container .cw-messages {
+        flex: 1 !important;
+        min-height: 0 !important;
+        overflow-y: auto !important;
+    }
+    
+    #fullscreen-chat-container .cw-header {
+        background: {{ studio_colors.primary }} !important;
     }
 </style>
 {% endblock %}
@@ -50,33 +62,35 @@
 {% block content %}
 <div class="h-full flex flex-col">
     <!-- Agent Info Bar -->
-    <div class="px-4 py-3 bg-white border-b border-gray-200 flex items-center justify-between">
+    <div class="px-5 py-3 bg-white border-b border-slate-200 flex items-center justify-between">
         <div class="flex items-center space-x-4">
-            <span class="text-2xl">{{ agent.icon|default:"🤖" }}</span>
+            <div class="w-10 h-10 bg-cyan/10 rounded-lg flex items-center justify-center">
+                <span class="text-xl">{{ agent.icon|default:"🤖" }}</span>
+            </div>
             <div>
-                <h1 class="font-semibold text-gray-800">{{ agent.name }}</h1>
-                <p class="text-sm text-gray-500">{{ agent.description|default:"No description"|truncatechars:100 }}</p>
+                <h1 class="font-semibold text-navy">{{ agent.name }}</h1>
+                <p class="text-sm text-slate-500">{{ agent.description|default:"No description"|truncatechars:100 }}</p>
             </div>
         </div>
         <div class="flex items-center space-x-3">
             <a href="{% url 'agent_studio:agent_collaborators' agent.id %}"
-               class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm"
+               class="text-slate-500 hover:text-navy px-3 py-1.5 border border-slate-200 rounded-lg text-sm transition-colors hover:border-cyan"
                title="Manage collaborators">
                 <i class="pi pi-users"></i>
             </a>
             <a href="{% url 'agent_studio:agent_edit' agent.id %}"
-               class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm">
+               class="text-slate-500 hover:text-navy px-3 py-1.5 border border-slate-200 rounded-lg text-sm transition-colors hover:border-cyan">
                 ← Back to Editor
             </a>
             <button @click="clearChat"
-                    class="text-gray-600 hover:text-gray-800 px-3 py-1.5 border border-gray-300 rounded-lg text-sm">
+                    class="text-white bg-navy hover:bg-navy-light px-4 py-1.5 rounded-lg text-sm font-medium transition-all hover:shadow-md">
                 Clear Chat
             </button>
         </div>
     </div>
     
     <!-- Full Screen Chat -->
-    <div class="flex-1 relative bg-gray-100">
+    <div class="flex-1 min-h-0 relative bg-gradient-to-br from-slate-50 to-slate-100">
         <div id="fullscreen-chat-container" class="absolute inset-0"></div>
     </div>
 </div>
@@ -99,7 +113,7 @@ function initChat() {
         backendUrl: backendUrl,
         agentKey: agentSlug,
         title: '{{ agent.name|escapejs }}',
-        primaryColor: '#3b82f6',
+        primaryColor: '{{ studio_chat_primary_color }}',
         showClearButton: true,
         showDebugButton: true,
         showExpandButton: false,
@@ -128,4 +142,3 @@ createApp({
 }).use(primevue.config.default).mount('#app');
 </script>
 {% endblock %}
-

django_agent_studio/urls.py

@@ -12,6 +12,7 @@ app_name = "agent_studio"
 urlpatterns = [
     # Main studio interface
     path("", views.StudioHomeView.as_view(), name="home"),
+    path("logout/", views.LogoutView.as_view(), name="logout"),
 
     # Systems (multi-agent systems)
     path("systems/", views.SystemListView.as_view(), name="system_list"),

django_agent_studio/views.py

@@ -2,7 +2,10 @@
 Views for django_agent_studio.
 """
 
+from django.contrib.auth import logout
 from django.db.models import Q
+from django.shortcuts import redirect
+from django.views import View
 from django.views.generic import TemplateView, ListView
 from django.contrib.auth.mixins import LoginRequiredMixin
 
@@ -452,3 +455,11 @@ class SystemCollaboratorsView(LoginRequiredMixin, SystemAccessMixin, TemplateVie
 
         return context
 
+
+class LogoutView(View):
+    """Simple logout view that works with any auth backend."""
+
+    def post(self, request):
+        logout(request)
+        return redirect('/')
+

{django_agent_studio-0.3.2.dist-info → django_agent_studio-0.3.4.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-agent-studio
-Version: 0.3.2
+Version: 0.3.4
 Summary: Visual agent builder and management studio for Django - build custom GPTs with a two-pane interface
 Author: Chris Barry
 License: Business Source License 1.1
@@ -126,6 +126,7 @@ A visual agent builder and management interface for Django applications. Create,
 
 | Version | Date | Changes |
 |---------|------|---------|
+| **0.3.3** | 2026-01-30 | **Logout & Scroll Fixes** - Added logout button to header, fixed embedded chat widget scrolling with proper flex layout |
 | **0.3.2** | 2026-01-30 | **Multi-User Access Control** - Collaborator management UI, user search autocomplete, supports both email and username-based User models, system creation from homepage, permission inheritance display |
 | **0.3.1** | 2026-01-30 | **Bug Fixes** - Fixed duplicate message emit in dynamic agents, fixed escapejs encoding in templates, added 800px max-width constraint to system test view |
 | **0.3.0** | 2026-01-29 | **System Listing & Navigation** - Browse and test multi-agent systems from homepage, fixed URL routing for My Systems/My Agents links, system creation now supports optional entry agent |

{django_agent_studio-0.3.2.dist-info → django_agent_studio-0.3.4.dist-info}/RECORD

@@ -1,13 +1,14 @@
 django_agent_studio/__init__.py,sha256=E2vGoil7ZmwTebaB5ap9Lt0ptAzqYB5xJpyi4bFbqL8,378
 django_agent_studio/apps.py,sha256=L89QWn4XOvPBs2z6qHAhaE4uZQpasJntYD75aSd2p_k,607
-django_agent_studio/urls.py,sha256=xlL1ZkVxbLXnorAgvL3onUpCtGmzsxp5aQputRzTui8,1269
-django_agent_studio/views.py,sha256=IXYSWu-nDunVTQtWiq0fO89UsZQ9--25LtvLDye1wNg,15565
+django_agent_studio/branding.py,sha256=vg_TydsBeAPji6zz3rIeqq3I_RXvbXVJ4XDFmhner1k,3125
+django_agent_studio/urls.py,sha256=qoqmIaYx2qB4Ail9AhOzH3XKrMK9T8wxk8Kms2sHbkk,1333
+django_agent_studio/views.py,sha256=iAO_0oY3vlJdjaVACVXJN2Z784-Tc82PILXQqA2vHDk,15844
 django_agent_studio/agents/__init__.py,sha256=VYL_ato0DtggIo4BGRkyiz9cm1ARPXhhTQFzoG__NVM,800
 django_agent_studio/agents/builder.py,sha256=dRPQk5-AhUsTBOFxv8H4Uk2X2PfK631jjVJZ1w13GtM,146777
-django_agent_studio/agents/dynamic.py,sha256=b2bwvwF9DOjEds4c0748mjKzCWbymcSlR4B9nP9Bk4Q,25367
+django_agent_studio/agents/dynamic.py,sha256=Fe3qvPm1zwI-1a6B6t4QAcBAy2xkXwquyoeNjWDutsA,31185
 django_agent_studio/api/__init__.py,sha256=vtBwuvBENyFFhFqCWyFsI6cYu4N9ZGqSMmHIRhr9a_U,45
 django_agent_studio/api/permissions.py,sha256=MutmA8TxZb4ZwGfeEoolK-QI04Gbcxs7DPNzkXe_Bss,5302
-django_agent_studio/api/serializers.py,sha256=qIQ74JzOdJRp_Sh2xtETuRwtRThcpn3EYS14rvAKdHA,23593
+django_agent_studio/api/serializers.py,sha256=TT3-o_ZcGMSLKeQrExg3hl-I1T127uW6rMcKfPIaQzA,24079
 django_agent_studio/api/urls.py,sha256=xfL3AbTP0GKRYarDExvUoXuz0txhgNCumgjVehSfmTY,9893
 django_agent_studio/api/views.py,sha256=fECFWpu08ibQpOR-sL7AVCoTh4Ox6cYUEm4lh5GAPsE,90869
 django_agent_studio/management/__init__.py,sha256=6O9RHMN_xMDrEzKWytpai6QqgTXZVqwRg4h9mIQWtA8,52
@@ -19,22 +20,22 @@ django_agent_studio/models/permissions.py,sha256=NepltvQzeehv5EwcOTqULj8n3N5XGVT
 django_agent_studio/services/__init__.py,sha256=06cc1eLnAbROTKFxBgvkeCpsYV5cQsyJVGXaE_rcp3M,244
 django_agent_studio/services/permissions.py,sha256=-cwe0YZCFBFYh_ScXKncsPwEkCfEyIrtOzp8Wt9GSco,7785
 django_agent_studio/static/agent-frontend/chat-widget-markdown.js,sha256=_TQCux4HPRynCiLKydITO-docIRoi454jLpX0fegAFM,3722
-django_agent_studio/static/agent-frontend/chat-widget.css,sha256=raGonlpfKT0lao-hDviZimmMXjHJwtrIz1Ud-9uDIEY,38268
-django_agent_studio/static/agent-frontend/chat-widget.js,sha256=Yla8YlsmMtdXZRjN45Fup-4-NTCoM3NgR3yPsA5_Ot4,60548
-django_agent_studio/static/django_agent_studio/js/builder.js,sha256=eEUw2z-pNdoU3xv3NhLQ-uDZV7tsf8Bawseg7B7dpCo,413948
-django_agent_studio/static/django_agent_studio/js/builder.js.map,sha256=sVkeGyZsBWEr4MKhqAfd3B4JL5n7D6eKc_4ZYUsbKO8,1633363
-django_agent_studio/static/django_agent_studio/js/style.css,sha256=rigQJy_oHIhgb1_7DwAQ_8G002gQnT0AXUtwxImWj1o,1626515
-django_agent_studio/templates/django_agent_studio/agent_list.html,sha256=pIW6cRQ-i_hKWB_qDUuSBbzZw2qL_qJumhrW8C4Rs14,4931
-django_agent_studio/templates/django_agent_studio/base.html,sha256=wSgwaqK1DAIIyYeZWsVvPlpAZyZHBEx3_NGtdRo0J3A,6019
-django_agent_studio/templates/django_agent_studio/builder.html,sha256=yPzb0Pdp0d7Sp7gVkJd7OouDq-toKCA8i7OJLU9x6Z8,1542
-django_agent_studio/templates/django_agent_studio/collaborators.html,sha256=qPV0YG8V8eFCdK3e--kgxh3iT4jPHAXCxkSzOBkx7bg,19482
-django_agent_studio/templates/django_agent_studio/home.html,sha256=ebA-U1HseIzY5pPeXKluzI8vsKOh1owkKZxhys27Yns,6914
-django_agent_studio/templates/django_agent_studio/system_create.html,sha256=MOhKMuiR2Iley0J7gvFk9yxLT51BqPrOhk0PbJ-QXjo,6392
-django_agent_studio/templates/django_agent_studio/system_list.html,sha256=CN2o3nFpsZHwv6Wva1DkzYaAZnK204Q6FAqVH08L6_0,4666
-django_agent_studio/templates/django_agent_studio/system_test.html,sha256=CANXocxO1dG2JZSSHrEIYWQovapBA2GVQ9U8MIBzRg4,4238
-django_agent_studio/templates/django_agent_studio/test.html,sha256=y2BjAwq0zxjdoMEM8K_rH0zCjcj1DL-Jj2BIQTJorxA,4088
-django_agent_studio-0.3.2.dist-info/licenses/LICENSE,sha256=WIh21lpD7d7xCUtLysKK-kbfW4SG7GNPf_k7_Xm_sZg,3851
-django_agent_studio-0.3.2.dist-info/METADATA,sha256=NLLNO4VvoR9E0xXQdnEX5m_ffQac5pKQdvbSE4HGmjM,16899
-django_agent_studio-0.3.2.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-django_agent_studio-0.3.2.dist-info/top_level.txt,sha256=O1kqZzXPOsJlqnPSAcB2fH5WpJNY8ZNfHEJzX9_SZ0A,20
-django_agent_studio-0.3.2.dist-info/RECORD,,
+django_agent_studio/static/agent-frontend/chat-widget.css,sha256=hXbF85O9r9NtfGPsfm_j0ydA6eSQunxrSop3wguRQy4,39272
+django_agent_studio/static/agent-frontend/chat-widget.js,sha256=taWJEanfXJjO9HRT3e1eK0428q3g-59s0PN9XsPjYIA,62278
+django_agent_studio/static/django_agent_studio/js/builder.js,sha256=9b5tfVtKLBubzYx1SgfQ_k3DXyGk_hgTsD9CSOXH82M,419987
+django_agent_studio/static/django_agent_studio/js/builder.js.map,sha256=GnCYDH_KCn9sK5ZY_qO7xZrHlK75kDYDagJChrFduy0,1650733
+django_agent_studio/static/django_agent_studio/js/style.css,sha256=UqHhQqLup8c34l76M5YPQczAZs3FM4Z45-x-KbqVoZ8,1630851
+django_agent_studio/templates/django_agent_studio/agent_list.html,sha256=khHjecmMkoUngSQISiFq8uVB7qj0W0loSr4KquggSo0,5475
+django_agent_studio/templates/django_agent_studio/base.html,sha256=fMg6q7_3WmTRo4LOxWzYXXnpgorEaPbTeaZlJXQjD1o,10022
+django_agent_studio/templates/django_agent_studio/builder.html,sha256=sc0V661vbe6iOULqsMOgX6fqgDNtyYRx1NobmqX79Us,1551
+django_agent_studio/templates/django_agent_studio/collaborators.html,sha256=9r9uN9NdX_DijWdNUsDnIyGCvYdB25GUCyXkqxPDWI0,19641
+django_agent_studio/templates/django_agent_studio/home.html,sha256=4TSpgQg5fS5qGZHSeuYLF6xs8JoJr0dnEd2DUjHxHE0,8720
+django_agent_studio/templates/django_agent_studio/system_create.html,sha256=0D46_4fxcXYeGicoRVycKHgDWBbOnsrG8N2_wYaXaLA,6492
+django_agent_studio/templates/django_agent_studio/system_list.html,sha256=93gQUcUbgWhPXdo8gyLTdqlceDmII5nOe9wjgW9v1WM,5555
+django_agent_studio/templates/django_agent_studio/system_test.html,sha256=LJvJqqkdO4ua1GvWUV7M1G-NFhRjBy0eRsTKYY1rJkg,4990
+django_agent_studio/templates/django_agent_studio/test.html,sha256=T0ETvqH5v7rUoOhuwbuxdZ2zrka89H4i-efNkwK_2Fc,4740
+django_agent_studio-0.3.4.dist-info/licenses/LICENSE,sha256=WIh21lpD7d7xCUtLysKK-kbfW4SG7GNPf_k7_Xm_sZg,3851
+django_agent_studio-0.3.4.dist-info/METADATA,sha256=1OiOos9Wxx_L-UxHIys4b-reu_hQ4CB1_p95-5hi1Lw,17048
+django_agent_studio-0.3.4.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+django_agent_studio-0.3.4.dist-info/top_level.txt,sha256=O1kqZzXPOsJlqnPSAcB2fH5WpJNY8ZNfHEJzX9_SZ0A,20
+django_agent_studio-0.3.4.dist-info/RECORD,,