diff --git a/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue b/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
index 0f3974289a3760d66ab22ba193482ef699e90f6b..78c896b4f7914c6c8d05980f6762b6157def7725 100644
--- a/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
+++ b/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
@@ -178,7 +178,7 @@ export default {
         <template #mainview>
           <router-view
             v-bind="baseProps"
-            class="gl-flex gl-overflow-auto"
+            class="gl-overflow-auto"
             :class="siderail.classes"
             @chat-resize="onChatResize"
           />
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/components/common/agent_flow_list.vue b/ee/app/assets/javascripts/ai/duo_agents_platform/components/common/agent_flow_list.vue
index 93ff2ebfc4f79110e764eaa199af3481c6bdc803..1d3df8d600e454acd2323ba54b7f673d7356c421 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/components/common/agent_flow_list.vue
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/components/common/agent_flow_list.vue
@@ -1,17 +1,23 @@
 <script>
 import { GlEmptyState, GlKeysetPagination } from '@gitlab/ui';
 import emptyStateIllustrationPath from '@gitlab/svgs/dist/illustrations/empty-state/empty-pipeline-md.svg';
+import EmptyResult from '~/vue_shared/components/empty_result.vue';
 import { AGENTS_PLATFORM_SHOW_ROUTE } from '../../router/constants';
 import AgentFlowListItem from './agent_flow_list_item.vue';
 
 export default {
   name: 'AgentFlowList',
   components: {
+    EmptyResult,
     GlEmptyState,
     GlKeysetPagination,
     AgentFlowListItem,
   },
   props: {
+    showEmptyState: {
+      required: true,
+      type: Boolean,
+    },
     showProjectInfo: {
       required: false,
       type: Boolean,
@@ -30,6 +36,8 @@ export default {
     hasWorkflows() {
       return this.workflows?.length > 0;
     },
+  },
+  methods: {
     displayPagination() {
       return this.workflowsPageInfo?.hasNextPage || this.workflowsPageInfo?.hasPreviousPage;
     },
@@ -41,13 +49,16 @@ export default {
 <template>
   <div :class="{ 'gl-self-center': !hasWorkflows }" class="gl-w-full">
     <gl-empty-state
-      v-if="!hasWorkflows"
+      v-if="showEmptyState"
       :title="s__('DuoAgentsPlatform|No agent sessions yet')"
       :description="s__('DuoAgentsPlatform|New agent sessions will appear here.')"
       :svg-path="$options.emptyStateIllustrationPath"
     />
     <template v-else>
-      <ul class="gl-divide-x-0 gl-divide-y-1 gl-divide-solid gl-divide-subtle gl-px-0">
+      <ul
+        v-if="hasWorkflows"
+        class="gl-divide-x-0 gl-divide-y-1 gl-divide-solid gl-divide-subtle gl-px-0"
+      >
         <agent-flow-list-item
           v-for="item in workflows"
           :key="item.id"
@@ -55,8 +66,9 @@ export default {
           :show-project-info="showProjectInfo"
         />
       </ul>
+      <empty-result v-else type="search" />
       <gl-keyset-pagination
-        v-if="displayPagination"
+        v-if="displayPagination()"
         v-bind="workflowsPageInfo"
         class="gl-mt-5 gl-flex gl-justify-center"
         @prev="$emit('prev-page')"
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/constants.js b/ee/app/assets/javascripts/ai/duo_agents_platform/constants.js
index 80a7550fabe5a01ed803478e2ab7320758a3aea0..d84e0157d0d960a20d92e421add3cbeb99eb2799 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/constants.js
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/constants.js
@@ -47,3 +47,10 @@ export const AGENT_PLATFORM_STATUS_ICON = {
     color: 'red',
   },
 };
+
+export const DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES = {
+  first: 20,
+  before: null,
+  after: null,
+  last: null,
+};
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_agent_flows.query.graphql b/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_agent_flows.query.graphql
index c6d2fdc419a1308dd5032648061d11dc38c1b9b6..7c1e9338c1144558af7ed6f811859b773f0dbc52 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_agent_flows.query.graphql
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_agent_flows.query.graphql
@@ -1,6 +1,14 @@
 #import "../fragments/flow.fragment.graphql"
 
-query getAgentFlows($projectPath: ID!, $after: String, $before: String, $first: Int, $last: Int) {
+query getAgentFlows(
+  $projectPath: ID!
+  $after: String
+  $before: String
+  $first: Int
+  $last: Int
+  $sort: DuoWorkflowsWorkflowSort
+  $type: String
+) {
   project(fullPath: $projectPath) {
     id
     duoWorkflowWorkflows(
@@ -9,6 +17,8 @@ query getAgentFlows($projectPath: ID!, $after: String, $before: String, $first:
       after: $after
       last: $last
       before: $before
+      sort: $sort
+      type: $type
     ) {
       pageInfo {
         startCursor
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_user_agent_flow.query.graphql b/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_user_agent_flow.query.graphql
index 2d0779f403bccc22dd6d662cf58071b060f6726d..29887605e22699c529e50db43f840cb717a2f73e 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_user_agent_flow.query.graphql
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/graphql/queries/get_user_agent_flow.query.graphql
@@ -6,6 +6,8 @@ query getUserAgentFlows(
   $first: Int
   $last: Int
   $excludeTypes: [String!]
+  $sort: DuoWorkflowsWorkflowSort
+  $type: String
 ) {
   duoWorkflowWorkflows(
     first: $first
@@ -13,6 +15,8 @@ query getUserAgentFlows(
     last: $last
     before: $before
     excludeTypes: $excludeTypes
+    sort: $sort
+    type: $type
   ) {
     pageInfo {
       startCursor
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/project/project_agents_platform_index.vue b/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/project/project_agents_platform_index.vue
index 33f8d513bbccd59a3617807c66b3267e4d552f4e..8898fad1af551cc8cb8fe9ff418aed69cb35080a 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/project/project_agents_platform_index.vue
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/project/project_agents_platform_index.vue
@@ -1,8 +1,10 @@
 <script>
 import { s__ } from '~/locale';
 import { createAlert } from '~/alert';
+import { fetchPolicies } from '~/lib/graphql';
 import getProjectAgentFlows from '../../graphql/queries/get_agent_flows.query.graphql';
 import DuoAgentsPlatformIndex from '../../pages/index/duo_agents_platform_index.vue';
+import { DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES } from '../../constants';
 
 export default {
   components: { DuoAgentsPlatformIndex },
@@ -11,17 +13,22 @@ export default {
     return {
       workflows: [],
       workflowsPageInfo: {},
+      currentSort: 'UPDATED_ASC',
+      hasInitialWorkflows: false,
+      paginationVariables: { ...DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES },
+      filterVariables: {},
     };
   },
   apollo: {
     workflows: {
       query: getProjectAgentFlows,
+      fetchPolicy: fetchPolicies.CACHE_AND_NETWORK,
       variables() {
         return {
           projectPath: this.projectPath,
-          first: 20,
-          before: null,
-          last: null,
+          ...this.paginationVariables,
+          sort: this.currentSort,
+          ...this.filterVariables,
         };
       },
       update(data) {
@@ -29,6 +36,11 @@ export default {
       },
       result({ data }) {
         this.workflowsPageInfo = data?.project?.duoWorkflowWorkflows?.pageInfo || {};
+
+        const workflows = data?.project?.duoWorkflowWorkflows?.edges?.map((w) => w.node) || [];
+        if (workflows.length > 0) {
+          this.hasInitialWorkflows = true;
+        }
       },
       error(error) {
         createAlert({
@@ -43,13 +55,35 @@ export default {
       return this.$apollo.queries.workflows.loading;
     },
   },
+  methods: {
+    handleSort(sortBy) {
+      this.currentSort = sortBy;
+
+      this.resetPagination();
+    },
+    handleFilters(filters) {
+      this.filterVariables = filters;
+
+      this.resetPagination();
+    },
+    handlePagination(paginationVars) {
+      this.paginationVariables = paginationVars;
+    },
+    resetPagination() {
+      this.handlePagination(DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES);
+    },
+  },
 };
 </script>
 <template>
   <duo-agents-platform-index
+    :has-initial-workflows="hasInitialWorkflows"
+    :initial-sort="currentSort"
     :is-loading-workflows="isLoadingWorkflows"
     :workflows="workflows"
     :workflows-page-info="workflowsPageInfo"
-    :workflow-query="$apollo.queries.workflows"
+    @update-sort="handleSort"
+    @update-pagination="handlePagination"
+    @update-filters="handleFilters"
   />
 </template>
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/user/user_agents_platform_index.vue b/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/user/user_agents_platform_index.vue
index 8cf0360c7e55bd3e1b825b3917ee043e89e6c8e5..a971ac35fb2ed63cbc38bd1d82dcc6b8f63fee8d 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/user/user_agents_platform_index.vue
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/namespace/user/user_agents_platform_index.vue
@@ -1,8 +1,10 @@
 <script>
 import { s__ } from '~/locale';
 import { createAlert } from '~/alert';
+import { fetchPolicies } from '~/lib/graphql';
 import getUserAgentFlows from '../../graphql/queries/get_user_agent_flow.query.graphql';
 import DuoAgentsPlatformIndex from '../../pages/index/duo_agents_platform_index.vue';
+import { DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES } from '../../constants';
 
 export default {
   components: { DuoAgentsPlatformIndex },
@@ -10,18 +12,23 @@ export default {
     return {
       workflows: [],
       workflowsPageInfo: {},
+      currentSort: 'UPDATED_ASC',
+      hasInitialWorkflows: false,
+      paginationVariables: { ...DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES },
+      filterVariables: {},
     };
   },
   apollo: {
     workflows: {
       query: getUserAgentFlows,
+      fetchPolicy: fetchPolicies.CACHE_AND_NETWORK,
       pollInterval: 10000,
       variables() {
         return {
-          first: 20,
-          before: null,
-          last: null,
+          ...this.paginationVariables,
           excludeTypes: ['chat'],
+          sort: this.currentSort,
+          ...this.filterVariables,
         };
       },
       update(data) {
@@ -29,6 +36,11 @@ export default {
       },
       result({ data }) {
         this.workflowsPageInfo = data?.duoWorkflowWorkflows?.pageInfo || {};
+
+        const workflows = data?.duoWorkflowWorkflows?.edges?.map((w) => w.node) || [];
+        if (workflows.length > 0) {
+          this.hasInitialWorkflows = true;
+        }
       },
       error(error) {
         createAlert({
@@ -43,14 +55,36 @@ export default {
       return this.$apollo.queries.workflows.loading;
     },
   },
+  methods: {
+    handleSort(sortBy) {
+      this.currentSort = sortBy;
+
+      this.resetPagination();
+    },
+    handleFilters(filters) {
+      this.filterVariables = filters;
+
+      this.resetPagination();
+    },
+    handlePagination(paginationVars) {
+      this.paginationVariables = paginationVars;
+    },
+    resetPagination() {
+      this.handlePagination(DEFAULT_AGENT_PLATFORM_PAGINATION_VARIABLES);
+    },
+  },
 };
 </script>
 <template>
   <duo-agents-platform-index
+    :has-initial-workflows="hasInitialWorkflows"
+    :initial-sort="currentSort"
     :is-loading-workflows="isLoadingWorkflows"
     :workflows="workflows"
     :workflows-page-info="workflowsPageInfo"
-    :workflow-query="$apollo.queries.workflows"
     class="gl-min-w-full"
+    @update-sort="handleSort"
+    @update-pagination="handlePagination"
+    @update-filters="handleFilters"
   />
 </template>
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/pages/index/duo_agents_platform_index.vue b/ee/app/assets/javascripts/ai/duo_agents_platform/pages/index/duo_agents_platform_index.vue
index 8427b68d162d2d2711013c3e5dbb705f93dbbde5..4d3dc570c7aeab37acf05dfc51ac694d855a3ba1 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/pages/index/duo_agents_platform_index.vue
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/pages/index/duo_agents_platform_index.vue
@@ -1,7 +1,13 @@
 <script>
-import { GlExperimentBadge, GlSkeletonLoader } from '@gitlab/ui';
+import { GlAlert, GlExperimentBadge, GlSkeletonLoader, GlFilteredSearchToken } from '@gitlab/ui';
 import emptyStateIllustrationPath from '@gitlab/svgs/dist/illustrations/empty-state/empty-pipeline-md.svg?url';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
+import {
+  OPERATORS_IS,
+  FILTERED_SEARCH_TERM,
+} from '~/vue_shared/components/filtered_search_bar/constants';
+import { __, s__ } from '~/locale';
 import AgentFlowList from '../../components/common/agent_flow_list.vue';
 import { AGENT_PLATFORM_INDEX_COMPONENT_NAME } from '../../constants';
 
@@ -9,6 +15,8 @@ export default {
   name: AGENT_PLATFORM_INDEX_COMPONENT_NAME,
   components: {
     AgentFlowList,
+    FilteredSearchBar,
+    GlAlert,
     GlExperimentBadge,
     GlSkeletonLoader,
     PageHeading,
@@ -19,9 +27,17 @@ export default {
     },
   },
   props: {
-    workflowQuery: {
+    hasInitialWorkflows: {
       required: true,
-      type: Object,
+      type: Boolean,
+    },
+    initialSort: {
+      required: true,
+      type: String,
+    },
+    isLoadingWorkflows: {
+      required: true,
+      type: Boolean,
     },
     workflows: {
       required: true,
@@ -31,20 +47,32 @@ export default {
       required: true,
       type: Object,
     },
-    isLoadingWorkflows: {
-      required: true,
-      type: Boolean,
-    },
+  },
+  data() {
+    return {
+      showAlert: false,
+      currentFilters: [],
+    };
   },
   computed: {
-    headerClass() {
-      return this.isSidePanelView ? 'gl-mt-0' : '';
+    showEmptyState() {
+      return !this.hasInitialWorkflows;
+    },
+    processedFiltersForGraphQL() {
+      const processedFilters = {};
+
+      this.currentFilters.forEach((filter) => {
+        if (filter.type === 'flow-name' && filter.value?.data) {
+          processedFilters.type = filter.value.data;
+        }
+      });
+
+      return processedFilters;
     },
   },
   methods: {
     handleNextPage() {
-      this.workflowQuery.refetch({
-        ...this.workflowQuery.variables,
+      this.$emit('update-pagination', {
         before: null,
         after: this.workflowsPageInfo.endCursor,
         first: 20,
@@ -52,21 +80,76 @@ export default {
       });
     },
     handlePrevPage() {
-      this.workflowQuery.refetch({
-        ...this.workflowQuery.variables,
+      this.$emit('update-pagination', {
         after: null,
         before: this.workflowsPageInfo.startCursor,
         first: null,
         last: 20,
       });
     },
+    handleSort(sortBy) {
+      this.$emit('update-sort', sortBy);
+    },
+    handleFilter(filters) {
+      if (this.hasUnsupportedTextSearch(filters)) {
+        this.showAlert = true;
+        this.currentFilters = []; // Clear the filters
+        this.$forceUpdate(); // Force re-render to clear the search input
+        return;
+      }
+
+      this.showAlert = false;
+      this.currentFilters = filters;
+      this.refetchWithFilters(this.processedFiltersForGraphQL);
+    },
+    hasUnsupportedTextSearch(filters) {
+      return filters.some((filter) => filter.type === FILTERED_SEARCH_TERM && filter.value?.data);
+    },
+    refetchWithFilters(processedFilters) {
+      this.$emit('update-filters', processedFilters);
+    },
+    dismissAlert() {
+      this.showAlert = false;
+    },
   },
   emptyStateIllustrationPath,
+  availableSortOptions: [
+    {
+      id: 1,
+      title: __('Created date'),
+      sortDirection: {
+        descending: 'CREATED_DESC',
+        ascending: 'CREATED_ASC',
+      },
+    },
+    {
+      id: 2,
+      title: __('Updated date'),
+      sortDirection: {
+        descending: 'UPDATED_DESC',
+        ascending: 'UPDATED_ASC',
+      },
+    },
+  ],
+  tokens: [
+    {
+      type: 'flow-name',
+      title: s__('DuoAgentsPlatform|Flow Name'),
+      icon: 'flow-ai',
+      token: GlFilteredSearchToken,
+      operators: OPERATORS_IS,
+      unique: true,
+      options: [
+        { value: 'software_development', title: s__('DuoAgentsPlatform|Software Development') },
+        { value: 'convert_to_gitlab_ci', title: s__('DuoAgentsPlatform|Convert to gitlab ci') },
+      ],
+    },
+  ],
 };
 </script>
 <template>
   <div class="gl-min-h-full gl-flex-wrap gl-justify-center">
-    <page-heading v-if="!isSidePanelView" :class="headerClass">
+    <page-heading v-if="!isSidePanelView">
       <template #heading>
         <div class="gl-flex">
           <span>{{ s__('DuoAgentsPlatform|Agent sessions') }}</span>
@@ -74,6 +157,34 @@ export default {
         </div>
       </template>
     </page-heading>
+    <gl-alert
+      v-if="showAlert"
+      variant="warning"
+      dismissible
+      class="gl-mx-4 gl-mt-2"
+      @dismiss="dismissAlert"
+    >
+      {{
+        s__(
+          'DuoAgentsPlatform|Raw text search is not currently supported. Please use the available search tokens.',
+        )
+      }}
+    </gl-alert>
+    <filtered-search-bar
+      v-if="hasInitialWorkflows"
+      namespace="duo-agents-platform"
+      :tokens="$options.tokens"
+      :search-input-placeholder="s__('DuoAgentsPlatform|Search for a session')"
+      :sort-options="$options.availableSortOptions"
+      :initial-sort-by="initialSort"
+      :initial-sort="initialSort"
+      sync-filter-and-sort
+      terms-as-tokens
+      class="gl-grow gl-border-t-0 gl-p-4"
+      data-testid="agent-sessions-search-container"
+      @onFilter="handleFilter"
+      @onSort="handleSort"
+    />
     <div
       v-if="isLoadingWorkflows"
       class="gl-flex gl-w-full gl-flex-col gl-gap-5 gl-p-5"
@@ -86,6 +197,8 @@ export default {
     <agent-flow-list
       v-else
       :show-project-info="isSidePanelView"
+      :show-empty-state="showEmptyState"
+      :initial-sort="initialSort"
       :workflows="workflows"
       :workflows-page-info="workflowsPageInfo"
       @next-page="handleNextPage"
diff --git a/ee/spec/frontend/ai/duo_agents_platform/components/common/agent_flow_list_spec.js b/ee/spec/frontend/ai/duo_agents_platform/components/common/agent_flow_list_spec.js
index f7c2e5829ef9940d81565b3a2668425441c1824c..b796723be731a687bc63a832e80c9e1b214ccc0b 100644
--- a/ee/spec/frontend/ai/duo_agents_platform/components/common/agent_flow_list_spec.js
+++ b/ee/spec/frontend/ai/duo_agents_platform/components/common/agent_flow_list_spec.js
@@ -14,6 +14,8 @@ describe('AgentFlowList', () => {
   const createWrapper = (props = {}) => {
     wrapper = shallowMount(AgentFlowList, {
       propsData: {
+        showEmptyState: false,
+        initialSort: 'CREATED_DESC',
         workflows: mockAgentFlows,
         workflowsPageInfo: {},
         ...props,
@@ -27,8 +29,8 @@ describe('AgentFlowList', () => {
     });
 
     describe('and there are no workflows', () => {
-      beforeEach(async () => {
-        await createWrapper({ workflows: [] });
+      beforeEach(() => {
+        createWrapper({ showEmptyState: true, workflows: [] });
       });
 
       it('renders the emptyState', () => {
@@ -46,13 +48,29 @@ describe('AgentFlowList', () => {
     });
 
     describe('when there are workflows', () => {
+      beforeEach(() => {
+        createWrapper({
+          showEmptyState: false,
+          workflows: mockAgentFlows,
+          workflowsPageInfo: {
+            startCursor: 'start',
+            endCursor: 'end',
+            hasNextPage: true,
+            hasPreviousPage: false,
+          },
+        });
+      });
+
       it('render the agent flow list items', () => {
         expect(findAgentFlowListItems().length).toBeGreaterThan(0);
       });
 
       describe('when showProjectInfo is false', () => {
         beforeEach(() => {
-          createWrapper({ showProjectInfo: false });
+          createWrapper({
+            showEmptyState: false,
+            showProjectInfo: false,
+          });
         });
 
         it('passes showProjectInfo as false to each AgentFlowListItem', () => {
@@ -64,7 +82,10 @@ describe('AgentFlowList', () => {
 
       describe('when showProjectInfo is true', () => {
         beforeEach(() => {
-          createWrapper({ showProjectInfo: true });
+          createWrapper({
+            showEmptyState: false,
+            showProjectInfo: true,
+          });
         });
 
         it('passes showProjectInfo as true to each AgentFlowListItem', () => {
@@ -76,7 +97,7 @@ describe('AgentFlowList', () => {
 
       describe('when showProjectInfo is not provided', () => {
         beforeEach(() => {
-          createWrapper();
+          createWrapper({ showEmptyState: false });
         });
 
         it('defaults showProjectInfo to false for each AgentFlowListItem', () => {
@@ -91,8 +112,13 @@ describe('AgentFlowList', () => {
   describe('keyset pagination controls', () => {
     describe('when there is no pagination data', () => {
       beforeEach(() => {
-        createWrapper({
-          workflowsPageInfo: {},
+        wrapper = shallowMount(AgentFlowList, {
+          propsData: {
+            showEmptyState: true,
+            initialSort: 'CREATED_DESC',
+            workflows: mockAgentFlows,
+            workflowsPageInfo: {},
+          },
         });
       });
 
@@ -112,6 +138,8 @@ describe('AgentFlowList', () => {
       describe('when hasNextPage is false and hasPreviousPage is false', () => {
         beforeEach(() => {
           createWrapper({
+            showEmptyState: true,
+            workflows: mockAgentFlows,
             workflowsPageInfo: createPaginationData(false, false),
           });
         });
@@ -130,6 +158,8 @@ describe('AgentFlowList', () => {
         ({ hasNextPage, hasPreviousPage }) => {
           beforeEach(() => {
             createWrapper({
+              showEmptyState: false,
+              workflows: mockAgentFlows,
               workflowsPageInfo: createPaginationData(hasNextPage, hasPreviousPage),
             });
           });
diff --git a/ee/spec/frontend/ai/duo_agents_platform/namespace/project/project_agents_platform_index_spec.js b/ee/spec/frontend/ai/duo_agents_platform/namespace/project/project_agents_platform_index_spec.js
index b7d74df9299d4af756826178e4393cf81a9094f6..6c1a5f006d820d3b41a7ffb3782906936a959c17 100644
--- a/ee/spec/frontend/ai/duo_agents_platform/namespace/project/project_agents_platform_index_spec.js
+++ b/ee/spec/frontend/ai/duo_agents_platform/namespace/project/project_agents_platform_index_spec.js
@@ -40,12 +40,11 @@ describe('ProjectAgentsPlatformIndex', () => {
     await createWrapper();
 
     expect(findIndexComponent().props()).toMatchObject({
+      initialSort: 'UPDATED_ASC',
+      hasInitialWorkflows: expect.any(Boolean),
       isLoadingWorkflows: expect.any(Boolean),
       workflows: expect.any(Array),
       workflowsPageInfo: expect.any(Object),
-      workflowQuery: expect.objectContaining({
-        refetch: expect.any(Function),
-      }),
     });
   });
 
@@ -71,9 +70,11 @@ describe('ProjectAgentsPlatformIndex', () => {
           expect(getAgentFlowsHandler).toHaveBeenCalledTimes(1);
           expect(getAgentFlowsHandler).toHaveBeenCalledWith({
             projectPath,
+            after: null,
             before: null,
             first: 20,
             last: null,
+            sort: 'UPDATED_ASC',
           });
         });
 
@@ -83,6 +84,13 @@ describe('ProjectAgentsPlatformIndex', () => {
 
           expect(findIndexComponent().props('workflows')).toEqual(expectedWorkflows);
         });
+
+        it('passes workflowsPageInfo to DuoAgentsPlatformIndex component', () => {
+          const expectedPageInfo =
+            mockAgentFlowsResponse.data.project.duoWorkflowWorkflows.pageInfo;
+
+          expect(findIndexComponent().props('workflowsPageInfo')).toEqual(expectedPageInfo);
+        });
       });
 
       describe('when workflows query fails', () => {
@@ -105,6 +113,20 @@ describe('ProjectAgentsPlatformIndex', () => {
         });
       });
 
+      describe('when workflows query fails without error message', () => {
+        beforeEach(async () => {
+          getAgentFlowsHandler.mockRejectedValue(new Error());
+          await createWrapper();
+        });
+
+        it('calls createAlert with default error message', () => {
+          expect(createAlert).toHaveBeenCalledWith({
+            message: 'Failed to fetch workflows',
+            captureError: true,
+          });
+        });
+      });
+
       describe('when workflows query returns empty edges', () => {
         beforeEach(async () => {
           getAgentFlowsHandler.mockResolvedValue({
@@ -142,4 +164,28 @@ describe('ProjectAgentsPlatformIndex', () => {
       });
     });
   });
+
+  describe('computed properties', () => {
+    describe('isLoadingWorkflows', () => {
+      describe('when query is loading', () => {
+        beforeEach(() => {
+          createWrapper();
+        });
+
+        it('passes isLoadingWorkflows as true to DuoAgentsPlatformIndex', () => {
+          expect(findIndexComponent().props('isLoadingWorkflows')).toBe(true);
+        });
+      });
+
+      describe('when query is not loading', () => {
+        beforeEach(async () => {
+          await createWrapper();
+        });
+
+        it('passes isLoadingWorkflows as false to DuoAgentsPlatformIndex', () => {
+          expect(findIndexComponent().props('isLoadingWorkflows')).toBe(false);
+        });
+      });
+    });
+  });
 });
diff --git a/ee/spec/frontend/ai/duo_agents_platform/namespace/user/user_agents_platform_index_spec.js b/ee/spec/frontend/ai/duo_agents_platform/namespace/user/user_agents_platform_index_spec.js
index 4e321c13e9afa6bd21fb37379b30de096d2896d6..22ac3b493da86721ccf0118b8671bd600e972a29 100644
--- a/ee/spec/frontend/ai/duo_agents_platform/namespace/user/user_agents_platform_index_spec.js
+++ b/ee/spec/frontend/ai/duo_agents_platform/namespace/user/user_agents_platform_index_spec.js
@@ -57,12 +57,11 @@ describe('UserAgentsPlatformIndex', () => {
     await createWrapper();
 
     expect(findIndexComponent().props()).toMatchObject({
+      initialSort: 'UPDATED_ASC',
+      hasInitialWorkflows: expect.any(Boolean),
       isLoadingWorkflows: expect.any(Boolean),
       workflows: expect.any(Array),
       workflowsPageInfo: expect.any(Object),
-      workflowQuery: expect.objectContaining({
-        refetch: expect.any(Function),
-      }),
     });
   });
 
@@ -87,8 +86,10 @@ describe('UserAgentsPlatformIndex', () => {
         it('fetches workflows data with correct variables', () => {
           expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(1);
           expect(getUserAgentFlowsHandler).toHaveBeenCalledWith({
-            first: 20,
+            sort: 'UPDATED_ASC',
+            after: null,
             before: null,
+            first: 20,
             last: null,
             excludeTypes: ['chat'],
           });
@@ -225,8 +226,8 @@ describe('UserAgentsPlatformIndex', () => {
           createWrapper();
         });
 
-        it('returns true', () => {
-          expect(wrapper.vm.isLoadingWorkflows).toBe(true);
+        it('passes isLoadingWorkflows as true to DuoAgentsPlatformIndex', () => {
+          expect(findIndexComponent().props('isLoadingWorkflows')).toBe(true);
         });
       });
 
@@ -235,35 +236,35 @@ describe('UserAgentsPlatformIndex', () => {
           await createWrapper();
         });
 
-        it('returns false', () => {
-          expect(wrapper.vm.isLoadingWorkflows).toBe(false);
+        it('passes isLoadingWorkflows as false to DuoAgentsPlatformIndex', () => {
+          expect(findIndexComponent().props('isLoadingWorkflows')).toBe(false);
         });
       });
     });
+  });
 
-    describe('polling', () => {
-      beforeEach(async () => {
-        await createWrapper();
-      });
+  describe('polling', () => {
+    beforeEach(async () => {
+      await createWrapper();
+    });
 
-      it('polls every 10 seconds', async () => {
-        expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(1);
+    it('polls every 10 seconds', async () => {
+      expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(1);
 
-        jest.advanceTimersByTime(5000);
-        await waitForPromises();
+      jest.advanceTimersByTime(5000);
+      await waitForPromises();
 
-        expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(1);
+      expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(1);
 
-        jest.advanceTimersByTime(10000);
-        await waitForPromises();
+      jest.advanceTimersByTime(10000);
+      await waitForPromises();
 
-        expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(2);
+      expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(2);
 
-        jest.advanceTimersByTime(10000);
-        await waitForPromises();
+      jest.advanceTimersByTime(10000);
+      await waitForPromises();
 
-        expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(3);
-      });
+      expect(getUserAgentFlowsHandler).toHaveBeenCalledTimes(3);
     });
   });
 });
diff --git a/ee/spec/frontend/ai/duo_agents_platform/pages/index/duo_agents_platform_index_spec.js b/ee/spec/frontend/ai/duo_agents_platform/pages/index/duo_agents_platform_index_spec.js
index 73a9255528628d72ff5701154f8d8d7759e51ae8..a62f593caf35a125a329bc1d10685147f67ddd93 100644
--- a/ee/spec/frontend/ai/duo_agents_platform/pages/index/duo_agents_platform_index_spec.js
+++ b/ee/spec/frontend/ai/duo_agents_platform/pages/index/duo_agents_platform_index_spec.js
@@ -1,9 +1,11 @@
 import { shallowMount } from '@vue/test-utils';
-import { GlExperimentBadge } from '@gitlab/ui';
+import { GlAlert, GlExperimentBadge } from '@gitlab/ui';
+import { nextTick } from 'vue';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
 
 import AgentFlowList from 'ee/ai/duo_agents_platform/components/common/agent_flow_list.vue';
 import AgentsPlatformIndex from 'ee/ai/duo_agents_platform/pages/index/duo_agents_platform_index.vue';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 
 import waitForPromises from 'helpers/wait_for_promises';
 
@@ -13,19 +15,15 @@ jest.mock('~/alert');
 
 describe('AgentsPlatformIndex', () => {
   let wrapper;
-  const mockRefetch = jest.fn().mockResolvedValue({ data: { workflows: [] } });
 
   const defaultProps = {
+    initialSort: 'UPDATED_ASC',
+    hasInitialWorkflows: true,
     isLoadingWorkflows: false,
     workflows: mockAgentFlowsResponse.data.project.duoWorkflowWorkflows.edges.map(
       (edge) => edge.node,
     ),
     workflowsPageInfo: { startCursor: 'asdf', endCursor: 'asdf' },
-    workflowQuery: {
-      loading: false,
-      refetch: mockRefetch,
-      variables: { projectPath: 'hello!' },
-    },
   };
 
   const createWrapper = ({ props = {}, provide = {} } = {}) => {
@@ -44,6 +42,12 @@ describe('AgentsPlatformIndex', () => {
   const findLoadingIcon = () => wrapper.find('[data-testid="loading-container"]');
   const findPageHeading = () => wrapper.findComponent(PageHeading);
   const findExperimentBadge = () => wrapper.findComponent(GlExperimentBadge);
+  const findFilteredSearchBar = () => wrapper.findComponent(FilteredSearchBar);
+  const findAlert = () => wrapper.findComponent(GlAlert);
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
 
   describe('when not in side panel view', () => {
     beforeEach(() => {
@@ -57,10 +61,6 @@ describe('AgentsPlatformIndex', () => {
       expect(findExperimentBadge().exists()).toBe(true);
       expect(findExperimentBadge().props('type')).toBe('beta');
     });
-
-    it('applies no margin top class to page heading', () => {
-      expect(findPageHeading().classes()).not.toContain('gl-mt-0');
-    });
   });
 
   describe('when in side panel view', () => {
@@ -99,6 +99,147 @@ describe('AgentsPlatformIndex', () => {
     it('does not render the loading icon', () => {
       expect(findLoadingIcon().exists()).toBe(false);
     });
+
+    it('passes correct props to AgentFlowList', () => {
+      expect(findWorkflowsList().props()).toMatchObject({
+        showProjectInfo: false,
+        showEmptyState: false,
+        workflows: expect.any(Array),
+        workflowsPageInfo: expect.any(Object),
+      });
+    });
+  });
+
+  describe('filtering and sorting', () => {
+    beforeEach(async () => {
+      await createWrapper();
+    });
+
+    it('renders the filtered search bar with correct props', () => {
+      expect(findFilteredSearchBar().exists()).toBe(true);
+      expect(findFilteredSearchBar().props()).toMatchObject({
+        namespace: 'duo-agents-platform',
+        searchInputPlaceholder: 'Search for a session',
+        syncFilterAndSort: true,
+        termsAsTokens: true,
+        initialSortBy: 'UPDATED_ASC',
+      });
+    });
+
+    it('renders the filtered search bar with sort options', () => {
+      expect(findFilteredSearchBar().props('sortOptions')).toEqual([
+        {
+          id: 1,
+          title: 'Created date',
+          sortDirection: {
+            descending: 'CREATED_DESC',
+            ascending: 'CREATED_ASC',
+          },
+        },
+        {
+          id: 2,
+          title: 'Updated date',
+          sortDirection: {
+            descending: 'UPDATED_DESC',
+            ascending: 'UPDATED_ASC',
+          },
+        },
+      ]);
+    });
+
+    it('renders the filtered search bar with filter tokens', () => {
+      const tokens = findFilteredSearchBar().props('tokens');
+
+      expect(tokens).toHaveLength(1);
+
+      expect(tokens[0]).toMatchObject({
+        type: 'flow-name',
+        title: 'Flow Name',
+        icon: 'flow-ai',
+        unique: true,
+      });
+      expect(tokens[0].options).toEqual([
+        { value: 'software_development', title: 'Software Development' },
+        { value: 'convert_to_gitlab_ci', title: 'Convert to gitlab ci' },
+      ]);
+    });
+
+    describe('when hasInitialWorkflows is false', () => {
+      beforeEach(async () => {
+        await createWrapper({ props: { hasInitialWorkflows: false } });
+      });
+
+      it('does not render the filtered search bar', () => {
+        expect(findFilteredSearchBar().exists()).toBe(false);
+      });
+    });
+
+    describe('when sorting', () => {
+      it('emits update-sort event when onSort is triggered', () => {
+        findFilteredSearchBar().vm.$emit('onSort', 'UPDATED_DESC');
+
+        expect(wrapper.emitted('update-sort')).toEqual([['UPDATED_DESC']]);
+      });
+    });
+
+    describe('when filtering', () => {
+      describe('with valid flow-name token', () => {
+        it('emits update-filters event with processed filter parameters', () => {
+          const filters = [{ type: 'flow-name', value: { data: 'convert_to_gitlab_ci' } }];
+
+          findFilteredSearchBar().vm.$emit('onFilter', filters);
+
+          expect(wrapper.emitted('update-filters')).toEqual([[{ type: 'convert_to_gitlab_ci' }]]);
+        });
+
+        it('hides alert when valid filters are applied', () => {
+          const filters = [{ type: 'flow-name', value: { data: 'software_development' } }];
+
+          findFilteredSearchBar().vm.$emit('onFilter', filters);
+
+          expect(findAlert().exists()).toBe(false);
+        });
+      });
+
+      describe('with unsupported free text search', () => {
+        it('shows alert and does not emit update-filters', async () => {
+          const filters = [{ type: 'filtered-search-term', value: { data: 'software dev' } }];
+
+          findFilteredSearchBar().vm.$emit('onFilter', filters);
+          await nextTick();
+
+          expect(findAlert().exists()).toBe(true);
+          expect(findAlert().props('variant')).toBe('warning');
+          expect(findAlert().text()).toContain('Raw text search is not currently supported');
+          expect(wrapper.emitted('update-filters')).toBeUndefined();
+        });
+      });
+
+      describe('when filters are cleared', () => {
+        it('emits update-filters event with empty filters', () => {
+          findFilteredSearchBar().vm.$emit('onFilter', []);
+
+          expect(wrapper.emitted('update-filters')).toEqual([[{}]]);
+        });
+      });
+    });
+
+    describe('alert dismissal', () => {
+      beforeEach(() => {
+        // Trigger alert by using unsupported search
+        const filters = [{ type: 'filtered-search-term', value: { data: 'test' } }];
+        findFilteredSearchBar().vm.$emit('onFilter', filters);
+      });
+
+      it('hides alert when dismissed', async () => {
+        expect(findAlert().exists()).toBe(true);
+
+        findAlert().vm.$emit('dismiss');
+        await nextTick();
+
+        expect(findAlert().exists()).toBe(false);
+      });
+    });
   });
 
   describe('pagination', () => {
@@ -107,30 +248,36 @@ describe('AgentsPlatformIndex', () => {
     });
 
     describe('when next page is requested', () => {
-      it('calls refetch with correct parameters', () => {
+      it('emits update-pagination event with correct parameters', () => {
         findWorkflowsList().vm.$emit('next-page');
 
-        expect(mockRefetch).toHaveBeenCalledWith({
-          projectPath: 'hello!',
-          after: 'asdf',
-          last: null,
-          before: null,
-          first: 20,
-        });
+        expect(wrapper.emitted('update-pagination')).toEqual([
+          [
+            {
+              before: null,
+              after: 'asdf',
+              first: 20,
+              last: null,
+            },
+          ],
+        ]);
       });
     });
 
     describe('when previous page is requested', () => {
-      it('calls refetch with correct parameters', () => {
+      it('emits update-pagination event with correct parameters', () => {
         findWorkflowsList().vm.$emit('prev-page');
 
-        expect(mockRefetch).toHaveBeenCalledWith({
-          projectPath: 'hello!',
-          after: null,
-          last: 20,
-          before: 'asdf',
-          first: null,
-        });
+        expect(wrapper.emitted('update-pagination')).toEqual([
+          [
+            {
+              after: null,
+              before: 'asdf',
+              first: null,
+              last: 20,
+            },
+          ],
+        ]);
       });
     });
   });
diff --git a/ee/spec/frontend/ai/mocks.js b/ee/spec/frontend/ai/mocks.js
index b23e37054016570dcd387c4b1f3a796f5a949143..e5412e51cad889aaadecab649dfeff9d65654015 100644
--- a/ee/spec/frontend/ai/mocks.js
+++ b/ee/spec/frontend/ai/mocks.js
@@ -24,7 +24,7 @@ export const mockAgentFlowEdges = [
       status: 'RUNNING',
       humanStatus: 'running',
       updatedAt: '2024-01-02T00:00:00Z',
-      workflowDefinition: 'convert_to_ci',
+      workflowDefinition: 'convert_to_gitlab_ci',
       project: {
         id: 'gid://gitlab/Project/2',
         name: 'Another Project',
@@ -35,6 +35,24 @@ export const mockAgentFlowEdges = [
       },
     },
   },
+  {
+    node: {
+      __typename: 'DuoWorkflow',
+      id: 'gid://gitlab/DuoWorkflow::Workflow/3',
+      status: 'CREATED',
+      humanStatus: 'created',
+      updatedAt: '2024-01-03T00:00:00Z',
+      workflowDefinition: 'chat',
+      project: {
+        id: 'gid://gitlab/Project/3',
+        name: 'Chat Project',
+        namespace: {
+          id: 'gid://gitlab/Group/2',
+          name: 'test-group',
+        },
+      },
+    },
+  },
 ];
 
 export const mockAgentFlows = mockAgentFlowEdges.map((edge) => edge.node);
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 06f751cdf5021d4895f7b19bef788adc94383357..ca464cca6de01801ea48c56b2c00b1e041e72ab1 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -24811,6 +24811,9 @@ msgstr ""
 msgid "DuoAgentsPlatform|Configuration source"
 msgstr ""
 
+msgid "DuoAgentsPlatform|Convert to gitlab ci"
+msgstr ""
+
 msgid "DuoAgentsPlatform|Could not display logs. Please try again."
 msgstr ""
 
@@ -24886,6 +24889,9 @@ msgstr ""
 msgid "DuoAgentsPlatform|Flow"
 msgstr ""
 
+msgid "DuoAgentsPlatform|Flow Name"
+msgstr ""
+
 msgid "DuoAgentsPlatform|Flow trigger created successfully."
 msgstr ""
 
@@ -24952,6 +24958,9 @@ msgstr ""
 msgid "DuoAgentsPlatform|Prompt"
 msgstr ""
 
+msgid "DuoAgentsPlatform|Raw text search is not currently supported. Please use the available search tokens."
+msgstr ""
+
 msgid "DuoAgentsPlatform|Read file"
 msgstr ""
 
@@ -24964,6 +24973,9 @@ msgstr ""
 msgid "DuoAgentsPlatform|Search files"
 msgstr ""
 
+msgid "DuoAgentsPlatform|Search for a session"
+msgstr ""
+
 msgid "DuoAgentsPlatform|Search issues"
 msgstr ""
 
@@ -24985,6 +24997,9 @@ msgstr ""
 msgid "DuoAgentsPlatform|Service account user"
 msgstr ""
 
+msgid "DuoAgentsPlatform|Software Development"
+msgstr ""
+
 msgid "DuoAgentsPlatform|Something went wrong while fetching Agent Flows"
 msgstr ""