fix(elysia): Address PR review feedback on Elysia SDK guide

Align the Elysia getting-started guide with other JS guides per
reviewer feedback: add onboarding option buttons, sendDefaultPii,
source maps step, structured verify section with issues/tracing/logs,
troubleshooting expandable, and suppress inapplicable pages
(Session Replay, Installation Methods) for the Elysia platform.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: logaretm

docs/platforms/javascript/common/install/index.mdx

@@ -27,6 +27,7 @@ notSupported:
   - javascript.azure-functions
   - javascript.gcp-functions
   - javascript.cloudflare
+  - javascript.elysia
   - javascript.react-router
   - javascript.tanstackstart-react
 ---

docs/platforms/javascript/common/install/loader.mdx

@@ -26,6 +26,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/install/npm.mdx

@@ -27,6 +27,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/configuration.mdx

@@ -10,6 +10,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/index.mdx

@@ -12,6 +12,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/issue-types.mdx

@@ -10,6 +10,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/privacy.mdx

@@ -10,6 +10,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/troubleshooting.mdx

@@ -10,6 +10,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/common/session-replay/understanding-sessions.mdx

@@ -10,6 +10,7 @@ notSupported:
   - javascript.aws-lambda
   - javascript.azure-functions
   - javascript.connect
+  - javascript.elysia
   - javascript.express
   - javascript.fastify
   - javascript.gcp-functions

docs/platforms/javascript/guides/elysia/index.mdx

@@ -26,6 +26,18 @@ You need:
 
 ## Step 1: Install
 
+Choose the features you want to configure, and this guide will show you how:
+
+<OnboardingOptionButtons
+  options={["error-monitoring", "performance", "logs"]}
+/>
+
+<Include name="quick-start-features-expandable" />
+
+### Install the Sentry SDK
+
+Run the command for your preferred package manager to add the Sentry SDK to your application:
+
 ```bash {tabTitle:Bun}
 bun add @sentry/elysia
 ```
@@ -52,15 +64,29 @@ import { Elysia } from "elysia";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
-  // Set tracesSampleRate to 1.0 to capture 100% of transactions
+  // Adds request headers and IP for users, for more info visit:
+  // https://docs.sentry.io/platforms/javascript/guides/elysia/configuration/options/#sendDefaultPii
+  sendDefaultPii: true,
+  // ___PRODUCT_OPTION_START___ performance
+
+  // Set tracesSampleRate to 1.0 to capture 100%
+  // of transactions for tracing.
   // We recommend adjusting this value in production
+  // Learn more at
+  // https://docs.sentry.io/platforms/javascript/guides/elysia/configuration/options/#tracesSampleRate
   tracesSampleRate: 1.0,
-});
+  // ___PRODUCT_OPTION_END___ performance
+  // ___PRODUCT_OPTION_START___ logs
 
-const app = Sentry.withElysia(new Elysia());
+  // Enable logs to be sent to Sentry
+  enableLogs: true,
+  // ___PRODUCT_OPTION_END___ logs
+});
 
-app.get("/", () => "Hello World");
-app.listen(3000);
+// withElysia returns the app instance, so you can chain routes directly
+const app = Sentry.withElysia(new Elysia())
+  .get("/", () => "Hello World")
+  .listen(3000);
 ```
 
 ```javascript {tabTitle:Node.js} {filename: index.ts}
@@ -70,38 +96,88 @@ import { node } from "@elysiajs/node";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
-  // Set tracesSampleRate to 1.0 to capture 100% of transactions
+  // Adds request headers and IP for users, for more info visit:
+  // https://docs.sentry.io/platforms/javascript/guides/elysia/configuration/options/#sendDefaultPii
+  sendDefaultPii: true,
+  // ___PRODUCT_OPTION_START___ performance
+
+  // Set tracesSampleRate to 1.0 to capture 100%
+  // of transactions for tracing.
   // We recommend adjusting this value in production
+  // Learn more at
+  // https://docs.sentry.io/platforms/javascript/guides/elysia/configuration/options/#tracesSampleRate
   tracesSampleRate: 1.0,
-});
+  // ___PRODUCT_OPTION_END___ performance
+  // ___PRODUCT_OPTION_START___ logs
 
-const app = Sentry.withElysia(new Elysia({ adapter: node() }));
+  // Enable logs to be sent to Sentry
+  enableLogs: true,
+  // ___PRODUCT_OPTION_END___ logs
+});
 
-app.get("/", () => "Hello World");
-app.listen(3000);
+// withElysia returns the app instance, so you can chain routes directly
+const app = Sentry.withElysia(new Elysia({ adapter: node() }))
+  .get("/", () => "Hello World")
+  .listen(3000);
 ```
 
-`Sentry.withElysia()` returns the app instance, so you can chain routes directly:
+## Step 3: Add Readable Stack Traces With Source Maps (Optional)
 
-```javascript
-const app = Sentry.withElysia(new Elysia())
-  .get("/", () => "Hello World")
-  .post("/users", createUser);
+The stack traces in your Sentry errors probably won't look like your actual code. To fix this, upload your source maps to Sentry.
+The easiest way to do this is by using the Sentry Wizard:
+
+```bash
+npx @sentry/wizard@latest -i sourcemaps
 ```
 
-The SDK re-exports everything from `@sentry/bun`, so all Sentry APIs (like `captureException`, `startSpan`, `setUser`, `setTag`) are available directly from `@sentry/elysia`.
+## Step 4: Verify Your Setup
 
-## Step 3: Verify Your Setup
+Let's test your setup and confirm that Sentry is working correctly and sending data to your Sentry project.
 
-Add a test route that throws an error:
+### Issues
+
+First, let's verify that Sentry captures errors and creates issues in your Sentry project. Add the following route to your app, which triggers an error that Sentry will capture:
 
 ```javascript
 app.get("/debug-sentry", () => {
   throw new Error("My first Sentry error!");
 });
 ```
 
-Visit `/debug-sentry` in your browser. The error should appear in your Sentry project within a few moments.
+<OnboardingOption optionId="performance">
+
+### Tracing
+
+To test your tracing configuration, update the previous code snippet by starting a trace to measure the time it takes for the execution of your code:
+
+```javascript
+app.get("/debug-sentry", async () => {
+  await Sentry.startSpan(
+    {
+      op: "test",
+      name: "My First Test Transaction",
+    },
+    async () => {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      throw new Error("My first Sentry error!");
+    }
+  );
+});
+```
+
+</OnboardingOption>
+
+<OnboardingOption optionId="logs">
+
+<Include name="logs/javascript-quick-start-verify-logs" />
+
+</OnboardingOption>
+
+### View Captured Data in Sentry
+
+Finally, head over to your project on [Sentry.io](https://sentry.io/) to view the collected data (it takes a couple of moments for the data to appear).
+
+<Include name="quick-start-locate-data-expandable" />
 
 ## Features
 
@@ -155,3 +231,11 @@ app.get("/checkout", () => {
 - Learn how to <PlatformLink to="/usage">manually capture errors</PlatformLink>
 - Continue to <PlatformLink to="/configuration">customize your configuration</PlatformLink>
 - Get familiar with [Sentry's product features](/product) like tracing, insights, and alerts
+
+<Expandable permalink={false} title="Are you having problems setting up the SDK?">
+
+- Check out alternative <PlatformLink to="/install">installation methods</PlatformLink>
+- Find various topics in <PlatformLink to="/troubleshooting">Troubleshooting</PlatformLink>
+- [Get support](https://sentry.zendesk.com/hc/en-us/)
+
+</Expandable>