Rename sidebar to LeftSidebar and hide empty filters

packages/app/src/app/_layout.tsx

@@ -20,7 +20,7 @@ import { useState, useEffect, type ReactNode, useMemo, useRef } from "react";
 import { Platform } from "react-native";
 import * as Linking from "expo-linking";
 import * as Notifications from "expo-notifications";
-import { SlidingSidebar } from "@/components/sliding-sidebar";
+import { LeftSidebar } from "@/components/left-sidebar";
 import { DownloadToast } from "@/components/download-toast";
 import { ToastProvider } from "@/contexts/toast-context";
 import { usePanelStore } from "@/stores/panel-store";
@@ -282,12 +282,12 @@ function AppContainer({ children, selectedAgentId }: AppContainerProps) {
   const content = (
     <View style={{ flex: 1, backgroundColor: theme.colors.surface0 }}>
       <View style={{ flex: 1, flexDirection: "row" }}>
-        {!isMobile && chromeEnabled && <SlidingSidebar selectedAgentId={selectedAgentId} />}
+        {!isMobile && chromeEnabled && <LeftSidebar selectedAgentId={selectedAgentId} />}
         <View style={{ flex: 1, paddingLeft: needsTrafficLightPadding ? trafficLightPadding.left : 0 }}>
           {children}
         </View>
       </View>
-      {isMobile && chromeEnabled && <SlidingSidebar selectedAgentId={selectedAgentId} />}
+      {isMobile && chromeEnabled && <LeftSidebar selectedAgentId={selectedAgentId} />}
       <DownloadToast />
       <CommandCenter />
       <KeyboardShortcutsDialog />

packages/app/src/components/left-sidebar.tsx

@@ -43,11 +43,11 @@ import {
 
 const DESKTOP_SIDEBAR_WIDTH = 320;
 
-interface SlidingSidebarProps {
+interface LeftSidebarProps {
   selectedAgentId?: string;
 }
 
-export function SlidingSidebar({ selectedAgentId }: SlidingSidebarProps) {
+export function LeftSidebar({ selectedAgentId }: LeftSidebarProps) {
   const { theme } = useUnistyles();
   const insets = useSafeAreaInsets();
   const isMobile =

packages/app/src/components/sidebar-agent-list.tsx

@@ -488,6 +488,7 @@ export function SidebarAgentList({
       projectOptions.find((option) => option.projectKey === selectedProjectKeys[0]) ?? null
     );
   }, [projectOptions, selectedProjectKeys]);
+  const showProjectFilters = projectOptions.length > 0;
 
   const sessions = useSessionStore((state) => state.sessions);
   const projectIconRequests = useMemo(() => {
@@ -745,6 +746,7 @@ export function SidebarAgentList({
 
   return (
     <View style={styles.container}>
+      {showProjectFilters ? (
         <View style={styles.filtersRow}>
           <Pressable
             ref={projectFilterAnchorRef}
@@ -837,6 +839,7 @@ export function SidebarAgentList({
             </View>
           </Combobox>
         </View>
+      ) : null}
 
       <DraggableList
         data={entries}