Improve marketplace layout: search above, category buttons below

- Moved search box to top with centered layout
- Placed category filter buttons below search
- Better visual hierarchy and user flow
- Cleaner, more intuitive interface design

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

CLAUDE.md

@@ -681,4 +681,4 @@ curl http://localhost:8000/health/
 Always run `python manage.py check_db` before making database-related changes to ensure proper configuration.
 
 ---
-Last updated: Last updated: Last updated: Last updated: Last updated: Last updated: Last updated: 2025-07-29 19:57:24
+Last updated: Last updated: Last updated: Last updated: Last updated: Last updated: Last updated: Last updated: 2025-07-29 20:04:46

docs_update_summary.txt

@@ -1,45 +1,23 @@
 === Documentation Auto-Update Summary ===
-Update Date: 2025-07-29 19:57:24
+Update Date: 2025-07-29 20:04:46
 
 Recent Commits:
+  - bc160b1 🎯 Keep only working agents and simplify marketplace view
   - ec42b51 🗑️ Complete agent_base app removal and legacy cleanup
   - 73d5141 ✅ All agents working: Direct N8N integration, fixed routing, and pricing sync
-  - adab6e4 🧹 Complete template component architecture and remove notification noise
 
 Agents Changes:
-  - agent_base/__init__.py
+  - workflows/config/agents.py
-  - agent_base/admin.py
+  - workflows/templates/workflows/components/quick_agents_panel.html
-  - agent_base/apps.py
-  - agent_base/generators/__init__.py
-  - agent_base/generators/admin.py
-
-Core Changes:
-  - core/views.py
-  - data_analyzer/urls.py
-  - data_analyzer/views.py
-  - email_writer/urls.py
-  - email_writer/views.py
 
 Documentation Changes:
   - CLAUDE.md
-  - data_analyzer/n8n_workflows/README.md
-  - five_whys_analyzer/n8n_workflows/README.md
-  - job_posting_generator/n8n_workflows/README.md
-  - social_ads_generator/n8n_workflows/README.md
 
 Frontend Changes:
-  - data_analyzer/n8n_workflows/pdf_data_analyzer.json
+  - workflows/templates/workflows/marketplace.html
-  - data_analyzer/templates/data_analyzer/detail.html
-  - email_writer/templates/email_writer/detail.html
-  - five_whys_analyzer/n8n_workflows/5_whys.json
-  - five_whys_analyzer/templates/five_whys_analyzer/detail.html
 
 Backend Changes:
-  - data_analyzer/__init__.py
+  - docs_update_summary.txt
-  - data_analyzer/admin.py
-  - data_analyzer/apps.py
-  - data_analyzer/management/__init__.py
-  - data_analyzer/management/commands/__init__.py
 
 Updated Documentation Files:
   - /home/amit/projects/quantum_ai_v2/CLAUDE.md

workflows/templates/workflows/marketplace.html

@@ -275,33 +275,32 @@
         </p>
     </div>
 
-    <!-- Filters and Search -->
+    <!-- Search Box -->
-    <div class="marketplace-filters">
+    <div class="search-box" style="margin-bottom: var(--spacing-lg); max-width: 500px; margin-left: auto; margin-right: auto;">
-        <div class="search-box">
+        <form method="GET" style="position: relative;">
-            <form method="GET" style="position: relative;">
+            <span class="search-icon">🔍</span>
-                <span class="search-icon">🔍</span>
+            <input type="text" name="search" class="search-input" 
-                <input type="text" name="search" class="search-input" 
+                   placeholder="Search agents..." 
-                       placeholder="Search agents..." 
+                   value="{{ search_query }}"
-                       value="{{ search_query }}"
+                   onchange="this.form.submit()">
-                       onchange="this.form.submit()">
+            {% if selected_category %}
-                {% if selected_category %}
+                <input type="hidden" name="category" value="{{ selected_category }}">
-                    <input type="hidden" name="category" value="{{ selected_category }}">
+            {% endif %}
-                {% endif %}
+        </form>
-            </form>
+    </div>
-        </div>
     
-        <div class="category-filter">
+    <!-- Category Filter Buttons -->
-            <a href="{% url 'workflows:marketplace' %}" 
+    <div class="category-filter" style="display: flex; gap: var(--spacing-sm); flex-wrap: wrap; justify-content: center; margin-bottom: var(--spacing-xl);">
-               class="category-btn {% if not selected_category %}active{% endif %}">
+        <a href="{% url 'workflows:marketplace' %}" 
-                All
+           class="category-btn {% if not selected_category %}active{% endif %}">
+            All
+        </a>
+        {% for category in all_categories %}
+            <a href="?category={{ category }}{% if search_query %}&search={{ search_query }}{% endif %}" 
+               class="category-btn {% if selected_category == category %}active{% endif %}">
+                {{ category }}
             </a>
-            {% for category in all_categories %}
+        {% endfor %}
-                <a href="?category={{ category }}{% if search_query %}&search={{ search_query }}{% endif %}" 
-                   class="category-btn {% if selected_category == category %}active{% endif %}">
-                    {{ category }}
-                </a>
-            {% endfor %}
-        </div>
     </div>
 
     <!-- Stats -->