Fix: Properly configure Sentry SDK and enable metrics

instrumentation-client.ts

@@ -0,0 +1,12 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://c3309793f20fd802c7ba3b48508430f7@o4508130833793024.ingest.us.sentry.io/4510869094793216",
+  tracesSampleRate: 1.0,
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+  integrations: [Sentry.replayIntegration()],
+  _experiments: {
+    enableLogs: true,
+  },
+});

instrumentation.ts

@@ -0,0 +1,11 @@
+export async function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("./sentry.server.config");
+  }
+
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("./sentry.edge.config");
+  }
+}
+
+export const onRequestError = (await import("@sentry/nextjs")).captureRequestError;

next.config.ts

@@ -1,5 +1,10 @@
 import type { NextConfig } from "next";
+import { withSentryConfig } from "@sentry/nextjs";
 
 const nextConfig: NextConfig = {};
 
-export default nextConfig;
+export default withSentryConfig(nextConfig, {
+  org: "buildwithcode",
+  project: "gko-hack-desktop",
+  silent: !process.env.CI,
+});

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.2.20",
+    "@sentry/nextjs": "^10.38.0",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",

sentry.edge.config.ts

@@ -0,0 +1,9 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://c3309793f20fd802c7ba3b48508430f7@o4508130833793024.ingest.us.sentry.io/4510869094793216",
+  tracesSampleRate: 1.0,
+  _experiments: {
+    enableLogs: true,
+  },
+});

sentry.server.config.ts

@@ -0,0 +1,9 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://c3309793f20fd802c7ba3b48508430f7@o4508130833793024.ingest.us.sentry.io/4510869094793216",
+  tracesSampleRate: 1.0,
+  _experiments: {
+    enableLogs: true,
+  },
+});