Chore(dev hub) entropy improvements

apps/developer-hub/content/docs/entropy/chainlist.mdx

@@ -8,12 +8,12 @@ import { EntropyTable } from "../../../src/components/EntropyTable";
 
 ## Mainnets
 
-<InfoBox variant="warning">
+<Callout type="warning">
   <div>
     The fees for mainnet are dynamically set. Always use the on-chain method
     `entropy.getFeeV2()` to get the current fee.
   </div>
-</InfoBox>
+</Callout>
 
 The following tables shows the total fees payable when using the **default provider**.
 Note that the fees shown below will vary over time with prevailing gas prices on each chain.
@@ -32,12 +32,12 @@ Entropy callbacks the consumer as part of this transaction.
 
 ## Testnets
 
-<InfoBox variant="info">
+<Callout type="info">
   <div>
     The fees for testnets are kept deliberately low and different from the
     mainnet fees.
   </div>
-</InfoBox>
+</Callout>
 
 The Entropy contract is deployed on the following testnet chains:
 

apps/developer-hub/content/docs/entropy/fees.mdx

@@ -17,4 +17,4 @@ Note that protocols integrating with Entropy can pass these fees along to their
 submits a transaction that requests a random number, the user can directly pay the entropy fees required
 with the native blockchain token. There are no fees for revealing the random numbers.
 
-You can check the current fees in the [chainlist and fee details](./entropy/chainlist) page for each blockchain.
+You can check the current fees in the [chainlist and fee details](./chainlist) page for each blockchain.

apps/developer-hub/content/docs/entropy/generate-random-numbers-evm.mdx

@@ -147,7 +147,7 @@ IEntropyV2 entropy;
 
 When the final random number is ready to use, the entropyCallback function will be called by the Entropy contract. This will happen in a separate transaction submitted by the requested provider.
 
-<Callout variant="warning">
+<Callout type="warning">
   The `entropyCallback` function on your contract should **never** return an
   error. If it returns an error, the keeper will not be able to invoke the
   callback. If you are having problems receiving the callback, please see

apps/developer-hub/content/docs/entropy/set-custom-gas-limits.mdx

@@ -127,7 +127,7 @@ mapping(uint64 => bool) public processedRequests;
 
 When setting custom gas limits, be aware of these constraints:
 
-<Callout variant="info" header="Gas Limit Rules">
+<Callout type="info" title="Gas Limit Rules">
   Gas limits are automatically rounded up to the nearest multiple of **10,000**.
   Example: 19,000 becomes 20,000 25,500 becomes 30,000. The minimum gas limit is
   the provider's configured default limit. The maximum gas limit is 655,350,000
@@ -169,7 +169,7 @@ uint32 customGasLimit = estimatedGas + safetyBuffer;
 
 Be prepared to handle cases where your gas limit is insufficient:
 
-<Callout variant="warning">
+<Callout type="warning">
   If your callback **runs out of gas**, the entropy provider will **not** be
   able to complete the callback. Always test your gas limits thoroughly and
   include adequate safety margins.

apps/developer-hub/content/docs/entropy/whats-new-entropyv2.mdx

@@ -22,7 +22,6 @@ Each of these request types is described in more detail with examples in [Reques
 ### 2. Enhanced Callback Status
 
 Entropy V2 introduces callback statuses, which allow users to track the status of their callbacks.
-
 [Pyth Dev-Forum Announcement](https://dev-forum.pyth.network/t/announcing-entropy-v2/324#p-649-enhanced-callback-statuses-2) provides more details on enhanced callback statuses.
 
 ### 3. Entropy Explorer

apps/developer-hub/content/docs/express-relay/contract-addresses.mdx

@@ -22,7 +22,7 @@ description: >-
 </Tab>
 <Tab value="testing">
 
-<Callout variant="warning">
+<Callout type="warning">
   To simulate real performance conditions and activity, the staging/testing
   environment for Solana is on the mainnet-beta network. This environment is not
   for production use and should only be used for testing.

apps/developer-hub/content/docs/metrics/kpi.mdx

@@ -3,14 +3,14 @@ title: Pyth Network KPI
 description: Monthly informative data points on the Pyth network, its growth, and performance metrics.
 ---
 
-<Callout variant="info" header="Pyth Network KPI ">
+<Callout type="info" title="Pyth Network KPI ">
   For the latest KPI dashboard, please visit
   [https://kpi.pyth.network/](https://kpi.pyth.network/).
 </Callout>
 Every month, the Pyth contributors collect informative data points on the
 network, its growth, as well as its performance.
 
-<Callout variant="warning" header="Disclaimer">
+<Callout type="warning" title="Disclaimer">
   All figures mentioned are just rough estimations. Due to Pyth's permissionless
   nature, any apps can use the Pyth price feeds without talking to the Pyth
   contributors. This will exclude them from the calculations.

apps/developer-hub/src/app/(docs)/[section]/layout.tsx

@@ -1,9 +1,42 @@
+import { Banner } from "fumadocs-ui/components/banner";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import Link from "next/link";
 import type { ReactNode } from "react";
 
 import { docsOptions } from "../../../config/layout.config";
 
-export default function Layout({ children }: { children: ReactNode }) {
-  const options = { ...docsOptions };
-  return <DocsLayout {...options}>{children}</DocsLayout>;
+export default async function Layout({
+  children,
+  params,
+}: {
+  children: ReactNode;
+  params: Promise<{ section: string }>;
+}) {
+  const { section } = await params;
+
+  return (
+    <>
+      {section === "entropy" && (
+        <Banner changeLayout={false} id="entropy-v2" variant="rainbow">
+          <span>
+            <strong>
+              Try the{" "}
+              <a
+                href="https://entropy-explorer.pyth.network/"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Entropy Explorer
+              </a>
+            </strong>{" "}
+            to track and debug callback issues. &nbsp;|&nbsp;
+            <Link href="./entropy/whats-new-entropyv2">
+              Learn what&apos;s new in Entropy v2.
+            </Link>
+          </span>
+        </Banner>
+      )}
+      <DocsLayout {...docsOptions}>{children}</DocsLayout>
+    </>
+  );
 }

apps/developer-hub/src/mdx-components.tsx

@@ -17,7 +17,5 @@ export function getMDXComponents(components?: MDXComponents): MDXComponents {
     Tab,
     ...components,
     InfoBox: InfoBox,
-    // Fuma has a Callout component in `defaultMdxComponents` which we still want to overwrite
-    Callout: InfoBox,
   };
 }