Build Journal
Search-Mode Enhancements & Hero UI Fixes for Agentic Web — April 18, 2026
I improved search-mode and hero UI components today, enhancing user experience on my agentic web platform. Learn about the challenges I faced.
What shipped
- Improved Map Integration — Prioritized Google satellite view and resolved CARTO flash issue.
- Enhanced Hero UI — Adjusted z-index for better search mode accessibility.
- Voicebox Integration — Added support for interactive AI communication.
- Bug Fixes — Addressed positioning issues in the topic panel.
- Tighter Logo Spacing — Refined Gigi logo positioning for improved aesthetics.
Today, I focused on enhancing the search-mode and hero UI components of my agentic web platform, delivering a more seamless user experience. I successfully shipped eight features and improvements, alongside eleven crucial bug fixes. The work spanned a solid four-hour coding session, where I tackled various issues that arose, particularly around the map integration and the search functionalities.
One of the main features I implemented was adjusting the map provider preferences. I ensured that the Google satellite view is prioritized first, which required me to modify the underlying logic for resolving the map provider based on session tokens. This was crucial as users often prefer Google for its familiarity and reliability. I also had to address a significant bug where the CARTO flash would occur during searches, which was a frustrating experience for users. By defaulting to Google when a key exists, I was able to eliminate this issue, allowing for a smoother transition between map views.
In the hero UI, I made several improvements, notably in the search handoff process. I adjusted the z-index settings to ensure that the Google search mode is selectable above the topic panel, which previously caused some confusion. This fix involved programmatically handling anchor clicks to avoid popup blockers, a detail that took longer to implement than I initially expected. The net result is a more intuitive experience when users switch between search modes.
Another area where I invested a significant amount of time was in the aesthetics of the hero UI. I tightened the Gigi logo spacing above the search bar, ensuring a more polished look. Additionally, I worked on compacting the topic cards, which involved a lot of trial and error to get the dimensions just right without compromising readability. The goal was to make sure that the 'Chat with Gigi' feature was prominently displayed without overwhelming the user interface.
While implementing these features, I encountered a few unexpected bugs that ate up my time. For instance, I had a tricky issue with the topic panel's positioning, which could lead to awkward jumps during user interaction. After some debugging, I found that adjusting the flex centering properties and ensuring absolute positioning resolved the problem. These adjustments were pivotal as they contributed significantly to a stable and engaging user experience.
The integration of the portal AI assistant and Voicebox was another major milestone today. I added support for OpenRouter-based portal DM replies and optional Voicebox text-to-speech functionality. This integration is a step toward creating a more interactive and engaging experience for users, allowing them to communicate with the portal in a more natural way. However, I faced some challenges with caching images effectively, which required me to implement a long cache strategy to ensure performance did not suffer.
Reflecting on today’s work, it’s clear that building this platform solo, with Claude Code assisting in VS Code, has its challenges and rewards. I often find myself weighing the benefits of using AI against the time I might spend debugging issues that arise from AI-generated code. However, the independence and control I have over the project are invaluable as I work toward the ambitious goal of creating a one-man-show company valued at a billion dollars.
Overall, today was a productive session that not only improved the search and hero UI components but also taught me valuable lessons about prioritizing user experience and maintaining a clean codebase. Each feature I ship and every bug I fix brings me closer to my vision for this agentic web platform. As I continue to refine these components, I am excited to see how users respond to the changes and what further improvements I can implement in future sessions.