Add presentation slides for ROMAN 2025 paper

src/app/api/publications/[filename]/route.ts

@@ -6,9 +6,9 @@ import { join } from "path";
 
 export async function GET(
   request: NextRequest,
-  { params }: { params: { filename: string } },
+  context: { params: Promise<{ filename: string }> },
 ) {
-  const filename = params.filename;
+  const { filename } = await context.params;
 
   // Validate filename to prevent path traversal
   if (!filename || filename.includes("..") || !filename.endsWith(".pdf")) {
@@ -24,18 +24,25 @@ export async function GET(
     // Find the publication that matches this PDF
     const publication = publications.find(
       (pub) =>
-        pub.paperUrl?.includes(filename) || pub.posterUrl?.includes(filename),
+        pub.paperUrl?.includes(filename) ||
+        pub.posterUrl?.includes(filename) ||
+        pub.slidesUrl?.includes(filename),
     );
 
     // Track the PDF access
     if (publication) {
       const isPoster = publication.posterUrl?.includes(filename);
+      const isSlides = publication.slidesUrl?.includes(filename);
+
+      let fileType = "paper";
+      if (isPoster) fileType = "poster";
+      if (isSlides) fileType = "slides";
 
       await track("Publication PDF Access", {
         title: publication.title,
         type: publication.type,
         year: publication.year.toString(),
-        pdf_type: isPoster ? "poster" : "paper",
+        pdf_type: fileType,
         citation_key: publication.citationKey || "",
         venue: publication.venue || "",
         access_method: "direct_url",

src/app/layout.tsx

@@ -1,5 +1,6 @@
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
+import type { Metadata } from "next";
 import { Footer } from "~/components/Footer";
 import { Navigation } from "~/components/Navigation";
 import { Sidebar } from "~/components/Sidebar";
@@ -9,7 +10,7 @@ import { inter } from "~/lib/fonts";
 import { description, name } from "~/lib/data";
 import "~/styles/globals.css";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: `${name[0]?.first} ${name[0]?.last}`,
   description: description,
   icons: [{ rel: "icon", url: "/favicon.ico" }],

src/app/publications/page.tsx

@@ -6,6 +6,7 @@ import {
   FileText,
   Presentation,
   BookOpen,
+  Monitor,
 } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
@@ -25,6 +26,7 @@ import {
   trackPdfView,
   trackDoiClick,
   trackBibtexDownload,
+  trackSlidesView,
 } from "~/lib/analytics";
 
 export default function PublicationsPage() {
@@ -128,6 +130,16 @@ export default function PublicationsPage() {
     }
   };
 
+  const handleSlidesClick = (pub: Publication) => {
+    trackSlidesView({
+      publicationTitle: pub.title,
+      publicationType: pub.type,
+      publicationYear: pub.year,
+      citationKey: pub.citationKey,
+      venue: pub.venue,
+    });
+  };
+
   return (
     <div className="space-y-6">
       <section className="animate-fade-in-up prose prose-zinc dark:prose-invert max-w-none">
@@ -199,7 +211,10 @@ export default function PublicationsPage() {
                     </p>
                   )}
                   <div className="mt-4 flex flex-wrap gap-2">
-                    <Badge variant="secondary" className="capitalize">
+                    <Badge
+                      variant="secondary"
+                      className="flex h-6 items-center capitalize"
+                    >
                       {pub.type}
                     </Badge>
                     {pub.doi && (
@@ -209,7 +224,10 @@ export default function PublicationsPage() {
                         rel="noopener noreferrer"
                         onClick={() => handleDoiClick(pub)}
                       >
-                        <Badge variant="secondary" className="capitalize">
+                        <Badge
+                          variant="secondary"
+                          className="flex h-6 items-center capitalize"
+                        >
                           <ArrowUpRight className="mr-1 h-3 w-3" />
                           DOI
                         </Badge>
@@ -222,7 +240,10 @@ export default function PublicationsPage() {
                         rel="noopener noreferrer"
                         onClick={() => handlePaperClick(pub)}
                       >
-                        <Badge variant="secondary" className="capitalize">
+                        <Badge
+                          variant="secondary"
+                          className="flex h-6 items-center capitalize"
+                        >
                           <FileText className="mr-1 h-3 w-3" />
                           Paper
                         </Badge>
@@ -235,15 +256,34 @@ export default function PublicationsPage() {
                         rel="noopener noreferrer"
                         onClick={() => handlePosterClick(pub)}
                       >
-                        <Badge variant="secondary" className="capitalize">
+                        <Badge
+                          variant="secondary"
+                          className="flex h-6 items-center capitalize"
+                        >
                           <Presentation className="mr-1 h-3 w-3" />
                           Poster
                         </Badge>
                       </Link>
                     )}
+                    {pub.slidesUrl && (
+                      <Link
+                        href={pub.slidesUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        onClick={() => handleSlidesClick(pub)}
+                      >
+                        <Badge
+                          variant="secondary"
+                          className="flex h-6 items-center capitalize"
+                        >
+                          <Monitor className="mr-1 h-3 w-3" />
+                          Slides
+                        </Badge>
+                      </Link>
+                    )}
                     <Badge
                       onClick={() => downloadBibtex(pub)}
-                      className="cursor-pointer capitalize"
+                      className="flex h-6 cursor-pointer items-center capitalize"
                       variant="secondary"
                     >
                       <BookOpenText className="mr-1 h-3 w-3" />