feat: add audit log viewing for vendor and tenant personas

Vendor sees all audit events with tenant filter at /vendor/audit.
Tenant admin sees only their own events at /tenant/audit.
Both support pagination, action/result filters, and text search.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/components/Layout.tsx

@@ -4,7 +4,7 @@ import {
   Sidebar,
   TopBar,
 } from '@cameleer/design-system';
-import { LayoutDashboard, ShieldCheck, Server, Users, Settings, KeyRound, Building, Fingerprint } from 'lucide-react';
+import { LayoutDashboard, ShieldCheck, Server, Users, Settings, KeyRound, Building, Fingerprint, ScrollText } from 'lucide-react';
 import { useAuth } from '../auth/useAuth';
 import { useScopes } from '../auth/useScopes';
 import { useOrgStore } from '../auth/useOrganization';
@@ -74,6 +74,13 @@ export function Layout() {
           >
             Tenants
           </div>
+          <div
+            style={{ padding: '6px 12px 6px 36px', fontSize: 13, cursor: 'pointer',
+              color: isActive(location, '/vendor/audit') ? 'var(--text-primary)' : 'var(--text-muted)' }}
+            onClick={() => navigate('/vendor/audit')}
+          >
+            Audit Log
+          </div>
           <div
             style={{ padding: '6px 12px 6px 36px', fontSize: 13, cursor: 'pointer', color: 'var(--text-muted)' }}
             onClick={() => window.open(`${window.location.protocol}//${window.location.hostname}:3002`, '_blank', 'noopener')}
@@ -127,6 +134,16 @@ export function Layout() {
             {null}
           </Sidebar.Section>
 
+          <Sidebar.Section
+            icon={<ScrollText size={16} />}
+            label="Audit Log"
+            open={false}
+            active={isActive(location, '/tenant/audit')}
+            onToggle={() => navigate('/tenant/audit')}
+          >
+            {null}
+          </Sidebar.Section>
+
           <Sidebar.Section
             icon={<Settings size={16} />}
             label="Settings"