diff --git a/packages/app/src/app/settings.tsx b/packages/app/src/app/settings.tsx index 4ed657caf..d87d402c6 100644 --- a/packages/app/src/app/settings.tsx +++ b/packages/app/src/app/settings.tsx @@ -114,17 +114,20 @@ const styles = StyleSheet.create((theme) => ({ hostHeaderRow: { flexDirection: "row", alignItems: "center", - justifyContent: "space-between", + gap: theme.spacing[3], }, hostHeaderRight: { flexDirection: "row", alignItems: "center", gap: theme.spacing[2], + flexShrink: 0, }, hostLabel: { color: theme.colors.foreground, fontSize: theme.fontSize.base, fontWeight: theme.fontWeight.normal, + flex: 1, + flexShrink: 1, }, hostError: { color: theme.colors.palette.red[300], @@ -1055,7 +1058,7 @@ function DaemonCard({ - {daemon.label} + {daemon.label} diff --git a/packages/app/src/components/sliding-sidebar.tsx b/packages/app/src/components/sliding-sidebar.tsx index e4a641d84..b672c95ba 100644 --- a/packages/app/src/components/sliding-sidebar.tsx +++ b/packages/app/src/components/sliding-sidebar.tsx @@ -26,7 +26,7 @@ import { deriveSidebarShortcutAgentKeys } from "@/utils/sidebar-shortcuts"; import { AdaptiveModalSheet } from "@/components/adaptive-modal-sheet"; const DESKTOP_SIDEBAR_WIDTH = 320; -const SIDEBAR_AGENT_LIMIT = 15; +const SIDEBAR_AGENT_LIMIT = 50; // temporary for screenshots interface SlidingSidebarProps { selectedAgentId?: string; @@ -83,12 +83,8 @@ export function SlidingSidebar({ selectedAgentId }: SlidingSidebarProps) { }); }, [agents]); - const limitedAgents = useMemo( - () => sortedAgents.slice(0, SIDEBAR_AGENT_LIMIT), - [sortedAgents] - ); - - const sidebarSections = useSidebarAgentSections(limitedAgents); + // Pass all agents to grouping, limit is applied inside groupAgents per-project + const sidebarSections = useSidebarAgentSections(sortedAgents); const collapsedProjectKeys = useSidebarCollapsedSectionsStore((s) => s.collapsedProjectKeys); const setSidebarShortcutAgentKeys = useKeyboardNavStore((s) => s.setSidebarShortcutAgentKeys); const sidebarShortcutAgentKeys = useMemo(() => { @@ -294,7 +290,7 @@ export function SlidingSidebar({ selectedAgentId }: SlidingSidebarProps) { {/* Middle: scrollable agent list */}