Skip to content

fix(ux): UX fixes for Gemini UI redesign — prompt first, simulate vs live clarity - #1

Merged
tusher16 merged 8 commits into
mainfrom
feature/update-ui-design
Jun 6, 2026
Merged

fix(ux): UX fixes for Gemini UI redesign — prompt first, simulate vs live clarity#1
tusher16 merged 8 commits into
mainfrom
feature/update-ui-design

Conversation

@tusher16

@tusher16 tusher16 commented Jun 6, 2026

Copy link
Copy Markdown
Owner

Summary

  • Prompt input moved to top — The custom topic textarea was buried below the 5 preset scenario chips. First-time users couldn't find it. It's now the first thing in the control panel, with the scenario chips below labelled "or pick a preset below."
  • Simulate vs Live AI Check made visually distinct — Both buttons looked equally primary (both filled/dark). "Simulate Scenario Tracing" runs a local offline animation with no API calls, while "Run Live AI Check" hits Tavily/Exa/OpenRouter. The Simulate button is now an outline/ghost style with an offline badge. The footer disclaimer was also updated: "Live AI Check queries Tavily/Exa APIs · Simulate is offline only."

What was reviewed

This branch is a full UI redesign by Gemini (7 commits, ~3700 insertions): TypeScript migration, Tailwind CSS, new Trace Viewport Map diagram, Harness Mode Inspector panel, and scenario vector selector. A verification pass confirmed:

  • Build passes cleanly (npm run build)
  • All API routes unchanged (/api/openrouter, /api/tavily, /api/exa, /api/session-state, /api/run)
  • Python backend response keys (model, obs, alert, reason, checkpoints, loops, saved) all match what the frontend reads
  • Python regression tests: 5/5 pass
  • /api/run end-to-end verified via curl

Test plan

  • npm run build passes
  • Custom topic textarea appears above the scenario vector chips on load
  • Placeholder text reads "...or pick a preset below..."
  • "Simulate Scenario Tracing" renders as an outline button with offline badge
  • "Run Live AI Check" remains solid green primary button
  • Footer reads "Live AI Check queries Tavily/Exa APIs · Simulate is offline only"
  • Both engine modes (Browser JS and Python backend) still complete a full run

🤖 Generated with Claude Code

Mohammad obaidullah Tusher and others added 8 commits June 6, 2026 20:36
…ate vs live

- Move AGENT INSTRUCTION INPUT textarea to the top of the control panel
  so users immediately see where to type a custom topic, rather than
  discovering it below the preset scenario chips
- Update placeholder text from "...select a scenario vector above..."
  to "...or pick a preset below..." to match the new order
- Restyle "Simulate Scenario Tracing" as an outline/ghost button so it
  is visually secondary to the solid green "Run Live AI Check" button
- Add an "offline" badge to the Simulate button so users know no API
  calls are made
- Update the footer disclaimer to read "Live AI Check queries Tavily/Exa
  APIs · Simulate is offline only"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@tusher16
tusher16 merged commit 739ae25 into main Jun 6, 2026
4 checks passed
@tusher16
tusher16 deleted the feature/update-ui-design branch June 6, 2026 20:38
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.

1 participant