fix(desktop): keep the update-ready toast inside the main window

[richiemcilroy]

Problem

The "update installed — restart to apply" toast rendered clipped and cramped in the main window: the first letter of each wrapped line was cut off ("Cap", "nightly", "has", "restart") and the button squashed to "Restart\nnow".

The toast laid its message and both buttons out in a single horizontal flex row with no width cap, but the main window is only 330px wide (windows.rs → Self::Main => (330.0, 395.0)). Pinned bottom-right, the card overflowed the window's left edge and the webview clipped it.

The plain toasts elsewhere never hit this because they're short single lines. This one surfaced with the nightly channel, where the "installed, restart to apply" state actually shows up.

Fix

• Cap the card to the viewport width — w-[min(24rem,calc(100vw-2rem))] — so it fits the 330px window (≈298px with clean margins) yet still caps at 24rem on wider windows. Mirrors the existing pattern in TrackManager.tsx.
• Stack the Restart now / Dismiss buttons below the message instead of racing them horizontally, so nothing wraps mid-word.

CSS/JSX-only, scoped to the toast. No changelog/version-switcher changes.

Greptile Summary

This PR fixes the update-ready toast overflowing and clipping text in the 330 px main window. The change is CSS/JSX only and doesn't touch any update logic.

• Adds w-[min(24rem,calc(100vw-2rem))] to cap the card width to the viewport, giving ~298 px of usable space on the narrowest window while still allowing up to 24 rem on wider surfaces.
• Changes the root flex row to flex-col so the message text sits above a dedicated button row (flex gap-2 items-center), eliminating the mid-word line breaks and squashed button labels.

Confidence Score: 5/5

Safe to merge — purely cosmetic Tailwind/JSX rearrangement with no changes to the install or relaunch logic.

The update, relaunch, and dismiss logic is byte-for-byte identical to the original. Only the wrapping divs and class strings changed. The w-[min(24rem,calc(100vw-2rem))] pattern is a well-established Tailwind idiom, and at 330 px the math (330 − 32 = 298 px) gives comfortable margins. Both button label combinations ("Restart now"/"Dismiss" and "Install and restart"/"Dismiss") fit inside the constrained row without risk of overflow.

No files require special attention.

Important Files Changed

Filename	Overview
apps/desktop/src/routes/(window-chrome)/new-main/index.tsx	Layout-only fix for the update-ready toast: switches container to flex-col with a viewport-capped width so the card stays within the 330px main window, and moves buttons into their own horizontal row below the message.

_{Reviews (1): Last reviewed commit: "fix(desktop): keep the update-ready toas..." | Re-trigger Greptile}

[cursor]

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

[tembo]

This works, but Tailwind arbitrary values with min(..., ...) (comma + nested parens) can be a little brittle in class scanners. Same behavior, a bit more readable:

Suggested change

	<div class="flex flex-col gap-2.5 px-4 py-3 rounded-xl border shadow-lg bg-gray-1 border-gray-4 text-gray-12 w-[min(24rem,calc(100vw-2rem))]">
	<div class="flex flex-col gap-2.5 px-4 py-3 rounded-xl border shadow-lg bg-gray-1 border-gray-4 text-gray-12 w-[calc(100vw-2rem)] max-w-sm">

[tembo]

Minor: to avoid horizontal overflow if button labels get a bit longer (e.g. future copy changes), consider allowing the action row to wrap.

Suggested change

	<div class="flex gap-2 items-center">
	<div class="flex flex-wrap gap-2 items-center">