refactor(ui): rename the "Apps" tab back to "Clients"

Nav label + hint, the page title + subtitle, and the Home stat tile + "See
Clients" CTA. Updates the E2E specs that navigated/asserted by "Apps"
(clients.spec, clients.wdio, app.wdio).

Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com>

Author: its-mash

apps/desktop/src/features/clients/ClientsPage.tsx

@@ -271,12 +271,12 @@ export default function ClientsPage() {
       <header className="flex-shrink-0 border-b border-[rgb(var(--border-subtle))] p-8">
         <div className="mx-auto max-w-[2000px]">
           <PageHeader
-            title="Apps"
+            title="Clients"
             titleTestId="clients-title"
             subtitle={
               <>
-                The AI apps connected through your gateway. Which tools each one gets (which Space,
-                which FeatureSet) is configured in{' '}
+                The AI clients connected through your gateway. Which tools each one gets (which
+                Space, which FeatureSet) is configured in{' '}
                 <button
                   onClick={() => navigateTo('workspaces')}
                   className="font-medium text-[rgb(var(--accent))] hover:underline"

apps/desktop/src/features/home/HomePage.tsx

@@ -121,7 +121,7 @@ function GetStartedStrip() {
       icon: Monitor,
       title: 'Connect an AI app',
       desc: 'Point Cursor, Claude, or VS Code at your gateway below.',
-      cta: 'See Apps',
+      cta: 'See Clients',
       nav: 'clients' as NavItem,
     },
   ];
@@ -310,8 +310,8 @@ export function HomePage() {
           testId="stat-clients"
           valueTestId="stat-clients-value"
           icon={Monitor}
-          label="Apps"
-          sub="Connected AI apps"
+          label="Clients"
+          sub="Connected AI clients"
           value={String(stats.clients)}
           accent="hsl(152 55% 45%)"
           navTarget="clients"

apps/desktop/src/lib/navigation.ts

@@ -86,10 +86,10 @@ export const NAV_ZONES: NavZone[] = [
     entries: [
       {
         key: 'clients',
-        label: 'Apps',
+        label: 'Clients',
         icon: Monitor,
         testId: 'nav-clients',
-        hint: 'AI apps connected through your gateway',
+        hint: 'AI clients connected through your gateway',
       },
       {
         key: 'workspaces',

tests/e2e/specs/app.wdio.ts

@@ -56,7 +56,7 @@ describe('McpMux Application', () => {
     await safeClick(clientsButton);
     await browser.pause(1500);
     const pageSource = await browser.getPageSource();
-    expect(pageSource.includes('Apps') || pageSource.includes('clients-page')).toBe(true);
+    expect(pageSource.includes('Clients') || pageSource.includes('clients-page')).toBe(true);
   });
 
   it('should navigate to FeatureSets page', async () => {

tests/e2e/specs/clients.spec.ts

@@ -8,7 +8,7 @@ test.describe('Connections Page', () => {
     await dashboard.navigate();
 
     // Click Clients in sidebar
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     await expect(clients.heading).toBeVisible();
     await expect(clients.heading).toHaveText('Connections');
@@ -17,7 +17,7 @@ test.describe('Connections Page', () => {
   test('should describe that routing lives in Workspaces', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     // Routing is configured in Workspaces, not per-client.
     await expect(
@@ -28,7 +28,7 @@ test.describe('Connections Page', () => {
   test('should show description text', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const description = page.locator('text=/connected|AI|client/i');
     // Description about clients should be visible
@@ -37,7 +37,7 @@ test.describe('Connections Page', () => {
   test('should show empty state or client list', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const emptyState = page.locator('text=/No clients|no.*connected/i');
     const clientItems = page.locator('[class*="rounded"][class*="border"]');
@@ -52,7 +52,7 @@ test.describe('Connections Page', () => {
   test('should display client cards if clients exist', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const clientCards = page.locator('[class*="rounded"][class*="border"]');
     const count = await clientCards.count();
@@ -69,7 +69,7 @@ test.describe('Connection Details', () => {
   test('should show last-seen indicator on connection cards', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const clientCards = page.locator('[data-testid^="client-card-"]');
     const count = await clientCards.count();
@@ -87,7 +87,7 @@ test.describe('Connection Details', () => {
   }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const clientCards = page.locator('[data-testid^="client-card-"]');
     const count = await clientCards.count();
@@ -112,7 +112,7 @@ test.describe('Connection lifecycle', () => {
   test('should have refresh button if available', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const refreshButton = page.getByRole('button', { name: /Refresh/ });
     // Always rendered on the Connections header.
@@ -126,7 +126,7 @@ test.describe('Connections toast container', () => {
     const clients = new ClientsPage(page);
     await dashboard.navigate();
 
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
     await expect(clients.heading).toBeVisible();
 
     await expect(clients.toastContainer).toBeAttached();
@@ -138,7 +138,7 @@ test.describe('Connections toast container', () => {
     const clients = new ClientsPage(page);
     await dashboard.navigate();
 
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const clientCards = page.locator('[data-testid^="client-card-"]');
     const count = await clientCards.count();
@@ -162,7 +162,7 @@ test.describe('Connections toast container', () => {
     const clients = new ClientsPage(page);
     await dashboard.navigate();
 
-    await page.locator('nav button:has-text("Apps")').click();
+    await page.locator('nav button:has-text("Clients")').click();
 
     const clientCards = page.locator('[data-testid^="client-card-"]');
     const count = await clientCards.count();

tests/e2e/specs/clients.wdio.ts

@@ -22,7 +22,7 @@ describe('Connections - Page shell', () => {
     const pageSource = await browser.getPageSource();
 
     // Heading has been renamed.
-    expect(pageSource.includes('Apps')).toBe(true);
+    expect(pageSource.includes('Clients')).toBe(true);
 
     // The page routes users to the Mapping tab for any routing questions.
     expect(pageSource.includes('Mapping')).toBe(true);