fix(stage-layouts): suppress mobile browser form assistance (#2460)

apps/stage-tamagotchi/src/renderer/components/InteractiveArea.browser.test.ts

@@ -315,6 +315,16 @@ describe('interactive area synchronized state', () => {
     }))
   })
 
+  it('opts the mobile composer out of browser form assistance', async () => {
+    const { screen } = await renderArea(MobileInteractiveArea)
+    const input = screen.getByRole('textbox').element() as HTMLTextAreaElement
+
+    expect(input.getAttribute('autocomplete')).toBe('off')
+    expect(input.getAttribute('autocapitalize')).toBe('off')
+    expect(input.getAttribute('autocorrect')).toBe('off')
+    expect(input.spellcheck).toBe(false)
+  })
+
   // https://github.com/moeru-ai/airi/pull/2086#discussion_r3755530944
   it('keeps a failed mobile draft out of a newly selected session for Issue #2085', async () => {
     // ROOT CAUSE:

packages/stage-layouts/src/components/Layouts/MobileInteractiveArea.vue

@@ -564,6 +564,10 @@ onUnmounted(() => {
           <!-- Android handles touch from the scrollable textarea, so it needs touch-none to keep the bubble drag active. -->
           <BasicTextarea
             v-model="messageInput"
+            autocomplete="off"
+            autocapitalize="off"
+            autocorrect="off"
+            :spellcheck="false"
             :placeholder="t('stage.message')"
             :class="[
               'font-cute',