feat: promote new custom workplace UIs to be the default

apps/concierge/e2e/admin-content.spec.ts

@@ -0,0 +1,135 @@
+import { expect, test } from './fixtures';
+import { gotoMockRoute, waitForAppShell, waitForHost } from './helpers';
+
+// US-090 / US-091 / US-092: Staff directory and emergency contacts.
+test.describe('Staff and Emergency Contacts', () => {
+    test('shows staff directory and emergency contacts routes', async ({
+        page,
+    }) => {
+        await gotoMockRoute(page, '/#/users/staff');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-new-staff]');
+        await waitForHost(page, 'staff-topbar');
+        await waitForHost(page, 'staff-listings');
+
+        await gotoMockRoute(page, '/#/users/staff/emergency-contacts');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-emergency-contacts]');
+    });
+});
+
+// US-120 / US-121: Points overview and assets.
+test.describe('Points Management', () => {
+    test('shows points overview and assets tabs', async ({ page }) => {
+        await gotoMockRoute(page, '/#/points-management/overview');
+        await waitForAppShell(page);
+        await waitForHost(page, 'placeos-new-points');
+        await waitForHost(page, 'points-overview');
+
+        await gotoMockRoute(page, '/#/points-management/assets');
+        await waitForHost(page, 'points-assets');
+        await expect(
+            page.getByRole('button', { name: /Add|New/i }).first(),
+        ).toBeVisible();
+    });
+});
+
+// US-130 / US-131: Survey list, builder and run outlet.
+test.describe('Surveys', () => {
+    test('shows survey list and builder routes', async ({ page }) => {
+        await gotoMockRoute(page, '/#/surveys');
+        await waitForAppShell(page);
+        await waitForHost(page, 'app-survey');
+        await waitForHost(page, 'building-list');
+
+        await gotoMockRoute(page, '/#/surveys/builder');
+        await waitForHost(page, 'survey-builder');
+    });
+});
+
+// US-140 / US-142 / US-143: Building, zone, POI and settings management.
+test.describe('Building Configuration', () => {
+    test('shows zone manager and app settings actions', async ({ page }) => {
+        await gotoMockRoute(page, '/#/zone-management');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-zone-manager]');
+
+        await expect(page.getByRole('tab', { name: /Regions/i })).toBeVisible();
+        await expect(
+            page.getByRole('tab', { name: /Buildings/i }),
+        ).toBeVisible();
+        await expect(page.getByRole('tab', { name: /Levels/i })).toBeVisible();
+        await page
+            .locator('main header button', { hasText: 'more_vert' })
+            .click();
+        await expect(
+            page.getByRole('menuitem', { name: /Concierge/i }),
+        ).toBeVisible();
+    });
+
+    test('redirects legacy hierarchy routes to zone management', async ({
+        page,
+    }) => {
+        for (const route of [
+            '/#/level-management',
+            '/#/building-management',
+            '/#/region-management',
+        ]) {
+            await gotoMockRoute(page, route);
+            await waitForHost(page, '[app-zone-manager]');
+            expect(page.url()).toContain('/zone-management');
+        }
+    });
+
+    test('shows points of interest manager', async ({ page }) => {
+        await gotoMockRoute(page, '/#/points-of-interest');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-poi-manager]');
+        await waitForHost(page, 'poi-list');
+    });
+});
+
+// US-150 / US-151 / US-152 / US-153: Content and communications management.
+test.describe('Communications and Content', () => {
+    test('shows signage media, displays and zones tabs', async ({ page }) => {
+        const routes = [
+            { route: '/#/signage/media', selector: 'signage-media' },
+            { route: '/#/signage/displays', selector: 'signage-displays' },
+            { route: '/#/signage/zones', selector: 'signage-zones' },
+        ];
+
+        for (const { route, selector } of routes) {
+            await gotoMockRoute(page, route);
+            await waitForAppShell(page);
+            await waitForHost(page, '[app-new-staff]');
+            await waitForHost(page, selector);
+        }
+    });
+
+    test('shows email template list and manage routes', async ({ page }) => {
+        await gotoMockRoute(page, '/#/email-templates');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-email-templates]');
+        await waitForHost(page, 'email-templates-list');
+
+        await gotoMockRoute(page, '/#/email-templates/manage');
+        await waitForHost(page, 'email-template-manage');
+    });
+
+    test('shows deals list and manage routes', async ({ page }) => {
+        await gotoMockRoute(page, '/#/deals-n-offers');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-deals]');
+        await waitForHost(page, 'deals-list');
+
+        await gotoMockRoute(page, '/#/deals-n-offers/manage');
+        await waitForHost(page, 'deals-manage');
+    });
+
+    test('shows short URL manager', async ({ page }) => {
+        await gotoMockRoute(page, '/#/url-management');
+        await waitForAppShell(page);
+        await waitForHost(page, '[app-short-url-manager]');
+        await waitForHost(page, 'short-url-list');
+    });
+});

