From 3a4c226b60883081b87b779d13592e5385517ffb Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Mon, 23 Mar 2026 20:59:29 +0200
Subject: [PATCH] fix(landing): update live processes feature status and
 improve comparison table styling

- 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.
---
 README.md                                     |  2 +-
 .../components/sections/ComparisonSection.vue | 22 ++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 9838c690..e19fe254 100644
--- a/README.md
+++ b/README.md
@@ -168,7 +168,7 @@ A new approach to task management with AI agent teams.
 | **Zero setup** | ✅ | ❌ Config required | ❌ Config required | ✅ | ⚠️ CLI install required |
 | **Kanban board** | ✅ 5 columns, real-time | ✅ | ✅ 6 columns (pipeline) | ❌ | ❌ |
 | **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 | ❌ |
 | **Flexible autonomy** | ✅ Granular settings, per-action approval, notifications | ❌ | ⚠️ Plan approval only | ✅ | ✅ |
 | **Git worktree isolation** | ✅ Optional | ⚠️ Mandatory | ⚠️ Mandatory | ✅ | ✅ |
diff --git a/landing/components/sections/ComparisonSection.vue b/landing/components/sections/ComparisonSection.vue
index cc739605..cc6f3308 100644
--- a/landing/components/sections/ComparisonSection.vue
+++ b/landing/components/sections/ComparisonSection.vue
@@ -125,7 +125,7 @@ const rows = computed<ComparisonRow[]>(() => [
     feature: t('comparison.features.liveProcesses'),
     us: { status: 'yes', note: 'View, stop, open URLs' },
     vibeKanban: { status: 'no' },
-    aperant: { status: 'yes', note: '12 agent terminals' },
+    aperant: { status: 'no' },
     cursor: { status: 'yes' },
     claudeCli: { status: 'no' },
   },
@@ -318,9 +318,9 @@ function getStatusIcon(status: string): string {
   margin: 0;
 }
 
-/* Table wrapper for horizontal scroll on mobile */
+/* Table wrapper */
 .comparison-table__wrap {
-  overflow-x: auto;
+  overflow-x: clip;
   border-radius: 16px;
   border: 1px solid rgba(0, 240, 255, 0.15);
   background: rgba(10, 10, 15, 0.6);
@@ -337,6 +337,12 @@ function getStatusIcon(status: string): string {
 }
 
 /* Header */
+.comparison-table thead {
+  position: sticky;
+  top: 64px;
+  z-index: 2;
+}
+
 .comparison-table__th {
   padding: 16px 12px;
   text-align: center;
@@ -348,6 +354,7 @@ function getStatusIcon(status: string): string {
   border-bottom: 1px solid rgba(0, 240, 255, 0.1);
   white-space: nowrap;
   font-family: "JetBrains Mono", monospace;
+  background: rgb(10, 10, 15);
 }
 
 .comparison-table__th--feature {
@@ -358,7 +365,7 @@ function getStatusIcon(status: string): string {
 
 .comparison-table__th--highlight {
   color: #00f0ff;
-  background: rgba(0, 240, 255, 0.06);
+  background: rgba(0, 18, 20, 0.97);
   position: relative;
 }
 
@@ -525,11 +532,12 @@ function getStatusIcon(status: string): string {
 .v-theme--light .comparison-table__th {
   color: #64748b;
   border-bottom-color: rgba(0, 0, 0, 0.08);
+  background: rgba(255, 255, 255, 0.95);
 }
 
 .v-theme--light .comparison-table__th--highlight {
   color: #0891b2;
-  background: rgba(8, 145, 178, 0.06);
+  background: rgba(240, 253, 255, 0.97);
 }
 
 .v-theme--light .comparison-table__th--highlight::after {
@@ -600,6 +608,10 @@ function getStatusIcon(status: string): string {
 
 /* Responsive */
 @media (max-width: 960px) {
+  .comparison-table__wrap {
+    overflow-x: auto;
+  }
+
   .comparison-section__title {
     font-size: 1.85rem;
   }