From 0b75148a3f0c1a76196240c04f17277709af4abc Mon Sep 17 00:00:00 2001
From: opti1337 <nikita.kruglickiy@gmail.com>
Date: Thu, 16 Apr 2026 15:24:49 +0600
Subject: [PATCH] =?UTF-8?q?=D0=BD=D0=B0=D0=B2=D0=B0=D0=BB=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D1=84=D0=BE=D0=BA=D1=83=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/app/components.d.ts         |  1 -
 client/app/composables/use-chat.ts |  2 +-
 client/app/pages/index.vue         | 13 ++++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/app/components.d.ts b/client/app/components.d.ts
index 3b3764b..0f9c82c 100644
--- a/client/app/components.d.ts
+++ b/client/app/components.d.ts
@@ -24,7 +24,6 @@ declare module 'vue' {
     PrimeSelectButton: typeof import('primevue/selectbutton')['default']
     PrimeSlider: typeof import('primevue/slider')['default']
     PrimeTag: typeof import('primevue/tag')['default']
-    PrimeTextarea: typeof import('primevue/textarea')['default']
     PrimeToast: typeof import('primevue/toast')['default']
     PrimeToggleSwitch: typeof import('primevue/toggleswitch')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/client/app/composables/use-chat.ts b/client/app/composables/use-chat.ts
index aeb3f2d..a853e39 100644
--- a/client/app/composables/use-chat.ts
+++ b/client/app/composables/use-chat.ts
@@ -39,7 +39,7 @@ export const useChat = createGlobalState(() => {
     socket.on('disconnect', () => {
       messages.value = []
     })
-  }, { immediate: true })
+  }, { immediate: true, flush: 'sync' })
 
   function sendMessage(message: ChatClientMessage) {
     if (!signaling.connected.value)
diff --git a/client/app/pages/index.vue b/client/app/pages/index.vue
index 77826ce..1194fdf 100644
--- a/client/app/pages/index.vue
+++ b/client/app/pages/index.vue
@@ -48,6 +48,7 @@
       <!--      </PrimeInputGroupAddon> -->
 
       <PrimeInputText
+        ref="input"
         v-model="text"
         placeholder="Write a message..."
         fluid
@@ -56,13 +57,14 @@
         @vue:mounted="onInputMounted"
       />
 
-      <PrimeButton class="shrink-0" label="Send" severity="contrast" @click="sendMessage" />
+      <PrimeButton class="shrink-0" label="Send" severity="contrast" :disabled="!text" @click="sendMessage" />
     </PrimeInputGroup>
   </div>
 </template>
 
 <script setup lang="ts">
 import { useEventBus } from '#imports'
+import { onStartTyping, unrefElement, useEventListener } from '@vueuse/core'
 import { format } from 'date-fns'
 import linkifyStr from 'linkify-string'
 import { useChat } from '~/composables/use-chat'
@@ -78,6 +80,7 @@ const eventBus = useEventBus()
 const { messages } = chat
 
 const scrollRef = useTemplateRef('scroll')
+const inputRef = useTemplateRef('input')
 const contentRef = computed(() => scrollRef.value?.$refs.content)
 
 const text = ref('')
@@ -118,6 +121,14 @@ function onInputMounted(ref: VNode) {
   ref.el?.focus()
 }
 
+useEventListener(window, 'focus', async (evt) => {
+  unrefElement(inputRef.value)?.focus()
+})
+
+onStartTyping(() => {
+  unrefElement(inputRef.value)?.focus()
+})
+
 const ARRIVED_STATE_THRESHOLD_PIXELS = 1
 async function onNewMessage() {
   if (!contentRef.value)