apps/concierge/e2e/assets.spec.ts

@@ -0,0 +1,84 @@
+import { expect, test } from './fixtures';
+import { gotoMockRoute, waitForAppShell, waitForHost } from './helpers';
+
+// US-050 / US-052 / US-053: Asset listings, item browsing and purchase orders.
+test.describe('Asset Bookings Page', () => {
+    test('shows asset request, item and purchase order listings', async ({
+        page,
+    }) => {
+        const routes = [
+            {
+                route: '/#/book/assets/list/requests',
+                selector: 'app-asset-request-list',
+            },
+            {
+                route: '/#/book/assets/list/items',
+                selector: 'app-asset-item-list',
+            },
+            {
+                route: '/#/book/assets/list/purchase-orders',
+                selector: 'app-asset-purchase-order-list',
+            },
+        ];
+
+        for (const { route, selector } of routes) {
+            await gotoMockRoute(page, route);
+            await waitForAppShell(page);
+            await waitForHost(page, '[asset-manager]');
+            await waitForHost(page, 'asset-listing');
+            await waitForHost(page, 'asset-manager-topbar');
+            await waitForHost(page, selector);
+        }
+    });
+
+    test('shows grid/list controls for asset items', async ({ page }) => {
+        await gotoMockRoute(page, '/#/book/assets/list/items');
+        await waitForHost(page, 'app-asset-item-list');
+
+        await expect(
+            page.locator('asset-manager-topbar button icon', {
+                hasText: 'view_module',
+            }),
+        ).toBeVisible();
+        await expect(
+            page.locator('asset-manager-topbar button icon', {
+                hasText: 'view_list',
+            }),
+        ).toBeVisible();
+    });
+});
+
+// US-051 / US-053: Asset inventory, bulk import and purchase order management.
+test.describe('Asset Management Routes', () => {
+    test('shows asset management forms', async ({ page }) => {
+        const routes = [
+            {
+                route: '/#/book/assets/manage/group',
+                selector: 'asset-group-form',
+            },
+            {
+                route: '/#/book/assets/manage/asset',
+                selector: 'asset-form',
+            },
+            {
+                route: '/#/book/assets/manage/asset-bulk',
+                selector: 'asset-bulk-form',
+            },
+            {
+                route: '/#/book/assets/manage/category',
+                selector: 'asset-category-form',
+            },
+            {
+                route: '/#/book/assets/manage/purchase-order',
+                selector: 'asset-purchase-order-form',
+            },
+        ];
+
+        for (const { route, selector } of routes) {
+            await gotoMockRoute(page, route);
+            await waitForAppShell(page);
+            await waitForHost(page, '[asset-manager]');
+            await waitForHost(page, selector);
+        }
+    });
+});

apps/concierge/e2e/catering.spec.ts

@@ -0,0 +1,19 @@
+import { expect, test } from './fixtures';
+
+// US-060 / US-061: Viewing catering orders and the catering menu.
+test.describe('Catering Page', () => {
+    test('shows catering orders view', async ({ page }) => {
+        await page.goto('/#/book/catering/orders?mock=true');
+        await page.locator('[app-catering]').waitFor({ timeout: 30000 });
+
+        await expect(page.locator('app-topbar')).toBeVisible();
+        await expect(page.locator('catering-topbar')).toBeVisible();
+    });
+
+    test('shows catering menu view', async ({ page }) => {
+        await page.goto('/#/book/catering/menu?mock=true');
+        await page.locator('[app-catering]').waitFor({ timeout: 30000 });
+
+        await expect(page.locator('catering-topbar')).toBeVisible();
+    });
+});

apps/concierge/e2e/dayview.spec.ts

