From 87176fb29310d6dae217ffc2a9c3518ead38feba Mon Sep 17 00:00:00 2001
From: Robert Brennan <accounts@rbren.io>
Date: Mon, 23 Dec 2024 15:04:05 -0500
Subject: [PATCH] show most recent convo on homepage (#5769)

---
 frontend/src/api/open-hands.ts           |  2 ++
 frontend/src/routes/_oh._index/route.tsx | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/api/open-hands.ts b/frontend/src/api/open-hands.ts
index 23694a09e70ce..9093514a63575 100644
--- a/frontend/src/api/open-hands.ts
+++ b/frontend/src/api/open-hands.ts
@@ -260,6 +260,8 @@ class OpenHands {
       args: params.args,
       selected_repository: params.selectedRepository,
     });
+    // TODO: remove this once we have a multi-conversation UI
+    localStorage.setItem("latest_conversation_id", data.conversation_id);
     return data;
   }
 }
diff --git a/frontend/src/routes/_oh._index/route.tsx b/frontend/src/routes/_oh._index/route.tsx
index 64190bcd5836c..69f46dd0c2165 100644
--- a/frontend/src/routes/_oh._index/route.tsx
+++ b/frontend/src/routes/_oh._index/route.tsx
@@ -31,13 +31,15 @@ function Home() {
     gitHubClientId: config?.GITHUB_CLIENT_ID || null,
   });
 
+  const latestConversation = localStorage.getItem("latest_conversation_id");
+
   return (
     <div
       data-testid="root-index"
       className="bg-root-secondary h-full rounded-xl flex flex-col items-center justify-center relative overflow-y-auto"
     >
       <HeroHeading />
-      <div className="flex flex-col gap-16 w-[600px] items-center">
+      <div className="flex flex-col gap-8 w-[600px] items-center">
         <div className="flex flex-col gap-2 w-full">
           <TaskForm ref={formRef} />
         </div>
@@ -67,6 +69,19 @@ function Home() {
           />
         </div>
       </div>
+      {latestConversation && (
+        <div className="flex gap-4 w-full text-center mt-8">
+          <p className="text-center w-full">
+            Or&nbsp;
+            <a
+              className="underline"
+              href={`/conversations/${latestConversation}`}
+            >
+              jump back to your most recent conversation
+            </a>
+          </p>
+        </div>
+      )}
     </div>
   );
 }