amliq-dashboard 2.0.0

package/e2e/lists.spec.ts

@@ -0,0 +1,43 @@
+import { test, expect } from './fixtures';
+import { mockRaw } from './mocks';
+
+test.describe('Sanctions Lists', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'a@b.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+    await mockRaw(page, '/api/v1/lists', {
+      data: [
+        { id: 'ofac', name: 'OFAC SDN', entity_count: 12000, last_sync: '2026-04-04' },
+        { id: 'eu', name: 'EU FSF', entity_count: 8000, last_sync: '2026-04-04' },
+        { id: 'un', name: 'UN Consolidated', entity_count: 6000, last_sync: '2026-04-03' },
+      ],
+    });
+  });
+
+  test('shows sanctions lists page', async ({ page }) => {
+    await page.goto('/lists');
+    await expect(page.getByText(/list|sanction/i).first()).toBeVisible();
+  });
+
+  test('shows marketplace', async ({ page }) => {
+    await mockRaw(page, '/api/v1/lists/marketplace*', {
+      lists: [
+        { id: 'dfat', name: 'DFAT', jurisdiction: 'AU', enabled: false },
+        { id: 'interpol', name: 'Interpol', jurisdiction: 'Global', enabled: true },
+      ],
+    });
+    await page.goto('/lists/marketplace');
+    await page.waitForLoadState('networkidle');
+    const body = page.locator('body');
+    await expect(body).toBeVisible();
+  });
+});

package/e2e/login.spec.ts

@@ -0,0 +1,64 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Login page', () => {
+  test('renders login form with email and password', async ({ page }) => {
+    await page.goto('/login');
+    await expect(page.getByText('Sign in to AMLIQ')).toBeVisible();
+    await expect(page.getByPlaceholder('Email')).toBeVisible();
+    await expect(page.getByPlaceholder('Password')).toBeVisible();
+    await expect(page.getByRole('button', { name: 'Sign In' })).toBeVisible();
+  });
+
+  test('shows sign up link', async ({ page }) => {
+    await page.goto('/login');
+    await expect(page.getByRole('link', { name: 'Sign up' })).toBeVisible();
+  });
+
+  test('shows error on invalid credentials', async ({ page }) => {
+    // Use 400 (not 401) to avoid fetchApi 401 redirect loop
+    await page.route('**/api/v1/auth/login', route =>
+      route.fulfill({
+        status: 400,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          code: 'INVALID_CREDENTIALS',
+          message: 'Invalid credentials',
+        }),
+      }),
+    );
+    await page.goto('/login');
+    await page.getByPlaceholder('Email').fill('bad@test.com');
+    await page.getByPlaceholder('Password').fill('wrong');
+    await page.getByRole('button', { name: 'Sign In' }).click();
+    await expect(page.locator('.text-red-500')).toBeVisible();
+  });
+
+  test('redirects to dashboard on success', async ({ page }) => {
+    await page.route('**/api/v1/auth/login', route =>
+      route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          data: { token: 'fake.jwt.token', user: { id: '1', role: 'admin' } },
+        }),
+      }),
+    );
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'a@b.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+    await page.route('**/api/v1/analytics*', route =>
+      route.fulfill({ status: 200, contentType: 'application/json', body: '{"data":{}}' }),
+    );
+    await page.goto('/login');
+    await page.getByPlaceholder('Email').fill('admin@aegis.test');
+    await page.getByPlaceholder('Password').fill('password');
+    await page.getByRole('button', { name: 'Sign In' }).click();
+    await page.waitForURL('**/dashboard');
+  });
+});

package/e2e/media.spec.ts