@@ -1,4 +1,4 @@
-import { expect, test } from '@playwright/test';
+import { expect, test } from './fixtures';
 
 test.describe('Day View Page', () => {
     test('has layout', async ({ page }) => {

apps/concierge/e2e/desks.spec.ts

@@ -0,0 +1,41 @@
+import { expect, test } from './fixtures';
+import { gotoMockRoute, waitForHost } from './helpers';
+
+// US-020 / US-023: Viewing desk bookings and managing the desk inventory.
+test.describe('Desk Bookings Page', () => {
+    test('shows desk bookings view', async ({ page }) => {
+        await page.goto('/#/book/desks/events?mock=true');
+        await page.locator('[app-desks]').waitFor({ timeout: 30000 });
+
+        await expect(page.locator('app-topbar')).toBeVisible();
+        await expect(page.locator('desk-bookings')).toBeVisible();
+    });
+
+    test('shows desk management view', async ({ page }) => {
+        await page.goto('/#/book/desks/manage?mock=true');
+        await page.locator('[app-desks]').waitFor({ timeout: 30000 });
+
+        await expect(page.locator('desks-manage')).toBeVisible();
+    });
+
+    // US-024 / US-025: Desk import/export controls and map route.
+    test('shows desk map and management import/export controls', async ({
+        page,
+    }) => {
+        await gotoMockRoute(page, '/#/book/desks/map');
+        await waitForHost(page, '[app-desks]');
+        await waitForHost(page, 'desk-map-view');
+
+        await gotoMockRoute(page, '/#/book/desks/manage');
+        await waitForHost(page, 'desks-manage');
+        await expect(
+            page.getByRole('button', { name: /cloud_upload/i }),
+        ).toBeVisible();
+        await expect(
+            page.getByRole('button', { name: /^download$/i }),
+        ).toBeVisible();
+        await expect(
+            page.getByRole('button', { name: /^lock_open$/i }),
+        ).toBeVisible();
+    });
+});

apps/concierge/e2e/events.spec.ts

@@ -0,0 +1,19 @@
+import { expect, test } from './fixtures';
+import { gotoMockRoute, waitForHost } from './helpers';
+
+// US-080: Browsing entertainment events.
+test.describe('Events Page', () => {
+    test('shows the events listing', async ({ page }) => {
+        await page.goto('/#/entertainment/events?mock=true');
+        await page.locator('[app-events]').waitFor({ timeout: 30000 });
+
+        await expect(page.locator('app-topbar')).toBeVisible();
+        await expect(page.locator('event-listing')).toBeVisible();
+    });
+
+    // US-081 / US-082: Event create/edit and detail routes.
+    test('shows event manage route', async ({ page }) => {
+        await gotoMockRoute(page, '/#/entertainment/events/manage');
+        await waitForHost(page, 'app-event-manage');
+    });
+});

apps/concierge/e2e/fixtures.ts

@@ -0,0 +1,28 @@
+import { test as base, expect } from '@playwright/test';
+
+/**
+ * Shared test fixture for the concierge e2e suite.
+ *
+ * The app only registers its mock API handlers when `localStorage['mock']` is
+ * `'true'` at boot (see `PlaceOS_Service.init` -> `_mocks()`). The `?mock=true`
+ * URL param sets that key, but only later during `setupPlace`, so on a fresh
+ * browser context (as Playwright uses for every test) the handlers are not
+ * registered on the first load and organisation data fails to load.
+ *
+ * Seeding the key via an init script — which runs before the app bootstraps —
+ * guarantees the mocks are registered on the very first navigation.
+ */
+export const test = base.extend({
+    page: async ({ page }, use) => {
+        await page.addInitScript(() => {
+            try {
+                window.localStorage.setItem('mock', 'true');
+            } catch {
+                /* localStorage may be unavailable before navigation */
+            }
+        });
+        await use(page);
+    },
+});
+
+export { expect };

apps/concierge/e2e/helpers.ts

@@ -0,0 +1,18 @@
+import type { Page } from '@playwright/test';
+
+export async function gotoMockRoute(page: Page, route: string) {
+    const separator = route.includes('?') ? '&' : '?';
+    await page.goto(`${route}${separator}mock=true`);
+}
+
+export async function waitForAppShell(page: Page) {
+    await page.locator('app-topbar').first().waitFor({ timeout: 30000 });
+    await page.locator('app-sidebar').first().waitFor({ timeout: 30000 });
+}
+
+export async function waitForHost(page: Page, selector: string) {
+    await page
+        .locator(selector)
+        .first()
+        .waitFor({ state: 'attached', timeout: 30000 });
+}