django-agent-studio 0.1.0__py3-none-any.whl

django_agent_studio/templates/django_agent_studio/home.html

@@ -0,0 +1,97 @@
+{% extends "django_agent_studio/base.html" %}
+
+{% block title %}Agent Studio - Home{% endblock %}
+
+{% block content %}
+<div class="h-full p-6 overflow-auto">
+    <div class="max-w-6xl mx-auto">
+        <!-- Welcome Section -->
+        <div class="mb-8">
+            <h1 class="text-3xl font-bold text-gray-900 mb-2">Welcome to Agent Studio</h1>
+            <p class="text-gray-600">Build, customize, and manage your AI agents in one place.</p>
+        </div>
+        
+        <!-- Quick Actions -->
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+            <a href="{% url 'agent_studio:agent_create' %}" 
+               class="bg-primary-600 hover:bg-primary-700 text-white rounded-lg p-6 transition-colors">
+                <div class="flex items-center space-x-3 mb-2">
+                    <span class="text-2xl">✨</span>
+                    <span class="text-lg font-semibold">Create New Agent</span>
+                </div>
+                <p class="text-primary-100 text-sm">Start building a custom AI agent from scratch</p>
+            </a>
+            
+            <a href="{% url 'agent_studio:agent_list' %}" 
+               class="bg-white hover:bg-gray-50 border border-gray-200 rounded-lg p-6 transition-colors">
+                <div class="flex items-center space-x-3 mb-2">
+                    <span class="text-2xl">📋</span>
+                    <span class="text-lg font-semibold text-gray-800">My Agents</span>
+                </div>
+                <p class="text-gray-600 text-sm">View and manage your existing agents</p>
+            </a>
+            
+            <div class="bg-white hover:bg-gray-50 border border-gray-200 rounded-lg p-6 transition-colors cursor-pointer">
+                <div class="flex items-center space-x-3 mb-2">
+                    <span class="text-2xl">📚</span>
+                    <span class="text-lg font-semibold text-gray-800">Templates</span>
+                </div>
+                <p class="text-gray-600 text-sm">Start from a pre-built template</p>
+            </div>
+        </div>
+        
+        <!-- Recent Agents -->
+        {% if recent_agents %}
+        <div class="mb-8">
+            <h2 class="text-xl font-semibold text-gray-800 mb-4">Recent Agents</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                {% for agent in recent_agents %}
+                <a href="{% url 'agent_studio:agent_edit' agent.id %}" 
+                   class="bg-white border border-gray-200 rounded-lg p-4 hover:border-primary-300 hover:shadow-sm transition-all">
+                    <div class="flex items-center space-x-3 mb-2">
+                        <span class="text-xl">{{ agent.icon|default:"🤖" }}</span>
+                        <span class="font-medium text-gray-800">{{ agent.name }}</span>
+                    </div>
+                    <p class="text-sm text-gray-500 line-clamp-2">{{ agent.description|default:"No description" }}</p>
+                    <div class="mt-3 text-xs text-gray-400">
+                        Updated {{ agent.updated_at|timesince }} ago
+                    </div>
+                </a>
+                {% endfor %}
+            </div>
+        </div>
+        {% endif %}
+        
+        <!-- Template Agents -->
+        {% if template_agents %}
+        <div>
+            <h2 class="text-xl font-semibold text-gray-800 mb-4">Popular Templates</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+                {% for agent in template_agents %}
+                <div class="bg-white border border-gray-200 rounded-lg p-4 hover:border-primary-300 hover:shadow-sm transition-all cursor-pointer">
+                    <div class="flex items-center space-x-3 mb-2">
+                        <span class="text-xl">{{ agent.icon|default:"📄" }}</span>
+                        <span class="font-medium text-gray-800">{{ agent.name }}</span>
+                    </div>
+                    <p class="text-sm text-gray-500 line-clamp-2">{{ agent.description|default:"No description" }}</p>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+const { createApp } = Vue;
+
+createApp({
+    data() {
+        return {}
+    }
+}).use(primevue.config.default).mount('#app');
+</script>
+{% endblock %}
+

django_agent_studio/templates/django_agent_studio/test.html

