Merge pull request #349 from traceroot-ai/xinwei_ui_default_change_v4

[UI] Change some default value for several UI parameters

Author: XinweiHe

ui/src/app/authenticated-layout.tsx

@@ -52,7 +52,7 @@ export default function AuthenticatedLayout({
         children
       ) : (
         // For protected routes, wrap with sidebar
-        <SidebarProvider defaultOpen={false}>
+        <SidebarProvider defaultOpen={true}>
           <AppSidebar />
           <SidebarInset>{children}</SidebarInset>
         </SidebarProvider>

ui/src/app/explore/page.tsx

@@ -73,7 +73,7 @@ export default function Explore() {
   const [loading, setLoading] = useState(true);
   const [hasTraceIdInUrl, setHasTraceIdInUrl] = useState(false);
 
-  // Agent panel state - persisted to localStorage
+  // Agent panel state - persisted to localStorage, defaults to closed
   const [agentOpen, setAgentOpen] = usePersistentState("agentPanelOpen", false);
 
   const handleAgentToggle = useCallback(() => {

ui/src/components/side-bar/Sidebar.tsx

@@ -740,9 +740,11 @@ function ProviderLogoComponent() {
 export default function AppSidebar() {
   return (
     <Sidebar collapsible="icon" className="relative font-main">
-      <SidebarHeader>
-        <LogoComponent />
-        <Separator />
+      <SidebarHeader className="pb-0 gap-0">
+        <div className="pb-3">
+          <LogoComponent />
+        </div>
+        <div className="border-b border-zinc-200 dark:border-zinc-700 -mx-2" />
         <ProviderLogoComponent />
       </SidebarHeader>