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",