From e738338c855a89fede858273700246add7e85d94 Mon Sep 17 00:00:00 2001
From: "sentry-junior[bot]"
 <264270552+sentry-junior[bot]@users.noreply.github.com>
Date: Fri, 14 Aug 2026 06:02:54 +0000
Subject: [PATCH] feat(dashboard): set chat composer mobile input hints

Label Enter as Send and turn off autocomplete, autocorrect, and
spellcheck so technical chat text is less mangled on mobile.

Co-Authored-By: David Cramer <david@sentry.io>
---
 .../src/client/conversations/ConversationComposer.tsx     | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/junior-dashboard/src/client/conversations/ConversationComposer.tsx b/packages/junior-dashboard/src/client/conversations/ConversationComposer.tsx
index cf93084f9e..e4529007f6 100644
--- a/packages/junior-dashboard/src/client/conversations/ConversationComposer.tsx
+++ b/packages/junior-dashboard/src/client/conversations/ConversationComposer.tsx
@@ -226,8 +226,15 @@ export const ConversationComposer = memo(function ConversationComposer(
           {props.label}
         </label>
         <textarea
+          // Chat is technical: ids, paths, code. Keep the keyboard chat-like
+          // (Send) and suppress browser IME assist that fights identifiers.
+          autoCapitalize="off"
+          autoComplete="off"
+          autoCorrect="off"
           className="min-h-11 max-h-28 w-full resize-none overflow-y-auto border-0 bg-transparent px-3 py-2.5 font-mono text-sm leading-relaxed text-dashboard-text outline-none placeholder:text-dashboard-text-muted/65 md:min-h-24 md:max-h-none md:resize-y md:overflow-visible md:px-3.5 md:py-3"
+          enterKeyHint="send"
           id={id}
+          inputMode="text"
           maxLength={32_000}
           onChange={(event) => {
             const text = event.target.value;
@@ -243,6 +250,7 @@ export const ConversationComposer = memo(function ConversationComposer(
           placeholder="Message Junior…"
           ref={textareaRef}
           rows={1}
+          spellCheck={false}
           value={message}
         />
         <div className="flex min-w-0 items-center justify-end gap-3 border-l border-white/[0.07] bg-black/15 px-2 py-1.5 md:justify-between md:border-l-0 md:border-t md:px-3 md:py-2">