From 68965988cfb626f8de5a8e336484ea3abcec2d00 Mon Sep 17 00:00:00 2001
From: Leo Borcherding <borchborchmail@gmail.com>
Date: Sun, 5 Apr 2026 23:57:45 -0500
Subject: [PATCH] Fix/studio colab button message: Add fallback message for
 Colab Studio button when proxy URL fails (#4866)

* Add fallback message for Colab Studio button when localhost link doesn't work

* Make fallback message darker grey for better readability

* Make fallback message bold for better visibility

---------

Co-authored-by: LeoBorcherding <LeoBorcherding@users.noreply.github.com>
---
 studio/backend/colab.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/studio/backend/colab.py b/studio/backend/colab.py
index efd0e10bdb..7336f8a532 100644
--- a/studio/backend/colab.py
+++ b/studio/backend/colab.py
@@ -66,7 +66,10 @@ def show_link(port: int = 8888):
             <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg>
             Open Unsloth Studio
         </a>
-        <p style="color: #333333; margin: 16px 0 0 0; font-size: 13px; font-family: monospace;">
+        <p style="color: #333333; margin: 12px 0 0 0; font-size: 14px; font-weight: bold;">
+            If the link doesn't work, you can scroll down to view the UI generated directly in Colab.
+        </p>
+        <p style="color: #333333; margin: 16px 0 0 0; font-size: 13px; font-family: monospace; font-weight: bold;">
             {short_url}
         </p>
     </div>