- Add complete Project Hub & Workspace Interface implementation - New data models: Project, ModuleKit, Workspace - 3 fixture projects (cybermind.fr, cybermood.eu, secubox-c3) - 4 module kits (Security, Network, Automation, Media) - Workspace routes with project switching and kit installation - 4 workspace tabs: Overview, Module Kits, Devices, Composer - New navigation item: Workspace (7th section) - Remove all glowing effects from UI - Remove Command Center widget glow and backdrop blur - Remove device status indicator glow - Remove toggle button glow effects - Extend DataStore with 13 new methods for workspace management - Add 270+ lines of workspace-specific CSS with responsive layouts - Create workspace templates and result partials 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
32 lines
1.1 KiB
HTML
32 lines
1.1 KiB
HTML
<div id="module-grid" class="module-grid" hx-target="this">
|
|
{% for module in modules %}
|
|
<article class="module-card">
|
|
<header class="card-header">
|
|
<div class="card-meta">
|
|
<span class="emoji-badge">{{ emoji_for_module(module) }}</span>
|
|
<div>
|
|
<h3>{{ module.name }}</h3>
|
|
<p class="muted">{{ module.category }} · v{{ module.version }}</p>
|
|
</div>
|
|
</div>
|
|
<span class="pill pill-{{ module.health }}">{{ module.health|capitalize }}</span>
|
|
</header>
|
|
<p>{{ module.summary }}</p>
|
|
<div class="tag-row">
|
|
{% for tag in module.tags %}
|
|
<span class="chip small">#{{ tag }}</span>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="card-actions">
|
|
<a class="btn" href="/modules/{{ module.id }}?theme={{ selected_theme }}">Inspect</a>
|
|
<button class="btn ghost">Preview</button>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
{% if modules|length == 0 %}
|
|
<div class="empty-state">
|
|
<p>No modules found for this filter.</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|