From b177a567cf24c7524c3fa915c4f48728a47e33a7 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Wed, 7 Jan 2026 18:42:19 +0700
Subject: [PATCH] Pin chat input to bottom

---
 app/pages/clientarea/ai/index.vue | 47 +++++++++++++++++--------------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/app/pages/clientarea/ai/index.vue b/app/pages/clientarea/ai/index.vue
index bdfab46..2b24ed4 100644
--- a/app/pages/clientarea/ai/index.vue
+++ b/app/pages/clientarea/ai/index.vue
@@ -17,9 +17,12 @@
         </Card>
       </div>
 
-      <Card padding="lg" class="w-full flex flex-col min-h-0 lg:sticky lg:top-6 lg:h-[calc(100vh-8rem)]">
-        <Stack gap="4" class="flex-1 min-h-0">
-          <div class="bg-base-200 rounded-box p-4 flex-1 min-h-0 overflow-y-auto space-y-3">
+      <Card
+        padding="none"
+        class="w-full flex flex-col min-h-0 lg:sticky lg:top-6 lg:h-[calc(100vh-3rem)] overflow-hidden"
+      >
+        <div class="flex flex-col h-full min-h-0">
+          <div class="bg-base-200 p-4 flex-1 min-h-0 overflow-y-auto space-y-3">
             <div
               v-for="(message, idx) in chat"
               :key="idx"
@@ -43,25 +46,27 @@
             </div>
           </div>
 
-          <form class="flex flex-col gap-3" @submit.prevent="handleSend">
-            <Textarea
-              v-model="input"
-              :placeholder="t('aiAssistants.view.placeholder')"
-              rows="3"
-            />
-            <div class="flex items-center gap-3">
-              <Button type="submit" :loading="isSending" :disabled="!input.trim()">
-                {{ t('aiAssistants.view.send') }}
-              </Button>
-              <Button type="button" variant="ghost" @click="resetChat" :disabled="isSending">
-                {{ t('aiAssistants.view.reset') }}
-              </Button>
-              <div class="text-sm text-base-content/60" v-if="error">
-                {{ error }}
+          <div class="border-t border-base-300 bg-base-100 p-4">
+            <form class="flex flex-col gap-3" @submit.prevent="handleSend">
+              <Textarea
+                v-model="input"
+                :placeholder="t('aiAssistants.view.placeholder')"
+                rows="3"
+              />
+              <div class="flex items-center gap-3">
+                <Button type="submit" :loading="isSending" :disabled="!input.trim()">
+                  {{ t('aiAssistants.view.send') }}
+                </Button>
+                <Button type="button" variant="ghost" @click="resetChat" :disabled="isSending">
+                  {{ t('aiAssistants.view.reset') }}
+                </Button>
+                <div class="text-sm text-base-content/60" v-if="error">
+                  {{ error }}
+                </div>
               </div>
-            </div>
-          </form>
-        </Stack>
+            </form>
+          </div>
+        </div>
       </Card>
     </div>
   </Section>