feat(otel): add prisma operation name to tree view for easier scanning

Author: ericallam

apps/webapp/app/v3/utils/enrichCreatableEvents.server.ts

@@ -1,3 +1,4 @@
+import { accessoryAttributes, flattenAttributes } from "@trigger.dev/core/v3";
 import type { CreateEventInput } from "../eventRepository/eventRepository.types";
 
 export function enrichCreatableEvents(events: CreateEventInput[]) {
@@ -23,6 +24,30 @@ function enrichStyle(event: CreateEventInput) {
     return baseStyle;
   }
 
+  if (event.message === "prisma:client:operation") {
+    const operationName = props["name"];
+
+    if (typeof operationName === "string") {
+      return {
+        ...baseStyle,
+        ...flattenAttributes(
+          {
+            items: [
+              {
+                text: operationName,
+                variant: "normal",
+              },
+            ],
+            style: "codepath",
+          },
+          "accessory"
+        ),
+      };
+    }
+
+    return { ...baseStyle };
+  }
+
   // Direct property access and early returns
   // GenAI System check
   const system = props["gen_ai.system"];