From 56532af33a6624c1ebc580cc82ec44c78e540dea Mon Sep 17 00:00:00 2001
From: Simos Mikelatos <simosmik@gmail.com>
Date: Mon, 15 Jun 2026 21:22:49 +0000
Subject: [PATCH] feat: add browser use guide links

---
 src/components/browser-use/view/BrowserUsePanel.tsx   | 11 ++++++++++-
 .../browser-use-settings/BrowserUseSettingsTab.tsx    |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/browser-use/view/BrowserUsePanel.tsx b/src/components/browser-use/view/BrowserUsePanel.tsx
index 73cc41d9..e0e6311c 100644
--- a/src/components/browser-use/view/BrowserUsePanel.tsx
+++ b/src/components/browser-use/view/BrowserUsePanel.tsx
@@ -266,6 +266,15 @@ export default function BrowserUsePanel({ isVisible }: BrowserUsePanelProps) {
           </p>
         </div>
         <div className="flex flex-wrap items-center gap-2">
+          <a
+            href="https://cloudcli.ai/docs/user-guide/browser-use"
+            target="_blank"
+            rel="noreferrer"
+            className="inline-flex h-9 items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground"
+          >
+            Guide
+            <ExternalLink className="h-4 w-4" />
+          </a>
           <Button variant="outline" size="sm" onClick={() => void refresh()} disabled={isBusy}>
             <RefreshCw className="h-4 w-4" />
             Refresh
@@ -305,7 +314,7 @@ export default function BrowserUsePanel({ isVisible }: BrowserUsePanelProps) {
                 ) : (
                   <Download className="h-4 w-4" />
                 )}
-                Install Binaries
+                {isInstalling || status?.installInProgress ? 'Installing…' : 'Install Binaries'}
               </Button>
             </div>
           )}
diff --git a/src/components/settings/view/tabs/browser-use-settings/BrowserUseSettingsTab.tsx b/src/components/settings/view/tabs/browser-use-settings/BrowserUseSettingsTab.tsx
index d19f4593..c109918f 100644
--- a/src/components/settings/view/tabs/browser-use-settings/BrowserUseSettingsTab.tsx
+++ b/src/components/settings/view/tabs/browser-use-settings/BrowserUseSettingsTab.tsx
@@ -173,7 +173,7 @@ export default function BrowserUseSettingsTab() {
                     ) : (
                       <Download className="h-4 w-4" />
                     )}
-                    Install Binaries
+                    {isInstalling || status?.installInProgress ? 'Installing…' : 'Install Binaries'}
                   </Button>
                 </div>
               )}