feat(web): add list analytics citation trends networks (task-27)

- Created ListAnalytics component with entity type breakdown and timeline view
- Added overview tab showing total entities, unique types, and most common type
- Added entity types tab with bar visualization showing distribution
- Added timeline tab showing entity distribution by year
- Added CSV export functionality for analytics data
- Integrated analytics button into selected list details in CatalogueManager

Analytics features:
- Entity type distribution with percentages and visual bars
- Year-based timeline showing when entities were added
- Export to CSV for external analysis
- Overview cards with key statistics
- Responsive tabbed interface

Note: Timeline data based on entity addedAt date, not publication date
      (would require fetching entity metadata for production use)

Author: Mearman

apps/web/src/components/catalogue/CatalogueManager.tsx

@@ -27,6 +27,7 @@ import { useHotkeys } from "@mantine/hooks";
 import {
   IconBook,
   IconBulb,
+  IconChartBar,
   IconChevronDown,
   IconDatabase,
   IconDownload,
@@ -47,6 +48,7 @@ import { CatalogueListComponent } from "@/components/catalogue/CatalogueList";
 import { CreateListModal } from "@/components/catalogue/CreateListModal";
 import { ExportModal } from "@/components/catalogue/ExportModal";
 import { ImportModal } from "@/components/catalogue/ImportModal";
+import { ListAnalytics } from "@/components/catalogue/ListAnalytics";
 import { ListMerge } from "@/components/catalogue/ListMerge";
 import type { ListTemplate } from "@/components/catalogue/ListTemplates";
 import { ListTemplates } from "@/components/catalogue/ListTemplates";
@@ -76,6 +78,7 @@ export const CatalogueManager = ({ onNavigate, shareData, initialListId }: Catal
     importFromShareUrl,
     getListStats,
     mergeLists,
+    entities,
   } = useCatalogueContext();
 
   const navigate = useNavigate();
@@ -89,6 +92,7 @@ export const CatalogueManager = ({ onNavigate, shareData, initialListId }: Catal
   const [showImportModal, setShowImportModal] = useState(false);
   const [showExportModal, setShowExportModal] = useState(false);
   const [showMergeModal, setShowMergeModal] = useState(false);
+  const [showAnalyticsModal, setShowAnalyticsModal] = useState(false);
   const [shareUrl, setShareUrl] = useState<string>("");
   const [searchQuery, setSearchQuery] = useState("");
   const [showSystemCatalogues, setShowSystemCatalogues] = useState(false);
@@ -503,6 +507,16 @@ export const CatalogueManager = ({ onNavigate, shareData, initialListId }: Catal
                 >
                   Export
                 </Button>
+                <Button
+                  variant="light"
+                  size="sm"
+                  onClick={() => setShowAnalyticsModal(true)}
+                  leftSection={<IconChartBar size={ICON_SIZE.MD} />}
+                  data-testid="analytics-list-button"
+                  aria-label="View list analytics"
+                >
+                  Analytics
+                </Button>
                 <Button
                   variant="light"
                   size="sm"
@@ -673,6 +687,23 @@ export const CatalogueManager = ({ onNavigate, shareData, initialListId }: Catal
             />
           )}
         </Modal>
+
+        <Modal
+          opened={showAnalyticsModal}
+          onClose={() => setShowAnalyticsModal(false)}
+          title="List Analytics"
+          size="xl"
+          trapFocus
+          returnFocus
+        >
+          {selectedList && (
+            <ListAnalytics
+              list={selectedList}
+              entities={entities}
+              onClose={() => setShowAnalyticsModal(false)}
+            />
+          )}
+        </Modal>
       </Stack>
     </Container>
   );