@@ -0,0 +1,48 @@
+import { test, expect } from '@playwright/test';
+import { setupAuth } from './auth-setup';
+import { mockAPI } from './mocks';
+
+test.describe('Adverse Media', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupAuth(page);
+    // AdverseMedia uses fields: title, url, detected_at
+    await mockAPI(page, '/api/v1/media/unreviewed*', {
+      hits: [
+        {
+          id: 'media_1', entity_id: 'ent_1', url: 'https://news.test',
+          title: 'Sanctions violation suspected', category: 'sanctions',
+          severity: 8, detected_at: '2025-02-01',
+        },
+      ],
+    });
+  });
+
+  test('shows adverse media title', async ({ page }) => {
+    await page.goto('/compliance/media');
+    await expect(page.getByRole('heading', { name: 'Adverse Media' })).toBeVisible();
+  });
+});
+
+test.describe('Transaction Monitoring', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupAuth(page);
+    // TransactionMonitoring fetches /api/v1/transactions/alerts (not /txn/)
+    await mockAPI(page, '/api/v1/transactions/alerts/summary*', {
+      high_value: 3, rapid_movement: 1, structuring: 2, high_risk_country: 1,
+    });
+    await mockAPI(page, '/api/v1/transactions/alerts*', {
+      alerts: [
+        {
+          id: 'txalert_1', transaction_id: 'txn_1', alert_type: 'high_value',
+          severity: 8, description: 'Over $1M', created_at: '2025-03-01',
+        },
+      ],
+      total: 1,
+    });
+  });
+
+  test('shows transaction monitoring title', async ({ page }) => {
+    await page.goto('/compliance/txn');
+    await expect(page.getByText('Transaction Monitoring')).toBeVisible();
+  });
+});

package/e2e/mocks.ts

@@ -0,0 +1,51 @@
+import type { Page } from '@playwright/test';
+
+/** Mock an API endpoint with a JSON response (wraps in { data }). */
+export async function mockAPI(
+  page: Page,
+  pattern: string,
+  data: unknown,
+  status = 200,
+) {
+  await page.route(`**${pattern}`, route =>
+    route.fulfill({
+      status,
+      contentType: 'application/json',
+      body: JSON.stringify({ data }),
+    }),
+  );
+}
+
+/** Mock an API endpoint with raw JSON (no wrapper). */
+export async function mockRaw(
+  page: Page,
+  pattern: string,
+  body: unknown,
+  status = 200,
+) {
+  await page.route(`**${pattern}`, route =>
+    route.fulfill({
+      status,
+      contentType: 'application/json',
+      body: JSON.stringify(body),
+    }),
+  );
+}
+
+/** Seed common dashboard API mocks. */
+export async function mockDashboard(page: Page) {
+  // useAnalytics → api.get → fetchApi returns raw JSON
+  await mockRaw(page, '/api/v1/analytics*', {
+    totalAlerts: 42, clearedAlerts: 28, escalatedAlerts: 5,
+    avgResolutionTime: 2.5, screeningVolume: [],
+    dispositionBreakdown: [], riskDistribution: [],
+    topEntities: [
+      { name: 'Entity A', alerts: 10, risk: 'High' },
+    ],
+  });
+  // ComplianceMetrics → raw fetch → accesses resp.data
+  await mockAPI(page, '/api/v1/dashboard/compliance', {
+    openCases: 5, activeMonitors: 3, highRiskEntities: 2,
+    pendingEDD: 1, unreviewedMedia: 4, txnAlerts: 7,
+  });
+}

package/e2e/monitoring.spec.ts

@@ -0,0 +1,44 @@
+import { test, expect } from './fixtures';
+import { mockRaw } from './mocks';
+
+test.describe('Continuous Monitoring', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'a@b.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+    await mockRaw(page, '/api/v1/monitors', {
+      monitors: [
+        {
+          id: 'mon_1', entity_name: 'John Smith', entity_type: 'individual',
+          frequency: 'daily', status: 'active', created_at: '2026-01-01',
+        },
+        {
+          id: 'mon_2', entity_name: 'Acme Corp', entity_type: 'company',
+          frequency: 'weekly', status: 'paused', created_at: '2026-02-15',
+        },
+      ],
+      total: 2,
+    });
+  });
+
+  test('shows monitoring page with entities', async ({ page }) => {
+    await page.goto('/monitoring');
+    await expect(page.getByText(/monitor/i).first()).toBeVisible();
+  });
+
+  test('monitoring page loads without error', async ({ page }) => {
+    await page.goto('/monitoring');
+    await page.waitForLoadState('networkidle');
+    // No crash = page renders
+    const body = page.locator('body');
+    await expect(body).toBeVisible();
+  });
+});

