mirror of
https://github.com/thecyberlearn/quantum-ai-v2.git
synced 2026-08-18 07:52:58 +00:00
9e6ec903fc
## Major System Simplification - **90% reduction** in agent configuration complexity (369 → 83 lines) - Removed unused dynamic field system (174 lines eliminated) - Deleted generic template fallback (dead code removal) - Enhanced JavaScript utilities with 15+ shared functions ## New Workflows App Architecture - Unified agent processing with hybrid N8N/Django approach - Shared component system (6 reusable components) - Individual templates with consistent UI patterns - Configuration-driven agent definitions (metadata only) ## Enhanced Developer Experience - 4-step agent creation process (vs complex multi-step before) - Agent template starter file for easy copying - Comprehensive documentation with before/after examples - Enhanced WorkflowsCore utilities for common operations ## Files Added - `workflows/` - Complete new Django app with simplified architecture - `agent-template-starter.html` - Template for easy agent creation - `workflows-core.js` - Enhanced JavaScript utilities (15+ functions) - Shared components: header, quick-agents, processing, results, wallet - Simplified agent configs (5 lines vs 50+ lines each) ## Benefits Achieved ✅ 90% less configuration code per agent ✅ Shared component reusability with dynamic data ✅ Enhanced JavaScript utilities automatically available ✅ Consistent UI/UX across all agents ✅ Dramatically simplified maintenance 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
67 lines
2.8 KiB
HTML
67 lines
2.8 KiB
HTML
<div class="quick-agents-overlay" id="quickAgentsOverlay" onclick="closeQuickAgents()" aria-hidden="true"></div>
|
||
|
||
<div class="quick-agents-panel" id="quickAgentsPanel" role="dialog" aria-labelledby="quickAgentsTitle" aria-hidden="true">
|
||
<div class="quick-agents-header">
|
||
<h3 id="quickAgentsTitle">Quick Access to Other Agents</h3>
|
||
<button class="close-panel" onclick="toggleQuickAgents()" aria-label="Close quick agents panel">×</button>
|
||
</div>
|
||
|
||
<div class="quick-agents-grid">
|
||
{% if available_agents %}
|
||
{% for agent_slug, agent_info in available_agents.items %}
|
||
<a href="/workflows/{{ agent_slug }}/" class="quick-agent-card">
|
||
<div class="agent-icon">{{ agent_info.icon }}</div>
|
||
<div class="agent-info">
|
||
<h4>{{ agent_info.name }}</h4>
|
||
<p>{{ agent_info.description|truncatewords:4 }}</p>
|
||
</div>
|
||
</a>
|
||
{% endfor %}
|
||
{% else %}
|
||
<!-- Fallback to hardcoded agents if available_agents not provided -->
|
||
<a href="/workflows/data-analyzer/" class="quick-agent-card">
|
||
<div class="agent-icon">📊</div>
|
||
<div class="agent-info">
|
||
<h4>Data Analyzer</h4>
|
||
<p>AI-powered data analysis</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="/workflows/weather-reporter/" class="quick-agent-card">
|
||
<div class="agent-icon">🌤️</div>
|
||
<div class="agent-info">
|
||
<h4>Weather Reporter</h4>
|
||
<p>Worldwide weather forecasts</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="/workflows/social-ads-generator/" class="quick-agent-card">
|
||
<div class="agent-icon">📢</div>
|
||
<div class="agent-info">
|
||
<h4>Social Ads Generator</h4>
|
||
<p>Create social media ads</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="/workflows/job-posting-generator/" class="quick-agent-card">
|
||
<div class="agent-icon">💼</div>
|
||
<div class="agent-info">
|
||
<h4>Job Posting Generator</h4>
|
||
<p>Create professional job posts</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="/workflows/five-whys-analyzer/" class="quick-agent-card">
|
||
<div class="agent-icon">🤔</div>
|
||
<div class="agent-info">
|
||
<h4>Five Whys Analyzer</h4>
|
||
<p>Problem analysis method</p>
|
||
</div>
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<div class="quick-agents-footer">
|
||
<a href="{% url 'agent_base:marketplace' %}" class="view-all-agents">View All Agents →</a>
|
||
</div>
|
||
</div> |