diff --git a/web/package-lock.json b/web/package-lock.json
index ddb8a1f26..0eb2a30b8 100644
Binary files a/web/package-lock.json and b/web/package-lock.json differ
diff --git a/web/package.json b/web/package.json
index 363779d79..6d3ad1366 100644
--- a/web/package.json
+++ b/web/package.json
@@ -9,12 +9,14 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@azure/monitor-opentelemetry": "^1.11.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.514.0",
     "next": "15.3.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "server-only": "^0.0.1",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
diff --git a/web/src/instrumentation.ts b/web/src/instrumentation.ts
new file mode 100644
index 000000000..56eb8e18a
--- /dev/null
+++ b/web/src/instrumentation.ts
@@ -0,0 +1,9 @@
+import "server-only";
+import { useAzureMonitor } from "@azure/monitor-opentelemetry";
+
+export function register() {
+  if (process.env.APPLICATIONINSIGHTS_CONNECTION_STRING) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useAzureMonitor();
+  }
+}