Skip to content

Agentic UI: Add an omnibox to the preview address bar - #4367

Merged
bcotrim merged 15 commits into
trunkfrom
stu-2012-add-preview-omnibox
Jul 31, 2026
Merged

Agentic UI: Add an omnibox to the preview address bar#4367
bcotrim merged 15 commits into
trunkfrom
stu-2012-add-preview-omnibox

Conversation

@bcotrim

@bcotrim bcotrim commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

Ported from the explore-site-centric-conversation-chrome reference branch with Claude Code, trimmed to this PR's scope. Code reviewed and manually QA'd by me.

Proposed Changes

  • Clicking the address bar's active segment now opens an omnibox, prefilled with the current path: pick a WordPress destination (Site Editor/Styles/Patterns… for block themes, Customizer/Menus/Widgets for classic — this absorbs the old "Open WordPress" menu destinations), or type a path for literal navigation.
Light Dark
image image

Testing Instructions

Agentic UI + a running site.

  1. Click the active segment → omnibox opens with the current path prefilled and selected.
  2. Lists Front end + WordPress destinations (block vs classic theme aware); clicking one navigates (wp-admin ones without a login form).
  3. Verify light + dark.

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?

🤖 Generated with Claude Code

@bcotrim
bcotrim marked this pull request as ready for review July 28, 2026 13:43
@bcotrim
bcotrim requested review from nightnei and sejas July 28, 2026 13:43
bcotrim added 2 commits July 28, 2026 16:32
…r-tabs' into stu-2012-add-preview-omnibox

# Conflicts:
#	apps/ui/src/components/site-preview/address-bar.tsx
@bcotrim bcotrim changed the title Agentic UI: Add an omnibox with site search to the preview address bar Agentic UI: Add an omnibox to the preview address bar Jul 28, 2026

@nightnei nightnei 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.

omnibox opens with the current path prefilled and selected.

I don't see current path as selected, tested different links and selecting a path in the list.
Screenshot 2026-07-30 at 12 24 04

Base automatically changed from stu-2012-add-site-preview-toolbar-tabs to trunk July 30, 2026 12:35
bcotrim added 4 commits July 30, 2026 14:29
…-omnibox

# Conflicts:
#	apps/ui/src/components/site-preview/address-bar.module.css
#	apps/ui/src/components/site-preview/address-bar.test.tsx
#	apps/ui/src/components/site-preview/address-bar.tsx
#	apps/ui/src/components/site-preview/index.tsx
@wpmobilebot

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 1fa3c42 vs trunk

app-size

Metric trunk 1fa3c42 Diff Change
App Size (Mac) 1378.88 MB 1378.89 MB +0.01 MB ⚪ 0.0%

site-editor

Metric trunk 1fa3c42 Diff Change
load 1091 ms 783 ms 308 ms 🟢 -28.2%

site-startup

Metric trunk 1fa3c42 Diff Change
siteCreation 6518 ms 6505 ms 13 ms ⚪ 0.0%
siteStartup 2382 ms 2365 ms 17 ms ⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

@bcotrim
bcotrim requested a review from nightnei July 30, 2026 14:08
@bcotrim

bcotrim commented Jul 30, 2026

Copy link
Copy Markdown
Contributor Author

It should be working now @nightnei, nice catch!
Can you take another look, please?

@nightnei nightnei 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.

Looks great 👍

@bcotrim
bcotrim merged commit 8b086e6 into trunk Jul 31, 2026
13 checks passed
@bcotrim
bcotrim deleted the stu-2012-add-preview-omnibox branch July 31, 2026 09:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants