admin-valentin/agent-ecosystem
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(landing): update live processes feature status and improve comparison table styling

Browse source 
- Changed the status of the live processes feature for Aperant from 'yes' to 'no' in both README.md and ComparisonSection.vue to reflect accurate capabilities.
- Adjusted the comparison table styling, including overflow behavior and header positioning for better responsiveness and user experience.
- Enhanced background colors for table headers to improve visibility across themes.
This commit is contained in:
iliya 2026-03-23 20:59:29 +02:00
parent 756643ebcd
commit 3a4c226b60
2 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -168,7 +168,7 @@ A new approach to task management with AI agent teams.
| **Zero setup** | ✅ | ❌ Config required | ❌ Config required | ✅ | ⚠️ CLI install required | | **Zero setup** | ✅ | ❌ Config required | ❌ Config required | ✅ | ⚠️ CLI install required |
| **Kanban board** | ✅ 5 columns, real-time | ✅ | ✅ 6 columns (pipeline) | ❌ | ❌ | | **Kanban board** | ✅ 5 columns, real-time | ✅ | ✅ 6 columns (pipeline) | ❌ | ❌ |
| **Execution log viewer** | ✅ Tool calls, reasoning, timeline | ❌ | ✅ Phase-based logs | ✅ | ❌ | | **Execution log viewer** | ✅ Tool calls, reasoning, timeline | ❌ | ✅ Phase-based logs | ✅ | ❌ |
| **Live processes** | ✅ View, stop, open URLs in browser | ❌ | ✅ 12 agent terminals | ✅ | ❌ | | **Live processes** | ✅ View, stop, open URLs in browser | ❌ | ❌ | ✅ | ❌ |
| **Per-task code review** | ✅ Accept / reject / comment | ⚠️ PR-level only | ⚠️ File-level only | ✅ BugBot on PRs | ❌ | | **Per-task code review** | ✅ Accept / reject / comment | ⚠️ PR-level only | ⚠️ File-level only | ✅ BugBot on PRs | ❌ |
| **Flexible autonomy** | ✅ Granular settings, per-action approval, notifications | ❌ | ⚠️ Plan approval only | ✅ | ✅ | | **Flexible autonomy** | ✅ Granular settings, per-action approval, notifications | ❌ | ⚠️ Plan approval only | ✅ | ✅ |
| **Git worktree isolation** | ✅ Optional | ⚠️ Mandatory | ⚠️ Mandatory | ✅ | ✅ | | **Git worktree isolation** | ✅ Optional | ⚠️ Mandatory | ⚠️ Mandatory | ✅ | ✅ |

22
landing/components/sections/ComparisonSection.vue
View file

@ -125,7 +125,7 @@ const rows = computed<ComparisonRow[]>(() => [
feature: t('comparison.features.liveProcesses'), feature: t('comparison.features.liveProcesses'),
us: { status: 'yes', note: 'View, stop, open URLs' }, us: { status: 'yes', note: 'View, stop, open URLs' },
vibeKanban: { status: 'no' }, vibeKanban: { status: 'no' },
aperant: { status: 'yes', note: '12 agent terminals' }, aperant: { status: 'no' },
cursor: { status: 'yes' }, cursor: { status: 'yes' },
claudeCli: { status: 'no' }, claudeCli: { status: 'no' },
}, },
@ -318,9 +318,9 @@ function getStatusIcon(status: string): string {
margin: 0; margin: 0;
} }
/* Table wrapper for horizontal scroll on mobile */ /* Table wrapper */
.comparison-table__wrap { .comparison-table__wrap {
overflow-x: auto; overflow-x: clip;
border-radius: 16px; border-radius: 16px;
border: 1px solid rgba(0, 240, 255, 0.15); border: 1px solid rgba(0, 240, 255, 0.15);
background: rgba(10, 10, 15, 0.6); background: rgba(10, 10, 15, 0.6);
@ -337,6 +337,12 @@ function getStatusIcon(status: string): string {
} }
/* Header */ /* Header */
.comparison-table thead {
position: sticky;
top: 64px;
z-index: 2;
}
.comparison-table__th { .comparison-table__th {
padding: 16px 12px; padding: 16px 12px;
text-align: center; text-align: center;
@ -348,6 +354,7 @@ function getStatusIcon(status: string): string {
border-bottom: 1px solid rgba(0, 240, 255, 0.1); border-bottom: 1px solid rgba(0, 240, 255, 0.1);
white-space: nowrap; white-space: nowrap;
font-family: "JetBrains Mono", monospace; font-family: "JetBrains Mono", monospace;
background: rgb(10, 10, 15);
} }
.comparison-table__th--feature { .comparison-table__th--feature {
@ -358,7 +365,7 @@ function getStatusIcon(status: string): string {
.comparison-table__th--highlight { .comparison-table__th--highlight {
color: #00f0ff; color: #00f0ff;
background: rgba(0, 240, 255, 0.06); background: rgba(0, 18, 20, 0.97);
position: relative; position: relative;
} }
@ -525,11 +532,12 @@ function getStatusIcon(status: string): string {
.v-theme--light .comparison-table__th { .v-theme--light .comparison-table__th {
color: #64748b; color: #64748b;
border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-color: rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.95);
} }
.v-theme--light .comparison-table__th--highlight { .v-theme--light .comparison-table__th--highlight {
color: #0891b2; color: #0891b2;
background: rgba(8, 145, 178, 0.06); background: rgba(240, 253, 255, 0.97);
} }
.v-theme--light .comparison-table__th--highlight::after { .v-theme--light .comparison-table__th--highlight::after {
@ -600,6 +608,10 @@ function getStatusIcon(status: string): string {
/* Responsive */ /* Responsive */
@media (max-width: 960px) { @media (max-width: 960px) {
.comparison-table__wrap {
overflow-x: auto;
}
.comparison-section__title { .comparison-section__title {
font-size: 1.85rem; font-size: 1.85rem;
} }