package/e2e/navigation.spec.ts

@@ -0,0 +1,56 @@
+import { test, expect } from '@playwright/test';
+import { setupAuth } from './auth-setup';
+import { mockDashboard } from './mocks';
+
+test.describe('Sidebar Navigation', () => {
+  test.beforeEach(async ({ page, isMobile }) => {
+    test.skip(!!isMobile, 'Sidebar nav labels hidden on mobile');
+    await setupAuth(page);
+    await mockDashboard(page);
+    // Mock all page APIs to avoid 404 flickers
+    await page.route('**/api/v1/**', route => {
+      if (!route.request().url().includes('auth/me') &&
+          !route.request().url().includes('analytics') &&
+          !route.request().url().includes('dashboard')) {
+        return route.fulfill({
+          status: 200, contentType: 'application/json',
+          body: JSON.stringify({ data: {} }),
+        });
+      }
+      return route.fallback();
+    });
+  });
+
+  test('renders all section titles', async ({ page }) => {
+    await page.goto('/dashboard');
+    await expect(page.getByText('Main')).toBeVisible();
+    await expect(page.getByText('Compliance')).toBeVisible();
+    await expect(page.getByText('System')).toBeVisible();
+  });
+
+  test('navigates to cases page', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.getByRole('link', { name: 'Cases' }).click();
+    await page.waitForURL('**/compliance/cases');
+    await expect(page.getByText('Case Management')).toBeVisible();
+  });
+
+  test('navigates to PEP screening', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.getByRole('link', { name: 'PEP Screening' }).click();
+    await page.waitForURL('**/compliance/pep');
+    await expect(page.getByRole('heading', { name: 'PEP Screening' })).toBeVisible();
+  });
+
+  test('navigates to risk assessment', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.getByRole('link', { name: 'Risk Assessment' }).click();
+    await page.waitForURL('**/compliance/risk');
+  });
+
+  test('navigates to analytics', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.getByRole('link', { name: 'Analytics' }).click();
+    await page.waitForURL('**/analytics');
+  });
+});

package/e2e/onboarding.spec.ts

@@ -0,0 +1,49 @@
+import { test, expect } from './fixtures';
+
+test.describe('Landing Page', () => {
+  test('renders hero section', async ({ page }) => {
+    await page.goto('/');
+    await expect(page.locator('body')).toBeVisible();
+    // Landing page should have a CTA
+    const cta = page.getByRole('link', { name: /start|try|demo|sign/i }).first();
+    if (await cta.isVisible()) {
+      await expect(cta).toBeEnabled();
+    }
+  });
+
+  test('navigation links work', async ({ page }) => {
+    await page.goto('/');
+    const links = page.getByRole('navigation').getByRole('link');
+    const count = await links.count();
+    expect(count).toBeGreaterThan(0);
+  });
+});
+
+test.describe('Login Flow', () => {
+  test('shows login form', async ({ page }) => {
+    await page.goto('/login');
+    await expect(page.locator('body')).toBeVisible();
+  });
+
+  test('shows signup form', async ({ page }) => {
+    await page.goto('/signup');
+    await expect(page.locator('body')).toBeVisible();
+  });
+
+  test('shows forgot password', async ({ page }) => {
+    await page.goto('/forgot-password');
+    await expect(page.locator('body')).toBeVisible();
+  });
+});
+
+test.describe('Legal Pages', () => {
+  test('terms of service loads', async ({ page }) => {
+    await page.goto('/terms');
+    await expect(page.getByText(/terms/i).first()).toBeVisible();
+  });
+
+  test('privacy policy loads', async ({ page }) => {
+    await page.goto('/privacy');
+    await expect(page.getByText(/privacy/i).first()).toBeVisible();
+  });
+});

package/e2e/responsive.spec.ts

