ENG-7375: AI builder nav item + bump

pcweb/components/docpage/navbar/navbar.py

@@ -10,9 +10,9 @@
 from pcweb.pages.blog.paths import blog_data
 from pcweb.pages.docs import ai_builder, getting_started
 from pcweb.pages.faq import faq
-from pcweb.pages.use_cases.use_cases import use_cases_page
 from pcweb.pages.framework.framework import framework
 from pcweb.pages.hosting.hosting import hosting_landing
+from pcweb.pages.use_cases.use_cases import use_cases_page
 
 from ...link_button import resources_button
 from ..sidebar import SidebarState
@@ -400,7 +400,6 @@ def logo() -> rx.Component:
 
 
 def doc_section():
-    from pcweb.pages.docs import ai_builder as ai_builder_pages
     from pcweb.pages.docs import hosting as hosting_page
 
     return nav_menu.content(
@@ -471,20 +470,24 @@ def new_component_section() -> rx.Component:
                             "Cloud", hosting_page.deploy_quick_start.path, "hosting"
                         ),
                     ),
-                    class_name="xl:flex hidden flex-row items-center gap-0 xl:gap-7 m-0 h-full list-none",
+                    class_name="xl:flex hidden flex-row items-center gap-0 lg:gap-5 2xl:gap-7 m-0 h-full list-none",
                 ),
                 rx.el.div(
-                    # nav_menu.item(
-                    #     link_item("AI Builder", REFLEX_AI_BUILDER, "builder"),
-                    # ),
+                    nav_menu.item(
+                        link_item(
+                            "AI Builder",
+                            REFLEX_BUILD_URL,
+                            "builder",
+                        ),
+                    ),
                     nav_menu.item(
                         link_item("Open Source", framework.path, "framework"),
                         class_name="whitespace-nowrap",
                     ),
                     nav_menu.item(
                         link_item("Cloud", hosting_landing.path, "hosting"),
                     ),
-                    class_name="xl:flex hidden flex-row items-center gap-0 xl:gap-7 m-0 h-full list-none",
+                    class_name="xl:flex hidden flex-row items-center gap-0 lg:gap-5 2xl:gap-7 m-0 h-full list-none",
                 ),
             ),
             nav_menu.item(
@@ -508,7 +511,7 @@ def new_component_section() -> rx.Component:
                 new_menu_trigger("Pricing", "/pricing", "pricing"),
                 class_name="xl:flex hidden",
             ),
-            class_name="flex flex-row items-center gap-0 xl:gap-7 m-0 h-full list-none",
+            class_name="flex flex-row items-center gap-0 lg:gap-5 2xl:gap-7 m-0 h-full list-none",
         ),
         nav_menu.list(
             nav_menu.item(search_bar()),

pcweb/components/docpage/navbar/typesense.py

@@ -1,10 +1,11 @@
 """Improved Typesense search component with better component search handling."""
 
-import reflex as rx
-import typesense
 import os
 import re
 
+import reflex as rx
+import typesense
+
 # Constants
 TYPESENSE_CONFIG = {
     "nodes": [
@@ -145,7 +146,6 @@ async def search_docs(self, query: str):
 
     async def _perform_unified_search(self, query: str) -> dict:
         """Perform a single search using is_component metadata for boosting/filtering."""
-
         client = typesense.Client(TYPESENSE_CONFIG)
 
         expanded_query = self._expand_query_variants(query)
@@ -433,20 +433,18 @@ def search_trigger() -> rx.Component:
         ),
         rx.text(
             "⌘K",
-            class_name="absolute right-2 top-1/2 transform -translate-y-1/2 text-sm bg-slate-3 rounded-md text-sm !text-slate-9 px-[5px] py-[2px] hidden md:inline",
+            class_name="absolute right-2 top-1/2 transform -translate-y-1/2 bg-slate-3 rounded-md text-sm !text-slate-9 px-[5px] py-[2px] hidden md:inline",
         ),
         rx.el.input(
             placeholder="Search",
             read_only=True,
-            class_name="bg-transparent border-none outline-none focus:outline-none pl-4 cursor-pointer hidden md:block",
+            class_name="bg-transparent border-none outline-none focus:outline-none pl-4 cursor-pointer hidden md:block font-medium",
         ),
         style={
             "padding": "6px 12px",
-            "min_width": ["32px", "32px", "256px"],
-            "max_width": ["6em", "6em", "none"],
             "box_shadow": "0px 24px 12px 0px rgba(28, 32, 36, 0.02), 0px 8px 8px 0px rgba(28, 32, 36, 0.02), 0px 2px 6px 0px rgba(28, 32, 36, 0.02)",
         },
-        class_name="w-full hover:bg-slate-3 cursor-pointer flex max-h-[32px] min-h-[32px] border border-slate-5 rounded-[3px] !rounded-[10px] bg-slate-1 transition-bg relative",
+        class_name="min-w-[32px] w-full max-w-[32px] md:max-w-[220px] lg:max-w-[240px] hover:bg-slate-3 cursor-pointer flex max-h-[32px] min-h-[32px] border border-slate-5 !rounded-[10px] bg-slate-1 transition-bg relative",
     )
 
 

pyproject.toml

@@ -22,7 +22,7 @@ dependencies = [
     "reflex-image-zoom>=0.0.2",
     "replicate==1.0.7",
     "reflex-pyplot==0.2.1",
-    "reflex-enterprise>=0.3.1",
+    "reflex-enterprise>=0.3.2",
     "requests>=2.32.3",
     "posthog==6.1.1",
     "typesense>=1.1.1",