From 07cc0f09392a29e29ec69f48a971129e23f87211 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Wed, 21 May 2025 16:41:03 +0200
Subject: [PATCH] ui: disable input on limit

---
 frontend/app/components/Kai/components/ChatInput.tsx | 7 ++++++-
 frontend/app/theme/colors.js                         | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Kai/components/ChatInput.tsx b/frontend/app/components/Kai/components/ChatInput.tsx
index 3ab630c87..237b79d6c 100644
--- a/frontend/app/components/Kai/components/ChatInput.tsx
+++ b/frontend/app/components/Kai/components/ChatInput.tsx
@@ -61,8 +61,13 @@ function ChatInput({
           }
         }}
         ref={inputRef}
-        placeholder={'Ask anything about your product and users...'}
+        placeholder={
+          limited
+            ? `You've reached the daily limit for queries, come again tomorrow!`
+            : 'Ask anything about your product and users...'
+        }
         size={'large'}
+        disabled={limited}
         value={inputValue}
         onChange={(e) => setInputValue(e.target.value)}
         suffix={
diff --git a/frontend/app/theme/colors.js b/frontend/app/theme/colors.js
index 30408d5d3..ae82642dc 100644
--- a/frontend/app/theme/colors.js
+++ b/frontend/app/theme/colors.js
@@ -57,6 +57,7 @@ module.exports = {
   'indigo-lightest': 'oklch(96.2% 0.018 272.314)',
   'indigo': 'oklch(58.5% 0.233 277.117)',
 
+  /** DEPRECATED */
   figmaColors: {
     'accent-secondary': 'rgba(62, 170, 175, 1)',
     main: 'rgba(57, 78, 255, 1)',