@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+import { setupAuth } from './auth-setup';
+import { mockDashboard } from './mocks';
+
+test.describe('Responsive layout', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupAuth(page);
+    await mockDashboard(page);
+  });
+
+  test('desktop shows sidebar by default', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.goto('/dashboard');
+    await expect(page.getByText('AMLIQ')).toBeVisible();
+    await expect(page.getByRole('heading', { name: 'Dashboard' })).toBeVisible();
+  });
+
+  test('mobile hides sidebar initially', async ({ page }) => {
+    await page.setViewportSize({ width: 375, height: 812 });
+    await page.goto('/dashboard');
+    // Sidebar should be off-screen (translated)
+    const sidebar = page.locator('div').filter({ hasText: 'AMLIQ' }).first();
+    await expect(sidebar).toBeDefined();
+  });
+
+  test('tablet viewport renders dashboard', async ({ page }) => {
+    await page.setViewportSize({ width: 768, height: 1024 });
+    await page.goto('/dashboard');
+    await expect(page.getByRole('heading', { name: 'Dashboard' })).toBeVisible();
+    await expect(page.getByText('Total Alerts')).toBeVisible();
+  });
+
+  test('landing page renders at all viewports', async ({ page }) => {
+    for (const width of [375, 768, 1024, 1440]) {
+      await page.setViewportSize({ width, height: 900 });
+      await page.goto('/');
+      await expect(page.locator('body')).toBeVisible();
+    }
+  });
+});

package/e2e/risk.spec.ts

@@ -0,0 +1,61 @@
+import { test, expect } from '@playwright/test';
+import { setupAuth } from './auth-setup';
+import { mockAPI } from './mocks';
+
+test.describe('Risk Assessment', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupAuth(page);
+  });
+
+  test('shows risk assessment form', async ({ page }) => {
+    await page.goto('/compliance/risk');
+    await expect(page.getByRole('heading', { name: 'Risk Assessment' })).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Calculate Risk' }),
+    ).toBeVisible();
+  });
+
+  test('displays risk score after calculation', async ({ page }) => {
+    await mockAPI(page, '/api/v1/risk/score', {
+      composite_score: 0.85,
+      risk_level: 'critical',
+      factors: ['sanctions:90%', 'pep:80%'],
+      breakdown: { sanctions: 0.9, pep: 0.8, adverse_media: 0.5 },
+    });
+    await page.goto('/compliance/risk');
+    const entityInput = page.locator('input').first();
+    if (await entityInput.isVisible()) {
+      await entityInput.fill('ent_123');
+    }
+    await page.getByRole('button', { name: 'Calculate Risk' }).click();
+  });
+});
+
+test.describe('PEP Screening', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupAuth(page);
+  });
+
+  test('shows PEP screening form', async ({ page }) => {
+    await page.goto('/compliance/pep');
+    await expect(page.getByRole('heading', { name: 'PEP Screening' })).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Screen' }),
+    ).toBeVisible();
+  });
+
+  test('shows result for known PEP', async ({ page }) => {
+    await mockAPI(page, '/api/v1/pep/screen', {
+      is_pep: true,
+      tier: 'Tier 1',
+      risk_weight: 1.0,
+      profile: { position: 'President', country: 'US', is_active: true },
+    });
+    await page.goto('/compliance/pep');
+    const input = page.locator('input').first();
+    if (await input.isVisible()) {
+      await input.fill('ent_1');
+    }
+    await page.getByRole('button', { name: 'Screen' }).click();
+  });
+});

package/e2e/screening.spec.ts

