diff --git a/ui/src/components/layout/PageHeader.tsx b/ui/src/components/layout/PageHeader.tsx
index 93178e9..f7d3b70 100644
--- a/ui/src/components/layout/PageHeader.tsx
+++ b/ui/src/components/layout/PageHeader.tsx
@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect } from 'react';
 import { Link, useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom';
-import { Button, Tooltip } from '../ui';
+import { Avatar, Button, Tooltip } from '../ui';
 import { Dropdown } from '../work-item';
 import { useModulesFilter } from '../../contexts/ModulesFilterContext';
 import { useWorkspaceViewsState } from '../../contexts/WorkspaceViewsStateContext';
@@ -11,6 +11,7 @@ import {
   CreateViewModal,
   ModuleFiltersPanel,
 } from '../workspace-views';
+import { CollapsibleSection } from '../workspace-views/WorkspaceViewsFiltersShared';
 import { ProjectSavedViewDisplayDropdown } from '../project-saved-view/ProjectSavedViewDisplayDropdown';
 import { ProjectSavedViewMoreMenu } from '../project-saved-view/ProjectSavedViewMoreMenu';
 import { DateRangeModal } from '../workspace-views/DateRangeModal';
@@ -285,6 +286,40 @@ const IconFilter = () => (
     <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />
   </svg>
 );
+const IconLock = () => (
+  <svg
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    aria-hidden
+  >
+    <rect width="18" height="12" x="3" y="11" rx="2" />
+    <path d="M7 11V8a5 5 0 0 1 10 0v3" />
+  </svg>
+);
+const IconGlobe = () => (
+  <svg
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    aria-hidden
+  >
+    <circle cx="12" cy="12" r="10" />
+    <path d="M2 12h20" />
+    <path d="M12 2a15 15 0 0 1 0 20" />
+    <path d="M12 2a15 15 0 0 0 0 20" />
+  </svg>
+);
 const IconPlus = () => (
   <svg
     width="16"
@@ -792,11 +827,167 @@ function DraftsHeader() {
 }
 
 function ProjectsHeader({ workspaceSlug }: { workspaceSlug: string }) {
+  const { user: authUser } = useAuth();
   const [searchParams, setSearchParams] = useSearchParams();
   const searchQuery = searchParams.get('q') ?? '';
+  const sortFieldParam = searchParams.get('sortField');
+  const sortDirParam = searchParams.get('sortDir');
+  const legacySortParam = searchParams.get('sort');
+  const sortField =
+    sortFieldParam === 'manual' ||
+    sortFieldParam === 'name' ||
+    sortFieldParam === 'created_date' ||
+    sortFieldParam === 'member_count'
+      ? sortFieldParam
+      : legacySortParam === 'name_asc' || legacySortParam === 'name_desc'
+        ? 'name'
+        : 'created_date';
+  const sortDir =
+    sortDirParam === 'asc' || sortDirParam === 'desc'
+      ? sortDirParam
+      : legacySortParam === 'created_asc' || legacySortParam === 'name_asc'
+        ? 'asc'
+        : 'asc';
+  const parseCsvParam = (key: string) =>
+    (searchParams.get(key) ?? '')
+      .split(',')
+      .map((v) => v.trim())
+      .filter(Boolean);
+  const selectedAccess = parseCsvParam('access').filter(
+    (value): value is 'private' | 'public' => value === 'private' || value === 'public',
+  );
+  const selectedLeadIds = parseCsvParam('lead');
+  const selectedMemberIds = parseCsvParam('members');
+  const myProjectsOnly = searchParams.get('myProjects') === '1';
+  const createdDateFilter =
+    searchParams.get('createdDate') === 'today' ||
+    searchParams.get('createdDate') === 'last7' ||
+    searchParams.get('createdDate') === 'last30'
+      ? (searchParams.get('createdDate') as 'today' | 'last7' | 'last30')
+      : '';
+  const [projectsDropdownOpen, setProjectsDropdownOpen] = useState<string | null>(null);
   const [searchOpen, setSearchOpen] = useState(!!searchQuery);
+  const [projectsFiltersSearch, setProjectsFiltersSearch] = useState('');
+  const [workspaceMembers, setWorkspaceMembers] = useState<WorkspaceMemberApiResponse[]>([]);
+  const [showAllLeads, setShowAllLeads] = useState(false);
+  const [showAllMembers, setShowAllMembers] = useState(false);
+  const [projectsFilterSectionOpen, setProjectsFilterSectionOpen] = useState({
+    createdDate: true,
+    access: true,
+    lead: true,
+    members: true,
+  });
 
   const baseUrl = `/${workspaceSlug}`;
+  const sortFieldLabelMap: Record<typeof sortField, string> = {
+    manual: 'Manual',
+    name: 'Name',
+    created_date: 'Created date',
+    member_count: 'Number of members',
+  };
+  const activeFilterCount =
+    (myProjectsOnly ? 1 : 0) +
+    (createdDateFilter ? 1 : 0) +
+    selectedAccess.length +
+    selectedLeadIds.length +
+    selectedMemberIds.length;
+
+  useEffect(() => {
+    if (!workspaceSlug) return;
+    let cancelled = false;
+    workspaceService
+      .listMembers(workspaceSlug)
+      .then((members) => {
+        if (!cancelled) setWorkspaceMembers(members ?? []);
+      })
+      .catch(() => {
+        if (!cancelled) setWorkspaceMembers([]);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [workspaceSlug]);
+
+  const updateParam = (
+    key:
+      | 'q'
+      | 'sort'
+      | 'sortField'
+      | 'sortDir'
+      | 'filter'
+      | 'access'
+      | 'lead'
+      | 'members'
+      | 'myProjects'
+      | 'createdDate',
+    value?: string,
+  ) => {
+    const next = new URLSearchParams(searchParams);
+    if (!value) next.delete(key);
+    else next.set(key, value);
+    setSearchParams(next, { replace: true });
+  };
+  const updateParams = (
+    updates: Partial<
+      Record<
+        | 'q'
+        | 'sort'
+        | 'sortField'
+        | 'sortDir'
+        | 'filter'
+        | 'access'
+        | 'lead'
+        | 'members'
+        | 'myProjects'
+        | 'createdDate',
+        string | undefined
+      >
+    >,
+  ) => {
+    const next = new URLSearchParams(searchParams);
+    Object.entries(updates).forEach(([key, value]) => {
+      if (!value) next.delete(key);
+      else next.set(key, value);
+    });
+    setSearchParams(next, { replace: true });
+  };
+  const setCsvParam = (key: 'access' | 'lead' | 'members', values: string[]) => {
+    updateParam(key, values.length ? values.join(',') : undefined);
+  };
+  const toggleCsvParam = (key: 'access' | 'lead' | 'members', value: string) => {
+    const current = parseCsvParam(key);
+    setCsvParam(
+      key,
+      current.includes(value) ? current.filter((v) => v !== value) : [...current, value],
+    );
+  };
+
+  const memberOptions = [
+    ...(authUser
+      ? [{ id: authUser.id, label: 'You', avatarUrl: authUser.avatarUrl, sortLabel: 'You' }]
+      : []),
+    ...workspaceMembers
+      .filter((member) => member.member_id !== authUser?.id)
+      .map((member) => ({
+        id: member.member_id,
+        label:
+          member.member_display_name?.trim() ||
+          member.member_email?.trim() ||
+          member.member_id.slice(0, 8),
+        avatarUrl: member.member_avatar ?? null,
+        sortLabel:
+          member.member_display_name?.trim() || member.member_email?.trim() || member.member_id,
+      })),
+  ].sort((a, b) => a.sortLabel.localeCompare(b.sortLabel));
+  const normalizedFilterSearch = projectsFiltersSearch.trim().toLowerCase();
+  const includeBySearch = (label: string) =>
+    !normalizedFilterSearch || label.toLowerCase().includes(normalizedFilterSearch);
+  const visibleLeadOptions = memberOptions.filter((opt) => includeBySearch(opt.label));
+  const visibleMemberOptions = memberOptions.filter((opt) => includeBySearch(opt.label));
+  const leadOptionsToRender = showAllLeads ? visibleLeadOptions : visibleLeadOptions.slice(0, 5);
+  const memberOptionsToRender = showAllMembers
+    ? visibleMemberOptions
+    : visibleMemberOptions.slice(0, 5);
 
   return (
     <>
@@ -817,7 +1008,7 @@ function ProjectsHeader({ workspaceSlug }: { workspaceSlug: string }) {
             <input
               type="text"
               value={searchQuery}
-              onChange={(e) => setSearchParams({ q: e.target.value }, { replace: true })}
+              onChange={(e) => updateParam('q', e.target.value)}
               placeholder="Search projects"
               className="min-w-0 flex-1 bg-transparent text-sm text-(--txt-primary) placeholder:text-(--txt-placeholder) focus:outline-none"
               aria-label="Search projects"
@@ -825,7 +1016,7 @@ function ProjectsHeader({ workspaceSlug }: { workspaceSlug: string }) {
             <button
               type="button"
               onClick={() => {
-                setSearchParams({}, { replace: true });
+                updateParam('q');
                 setSearchOpen(false);
               }}
               className="shrink-0 rounded p-0.5 text-(--txt-icon-tertiary) hover:bg-(--bg-layer-transparent-hover) hover:text-(--txt-secondary)"
@@ -845,22 +1036,268 @@ function ProjectsHeader({ workspaceSlug }: { workspaceSlug: string }) {
             <IconSearch />
           </button>
         )}
-        <button
-          type="button"
-          className="flex items-center gap-1.5 rounded-md border border-(--border-subtle) bg-(--bg-layer-2) px-2.5 py-1.5 text-[13px] font-medium text-(--txt-secondary) hover:bg-(--bg-layer-2-hover)"
+        <Dropdown
+          id="projects-sort"
+          openId={projectsDropdownOpen}
+          onOpen={setProjectsDropdownOpen}
+          label="Sort projects"
+          icon={<IconArrowUpDown />}
+          displayValue={sortFieldLabelMap[sortField]}
+          panelClassName="min-w-52 rounded-md border border-(--border-subtle) bg-(--bg-surface-1) py-1 shadow-(--shadow-raised)"
+          triggerContent={
+            <>
+              <span className="text-(--txt-icon-tertiary)">
+                <IconArrowUpDown />
+              </span>
+              <span className="truncate">{sortFieldLabelMap[sortField]}</span>
+              {projectsDropdownOpen === 'projects-sort' ? <IconChevronUp /> : <IconChevronDown />}
+            </>
+          }
+          triggerClassName="flex items-center gap-1.5 rounded-md border border-(--border-subtle) bg-(--bg-layer-2) px-2.5 py-1.5 text-[13px] font-medium text-(--txt-secondary) hover:bg-(--bg-layer-2-hover)"
         >
-          <IconCalendar />
-          Created date
-          <IconChevronDown />
-        </button>
-        <button
-          type="button"
-          className="flex items-center gap-1.5 rounded-md border border-(--border-subtle) bg-(--bg-layer-2) px-2.5 py-1.5 text-[13px] font-medium text-(--txt-secondary) hover:bg-(--bg-layer-2-hover)"
+          {[
+            { value: 'manual', label: 'Manual' },
+            { value: 'name', label: 'Name' },
+            { value: 'created_date', label: 'Created date' },
+            { value: 'member_count', label: 'Number of members' },
+          ].map((opt) => {
+            const active = sortField === opt.value;
+            return (
+              <button
+                key={opt.value}
+                type="button"
+                className={`flex w-full items-center justify-between px-3 py-1.5 text-left text-sm ${
+                  active
+                    ? 'text-(--txt-primary)'
+                    : 'text-(--txt-secondary) hover:bg-(--bg-layer-1-hover)'
+                }`}
+                onClick={() => {
+                  updateParams({ sortField: opt.value, sort: undefined });
+                }}
+              >
+                <span>{opt.label}</span>
+                {active ? <IconCheck /> : null}
+              </button>
+            );
+          })}
+          <div className="mx-2 my-1 h-px bg-(--border-subtle)" />
+          {[
+            { value: 'asc', label: 'Ascending' },
+            { value: 'desc', label: 'Descending' },
+          ].map((opt) => {
+            const active = sortDir === opt.value;
+            return (
+              <button
+                key={opt.value}
+                type="button"
+                className={`flex w-full items-center justify-between px-3 py-1.5 text-left text-sm ${
+                  active
+                    ? 'text-(--txt-primary)'
+                    : 'text-(--txt-secondary) hover:bg-(--bg-layer-1-hover)'
+                }`}
+                onClick={() => {
+                  updateParams({ sortDir: opt.value, sort: undefined });
+                }}
+              >
+                <span>{opt.label}</span>
+                {active ? <IconCheck /> : null}
+              </button>
+            );
+          })}
+        </Dropdown>
+        <Dropdown
+          id="projects-filters"
+          openId={projectsDropdownOpen}
+          onOpen={setProjectsDropdownOpen}
+          label="Filter projects"
+          icon={<IconFilter />}
+          displayValue={activeFilterCount > 0 ? `Filters (${activeFilterCount})` : 'Filters'}
+          panelClassName="w-80 rounded-md border border-(--border-subtle) bg-(--bg-surface-1) py-1 shadow-(--shadow-raised)"
+          triggerContent={
+            <>
+              <span className="text-(--txt-icon-tertiary)">
+                <IconFilter />
+              </span>
+              <span className="truncate">
+                {activeFilterCount > 0 ? `Filters (${activeFilterCount})` : 'Filters'}
+              </span>
+              {projectsDropdownOpen === 'projects-filters' ? (
+                <IconChevronUp />
+              ) : (
+                <IconChevronDown />
+              )}
+            </>
+          }
+          triggerClassName="flex items-center gap-1.5 rounded-md border border-(--border-subtle) bg-(--bg-layer-2) px-2.5 py-1.5 text-[13px] font-medium text-(--txt-secondary) hover:bg-(--bg-layer-2-hover)"
         >
-          <IconFilter />
-          Filters
-          <IconChevronDown />
-        </button>
+          <div className="px-3 py-1">
+            <div className="flex items-center gap-2 rounded-md border border-(--border-subtle) px-2 py-1.5">
+              <span className="shrink-0 text-(--txt-icon-tertiary)">
+                <IconSearch />
+              </span>
+              <input
+                type="text"
+                value={projectsFiltersSearch}
+                onChange={(e) => setProjectsFiltersSearch(e.target.value)}
+                placeholder="Search"
+                className="min-w-0 flex-1 bg-transparent text-sm text-(--txt-primary) placeholder:text-(--txt-placeholder) focus:outline-none"
+                aria-label="Search project filters"
+              />
+            </div>
+          </div>
+          <div className="max-h-[70vh] overflow-y-auto">
+            <label className="flex cursor-pointer items-center gap-2 px-3 py-2 text-sm text-(--txt-primary) hover:bg-(--bg-layer-1-hover)">
+              <input
+                type="checkbox"
+                checked={myProjectsOnly}
+                onChange={() => updateParam('myProjects', myProjectsOnly ? '' : '1')}
+                className="rounded border-(--border-subtle)"
+              />
+              <span>My projects</span>
+            </label>
+            <CollapsibleSection
+              title="Created date"
+              open={projectsFilterSectionOpen.createdDate}
+              onToggle={() =>
+                setProjectsFilterSectionOpen((prev) => ({
+                  ...prev,
+                  createdDate: !prev.createdDate,
+                }))
+              }
+            >
+              {[
+                { value: 'today', label: 'Today' },
+                { value: 'last7', label: 'Last 7 days' },
+                { value: 'last30', label: 'Last 30 days' },
+              ]
+                .filter((opt) => includeBySearch(opt.label))
+                .map((opt) => (
+                  <label
+                    key={opt.value}
+                    className="flex cursor-pointer items-center gap-2 px-3 py-2 text-sm text-(--txt-primary) hover:bg-(--bg-layer-1-hover)"
+                  >
+                    <input
+                      type="radio"
+                      name="projects-created-date"
+                      checked={createdDateFilter === opt.value}
+                      onChange={() => updateParam('createdDate', opt.value)}
+                      className="border-(--border-subtle)"
+                    />
+                    <span>{opt.label}</span>
+                  </label>
+                ))}
+              <button
+                type="button"
+                onClick={() => updateParam('createdDate')}
+                className="px-3 py-1 text-sm text-(--txt-secondary) hover:text-(--txt-primary)"
+              >
+                Clear date
+              </button>
+            </CollapsibleSection>
+            <CollapsibleSection
+              title="Access"
+              open={projectsFilterSectionOpen.access}
+              onToggle={() =>
+                setProjectsFilterSectionOpen((prev) => ({ ...prev, access: !prev.access }))
+              }
+            >
+              {[
+                { value: 'private' as const, label: 'Private', icon: <IconLock /> },
+                { value: 'public' as const, label: 'Public', icon: <IconGlobe /> },
+              ]
+                .filter((opt) => includeBySearch(opt.label))
+                .map((opt) => (
+                  <label
+                    key={opt.value}
+                    className="flex cursor-pointer items-center gap-2 px-3 py-2 text-sm text-(--txt-primary) hover:bg-(--bg-layer-1-hover)"
+                  >
+                    <input
+                      type="checkbox"
+                      checked={selectedAccess.includes(opt.value)}
+                      onChange={() => toggleCsvParam('access', opt.value)}
+                      className="rounded border-(--border-subtle)"
+                    />
+                    <span className="text-(--txt-icon-tertiary)">{opt.icon}</span>
+                    <span>{opt.label}</span>
+                  </label>
+                ))}
+            </CollapsibleSection>
+            <CollapsibleSection
+              title="Lead"
+              open={projectsFilterSectionOpen.lead}
+              onToggle={() =>
+                setProjectsFilterSectionOpen((prev) => ({ ...prev, lead: !prev.lead }))
+              }
+            >
+              {leadOptionsToRender.map((opt) => (
+                <label
+                  key={`lead-${opt.id}`}
+                  className="flex cursor-pointer items-center gap-2 px-3 py-2 text-sm text-(--txt-primary) hover:bg-(--bg-layer-1-hover)"
+                >
+                  <input
+                    type="checkbox"
+                    checked={selectedLeadIds.includes(opt.id)}
+                    onChange={() => toggleCsvParam('lead', opt.id)}
+                    className="rounded border-(--border-subtle)"
+                  />
+                  <Avatar
+                    name={opt.label}
+                    src={opt.avatarUrl}
+                    size="sm"
+                    className="h-5 w-5 text-[10px]"
+                  />
+                  <span className="truncate">{opt.label}</span>
+                </label>
+              ))}
+              {visibleLeadOptions.length > 5 && (
+                <button
+                  type="button"
+                  onClick={() => setShowAllLeads((prev) => !prev)}
+                  className="px-3 py-1 text-sm text-(--txt-secondary) hover:text-(--txt-primary)"
+                >
+                  {showAllLeads ? 'View less' : 'View all'}
+                </button>
+              )}
+            </CollapsibleSection>
+            <CollapsibleSection
+              title="Members"
+              open={projectsFilterSectionOpen.members}
+              onToggle={() =>
+                setProjectsFilterSectionOpen((prev) => ({ ...prev, members: !prev.members }))
+              }
+            >
+              {memberOptionsToRender.map((opt) => (
+                <label
+                  key={`member-${opt.id}`}
+                  className="flex cursor-pointer items-center gap-2 px-3 py-2 text-sm text-(--txt-primary) hover:bg-(--bg-layer-1-hover)"
+                >
+                  <input
+                    type="checkbox"
+                    checked={selectedMemberIds.includes(opt.id)}
+                    onChange={() => toggleCsvParam('members', opt.id)}
+                    className="rounded border-(--border-subtle)"
+                  />
+                  <Avatar
+                    name={opt.label}
+                    src={opt.avatarUrl}
+                    size="sm"
+                    className="h-5 w-5 text-[10px]"
+                  />
+                  <span className="truncate">{opt.label}</span>
+                </label>
+              ))}
+              {visibleMemberOptions.length > 5 && (
+                <button
+                  type="button"
+                  onClick={() => setShowAllMembers((prev) => !prev)}
+                  className="px-3 py-1 text-sm text-(--txt-secondary) hover:text-(--txt-primary)"
+                >
+                  {showAllMembers ? 'View less' : 'View all'}
+                </button>
+              )}
+            </CollapsibleSection>
+          </div>
+        </Dropdown>
         <Link to={`${baseUrl}/projects?createProject=1`}>
           <Button size="sm" className="gap-1.5 text-[13px] font-medium">
             <IconPlus />
diff --git a/ui/src/pages/ProjectsListPage.tsx b/ui/src/pages/ProjectsListPage.tsx
index 7427c8f..21c5359 100644
--- a/ui/src/pages/ProjectsListPage.tsx
+++ b/ui/src/pages/ProjectsListPage.tsx
@@ -8,6 +8,7 @@ import { workspaceService } from '../services/workspaceService';
 import { projectService } from '../services/projectService';
 import { favoriteService } from '../services/favoriteService';
 import { useFavorites } from '../contexts/FavoritesContext';
+import { useAuth } from '../contexts/AuthContext';
 import type { WorkspaceApiResponse, ProjectApiResponse } from '../api/types';
 
 const MAX_AVATARS = 3;
@@ -55,8 +56,45 @@ function getCoverGradient(projectId: string): string {
 
 export function ProjectsListPage() {
   const { workspaceSlug } = useParams<{ workspaceSlug: string }>();
+  const { user: authUser } = useAuth();
   const [searchParams, setSearchParams] = useSearchParams();
   const searchQuery = (searchParams.get('q') ?? '').toLowerCase().trim();
+  const parseCsvParam = (key: string) =>
+    (searchParams.get(key) ?? '')
+      .split(',')
+      .map((v) => v.trim())
+      .filter(Boolean);
+  const accessFilters = parseCsvParam('access').filter(
+    (value): value is 'private' | 'public' => value === 'private' || value === 'public',
+  );
+  const leadFilters = parseCsvParam('lead');
+  const memberFilters = parseCsvParam('members');
+  const myProjectsOnly = searchParams.get('myProjects') === '1';
+  const sortFieldParam = searchParams.get('sortField');
+  const sortDirParam = searchParams.get('sortDir');
+  const sortParam = searchParams.get('sort');
+  const sortField =
+    sortFieldParam === 'manual' ||
+    sortFieldParam === 'name' ||
+    sortFieldParam === 'created_date' ||
+    sortFieldParam === 'member_count'
+      ? sortFieldParam
+      : sortParam === 'name_asc' || sortParam === 'name_desc'
+        ? 'name'
+        : 'created_date';
+  const sortDir =
+    sortDirParam === 'asc' || sortDirParam === 'desc'
+      ? sortDirParam
+      : sortParam === 'created_asc' || sortParam === 'name_asc'
+        ? 'asc'
+        : 'asc';
+  const createdDateFilter =
+    searchParams.get('createdDate') === 'today' ||
+    searchParams.get('createdDate') === 'last7' ||
+    searchParams.get('createdDate') === 'last30'
+      ? (searchParams.get('createdDate') as 'today' | 'last7' | 'last30')
+      : '';
+  const favoritesOnly = searchParams.get('filter') === 'favorites';
   const [workspace, setWorkspace] = useState<WorkspaceApiResponse | null>(null);
   const [allProjects, setAllProjects] = useState<ProjectApiResponse[]>([]);
   const [membersByProject, setMembersByProject] = useState<Record<string, string[]>>({});
@@ -68,14 +106,9 @@ export function ProjectsListPage() {
   const createProjectOpen = searchParams.get('createProject') === '1';
 
   const closeCreateModal = () => {
-    setSearchParams(
-      (prev) => {
-        const next = new URLSearchParams(prev);
-        next.delete('createProject');
-        return next;
-      },
-      { replace: true },
-    );
+    const next = new URLSearchParams(searchParams);
+    next.delete('createProject');
+    setSearchParams(next, { replace: true });
   };
 
   useEffect(() => {
@@ -180,14 +213,93 @@ export function ProjectsListPage() {
     };
   }, [workspaceSlug, allProjects]);
 
-  const projects = searchQuery
-    ? allProjects.filter(
-        (p) =>
-          p.name.toLowerCase().includes(searchQuery) ||
-          p.identifier?.toLowerCase().includes(searchQuery) ||
-          p.description?.toLowerCase().includes(searchQuery),
-      )
-    : allProjects;
+  const projectOrderById = new Map(allProjects.map((p, index) => [p.id, index]));
+
+  const filteredProjects = allProjects
+    .filter((p) => {
+      if (!searchQuery) return true;
+      return (
+        p.name.toLowerCase().includes(searchQuery) ||
+        p.identifier?.toLowerCase().includes(searchQuery) ||
+        p.description?.toLowerCase().includes(searchQuery)
+      );
+    })
+    .filter((p) => (favoritesOnly ? favoriteProjectIds.includes(p.id) : true))
+    .filter((p) => {
+      if (accessFilters.length === 0) return true;
+      const accessValue: 'private' | 'public' = p.guest_view_all_features ? 'public' : 'private';
+      return accessFilters.includes(accessValue);
+    })
+    .filter((p) => {
+      if (leadFilters.length === 0) return true;
+      return !!p.project_lead_id && leadFilters.includes(p.project_lead_id);
+    })
+    .filter((p) => {
+      if (memberFilters.length === 0) return true;
+      const memberIds = membersByProject[p.id] ?? [];
+      return memberFilters.some(
+        (memberId) => memberIds.includes(memberId) || p.project_lead_id === memberId,
+      );
+    })
+    .filter((p) => {
+      if (!myProjectsOnly || !authUser) return true;
+      const memberIds = membersByProject[p.id] ?? [];
+      return memberIds.includes(authUser.id) || p.project_lead_id === authUser.id;
+    })
+    .filter((p) => {
+      if (!createdDateFilter) return true;
+      const createdAtMs = Date.parse(p.created_at ?? '');
+      if (!Number.isFinite(createdAtMs)) return false;
+      const now = new Date();
+      if (createdDateFilter === 'today') {
+        const startOfDay = new Date(now);
+        startOfDay.setHours(0, 0, 0, 0);
+        return createdAtMs >= startOfDay.getTime();
+      }
+      const days = createdDateFilter === 'last7' ? 7 : 30;
+      const threshold = now.getTime() - days * 24 * 60 * 60 * 1000;
+      return createdAtMs >= threshold;
+    });
+
+  const projects = filteredProjects
+    .map((project) => ({
+      project,
+      createdAtMs: Date.parse(project.created_at ?? '') || 0,
+      membersCount: new Set([
+        ...(membersByProject[project.id] ?? []),
+        ...(project.project_lead_id ? [project.project_lead_id] : []),
+      ]).size,
+    }))
+    .sort((a, b) => {
+      let result = 0;
+      switch (sortField) {
+        case 'name':
+          result = a.project.name.localeCompare(b.project.name);
+          break;
+        case 'member_count':
+          result = a.membersCount - b.membersCount;
+          break;
+        case 'manual':
+          result =
+            (projectOrderById.get(a.project.id) ?? 0) - (projectOrderById.get(b.project.id) ?? 0);
+          break;
+        case 'created_date':
+        default:
+          result = a.createdAtMs - b.createdAtMs;
+          break;
+      }
+      return sortDir === 'desc' ? -result : result;
+    })
+    .map(({ project }) => project);
+
+  const hasActiveFiltersOrSearch =
+    !!searchQuery ||
+    favoritesOnly ||
+    accessFilters.length > 0 ||
+    leadFilters.length > 0 ||
+    memberFilters.length > 0 ||
+    !!createdDateFilter ||
+    myProjectsOnly;
 
   if (loading) {
     return (
@@ -327,7 +439,15 @@ export function ProjectsListPage() {
           );
         })}
       </div>
-      {projects.length === 0 && <p className="text-sm text-(--txt-tertiary)">No projects yet.</p>}
+      {projects.length === 0 && (
+        <p className="text-sm text-(--txt-tertiary)">
+          {hasActiveFiltersOrSearch
+            ? searchQuery
+              ? 'No results match your search'
+              : 'No projects match the selected filters.'
+            : 'No projects yet.'}
+        </p>
+      )}
     </div>
   );
 }