Skip to content

Make create organization popover more compact - #2480

Merged
shomix merged 3 commits into
mainfrom
ai_main_778655bb6258419696fb
Jul 29, 2026
Merged

Make create organization popover more compact#2480
shomix merged 3 commits into
mainfrom
ai_main_778655bb6258419696fb

Conversation

@shomix

@shomix shomix commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Summary

Fixes the create organization popover so it no longer widen to fit long helper text.

Problem

The new organization popover was too wide because the helper text and its icon used a flex layout that expanded to accommodate the content, resulting in a poor UX.

Solution

Constrained the popover width for non-list modes and reworked the helper text markup so the key icon is inline with the text, allowing the text to wrap naturally beneath the icon instead of stretching the container.

Key Changes

  • Added w-64 width constraint to OrgSwitcher's popover content when not in "list" mode.
  • Replaced the flex-based helper text layout with an inline icon (IconKey) positioned via align-text-top and me-1.5, so wrapped text flows beneath it.
  • Added a changeset documenting the compact popover fix for @agent-native/core.

BEFORE

image

AFTER

image

Edit in Builder  Preview


To clone this PR locally use the Github CLI with command gh pr checkout 2480

You can tag me at @BuilderIO for anything you want me to fix or change

@builder-io-integration builder-io-integration Bot changed the title Update from the Builder.io agent Make create organization popover more compact Jul 28, 2026
@netlify

This comment has been minimized.

@netlify

This comment has been minimized.

@netlify

This comment has been minimized.

@builder-io-integration builder-io-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Builder reviewed your changes — looks good ✅

Review Details

Code Review Summary

PR #2480 makes the create-organization and invite-member OrgSwitcher popovers compact by applying w-64 only outside list mode, and changes the vault notice to inline icon/text flow so long helper text wraps within the constrained content. The changeset correctly records a patch release for @agent-native/core.

This is a low-risk UI-only change. The approach is appropriately scoped: list-mode sizing remains unchanged, while create/invite modes receive the intended width constraint, and the helper text no longer uses a flex row that can widen the popover. Two independent code-review passes found no clear functional, accessibility, security, or release-metadata issues.

Key Findings

No reportable issues found.

Browser testing

🧪 Browser testing: Attempted full visual verification, but all 13 planned cases were blocked by an infrastructure issue: the Chrome DevTools/MCP browser bridge was unreachable in executor sessions. The dev server itself was running and healthy; no browser evidence was produced.

@shomix
shomix merged commit 8c4b44e into main Jul 29, 2026
98 of 102 checks passed
@shomix
shomix deleted the ai_main_778655bb6258419696fb branch July 29, 2026 08:47
@github-actions

Copy link
Copy Markdown
Contributor

Here's a visual recap of what changed:

Visual recap

Open the full interactive recap

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants