fix:Add Support for Sorting Agents by Last Execution Time in Library View

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 (

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>

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 *** */