🚧 starting request analytics page

messages/en-US.json

@@ -2027,6 +2027,7 @@
     "ip": "IP",
     "reason": "Reason",
     "requestLogs": "Request Logs",
+    "requestAnalytics": "Request Analytics",
     "host": "Host",
     "location": "Location",
     "actionLogs": "Action Logs",
@@ -2036,6 +2037,7 @@
     "logRetention": "Log Retention",
     "logRetentionDescription": "Manage how long different types of logs are retained for this organization or disable them",
     "requestLogsDescription": "View detailed request logs for resources in this organization",
+    "requestAnalyticsDescription": "View detailed request analytics for resources in this organization",
     "logRetentionRequestLabel": "Request Log Retention",
     "logRetentionRequestDescription": "How long to retain request logs",
     "logRetentionAccessLabel": "Access Log Retention",

src/app/[orgId]/settings/logs/analytics/page.tsx

@@ -0,0 +1,24 @@
+import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { Card, CardContent, CardHeader } from "@app/components/ui/card";
+import { getTranslations } from "next-intl/server";
+
+export interface AnalyticsPageProps {}
+
+export default async function AnalyticsPage(props: AnalyticsPageProps) {
+    const t = await getTranslations();
+    return (
+        <>
+            <SettingsSectionTitle
+                title={t("requestAnalytics")}
+                description={t("requestAnalyticsDescription")}
+            />
+
+            <div className="container mx-auto max-w-12xl">
+                <Card className="">
+                    <CardHeader className="flex flex-col space-y-4 sm:flex-row sm:items-center sm:justify-between sm:space-y-0 pb-4"></CardHeader>
+                    <CardContent></CardContent>
+                </Card>
+            </div>
+        </>
+    );
+}