Completed agent functionality - recognition of all documents on canvas

1 files changed, 33 insertions, 0 deletions

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%;