@@ -0,0 +1,76 @@
+import { test, expect } from './fixtures';
+import { mockAPI } from './mocks';
+
+test.describe('Screening', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'a@b.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+  });
+
+  test('shows screening form', async ({ page }) => {
+    await page.goto('/screen');
+    await expect(
+      page.getByRole('heading', { name: 'Screen Entity' }),
+    ).toBeVisible();
+  });
+
+  test('displays results after screening', async ({ page }) => {
+    await mockAPI(page, '/api/v1/screen', {
+      id: 'scr_1',
+      matches: [
+        {
+          listName: 'OFAC SDN', confidence: 0.92,
+          riskLevel: 'High', entityName: 'JOHN DOE',
+          layers: ['exact', 'fuzzy'],
+        },
+      ],
+    });
+    await page.goto('/screen');
+    const form = page.locator('form').first();
+    if (await form.isVisible()) {
+      const nameInput = page.getByPlaceholder(/first|name/i).first();
+      if (await nameInput.isVisible()) {
+        await nameInput.fill('John Doe');
+      }
+    }
+  });
+});
+
+test.describe('Alerts', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'a@b.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+    await mockAPI(page, '/api/v1/alerts*', {
+      alerts: [
+        {
+          id: 'alt_1', entity_name: 'Suspect Corp',
+          status: 'pending', risk: 'High', created_at: '2025-03-01',
+        },
+      ],
+      total: 1,
+    });
+  });
+
+  test('shows alert queue', async ({ page }) => {
+    await page.goto('/alerts');
+    await expect(page.getByText('Alerts')).toBeVisible();
+  });
+});

package/e2e/team.spec.ts

@@ -0,0 +1,53 @@
+import { test, expect } from './fixtures';
+import { mockRaw } from './mocks';
+
+test.describe('Team Management', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'admin@test.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+    await mockRaw(page, '/api/v1/team*', {
+      members: [
+        { id: 'u1', email: 'admin@test.com', role: 'admin' },
+        { id: 'u2', email: 'analyst@test.com', role: 'analyst' },
+      ],
+    });
+  });
+
+  test('shows team page', async ({ page }) => {
+    await page.goto('/team');
+    await expect(page.getByText(/team/i).first()).toBeVisible();
+  });
+});
+
+test.describe('Platform Admin', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.addInitScript(() => {
+      localStorage.setItem('amliq_token', 'fake.jwt.token');
+    });
+    await page.route('**/api/v1/auth/me', route =>
+      route.fulfill({
+        status: 200, contentType: 'application/json',
+        body: JSON.stringify({
+          data: { id: '1', email: 'admin@test.com', role: 'admin', tenant_id: 'tnt_abc' },
+        }),
+      }),
+    );
+  });
+
+  test('shows platform overview', async ({ page }) => {
+    await mockRaw(page, '/api/v1/platform*', { tenants: 5, users: 20 });
+    await page.goto('/platform/overview');
+    await page.waitForLoadState('networkidle');
+    const body = page.locator('body');
+    await expect(body).toBeVisible();
+  });
+});

package/index.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+  <meta name="description" content="Screen against OFAC, UN, EU, UK sanctions lists with 6-layer AI matching in under 50ms. Replace World-Check at 1/10th the cost.">
+  <meta name="keywords" content="AML screening, sanctions screening, OFAC screening API, KYC compliance, anti-money laundering, sanctions list screening, compliance software, World-Check alternative, PEP screening, CFT screening">
+  <meta name="robots" content="index, follow">
+  <meta name="theme-color" content="#00D4AA">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/logo.png">
+
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://amliq.com">
+  <meta property="og:title" content="AMLIQ — AI-Powered Sanctions Screening for Financial Institutions">
+  <meta property="og:description" content="Screen against OFAC, UN, EU, UK sanctions lists with 6-layer AI matching in under 50ms. Replace World-Check at 1/10th the cost.">
+  <meta property="og:image" content="https://amliq.com/logo.png">
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="AMLIQ — AI-Powered Sanctions Screening for Financial Institutions">
+  <meta name="twitter:description" content="Screen against OFAC, UN, EU, UK sanctions lists with 6-layer AI matching in under 50ms. Replace World-Check at 1/10th the cost.">
+
+  <link rel="canonical" href="https://amliq.com">
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <title>AMLIQ — AI-Powered Sanctions Screening for Financial Institutions</title>
+
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "AMLIQ",
+    "url": "https://amliq.com",
+    "logo": "https://amliq.com/logo.png",
+    "description": "AI-powered AML/CFT sanctions screening platform for financial institutions",
+    "contactPoint": { "@type": "ContactPoint", "email": "support@amliq.com", "contactType": "customer support" }
+  }
+  </script>
+
+  <style>
+    html { background: #1C1C1E; color: #FFFFFF; }
+    body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+</html>