mirror of
https://github.com/thecyberlearn/quantum-ai-v2.git
synced 2026-08-18 08:52:59 +00:00
c368bb55de
- Redesign agent cards with sleek modern styling (white cards, gradient shadows) - Implement authentication-aware UI: blue "Try Now" vs black "Login to Try" - Add login_required decorator to agent detail views for security - Fix quick agents panel to show only 3 working agents - Update PDF Summarizer reset functionality to properly clear file uploads - Remove category badges for unauthenticated users to prevent layout issues 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
38 lines
1.5 KiB
HTML
38 lines
1.5 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">
|
||
<a href="/agents/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="/agents/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="/agents/pdf-summarizer/" class="quick-agent-card">
|
||
<div class="agent-icon">📄</div>
|
||
<div class="agent-info">
|
||
<h4>PDF Summarizer</h4>
|
||
<p>Analyze and summarize PDFs</p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="quick-agents-footer">
|
||
<a href="{% url 'workflows:marketplace' %}" class="view-all-agents">View All Agents →</a>
|
||
</div>
|
||
</div> |