fix: prevent layout shift when pasting long unbroken strings in composer input

[rekha0suthar]

Problem

Pasting a long unbroken string (e.g. a base64 token, a minified JS bundle, a long URL with no spaces) into the composer input box caused the TipTap editor content to overflow its flex container. This pushed the send button out of view and broke the overall input layout.

Root Cause

Two missing CSS properties:

1. No overflow-wrap/word-break on .tiptap — without these, the browser treats the unbroken string as a single unbreakable word and renders it at full width, overflowing the container.

2. No min-width: 0 on the flex container — flex items default to min-width: auto, which means they will never shrink below their content width. This prevents overflow-wrap from working inside a flex layout.

Fix

TipTapEditor.css — add a .tiptap rule:

.tiptap {
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;
}

ContinueInputBox.tsx — add min-w-0 to the outer flex container:

<div className={`relative flex flex-col px-2 min-w-0`}>

Testing

• Paste a long base64 string or a URL with no spaces into the input box
• Before: editor overflows, send button disappears off-screen
• After: text wraps correctly, layout stays intact

Fixes #13016

---

🤖 Generated with Claude Code

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[rekha0suthar]

I have read the CLA Document and I hereby sign the CLA

[rekha0suthar]

recheck

[rekha0suthar]

recheck

[rekha0suthar]

I have read the CLA Document and I hereby sign the CLA