@@ -0,0 +1,126 @@
+{% extends "django_agent_studio/base.html" %}
+
+{% block title %}Test {{ agent.name }} - Agent Studio{% 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>
+</nav>
+{% endblock %}
+
+{% block extra_head %}
+<style>
+    #fullscreen-chat-container .cw-container {
+        position: absolute !important;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        width: 100% !important;
+        height: 100% !important;
+        max-height: none !important;
+        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;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        width: 100% !important;
+        height: 100% !important;
+        max-height: none !important;
+        border-radius: 0 !important;
+        display: flex !important;
+    }
+</style>
+{% endblock %}
+
+{% 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="flex items-center space-x-4">
+            <span class="text-2xl">{{ agent.icon|default:"🤖" }}</span>
+            <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>
+            </div>
+        </div>
+        <div class="flex items-center space-x-3">
+            <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">
+                ← 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">
+                Clear Chat
+            </button>
+        </div>
+    </div>
+    
+    <!-- Full Screen Chat -->
+    <div class="flex-1 relative bg-gray-100">
+        <div id="fullscreen-chat-container" class="absolute inset-0"></div>
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+const { createApp } = Vue;
+
+const agentSlug = "{{ agent.slug }}";
+const backendUrl = window.location.origin;
+
+function initChat() {
+    if (window.testChatWidget) {
+        window.testChatWidget.destroy();
+    }
+    
+    window.testChatWidget = ChatWidget.createInstance({
+        containerId: 'fullscreen-chat-container',
+        backendUrl: backendUrl,
+        agentKey: agentSlug,
+        title: '{{ agent.name }}',
+        primaryColor: '#3b82f6',
+        showClearButton: true,
+        showDebugButton: true,
+        showExpandButton: false,
+        embedded: true,
+        apiPaths: {
+            runs: '/api/agent-runtime/runs/',
+            runEvents: '/api/agent-runtime/runs/{runId}/events/',
+        },
+    });
+}
+
+createApp({
+    data() {
+        return {}
+    },
+    methods: {
+        clearChat() {
+            if (window.testChatWidget) {
+                window.testChatWidget.clearMessages();
+            }
+        }
+    },
+    mounted() {
+        initChat();
+    }
+}).use(primevue.config.default).mount('#app');
+</script>
+{% endblock %}
+

django_agent_studio/urls.py

@@ -0,0 +1,25 @@
+"""
+URL configuration for django_agent_studio.
+"""
+
+from django.urls import path, include
+
+from django_agent_studio import views
+from django_agent_studio.api import urls as api_urls
+
+app_name = "agent_studio"
+
+urlpatterns = [
+    # Main studio interface
+    path("", views.StudioHomeView.as_view(), name="home"),
+    
+    # Agent builder/editor
+    path("agents/", views.AgentListView.as_view(), name="agent_list"),
+    path("agents/new/", views.AgentBuilderView.as_view(), name="agent_create"),
+    path("agents/<uuid:agent_id>/", views.AgentBuilderView.as_view(), name="agent_edit"),
+    path("agents/<uuid:agent_id>/test/", views.AgentTestView.as_view(), name="agent_test"),
+    
+    # API endpoints
+    path("api/", include(api_urls)),
+]
+

django_agent_studio/views.py

@@ -0,0 +1,100 @@
+"""
+Views for django_agent_studio.
+"""
+
+from django.db.models import Q
+from django.views.generic import TemplateView, ListView
+from django.contrib.auth.mixins import LoginRequiredMixin
+
+from django_agent_runtime.models import AgentDefinition
+
+
+class AgentAccessMixin:
+    """
+    Mixin that provides consistent agent access logic.
+
+    - Superusers can access all agents
+    - Regular users can access their own agents
+    """
+
+    def get_user_agents_queryset(self):
+        """Get queryset of agents accessible to the current user."""
+        if self.request.user.is_superuser:
+            return AgentDefinition.objects.all()
+        return AgentDefinition.objects.filter(owner=self.request.user)
+
+    def get_agent_for_user(self, agent_id):
+        """
+        Get a specific agent if the user has access.
+
+        - Superusers can access any agent
+        - Regular users can access their own agents
+        """
+        if self.request.user.is_superuser:
+            return AgentDefinition.objects.get(id=agent_id)
+        return AgentDefinition.objects.get(id=agent_id, owner=self.request.user)
+
+
+class StudioHomeView(LoginRequiredMixin, AgentAccessMixin, TemplateView):
+    """Home page for the agent studio."""
+
+    template_name = "django_agent_studio/home.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context["recent_agents"] = self.get_user_agents_queryset().order_by("-updated_at")[:5]
+        context["template_agents"] = AgentDefinition.objects.filter(
+            is_template=True,
+            is_public=True,
+        ).order_by("-updated_at")[:10]
+        return context
+
+
+class AgentListView(LoginRequiredMixin, AgentAccessMixin, ListView):
+    """List all agents for the current user."""
+
+    template_name = "django_agent_studio/agent_list.html"
+    context_object_name = "agents"
+
+    def get_queryset(self):
+        return self.get_user_agents_queryset().order_by("-updated_at")
+
+
+class AgentBuilderView(LoginRequiredMixin, AgentAccessMixin, TemplateView):
+    """
+    Two-pane agent builder interface.
+
+    Left pane: Test the agent (agent-frontend instance)
+    Right pane: Builder agent conversation (agent-frontend instance)
+    """
+
+    template_name = "django_agent_studio/builder.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        agent_id = kwargs.get("agent_id")
+
+        if agent_id:
+            context["agent"] = self.get_agent_for_user(agent_id)
+            context["is_new"] = False
+        else:
+            context["agent"] = None
+            context["is_new"] = True
+
+        # Configuration for the builder agent
+        context["builder_agent_key"] = "agent-builder"
+
+        return context
+
+
+class AgentTestView(LoginRequiredMixin, AgentAccessMixin, TemplateView):
+    """Full-screen agent testing interface."""
+
+    template_name = "django_agent_studio/test.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        agent_id = kwargs.get("agent_id")
+        context["agent"] = self.get_agent_for_user(agent_id)
+        return context
+