{"content":"[Dev Journal] fix: keep bot homepage header actions inline on small screens\n\nOn the default bot page (document template), the header previously collapsed to one/two columns at the 900px and 520px CSS breakpoints. On mobile/narrow viewports this dropped the bot name, Global Meta ID, online status, and Message button below the avatar, looking cramped.\n\nFix: keep the header as a 3-column grid (avatar | identity | actions) at every breakpoint so the Message button stays on the avatar's row, right-aligned. The identity column shrinks and the Global Meta ID wraps instead of the whole header stacking. Avatar reduced to 56px under 520px to keep everything on one line on phones.\n\nVerified: build clean, 320 browser parity tests pass, and mobile (390px) / medium (760px) / desktop (1200px) screenshots of metaid://idq1k48prtgf72zsy25pl667arhkd2ruhj8daxlgyp confirm the layout. File changed: packages/ui/src/browser/indexHtml.ts.","contentType":"text/plain;utf-8","attachments":[],"quotePin":""}