From c29f406f49a380b0c3fff933d79447b32010311e Mon Sep 17 00:00:00 2001
From: Maharshi Mishra <ihsraham27@gmail.com>
Date: Thu, 28 May 2026 17:48:10 +0530
Subject: [PATCH] docs: enable builder toolkit playground links

---
 docs/nitrolite/builder-toolkit.mdx | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/docs/nitrolite/builder-toolkit.mdx b/docs/nitrolite/builder-toolkit.mdx
index a7b36ae..92c3a2a 100644
--- a/docs/nitrolite/builder-toolkit.mdx
+++ b/docs/nitrolite/builder-toolkit.mdx
@@ -28,12 +28,15 @@ Start here when you want to build with Nitrolite before reading every page. Use
     </div>
   </article>
 
-  <article className="card nitrolite-toolkit-card nitrolite-toolkit-card--disabled">
+  <article className="card nitrolite-toolkit-card">
     <div className="card__body nitrolite-toolkit-card__body">
-      <div className="nitrolite-toolkit-card__badge">Coming soon</div>
+      <div className="nitrolite-toolkit-card__eyebrow">Browser tooling</div>
       <h2>Nitrolite Playground</h2>
-      <p>Manage channels and inspect active app sessions from one UI. App-session management will be available after the playground deployment is ready for builders.</p>
-      <span className="button button--secondary button--sm disabled">Deployment pending</span>
+      <p>Manage channels and inspect active app sessions from one UI. Use production for live Nitronode flows or sandbox when you want a disposable test environment.</p>
+    </div>
+    <div className="card__footer nitrolite-toolkit-card__footer">
+      <a className="button button--primary button--sm" href="https://nitronode.yellow.org/v1/playground/" target="_blank" rel="noopener noreferrer">Production</a>
+      <a className="button button--secondary button--sm" href="https://nitronode-sandbox.yellow.org/v1/playground/" target="_blank" rel="noopener noreferrer">Sandbox</a>
     </div>
   </article>
 
@@ -46,12 +49,14 @@ Start here when you want to build with Nitrolite before reading every page. Use
     </div>
   </article>
 
-  <article className="card nitrolite-toolkit-card nitrolite-toolkit-card--disabled">
+  <article className="card nitrolite-toolkit-card">
     <div className="card__body nitrolite-toolkit-card__body">
-      <div className="nitrolite-toolkit-card__badge">Coming soon</div>
+      <div className="nitrolite-toolkit-card__eyebrow">Sandbox funding</div>
       <h2>Faucet App</h2>
-      <p>Get testnet assets for the v1 builder flow without leaving the Nitrolite docs path. This will be linked here once the faucet deployment is ready.</p>
-      <span className="button button--secondary button--sm disabled">Deployment pending</span>
+      <p>Use the integrated faucet inside the sandbox playground to drip sandbox YUSD while the standalone Faucet App UI is being designed.</p>
+    </div>
+    <div className="card__footer nitrolite-toolkit-card__footer">
+      <a className="button button--primary button--sm" href="https://nitronode-sandbox.yellow.org/v1/playground/" target="_blank" rel="noopener noreferrer">Open sandbox faucet</a>
     </div>
   </article>
 </div>