From 10fafe82485890f3bf774cdaec881adedad8e283 Mon Sep 17 00:00:00 2001
From: gkamradt <gkamradt@users.noreply.github.com>
Date: Sat, 14 Jun 2025 08:30:34 -0700
Subject: [PATCH] Add vibe typer link in controls footer

---
 src/components/ControlsPanel/ControlsPanel.tsx    | 15 +++++++++++----
 .../__tests__/ControlsPanel.test.tsx              |  1 +
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/ControlsPanel/ControlsPanel.tsx b/src/components/ControlsPanel/ControlsPanel.tsx
index e2a90ce..82613de 100644
--- a/src/components/ControlsPanel/ControlsPanel.tsx
+++ b/src/components/ControlsPanel/ControlsPanel.tsx
@@ -127,15 +127,22 @@ export function ControlsPanel({
               >
                 Greg Kamradt
               </a>
-              {' '}• 
-              <a 
-                href="https://github.com/gkamradt/MultiTerminalCodeViz" 
-                target="_blank" 
+              {' '}•
+              <a
+                href="https://github.com/gkamradt/MultiTerminalCodeViz"
+                target="_blank"
                 rel="noopener noreferrer"
                 className="text-blue-400 hover:text-blue-300 transition-colors underline"
               >
                 Code
               </a>
+              {' '}•
+              <a
+                href="/typer"
+                className="text-blue-400 hover:text-blue-300 transition-colors underline"
+              >
+                use the vibe typer
+              </a>
             </p>
           </div>
         </div>
diff --git a/src/components/ControlsPanel/__tests__/ControlsPanel.test.tsx b/src/components/ControlsPanel/__tests__/ControlsPanel.test.tsx
index d87776c..56fb402 100644
--- a/src/components/ControlsPanel/__tests__/ControlsPanel.test.tsx
+++ b/src/components/ControlsPanel/__tests__/ControlsPanel.test.tsx
@@ -32,6 +32,7 @@ describe('ControlsPanel', () => {
     expect(screen.getByText('Arrange')).toBeInTheDocument();
     expect(screen.getByText(/Theme:/)).toBeInTheDocument();
     expect(screen.getByText(/Made with ❤️ by/)).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: /use the vibe typer/i })).toBeInTheDocument();
   });
 
   it('should call onTerminalCountChange when + button is clicked', () => {