From b3fa56288e80d435ef96e3db35f936cfe4be915b Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Wed, 21 May 2025 15:24:43 -0700
Subject: [PATCH] Token bar promo message (#217)

---
 src/components/chat/TokenBar.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/chat/TokenBar.tsx b/src/components/chat/TokenBar.tsx
index d249094..e64c87e 100644
--- a/src/components/chat/TokenBar.tsx
+++ b/src/components/chat/TokenBar.tsx
@@ -10,6 +10,7 @@ import { MessageSquare, Code, Bot, AlignLeft } from "lucide-react";
 import { chatInputValueAtom } from "@/atoms/chatAtoms";
 import { useAtom } from "jotai";
 import { useSettings } from "@/hooks/useSettings";
+import { IpcClient } from "@/ipc/ipc_client";
 
 interface TokenBarProps {
   chatId?: number;
@@ -125,6 +126,26 @@ export function TokenBar({ chatId }: TokenBarProps) {
         </Tooltip>
       </TooltipProvider>
       {error && <div className="text-red-500 text-xs mt-1">{error}</div>}
+      {(!settings?.enableProSmartFilesContextMode ||
+        !settings?.enableDyadPro) && (
+        <div className="text-xs text-center text-muted-foreground mt-2">
+          Optimize your tokens with{" "}
+          <a
+            onClick={() =>
+              settings?.enableDyadPro
+                ? IpcClient.getInstance().openExternalUrl(
+                    "https://www.dyad.sh/docs/guides/ai-models/pro-modes#smart-context",
+                  )
+                : IpcClient.getInstance().openExternalUrl(
+                    "https://dyad.sh/pro#ai",
+                  )
+            }
+            className="text-blue-500 dark:text-blue-400 cursor-pointer hover:underline"
+          >
+            Dyad Pro's Smart Context
+          </a>
+        </div>
+      )}
     </div>
   );
 }