feat(web): enhance debugging capabilities across components

- Integrated debug logging in main application file to track boot process.
- Added layout width logging in PageShell and various ReUI components to monitor rendering dimensions.
- Implemented chart size logging in dashboard analytics components for better performance insights.
- Enhanced OpsDashboard and ResourcePage with width tracking to improve layout responsiveness.

Co-authored-by: Cursor <[email protected]>

apps/web/src/routes/_auth/index.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute, Link } from '@tanstack/react-router'
 import { useQuery } from '@tanstack/react-query'
-import { useMemo, useState } from 'react'
+import { useMemo, useState, useEffect } from 'react'
 import {
   AlertTriangleIcon,
   FolderTreeIcon,
@@ -30,6 +30,7 @@ import {
   ItemTitle,
 } from '@cfdm/ui/components/item'
 import { formatRelative } from '@/lib/format'
+import { DEBUG_BUILD_STAMP, debugAgentLog } from '@/lib/debug-agent-log'
 
 export const Route = createFileRoute('/_auth/')({
   loader: ({ context: { queryClient } }) =>
@@ -109,6 +110,25 @@ function DashboardPage() {
   const certWarnings = countByStatus(summary, ['warning', 'expired', 'error'])
   const certOk = countByStatus(summary, ['active', 'ok'])
 
+  useEffect(() => {
+    if (isLoading) return
+    debugAgentLog(
+      'index.tsx:dashboard-data',
+      'dashboard chart inputs',
+      {
+        buildStamp: DEBUG_BUILD_STAMP,
+        summaryRaw: summary ?? null,
+        statusChartLen: statusChartData.length,
+        statusChartData,
+        groupChartLen: groupChartData.length,
+        groupChartData,
+        domainsLen: domains?.length ?? 0,
+        groupsLen: groups?.length ?? 0,
+      },
+      'C',
+    )
+  }, [isLoading, summary, statusChartData, groupChartData, domains, groups])
+
   const kpiCards = [
     {
       id: 'domains',