fix selector

Author: betegon

docs/src/components/InstallSelector.astro

@@ -150,7 +150,7 @@ const defaultOption = highlightedOptions[defaultIndex];
   .command-text {
     white-space: nowrap;
     background: transparent;
-    min-width: 21ch; /* Fixed width for longest command (curl) */
+    min-width: 47ch; /* Fixed width for longest command (curl) */
   }
 
   /* Remove any background from Shiki-generated spans */

docs/src/content/docs/index.mdx

@@ -22,9 +22,12 @@ export const base = import.meta.env.BASE_URL.endsWith('/') ? import.meta.env.BAS
 <div class="hero-command">
 <InstallSelector options={[
   { label: "curl", command: "curl https://cli.sentry.dev/install -fsS | bash" },
-  { label: "npm", command: "npm install -g sentry" }
+  { label: "npx", command: "npx sentry@latest" },
+  { label: "npm", command: "npm install -g sentry" },
+  { label: "pnpm", command: "pnpm add -g sentry" },
+  { label: "bun", command: "bun add -g sentry" }
 ]} />
-<a href="./getting-started/" class="hero-docs-link">Or read the <span class="underline">documentation</span></a>
+<a href="./getting-started/" class="hero-docs-link">Or read the <span class="underline">documentation.</span></a>
 </div>
 
 <Terminal background="custom" />
@@ -112,4 +115,4 @@ export const base = import.meta.env.BASE_URL.endsWith('/') ? import.meta.env.BAS
       </FeatureTerminal>
     </div>
   </div>
-</section>
+</section>