fix(webapp): Responsive improvements for the onboarding screens

[samejr]

Simple responsive breakpoint changes to the 3 onboarding screens + the login screen to make it mobile friendlier

[changeset-bot]

⚠️ No Changeset found

Latest commit: 669af61

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 9779b0fc-ef4d-4c62-80d1-7a8b1e92f81b

📥 Commits

Reviewing files that changed from the base of the PR and between 39d8ecd and 669af61.

📒 Files selected for processing (9)

• apps/webapp/app/components/LoginPageLayout.tsx
• apps/webapp/app/components/layout/AppLayout.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/invites.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx

✅ Files skipped from review due to trivial changes (2)

• apps/webapp/app/routes/app.orgs.$organizationSlug.projects.new/route.tsx
• apps/webapp/app/routes/invites.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• apps/webapp/app/components/layout/AppLayout.tsx

📜 Recent review details

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (28)

• GitHub Check: units / internal / 🧪 Unit Tests: Internal (8, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (6, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (5, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (3, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (1, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (7, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (7, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (4, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (5, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (4, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (8, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (2, 8)
• GitHub Check: e2e / 🧪 CLI v3 tests (ubuntu-latest - npm)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (3, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (1, 8)
• GitHub Check: units / internal / 🧪 Unit Tests: Internal (2, 8)
• GitHub Check: units / webapp / 🧪 Unit Tests: Webapp (6, 8)
• GitHub Check: units / packages / 🧪 Unit Tests: Packages (1, 1)
• GitHub Check: typecheck / typecheck
• GitHub Check: sdk-compat / Cloudflare Workers
• GitHub Check: e2e / 🧪 CLI v3 tests (windows-latest - npm)
• GitHub Check: sdk-compat / Node.js 22.12 (ubuntu-latest)
• GitHub Check: e2e / 🧪 CLI v3 tests (ubuntu-latest - pnpm)
• GitHub Check: e2e / 🧪 CLI v3 tests (windows-latest - pnpm)
• GitHub Check: sdk-compat / Deno Runtime
• GitHub Check: sdk-compat / Bun Runtime
• GitHub Check: sdk-compat / Node.js 20.20 (ubuntu-latest)
• GitHub Check: Analyze (javascript-typescript)

🧰 Additional context used

📓 Path-based instructions (9)

**/*.{ts,tsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

**/*.{ts,tsx}: Use types over interfaces for TypeScript
Avoid using enums; prefer string unions or const objects instead

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

{packages/core,apps/webapp}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Use zod for validation in packages/core and apps/webapp

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Use function declarations instead of default exports

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

apps/webapp/app/**/*.{ts,tsx}

📄 CodeRabbit inference engine (.cursor/rules/webapp.mdc)

Access all environment variables through the env export of env.server.ts instead of directly accessing process.env in the Trigger.dev webapp

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

apps/webapp/**/*.{ts,tsx}

📄 CodeRabbit inference engine (.cursor/rules/webapp.mdc)

apps/webapp/**/*.{ts,tsx}: When importing from @trigger.dev/core in the webapp, use subpath exports from the package.json instead of importing from the root path
Follow the Remix 2.1.0 and Express server conventions when updating the main trigger.dev webapp

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

**/*.{js,ts,jsx,tsx,json,md,yaml,yml}

📄 CodeRabbit inference engine (AGENTS.md)

Format code using Prettier before committing

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

apps/**/*

📄 CodeRabbit inference engine (CLAUDE.md)

When modifying only server components (apps/webapp/, apps/supervisor/, etc.) with no package changes, add a .server-changes/ file instead of a changeset

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

apps/webapp/**/*.{tsx,jsx}

📄 CodeRabbit inference engine (apps/webapp/CLAUDE.md)

Only use useCallback/useMemo for context provider values, expensive derived data with external dependencies, or stable refs required by dependency arrays; don't wrap ordinary event handlers or trivial computations

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

apps/webapp/**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (apps/webapp/CLAUDE.md)

Use named constants for sentinel/placeholder values instead of raw string literals scattered across comparisons

Files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

🧠 Learnings (13)

📚 Learning: 2026-02-04T16:34:48.876Z

Learnt from: 0ski
Repo: triggerdotdev/trigger.dev PR: 2994
File: apps/webapp/app/routes/vercel.connect.tsx:13-27
Timestamp: 2026-02-04T16:34:48.876Z
Learning: In apps/webapp/app/routes/vercel.connect.tsx, configurationId may be absent for "dashboard" flows but must be present for "marketplace" flows. Enforce this with a Zod superRefine and pass installationId to repository methods only when configurationId is defined (omit the field otherwise).

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx

📚 Learning: 2025-11-27T16:26:58.661Z

Learnt from: CR
Repo: triggerdotdev/trigger.dev PR: 0
File: .cursor/rules/webapp.mdc:0-0
Timestamp: 2025-11-27T16:26:58.661Z
Learning: Applies to apps/webapp/**/*.{ts,tsx} : Follow the Remix 2.1.0 and Express server conventions when updating the main trigger.dev webapp

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

📚 Learning: 2026-04-02T19:18:31.949Z

Learnt from: samejr
Repo: triggerdotdev/trigger.dev PR: 3319
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.tokens/route.tsx:249-258
Timestamp: 2026-04-02T19:18:31.949Z
Learning: In `apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.tokens/route.tsx`, the `onCollapseChange={() => {}}` no-op on the `ResizablePanel` for the waitpoint inspector is intentional. The panel collapse is controlled externally via `collapsed={!isShowingWaitpoint}` (driven by URL params), so the callback is deliberately left as a no-op. Do not flag this as a missing implementation.

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

📚 Learning: 2026-04-02T20:25:51.747Z

Learnt from: samejr
Repo: triggerdotdev/trigger.dev PR: 3319
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.models._index/route.tsx:1100-1101
Timestamp: 2026-04-02T20:25:51.747Z
Learning: In `apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.models._index/route.tsx`, the `useFrozenValue(selectedModel)` + `displayModel = selectedModel ?? frozenModel` pattern is intentional. It keeps `ModelDetailPanel` rendered during the collapse animation even after `selectedModel` is cleared. The `key={displayModel.friendlyId}` handles remounting when a different model is selected. Do not flag this as a stale-state or tab-reset issue.

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx

📚 Learning: 2026-02-03T18:27:40.429Z

Learnt from: 0ski
Repo: triggerdotdev/trigger.dev PR: 2994
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx:553-555
Timestamp: 2026-02-03T18:27:40.429Z
Learning: In apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx, the menu buttons (e.g., Edit with PencilSquareIcon) in the TableCellMenu are intentionally icon-only with no text labels as a compact UI pattern. This is a deliberate design choice for this route; preserve the icon-only behavior for consistency in this file.

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx

📚 Learning: 2026-02-11T16:37:32.429Z

Learnt from: matt-aitken
Repo: triggerdotdev/trigger.dev PR: 3019
File: apps/webapp/app/components/primitives/charts/Card.tsx:26-30
Timestamp: 2026-02-11T16:37:32.429Z
Learning: In projects using react-grid-layout, avoid relying on drag-handle class to imply draggability. Ensure drag-handle elements only affect dragging when the parent grid item is configured draggable in the layout; conditionally apply cursor styles based on the draggable prop. This improves correctness and accessibility.

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

📚 Learning: 2026-03-22T13:26:12.060Z

Learnt from: ericallam
Repo: triggerdotdev/trigger.dev PR: 3244
File: apps/webapp/app/components/code/TextEditor.tsx:81-86
Timestamp: 2026-03-22T13:26:12.060Z
Learning: In the triggerdotdev/trigger.dev codebase, do not flag `navigator.clipboard.writeText(...)` calls for `missing-await`/`unhandled-promise` issues. These clipboard writes are intentionally invoked without `await` and without `catch` handlers across the project; keep that behavior consistent when reviewing TypeScript/TSX files (e.g., usages like in `apps/webapp/app/components/code/TextEditor.tsx`).

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

📚 Learning: 2026-03-22T19:24:14.403Z

Learnt from: matt-aitken
Repo: triggerdotdev/trigger.dev PR: 3187
File: apps/webapp/app/v3/services/alerts/deliverErrorGroupAlert.server.ts:200-204
Timestamp: 2026-03-22T19:24:14.403Z
Learning: In the triggerdotdev/trigger.dev codebase, webhook URLs are not expected to contain embedded credentials/secrets (e.g., fields like `ProjectAlertWebhookProperties` should only hold credential-free webhook endpoints). During code review, if you see logging or inclusion of raw webhook URLs in error messages, do not automatically treat it as a credential-leak/secrets-in-logs issue by default—first verify the URL does not contain embedded credentials (for example, no username/password in the URL, no obvious secret/token query params or fragments). If the URL is credential-free per this project’s conventions, allow the logging.

Applied to files:

• apps/webapp/app/routes/confirm-basic-details.tsx
• apps/webapp/app/routes/_app.orgs.new/route.tsx
• apps/webapp/app/routes/vercel.onboarding.tsx
• apps/webapp/app/components/navigation/SideMenu.tsx
• apps/webapp/app/components/primitives/Popover.tsx
• apps/webapp/app/components/LoginPageLayout.tsx

📚 Learning: 2026-03-26T17:27:09.938Z

Learnt from: 0ski
Repo: triggerdotdev/trigger.dev PR: 3264
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections._index/route.tsx:176-176
Timestamp: 2026-03-26T17:27:09.938Z
Learning: In `apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections._index/route.tsx`, the variable `hasPrivateNetworking` is intentionally hardcoded to `true` as a placeholder. Plan-level gating will be wired to actual billing data (e.g., `plan?.v3Subscription?.plan?.limits?.hasPrivateNetworking`) once the billing integration is complete. The route is already guarded at the feature-flag level via `hasPrivateConnections` in the loader. Do not flag this hardcoded value as dead code or a bug until the billing integration is in place.

Applied to files:

• apps/webapp/app/routes/_app.orgs.new/route.tsx

📚 Learning: 2026-04-01T13:27:35.831Z

Learnt from: samejr
Repo: triggerdotdev/trigger.dev PR: 3308
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.models._index/route.tsx:579-584
Timestamp: 2026-04-01T13:27:35.831Z
Learning: In `apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.models._index/route.tsx`, the `useEffect` inside `CompareDialog` intentionally uses `[open]` as its only dependency. This is a deliberate "fetch-on-open" pattern: the fetcher.load call should fire only when the dialog opens, not on every reference change of `models`, `organization`, `project`, or `environment`. Do not flag this as a missing-dependency lint issue.

Applied to files:

• apps/webapp/app/routes/_app.orgs.new/route.tsx

📚 Learning: 2026-04-02T19:18:26.255Z

Learnt from: samejr
Repo: triggerdotdev/trigger.dev PR: 3319
File: apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.bulk-actions/route.tsx:179-189
Timestamp: 2026-04-02T19:18:26.255Z
Learning: In this repo’s route components that render the Inspector `ResizablePanelGroup` panels, it’s acceptable to pass `collapsed={!isShowingInspector}` together with a no-op `onCollapseChange={() => {}}` when panel visibility is intentionally controlled only by route parameters (e.g., `*Param` search/route params) rather than user drag/collapse interactions. Do not flag an empty/no-op `onCollapseChange` as “missing wiring” in these cases; only flag it when collapse state is expected to change based on user interaction.

Applied to files:

• apps/webapp/app/routes/_app.orgs.new/route.tsx

📚 Learning: 2026-03-22T13:45:36.346Z

Learnt from: ericallam
Repo: triggerdotdev/trigger.dev PR: 3244
File: apps/webapp/app/components/navigation/SideMenu.tsx:460-489
Timestamp: 2026-03-22T13:45:36.346Z
Learning: In triggerdotdev/trigger.dev, sidebar navigation items (SideMenu.tsx) are intentionally NOT gated behind feature-flag or permission checks at the nav level. Authorization is enforced at the route/loader level instead. Hiding nav items based on access checks is considered confusing UX. This applies to items like "AI Metrics" (v3BuiltInDashboardPath) and other dashboard links — they are always rendered in the sidebar regardless of hasQueryAccess or similar flags.

Applied to files:

• apps/webapp/app/components/navigation/SideMenu.tsx

📚 Learning: 2026-01-28T16:57:47.620Z

Learnt from: samejr
Repo: triggerdotdev/trigger.dev PR: 2964
File: apps/webapp/app/components/AskAI.tsx:121-141
Timestamp: 2026-01-28T16:57:47.620Z
Learning: In the trigger.dev webapp codebase, the Button component (apps/webapp/app/components/primitives/Buttons) does not spread unknown props to the underlying <button> element—it only passes specific props (type, disabled, onClick, name, value, ref, form, autoFocus). When using Radix UI's TooltipTrigger with asChild, a span wrapper around the Button is necessary to receive Radix props (aria-describedby, onPointerEnter, onPointerLeave, data-state) while the Button handles its own behavior. Directly making the Button the child of TooltipTrigger with asChild will break accessibility and tooltip functionality.

Applied to files:

• apps/webapp/app/components/primitives/Popover.tsx

🔇 Additional comments (8)

apps/webapp/app/routes/_app.orgs.new/route.tsx (1)

146-146: Good onboarding container variant adoption.

variant="onboarding" is applied cleanly while preserving existing container styling, which aligns with the responsive onboarding layout objective.

apps/webapp/app/routes/confirm-basic-details.tsx (1)

244-244: Looks good for onboarding responsiveness.

This update consistently opts the page into the onboarding container behavior without altering form flow.

apps/webapp/app/routes/vercel.onboarding.tsx (1)

296-296: Consistent onboarding variant across all Vercel onboarding steps.

Great call applying variant="onboarding" in all three branches (error, org, project) to keep responsive behavior uniform throughout the flow.

Also applies to: 328-328, 404-404

apps/webapp/app/components/primitives/Popover.tsx (1)

72-72: LGTM! Clean implementation of the danger prop.

The conditional styling logic correctly applies error-themed hover states when danger is true, and the group-hover/button selectors properly reference the group/button class on the parent wrapper elements.

Also applies to: 90-90, 97-106

apps/webapp/app/components/navigation/SideMenu.tsx (1)

1000-1007: LGTM! Appropriate use of the danger prop for the logout action.

Marking the logout menu item as a danger action follows common UX conventions for visually distinguishing destructive actions in menus.

apps/webapp/app/components/LoginPageLayout.tsx (3)

49-52: Responsive breakpoint shift is well applied.

Moving the split layout and left-panel chrome to lg gives a cleaner single-column mobile experience and matches the PR goal.

---

66-67: Contact link fix looks correct.

The updated support URL is valid and keeps the login-help path intact.

---

71-71: Right-panel visibility change is consistent with mobile-first behavior.

Deferring the testimonial/logos panel to large screens avoids crowding on smaller devices.

---

Walkthrough

This PR adjusts responsive layout and styling across the webapp: BackgroundWrapper hides decorative layers by default and uses bg-background-dimmed on smaller viewports, switching to transparent at lg. LoginPageLayout shifts grid and visibility breakpoints from md to lg, moves several left-panel styles to apply only at lg, and fixes the contact URL. AppLayout adds an optional variant?: "default" | "onboarding" to MainCenteredContainer and changes centering/scrolling behavior. Several onboarding pages now pass variant="onboarding". PopoverMenuItem gained an optional danger prop, and SideMenu marks the logout item as danger.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The description lacks required sections from the template: missing checklist items, testing details, detailed changelog, and issue reference number.	Add the complete template structure including: closes issue number, completed checklist items, testing steps description, and more detailed changelog beyond the screenshot provided.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: responsive improvements for onboarding screens through breakpoint adjustments.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix(webapp)-responsive-onboarding

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}