From 8ff34d5335093c4ff85473227f39b3e83133d999 Mon Sep 17 00:00:00 2001
From: sharkiecodes <lanyi_stroud@brown.edu>
Date: Tue, 22 Jul 2025 13:44:08 -0400
Subject: Completed agent functionality - recognition of all documents on
 canvas

---
 .../nodes/chatbot/chatboxcomponents/ChatBox.scss   | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)

(limited to 'src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss')

diff --git a/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss b/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
index 0bacc70c2..f6d340360 100644
--- a/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
+++ b/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
@@ -58,6 +58,13 @@ $font-size-xlarge: 18px;
             text-align: center;
         }
 
+        .header-controls {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .canvas-mode-toggle,
         .font-size-control {
             display: flex;
             align-items: center;
@@ -79,6 +86,32 @@ $font-size-xlarge: 18px;
             }
         }
 
+        .canvas-mode-toggle {
+            position: relative;
+            
+            // Visual indicator for active state
+            &::after {
+                content: '';
+                position: absolute;
+                bottom: -2px;
+                left: 50%;
+                transform: translateX(-50%);
+                width: 4px;
+                height: 4px;
+                border-radius: 50%;
+                background-color: rgba(255, 255, 255, 0.7);
+                opacity: 0;
+                transition: opacity 0.2s ease;
+            }
+
+            // Show indicator when canvas mode is active
+            &.canvas-active::after {
+                opacity: 1;
+            }
+
+
+        }
+
         .font-size-modal {
             position: absolute;
             top: 100%;
-- 
cgit v1.2.3-70-g09d2