From b770e5e39449f189436ced9d9503b50c3e7a70bd Mon Sep 17 00:00:00 2001
From: Pabloader <pabloader@pabloader.ru>
Date: Thu, 26 Mar 2026 11:06:38 +0000
Subject: [PATCH] ContentEditable in chat

---
 src/games/storywriter/components/chat-sidebar.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/games/storywriter/components/chat-sidebar.tsx b/src/games/storywriter/components/chat-sidebar.tsx
index 61cfe53..bf93998 100644
--- a/src/games/storywriter/components/chat-sidebar.tsx
+++ b/src/games/storywriter/components/chat-sidebar.tsx
@@ -10,6 +10,7 @@ import Prompt from "../utils/prompt";
 import { Tools } from "../utils/tools";
 import { Sparkles } from "lucide-preact";
 import clsx from "clsx";
+import { ContentEditable } from "@common/components/ContentEditable";
 
 // ─── Role Header ──────────────────────────────────────────────────────────────
 
@@ -350,13 +351,18 @@ export const ChatSidebar = () => {
                                 </button>
                             </div>
                         </div>
-                        <textarea
+                        <ContentEditable
+                            autoLines
                             class={styles.input}
                             value={input}
                             onInput={setInput}
                             onKeyDown={handleKeyDown}
-                            placeholder={isDisabled ? 'Connect to an LLM server to chat' : 'Type a message...'}
-                            rows={3}
+                            placeholder={
+                                isLoading
+                                    ? 'Generating...'
+                                    : isDisabled
+                                        ? 'Connect to an LLM server to chat'
+                                        : 'Type a message...'}
                             disabled={isDisabled}
                         />
                         {isLoading ? (