story-kit: merge 82_story_shift_enter_inserts_newline_instead_of_sending_in_chat_input

frontend/src/components/Chat.tsx

@@ -44,7 +44,7 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 
 	const wsRef = useRef<ChatWebSocket | null>(null);
 	const messagesEndRef = useRef<HTMLDivElement>(null);
-	const inputRef = useRef<HTMLInputElement>(null);
+	const inputRef = useRef<HTMLTextAreaElement>(null);
 	const scrollContainerRef = useRef<HTMLDivElement>(null);
 	const shouldAutoScrollRef = useRef(true);
 	const lastScrollTopRef = useRef(0);
@@ -652,16 +652,18 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 								alignItems: "center",
 							}}
 						>
-							<input
+							<textarea
 								ref={inputRef}
 								value={input}
 								onChange={(e) => setInput(e.target.value)}
 								onKeyDown={(e) => {
-									if (e.key === "Enter") {
+									if (e.key === "Enter" && !e.shiftKey) {
+										e.preventDefault();
 										sendMessage();
 									}
 								}}
 								placeholder="Send a message..."
+								rows={1}
 								style={{
 									flex: 1,
 									padding: "14px 20px",
@@ -673,6 +675,9 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 									background: "#2f2f2f",
 									color: "#ececec",
 									boxShadow: "0 2px 6px rgba(0,0,0,0.02)",
+									resize: "none",
+									overflowY: "auto",
+									fontFamily: "inherit",
 								}}
 							/>
 							<button