diff --git a/packages/app/src/components/agent-list.tsx b/packages/app/src/components/agent-list.tsx index 4e0501dec..348d5decd 100644 --- a/packages/app/src/components/agent-list.tsx +++ b/packages/app/src/components/agent-list.tsx @@ -17,7 +17,7 @@ import { useIsCompactFormFactor } from "@/constants/layout"; import { formatTimeAgo } from "@/utils/time"; import { type AggregatedAgent } from "@/hooks/use-aggregated-agents"; import { useSessionStore } from "@/stores/session-store"; -import { Archive } from "lucide-react-native"; +import { Archive, ChevronRight } from "lucide-react-native"; import { getProviderIcon } from "@/components/provider-icons"; import { navigateToAgent } from "@/utils/navigate-to-agent"; import { useArchiveAgent } from "@/hooks/use-archive-agent"; @@ -125,6 +125,33 @@ function SessionBadge({ ); } +function WorkspaceTitlePrefix({ + visible, + workspaceName, + testID, + iconSize, + color, +}: { + visible: boolean; + workspaceName: string; + testID: string; + iconSize: number; + color: string; +}) { + if (!visible) { + return null; + } + + return ( + <> + + {workspaceName} + + + + ); +} + function SessionRow({ agent, isMobile, @@ -183,6 +210,13 @@ function SessionRow({ > + @@ -248,13 +282,6 @@ function SessionRow({ > {branch} - - {workspaceName} - {timeAgo} @@ -548,6 +575,12 @@ const styles = StyleSheet.create((theme) => ({ alignItems: "center", justifyContent: "center", }, + workspaceTitleText: { + flexShrink: 0, + maxWidth: 220, + fontSize: theme.fontSize.sm, + color: theme.colors.foregroundMuted, + }, rowMetaRow: { flexDirection: "row", alignItems: "center",