\n {/* Message input */}\n

\n setMessage(e.target.value)}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n placeholder=\"Type a message...\"\n disabled={sending}\n className=\"w-full px-3 sm:px-5 py-3 sm:py-4 pr-10 sm:pr-12 theme-input rounded-xl sm:rounded-2xl resize-none max-h-32 sm:max-h-40 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base leading-relaxed overflow-hidden transition-all duration-200\"\n style={{ \n minHeight: \"44px\",\n borderColor: 'var(--color-border)',\n backgroundColor: 'var(--color-background)',\n color: 'var(--color-text)'\n }}\n rows={1}\n />\n\n {/* Character count for long messages */}\n {message.length > 500 && (\n

\n {message.length}/65536\n

\n )}\n

\n\n {/* Send button */}\n \n {sending\n ?

\n : (\n \n )}\n \n \n\n {/* Help text */}\n

\n Press Enter to send, Shift+Enter for new line\n Tap to send\n {message.length > 0 && (\n \n {message.length} characters\n \n )}\n

\n );\n}","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/loading/matrix/code/frontend/components/MessageInput.tsx","extension","actionData","errors"]