feat(sandbox): add exception event button (#326)

Co-authored-by: David Luna <david.luna@elastic.co>

Author: hugolevyy

sandbox/src/app/actions.ts

@@ -63,6 +63,16 @@ export function createActions(tracer: Tracer, logger: Logger) {
     }
   };
 
+  // ── Event actions ────────────────────────────────────────────────────────────
+
+  const exceptionEvent = () => {
+    setTimeout(() => {
+      throw new Error(
+        'Demo exception event — captured by ErrorsInstrumentation',
+      );
+    }, 0);
+  };
+
   const navigation = () => {
     const routes = [
       '/home',
@@ -159,5 +169,6 @@ export function createActions(tracer: Tracer, logger: Logger) {
     logInfo,
     logWarn,
     logError,
+    exceptionEvent,
   };
 }

sandbox/src/app/components/ActionsPanel.tsx

@@ -121,6 +121,22 @@ export function ActionsPanel({ ready, act, sessionId }: ActionsPanelProps) {
           </button>
         </div>
       </article>
+
+      <article>
+        <header>
+          <strong>Events</strong>
+        </header>
+        <div className="btn-grid">
+          <button
+            type="button"
+            disabled={!ready}
+            onClick={() => act('exceptionEvent')}
+            className="btn-err"
+          >
+            💥 Exception
+          </button>
+        </div>
+      </article>
     </>
   );
 }

sandbox/src/otel.ts

@@ -4,6 +4,7 @@ import type { Tracer } from '@opentelemetry/api';
 import { trace } from '@opentelemetry/api';
 import type { Logger } from '@opentelemetry/api-logs';
 import { logs } from '@opentelemetry/api-logs';
+import { ErrorsInstrumentation } from '@opentelemetry/browser-instrumentation/experimental/errors';
 import { NavigationTimingInstrumentation } from '@opentelemetry/browser-instrumentation/experimental/navigation-timing';
 import { ResourceTimingInstrumentation } from '@opentelemetry/browser-instrumentation/experimental/resource-timing';
 import { UserActionInstrumentation } from '@opentelemetry/browser-instrumentation/experimental/user-action';
@@ -128,6 +129,7 @@ export async function initOtel(
   // ── Auto-instrumentations ───────────────────────────────────────────────────
   registerInstrumentations({
     instrumentations: [
+      new ErrorsInstrumentation(),
       new NavigationTimingInstrumentation(),
       new ResourceTimingInstrumentation({
         ignoreUrls: [config.tracesUrl, config.logsUrl],