Add attention inbox and AI usage observability

apps/dashboard/src/app/navigation.ts

@@ -6,6 +6,7 @@ export interface NavigationItem {
 
 export const navigationItems: readonly NavigationItem[] = [
   { label: 'Overview', path: '/', description: 'System health and current activity' },
+  { label: 'Needs attention', path: '/attention', description: 'Handoffs, failures, and account risks' },
   { label: 'Conversations', path: '/conversations', description: 'Inbox and message history' },
   { label: 'Media', path: '/media', description: 'Private media and sync controls' },
   { label: 'Performance', path: '/performance', description: 'Response and strategy trends' },

apps/dashboard/src/app/router.tsx

@@ -7,6 +7,7 @@ import { OperationsPage } from '../features/operations/operations-page.js';
 import { PerformancePage } from '../features/performance/performance-page.js';
 import { SettingsRoute } from '../features/settings/settings-route.js';
 import { RouteErrorPage } from './route-error-page.js';
+import { AttentionPage } from '../features/attention/attention-page.js';
 
 export function createDashboardRoutes(): RouteObject[] {
   return [
@@ -16,6 +17,7 @@ export function createDashboardRoutes(): RouteObject[] {
       errorElement: <RouteErrorPage />,
       children: [
         { index: true, element: <OverviewPage /> },
+        { path: 'attention', element: <AttentionPage /> },
         { path: 'conversations', element: <ConversationRoute /> },
         { path: 'conversations/:conversationId', element: <ConversationRoute /> },
         { path: 'media', element: <MediaRoute /> },