From b72158f403ae1feaa5d0ab53ae09315b78bbc3df Mon Sep 17 00:00:00 2001
From: keerthi <keerthi.sree2105@gmail.com>
Date: Wed, 23 Apr 2025 17:29:08 +0530
Subject: [PATCH] fix:Add Support for Sorting Agents by Last Execution Time in
 Library View

---
 .../app/(platform)/library/state-provider.tsx |  2 +-
 .../components/library/library-sort-menu.tsx  | 22 ++++++++++++++++---
 .../src/lib/autogpt-server-api/types.ts       |  1 +
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/autogpt_platform/frontend/src/app/(platform)/library/state-provider.tsx b/autogpt_platform/frontend/src/app/(platform)/library/state-provider.tsx
index 70ac649a3f..9c28f75443 100644
--- a/autogpt_platform/frontend/src/app/(platform)/library/state-provider.tsx
+++ b/autogpt_platform/frontend/src/app/(platform)/library/state-provider.tsx
@@ -37,7 +37,7 @@ export function LibraryPageStateProvider({
   const [searchTerm, setSearchTerm] = useState<string | undefined>("");
   const [uploadedFile, setUploadedFile] = useState<File | null>(null);
   const [librarySort, setLibrarySort] = useState<LibraryAgentSortEnum>(
-    LibraryAgentSortEnum.UPDATED_AT,
+    LibraryAgentSortEnum.LAST_EXECUTION,
   );
 
   return (
diff --git a/autogpt_platform/frontend/src/components/library/library-sort-menu.tsx b/autogpt_platform/frontend/src/components/library/library-sort-menu.tsx
index 3e47aa114d..0d6080f9c7 100644
--- a/autogpt_platform/frontend/src/components/library/library-sort-menu.tsx
+++ b/autogpt_platform/frontend/src/components/library/library-sort-menu.tsx
@@ -13,7 +13,7 @@ import {
 
 export default function LibrarySortMenu(): React.ReactNode {
   const api = useBackendAPI();
-  const { setAgentLoading, setAgents, setLibrarySort, searchTerm } =
+  const { setAgentLoading, setAgents, setLibrarySort, searchTerm, librarySort } =
     useLibraryPageContext();
   const handleSortChange = async (value: LibraryAgentSortEnum) => {
     setLibrarySort(value);
@@ -28,13 +28,26 @@ export default function LibrarySortMenu(): React.ReactNode {
     setAgentLoading(false);
   };
 
+  const getPlaceholderText = () => {
+    switch (librarySort) {
+      case LibraryAgentSortEnum.CREATED_AT:
+        return "Creation Date";
+      case LibraryAgentSortEnum.UPDATED_AT:
+        return "Last Modified";
+      case LibraryAgentSortEnum.LAST_EXECUTION:
+        return "Last Run";
+      default:
+        return "Last Modified";
+    }
+  };
+
   return (
     <div className="flex items-center">
       <span className="hidden whitespace-nowrap sm:inline">sort by</span>
-      <Select onValueChange={handleSortChange}>
+      <Select onValueChange={handleSortChange} defaultValue={librarySort}>
         <SelectTrigger className="ml-1 w-fit space-x-1 border-none px-0 text-base underline underline-offset-4 shadow-none">
           <ArrowDownNarrowWideIcon className="h-4 w-4 sm:hidden" />
-          <SelectValue placeholder="Last Modified" />
+          <SelectValue placeholder={getPlaceholderText()} />
         </SelectTrigger>
         <SelectContent>
           <SelectGroup>
@@ -44,6 +57,9 @@ export default function LibrarySortMenu(): React.ReactNode {
             <SelectItem value={LibraryAgentSortEnum.UPDATED_AT}>
               Last Modified
             </SelectItem>
+            <SelectItem value={LibraryAgentSortEnum.LAST_EXECUTION}>
+              Last Run
+            </SelectItem>
           </SelectGroup>
         </SelectContent>
       </Select>
diff --git a/autogpt_platform/frontend/src/lib/autogpt-server-api/types.ts b/autogpt_platform/frontend/src/lib/autogpt-server-api/types.ts
index 000515e996..32c760d2dd 100644
--- a/autogpt_platform/frontend/src/lib/autogpt-server-api/types.ts
+++ b/autogpt_platform/frontend/src/lib/autogpt-server-api/types.ts
@@ -428,6 +428,7 @@ export interface CreateLibraryAgentPresetRequest {
 export enum LibraryAgentSortEnum {
   CREATED_AT = "createdAt",
   UPDATED_AT = "updatedAt",
+  LAST_EXECUTION = "lastExecution",
 }
 
 /* *** CREDENTIALS *** */