\n {\n handleInputChange(e);\n }}\n onKeyDown={(e) => {\n // Only perform Enter key submission on desktop, not on mobile\n if (e.key === \"Enter\" && !e.shiftKey && !isMobile) {\n e.preventDefault();\n if (input.trim() || images.filter(Boolean).length > 0) {\n handleFormSubmit(e as any);\n }\n }\n }}\n rows={3}\n style={{\n WebkitAppearance: \"none\", /* Ensures resize handle works on Safari mobile */\n resize: \"vertical\", /* Explicitly set resize to vertical */\n }}\n />\n\n {/* Hidden file input for the attach button */}\n {\n if (e.target.files) {\n handleProcessFiles(Array.from(e.target.files));\n }\n }}\n accept=\"image/*\"\n multiple\n className=\"hidden\"\n />\n

\n\n {running ? null : (\n \n Send\n \n )}\n\n {running && (\n {\n const customStop = (window as any).customStopRef?.current;\n if (typeof customStop === \"function\") {\n customStop();\n }\n }}\n className=\"px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded-lg\"\n >\n Stop\n \n )}\n

\n \n {/* Attach images button below textarea */}\n {!running && (\n

\n {\n if (fileInputRef.current) {\n fileInputRef.current.click();\n }\n }}\n title=\"Attach images\"\n >\n 📎 Attach images\n \n

\n )}\n\n {/* Drag overlay indicator */}\n {isDragging && (\n

📁

Drop images here

\n )}\n \n );\n}","deleted","label",[175,176,157],"frontend","components","permalink","https://www.val.town/x/stevekrouse/OpenTownie/code/frontend/components/ChatInput.tsx","extension","actionData","errors"]