From 6da735adc4fd4f8defd9563a379fb17fc93aecde Mon Sep 17 00:00:00 2001
From: Xinyuan Lin <xinyual3@uci.edu>
Date: Sun, 9 Aug 2026 06:18:01 -0700
Subject: [PATCH] chore(frontend): remove the deprecated project feature

---
 frontend/README.md                            |   2 +-
 frontend/src/app/app-routing.constant.ts      |   1 -
 frontend/src/app/app-routing.module.ts        |  10 -
 frontend/src/app/app.module.ts                |  12 -
 .../workflow-persist.service.spec.ts          |  12 +-
 .../workflow-persist.service.ts               |   4 +-
 frontend/src/app/common/type/gui-config.ts    |   1 -
 .../settings/admin-settings.component.html    |   9 -
 .../settings/admin-settings.component.spec.ts |   7 +-
 .../settings/admin-settings.component.ts      |   1 -
 .../component/dashboard.component.html        |  13 -
 .../component/dashboard.component.spec.ts     |   9 +-
 .../component/dashboard.component.ts          |   3 -
 .../component/user-dashboard-test-fixtures.ts |  15 -
 .../filters-instructions.component.html       |   1 -
 .../user/filters/filters.component.html       |  34 --
 .../user/filters/filters.component.spec.ts    |  71 +--
 .../user/filters/filters.component.ts         |  77 +--
 .../card-item/card-item.component.spec.ts     |  24 +-
 .../card-item/card-item.component.ts          |   4 -
 .../list-item/list-item.component.spec.ts     |   7 -
 .../user/list-item/list-item.component.ts     |   4 -
 .../search-bar/search-bar.component.spec.ts   |  18 -
 .../user/search-bar/search-bar.component.ts   |   3 -
 .../user/search/search.component.html         |  11 -
 .../component/user/search/search.component.ts |   6 +-
 .../share-access.component.spec.ts            |   7 +-
 .../share-access/share-access.component.ts    |   3 +-
 .../public-project.component.html             |  57 --
 .../public-project.component.spec.ts          | 187 -------
 .../public-project.component.ts               | 105 ----
 .../user-project-list-item.component.html     | 206 -------
 .../user-project-list-item.component.scss     |  45 --
 .../user-project-list-item.component.spec.ts  | 502 ------------------
 .../user-project-list-item.component.ts       | 226 --------
 ...-modal-add-project-workflow.component.html |  70 ---
 ...-modal-add-project-workflow.component.scss |  46 --
 ...dal-add-project-workflow.component.spec.ts | 114 ----
 ...bd-modal-add-project-workflow.component.ts | 121 -----
 ...dal-remove-project-workflow.component.html |  70 ---
 ...dal-remove-project-workflow.component.scss |  46 --
 ...-remove-project-workflow.component.spec.ts | 208 --------
 ...modal-remove-project-workflow.component.ts | 100 ----
 .../user-project-section.component.html       |  87 ---
 .../user-project-section.component.scss       | 142 -----
 .../user-project-section.component.ts         | 202 -------
 .../user-project/user-project.component.html  |  97 ----
 .../user-project/user-project.component.scss  |  25 -
 .../user-project.component.spec.ts            | 262 ---------
 .../user-project/user-project.component.ts    | 159 ------
 .../user-workflow-list-item.component.html    |  29 -
 .../user-workflow-list-item.component.scss    |  47 --
 .../user-workflow-list-item.component.spec.ts |  82 +--
 .../user-workflow-list-item.component.ts      |  41 +-
 .../user-workflow.component.html              |  34 +-
 .../user-workflow.component.spec.ts           | 150 +-----
 .../user-workflow/user-workflow.component.ts  | 125 +----
 .../user/project/stub-user-project.service.ts | 120 -----
 .../user/project/user-project.service.spec.ts | 232 --------
 .../user/project/user-project.service.ts      | 170 ------
 .../public-project/public-project.service.ts  |  53 --
 .../service/user/search.service.spec.ts       |  36 +-
 .../dashboard/service/user/search.service.ts  |  28 +-
 .../service/user/stub-search.service.ts       |   6 +-
 .../dashboard/type/dashboard-entry.spec.ts    |  36 +-
 .../src/app/dashboard/type/dashboard-entry.ts |  36 +-
 .../type/dashboard-project.interface.ts       |  35 --
 .../type/dashboard-workflow.interface.ts      |   1 -
 .../type/search-filter-parameters.spec.ts     |  28 +-
 .../type/search-filter-parameters.ts          |  15 +-
 .../src/app/dashboard/type/search-result.ts   |   4 +-
 .../dashboard/type/type-predicates.spec.ts    |  44 --
 .../src/app/dashboard/type/type-predicates.ts |   5 -
 .../browse-section.component.spec.ts          |   2 +-
 .../hub-search-result.component.spec.ts       |  28 +-
 .../hub-search-result.component.ts            |   6 -
 .../app/hub/component/hub.component.spec.ts   |   1 -
 frontend/src/app/hub/service/hub.service.ts   |   1 -
 .../component/menu/menu.component.ts          |   9 +-
 .../component/workspace.component.html        |   1 -
 .../component/workspace.component.spec.ts     |  12 -
 .../component/workspace.component.ts          |  14 -
 82 files changed, 79 insertions(+), 4798 deletions(-)
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.spec.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.scss
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.spec.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.scss
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.spec.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.scss
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.spec.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.scss
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project.component.html
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project.component.scss
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project.component.spec.ts
 delete mode 100644 frontend/src/app/dashboard/component/user/user-project/user-project.component.ts
 delete mode 100644 frontend/src/app/dashboard/service/user/project/stub-user-project.service.ts
 delete mode 100644 frontend/src/app/dashboard/service/user/project/user-project.service.spec.ts
 delete mode 100644 frontend/src/app/dashboard/service/user/project/user-project.service.ts
 delete mode 100644 frontend/src/app/dashboard/service/user/public-project/public-project.service.ts
 delete mode 100644 frontend/src/app/dashboard/type/dashboard-project.interface.ts

diff --git a/frontend/README.md b/frontend/README.md
index 8fd8e9378d2..d1f97bbcd3d 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -58,7 +58,7 @@ The full testing reference (Vitest stack, recipes, anti-patterns, coverage troub
 | Path                                           | What lives here                                                                                             |
 | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
 | `src/app/workspace/`                           | Workflow editor — operator graph, property panel, result panel, code editor.                                |
-| `src/app/dashboard/`                           | User dashboard — workflows, datasets, projects, computing units, admin.                                     |
+| `src/app/dashboard/`                           | User dashboard — workflows, datasets, computing units, admin.                                               |
 | `src/app/hub/`                                 | Public hub — discover and share workflows.                                                                  |
 | `src/app/common/`                              | Cross-cutting services, types, formly extensions, and shared test helpers (`common/testing/test-utils.ts`). |
 | `src/app/workspace/service/operator-metadata/` | Operator metadata service + the `Stub…Service` test doubles other specs reuse.                              |
diff --git a/frontend/src/app/app-routing.constant.ts b/frontend/src/app/app-routing.constant.ts
index f5a01300394..f6a427ca7ee 100644
--- a/frontend/src/app/app-routing.constant.ts
+++ b/frontend/src/app/app-routing.constant.ts
@@ -29,7 +29,6 @@ export const HUB_DATASET_RESULT = `${HUB_DATASET}/result`;
 export const HUB_DATASET_RESULT_DETAIL = `${HUB_DATASET_RESULT}/detail`;
 
 export const USER = "/user";
-export const USER_PROJECT = `${USER}/project`;
 export const USER_WORKSPACE = `${USER}/workflow`;
 export const USER_WORKFLOW = `${USER}/workflow`;
 export const USER_DATASET = `${USER}/dataset`;
diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index 58f90143006..49017313bd2 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -22,8 +22,6 @@ import { RouterModule, Routes } from "@angular/router";
 import { DashboardComponent } from "./dashboard/component/dashboard.component";
 import { UserWorkflowComponent } from "./dashboard/component/user/user-workflow/user-workflow.component";
 import { UserQuotaComponent } from "./dashboard/component/user/user-quota/user-quota.component";
-import { UserProjectSectionComponent } from "./dashboard/component/user/user-project/user-project-section/user-project-section.component";
-import { UserProjectComponent } from "./dashboard/component/user/user-project/user-project.component";
 import { UserComputingUnitComponent } from "./dashboard/component/user/user-computing-unit/user-computing-unit.component";
 import { UserVenvComponent } from "./dashboard/component/user/user-venv/user-venv.component";
 import { WorkspaceComponent } from "./workspace/component/workspace.component";
@@ -98,14 +96,6 @@ routes.push({
       path: "user",
       canActivate: [AuthGuardService],
       children: [
-        {
-          path: "project",
-          component: UserProjectComponent,
-        },
-        {
-          path: "project/:pid",
-          component: UserProjectSectionComponent,
-        },
         {
           path: "workflow",
           component: UserWorkflowComponent,
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index fef2fd5aa9a..d4cfb5042de 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -89,10 +89,6 @@ import { VersionsListComponent } from "./workspace/component/left-panel/versions
 import { NzPaginationModule } from "ng-zorro-antd/pagination";
 import { JwtModule } from "@auth0/angular-jwt";
 import { AuthService } from "./common/service/user/auth.service";
-import { UserProjectComponent } from "./dashboard/component/user/user-project/user-project.component";
-import { UserProjectSectionComponent } from "./dashboard/component/user/user-project/user-project-section/user-project-section.component";
-import { NgbdModalAddProjectWorkflowComponent } from "./dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component";
-import { NgbdModalRemoveProjectWorkflowComponent } from "./dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component";
 import { PresetWrapperComponent } from "./common/formly/preset-wrapper/preset-wrapper.component";
 import { MarkdownDescriptionComponent } from "./dashboard/component/user/markdown-description/markdown-description.component";
 import { NzModalCommentBoxComponent } from "./workspace/component/workflow-editor/comment-box-modal/nz-modal-comment-box.component";
@@ -125,7 +121,6 @@ import { FileSaverService } from "./dashboard/service/user/file/file-saver.servi
 import { DragDropModule } from "@angular/cdk/drag-drop";
 import { ScrollingModule } from "@angular/cdk/scrolling";
 import { UserWorkflowListItemComponent } from "./dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component";
-import { UserProjectListItemComponent } from "./dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component";
 import { SortButtonComponent } from "./dashboard/component/user/sort-button/sort-button.component";
 import { FiltersComponent } from "./dashboard/component/user/filters/filters.component";
 import { FiltersInstructionsComponent } from "./dashboard/component/user/filters-instructions/filters-instructions.component";
@@ -133,7 +128,6 @@ import { SearchComponent } from "./dashboard/component/user/search/search.compon
 import { SearchResultsComponent } from "./dashboard/component/user/search-results/search-results.component";
 import { PortPropertyEditFrameComponent } from "./workspace/component/property-editor/port-property-edit-frame/port-property-edit-frame.component";
 import { AdminGmailComponent } from "./dashboard/component/admin/gmail/admin-gmail.component";
-import { PublicProjectComponent } from "./dashboard/component/user/user-project/public-project/public-project.component";
 import { FormlyNgZorroAntdModule } from "@ngx-formly/ng-zorro-antd";
 import { FlarumComponent } from "./dashboard/component/user/flarum/flarum.component";
 import { NzAlertModule } from "ng-zorro-antd/alert";
@@ -274,7 +268,6 @@ registerLocaleData(en);
     ScrollingModule,
     UiUdfParametersComponent,
     AdminGmailComponent,
-    PublicProjectComponent,
     WorkspaceComponent,
     MenuComponent,
     OperatorMenuComponent,
@@ -313,10 +306,6 @@ registerLocaleData(en);
     ErrorFrameComponent,
     ResultTableFrameComponent,
     OperatorPropertyEditFrameComponent,
-    UserProjectComponent,
-    UserProjectSectionComponent,
-    NgbdModalAddProjectWorkflowComponent,
-    NgbdModalRemoveProjectWorkflowComponent,
     FilesUploaderComponent,
     ConflictingFileModalContentComponent,
     UserDatasetComponent,
@@ -344,7 +333,6 @@ registerLocaleData(en);
     CollabWrapperComponent,
     AboutComponent,
     UserWorkflowListItemComponent,
-    UserProjectListItemComponent,
     SortButtonComponent,
     FiltersComponent,
     FiltersInstructionsComponent,
diff --git a/frontend/src/app/common/service/workflow-persist/workflow-persist.service.spec.ts b/frontend/src/app/common/service/workflow-persist/workflow-persist.service.spec.ts
index 007f42f99fe..6638aa8a6e5 100644
--- a/frontend/src/app/common/service/workflow-persist/workflow-persist.service.spec.ts
+++ b/frontend/src/app/common/service/workflow-persist/workflow-persist.service.spec.ts
@@ -146,7 +146,6 @@ describe("WorkflowPersistService", () => {
       owners: [],
       ids: [],
       operators: [],
-      projectIds: [],
     };
     const keywords = ["test"];
     const entry = { workflow: { wid: 1, name: "w", content: '{"operators":[]}' } } as unknown as DashboardWorkflow;
@@ -277,28 +276,19 @@ describe("WorkflowPersistService", () => {
       expect(emitted).toBe(false);
     });
 
-    it("duplicateWorkflow POSTs only wids when no pid is provided", () => {
+    it("duplicateWorkflow POSTs the wids", () => {
       let result: DashboardWorkflow[] | undefined;
       service.duplicateWorkflow([3, 4]).subscribe(r => (result = r));
 
       const req = httpTestingController.expectOne(`${API}/${WORKFLOW_DUPLICATE_URL}`);
       expect(req.request.method).toBe("POST");
       expect(req.request.body).toEqual({ wids: [3, 4] });
-      expect(req.request.body).not.toHaveProperty("pid");
 
       const dup = [{ workflow: { wid: 10 } }] as unknown as DashboardWorkflow[];
       req.flush(dup);
       expect(result).toEqual(dup);
     });
 
-    it("duplicateWorkflow includes pid in the body when provided", () => {
-      service.duplicateWorkflow([5], 42).subscribe();
-
-      const req = httpTestingController.expectOne(`${API}/${WORKFLOW_DUPLICATE_URL}`);
-      expect(req.request.body).toEqual({ wids: [5], pid: 42 });
-      req.flush([{ workflow: { wid: 11 } }]);
-    });
-
     it("duplicateWorkflow filters out an empty-array response", () => {
       let emitted = false;
       service.duplicateWorkflow([6]).subscribe(() => (emitted = true));
diff --git a/frontend/src/app/common/service/workflow-persist/workflow-persist.service.ts b/frontend/src/app/common/service/workflow-persist/workflow-persist.service.ts
index 5e738c5add2..0e3c8d34c24 100644
--- a/frontend/src/app/common/service/workflow-persist/workflow-persist.service.ts
+++ b/frontend/src/app/common/service/workflow-persist/workflow-persist.service.ts
@@ -107,13 +107,11 @@ export class WorkflowPersistService {
   /**
    * creates a workflow and insert it to backend database and return its information
    * @param targetWids
-   * @param pid
    */
-  public duplicateWorkflow(targetWids: number[], pid?: number): Observable<DashboardWorkflow[]> {
+  public duplicateWorkflow(targetWids: number[]): Observable<DashboardWorkflow[]> {
     return this.http
       .post<DashboardWorkflow[]>(`${AppSettings.getApiEndpoint()}/${WORKFLOW_DUPLICATE_URL}`, {
         wids: targetWids,
-        ...(pid !== undefined && { pid }),
       })
       .pipe(filter((createdWorkflows: DashboardWorkflow[]) => createdWorkflows != null && createdWorkflows.length > 0));
   }
diff --git a/frontend/src/app/common/type/gui-config.ts b/frontend/src/app/common/type/gui-config.ts
index 5da549acd96..df38cdd9c0f 100644
--- a/frontend/src/app/common/type/gui-config.ts
+++ b/frontend/src/app/common/type/gui-config.ts
@@ -52,7 +52,6 @@ export interface SidebarTabs {
   workflow_enabled: boolean;
   dataset_enabled: boolean;
   your_work_enabled: boolean;
-  projects_enabled: boolean;
   workflows_enabled: boolean;
   compute_enabled: boolean;
   datasets_enabled: boolean;
diff --git a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.html b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.html
index fd2fea7f753..a482f90973c 100644
--- a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.html
+++ b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.html
@@ -163,15 +163,6 @@ <h2 class="page-title">General Settings</h2>
         </nz-switch>
       </summary>
 
-      <div class="submenu-item">
-        <span>Projects</span>
-        <nz-switch
-          class="tab-switch"
-          [(ngModel)]="sidebarTabs.projects_enabled"
-          [nzDisabled]="!sidebarTabs.your_work_enabled">
-        </nz-switch>
-      </div>
-
       <div class="submenu-item">
         <span>Workflows</span>
         <nz-switch
diff --git a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.spec.ts b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.spec.ts
index e33b2bb7f32..01acfbdfa44 100644
--- a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.spec.ts
+++ b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.spec.ts
@@ -422,7 +422,7 @@ describe("AdminSettingsComponent", () => {
 });
 /**
  * The settings form is four near-identical Save/Reset cards, three near-identical upload blocks and
- * twelve switches whose keys include two confusable singular/plural pairs (workflow_enabled vs
+ * eleven switches whose keys include two confusable singular/plural pairs (workflow_enabled vs
  * workflows_enabled, dataset_enabled vs datasets_enabled). Cross-wiring from copy-paste is the
  * realistic defect here, and the suite above never renders an interaction, so none of it was pinned.
  */
@@ -438,7 +438,6 @@ describe("AdminSettingsComponent wiring", () => {
     "workflow_enabled",
     "dataset_enabled",
     "your_work_enabled",
-    "projects_enabled",
     "workflows_enabled",
     "datasets_enabled",
     "compute_enabled",
@@ -527,7 +526,7 @@ describe("AdminSettingsComponent wiring", () => {
     });
 
     it("locks the Your Work children until Your Work itself is on", () => {
-      const yourWorkChildren = [5, 6, 7, 8, 9, 10];
+      const yourWorkChildren = [5, 6, 7, 8, 9];
 
       component.sidebarTabs.your_work_enabled = false;
       fixture.detectChanges();
@@ -544,7 +543,7 @@ describe("AdminSettingsComponent wiring", () => {
       component.sidebarTabs.your_work_enabled = false;
       fixture.detectChanges();
 
-      [0, 4, 11].forEach(i => expect(switches()[i].componentInstance.nzDisabled).toBeFalsy());
+      [0, 4, 10].forEach(i => expect(switches()[i].componentInstance.nzDisabled).toBeFalsy());
     });
   });
 
diff --git a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.ts b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.ts
index 3714ac0de83..3961b949d8f 100644
--- a/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.ts
+++ b/frontend/src/app/dashboard/component/admin/settings/admin-settings.component.ts
@@ -67,7 +67,6 @@ export class AdminSettingsComponent implements OnInit {
     workflow_enabled: false,
     dataset_enabled: false,
     your_work_enabled: false,
-    projects_enabled: false,
     workflows_enabled: false,
     compute_enabled: false,
     datasets_enabled: false,
diff --git a/frontend/src/app/dashboard/component/dashboard.component.html b/frontend/src/app/dashboard/component/dashboard.component.html
index 6f074d692e5..35a7bc7f3f4 100644
--- a/frontend/src/app/dashboard/component/dashboard.component.html
+++ b/frontend/src/app/dashboard/component/dashboard.component.html
@@ -59,19 +59,6 @@
         nzIcon="user"
         nzOpen="true">
         <ul>
-          <li
-            *ngIf="sidebarTabs.projects_enabled"
-            nz-menu-item
-            nz-tooltip="Look up the user projects"
-            nzMatchRouter="true"
-            nzTooltipPlacement="right"
-            [routerLink]="USER_PROJECT">
-            <span
-              nz-icon
-              nzType="container"></span>
-            <span>Projects</span>
-          </li>
-
           <li
             *ngIf="sidebarTabs.workflows_enabled"
             nz-menu-item
diff --git a/frontend/src/app/dashboard/component/dashboard.component.spec.ts b/frontend/src/app/dashboard/component/dashboard.component.spec.ts
index 19b6a298ad8..5d60bc3a52b 100644
--- a/frontend/src/app/dashboard/component/dashboard.component.spec.ts
+++ b/frontend/src/app/dashboard/component/dashboard.component.spec.ts
@@ -51,7 +51,6 @@ import {
   USER_COMPUTING_UNIT,
   USER_DATASET,
   USER_DISCUSSION,
-  USER_PROJECT,
   USER_QUOTA,
   USER_WORKFLOW,
 } from "../../app-routing.constant";
@@ -246,11 +245,9 @@ describe("DashboardComponent", () => {
   it("should hide the navbar on workflow workspace routes", () => {
     expect(component.isNavbarEnabled("/user/workflow/42")).toBe(false);
     expect(component.isNavbarEnabled("/user/workflow")).toBe(true);
-    expect(component.isNavbarEnabled("/user/project")).toBe(true);
   });
 
   it("exposes route constants without the legacy /dashboard prefix", () => {
-    expect(USER_PROJECT).toBe("/user/project");
     expect(USER_WORKFLOW).toBe("/user/workflow");
     expect(USER_DATASET).toBe("/user/dataset");
     expect(USER_COMPUTING_UNIT).toBe("/user/compute");
@@ -273,7 +270,6 @@ describe("DashboardComponent", () => {
       workflow_enabled: true,
       dataset_enabled: true,
       your_work_enabled: true,
-      projects_enabled: true,
       workflows_enabled: true,
       datasets_enabled: true,
       compute_enabled: true,
@@ -283,8 +279,8 @@ describe("DashboardComponent", () => {
     };
     fixture.detectChanges();
 
-    // 7 "Your Work" links (incl. Python Venvs) + 4 admin links + 1 about link + 1 feedback link = 13
-    expect(fixture.debugElement.queryAll(By.directive(RouterLink)).length).toBe(13);
+    // 6 "Your Work" links (incl. Python Venvs) + 4 admin links + 1 about link + 1 feedback link = 12
+    expect(fixture.debugElement.queryAll(By.directive(RouterLink)).length).toBe(12);
   });
 
   describe("sidebar active-route highlighting (#3490)", () => {
@@ -294,7 +290,6 @@ describe("DashboardComponent", () => {
       workflow_enabled: true,
       dataset_enabled: true,
       your_work_enabled: true,
-      projects_enabled: true,
       workflows_enabled: true,
       datasets_enabled: true,
       compute_enabled: true,
diff --git a/frontend/src/app/dashboard/component/dashboard.component.ts b/frontend/src/app/dashboard/component/dashboard.component.ts
index 598959edd80..6fedc294e2d 100644
--- a/frontend/src/app/dashboard/component/dashboard.component.ts
+++ b/frontend/src/app/dashboard/component/dashboard.component.ts
@@ -37,7 +37,6 @@ import {
   USER_COMPUTING_UNIT,
   USER_DATASET,
   USER_DISCUSSION,
-  USER_PROJECT,
   USER_PYTHON_VENV,
   USER_QUOTA,
   USER_WORKFLOW,
@@ -102,7 +101,6 @@ export class DashboardComponent implements OnInit {
     workflow_enabled: false,
     dataset_enabled: false,
     your_work_enabled: false,
-    projects_enabled: false,
     workflows_enabled: false,
     datasets_enabled: false,
     compute_enabled: false,
@@ -111,7 +109,6 @@ export class DashboardComponent implements OnInit {
     about_enabled: false,
   };
 
-  protected readonly USER_PROJECT = USER_PROJECT;
   protected readonly USER_WORKFLOW = USER_WORKFLOW;
   protected readonly USER_DATASET = USER_DATASET;
   protected readonly USER_COMPUTING_UNIT = USER_COMPUTING_UNIT;
diff --git a/frontend/src/app/dashboard/component/user-dashboard-test-fixtures.ts b/frontend/src/app/dashboard/component/user-dashboard-test-fixtures.ts
index d5ae29674f3..301e03e0c82 100644
--- a/frontend/src/app/dashboard/component/user-dashboard-test-fixtures.ts
+++ b/frontend/src/app/dashboard/component/user-dashboard-test-fixtures.ts
@@ -21,7 +21,6 @@
 
 import { ExecutionMode, Workflow, WorkflowContent } from "../../common/type/workflow";
 import { DashboardEntry } from "../type/dashboard-entry";
-import { DashboardProject } from "../type/dashboard-project.interface";
 
 //the Date class creates unix timestamp based on local timezone, therefore test workflow time needs to be in local timezone
 const oneDay = 86400000;
@@ -136,7 +135,6 @@ export const testWorkflowFileNameConflictEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Texera",
     accessLevel: "Write",
-    projectIDs: [1],
     ownerId: 1,
     coverImage: null,
   }),
@@ -145,7 +143,6 @@ export const testWorkflowFileNameConflictEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Texera",
     accessLevel: "Write",
-    projectIDs: [1, 2],
     ownerId: 1,
     coverImage: null,
   }),
@@ -154,7 +151,6 @@ export const testWorkflowFileNameConflictEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Angular",
     accessLevel: "Write",
-    projectIDs: [1],
     ownerId: 2,
     coverImage: null,
   }),
@@ -166,7 +162,6 @@ export const testWorkflowEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Texera",
     accessLevel: "Write",
-    projectIDs: [1],
     ownerId: 1,
     coverImage: null,
   }),
@@ -175,7 +170,6 @@ export const testWorkflowEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Texera",
     accessLevel: "Write",
-    projectIDs: [1, 2],
     ownerId: 1,
     coverImage: null,
   }),
@@ -184,7 +178,6 @@ export const testWorkflowEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Angular",
     accessLevel: "Write",
-    projectIDs: [1],
     ownerId: 2,
     coverImage: null,
   }),
@@ -193,7 +186,6 @@ export const testWorkflowEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "Angular",
     accessLevel: "Write",
-    projectIDs: [3],
     ownerId: 2,
     coverImage: null,
   }),
@@ -202,18 +194,11 @@ export const testWorkflowEntries: DashboardEntry[] = [
     isOwner: true,
     ownerName: "UCI",
     accessLevel: "Write",
-    projectIDs: [3],
     ownerId: 3,
     coverImage: null,
   }),
 ];
 
-export const testUserProjects: DashboardProject[] = [
-  { pid: 1, name: "Project1", description: "p1", ownerId: 1, color: "#ffffff", creationTime: 0, accessLevel: "WRITE" },
-  { pid: 2, name: "Project2", description: "p1", ownerId: 1, color: "#ffffff", creationTime: 0, accessLevel: "WRITE" },
-  { pid: 3, name: "Project3", description: "p1", ownerId: 1, color: "#ffffff", creationTime: 0, accessLevel: "WRITE" },
-];
-
 export const mockUserInfo = {
   1: { userName: "Texera", googleAvatar: "avatar_url_1" },
   2: { userName: "Angular", googleAvatar: "avatar_url_2" },
diff --git a/frontend/src/app/dashboard/component/user/filters-instructions/filters-instructions.component.html b/frontend/src/app/dashboard/component/user/filters-instructions/filters-instructions.component.html
index 25cd318ddf3..c4ed35e7304 100644
--- a/frontend/src/app/dashboard/component/user/filters-instructions/filters-instructions.component.html
+++ b/frontend/src/app/dashboard/component/user/filters-instructions/filters-instructions.component.html
@@ -35,7 +35,6 @@
     <li>Search by Workflow Owner: <strong>owner: John</strong></li>
     <li>Search by Workflow Id: <strong>id: workflowId</strong></li>
     <li>Search by Workflows' Operators: <strong>operator: operatorName</strong></li>
-    <li>Search by User Projects: <strong>project: projectName</strong></li>
   </ul>
   You can change search parameters by:
   <ul>
diff --git a/frontend/src/app/dashboard/component/user/filters/filters.component.html b/frontend/src/app/dashboard/component/user/filters/filters.component.html
index 01d89c8282f..ef34bc3c7e0 100644
--- a/frontend/src/app/dashboard/component/user/filters/filters.component.html
+++ b/frontend/src/app/dashboard/component/user/filters/filters.component.html
@@ -177,38 +177,4 @@
       </li>
     </ul>
   </nz-dropdown-menu>
-
-  <a
-    *ngIf="pid === undefined"
-    [nzDropdownMenu]="projectSearchOptions"
-    nz-dropdown
-    nzTrigger="click"
-    [nzOverlayStyle]="{'overflow-y': 'scroll', 'max-height': '250px', 'border-style': 'double'}"
-    class="search-projects-button">
-    <button
-      id="sortProject"
-      ngbDropdownToggle
-      nz-button
-      title="Projects">
-      <i
-        nz-icon
-        nzType="file"
-        nzTheme="outline"></i>
-    </button>
-  </a>
-  <nz-dropdown-menu #projectSearchOptions="nzDropdownMenu">
-    <ul
-      nz-menu
-      *ngFor="let project of userProjectsDropdown">
-      <li nz-menu-item>
-        <label
-          nz-checkbox
-          ngDefaultControl
-          [(ngModel)]="project.checked"
-          (ngModelChange)="updateSelectedProjects()"
-          >{{project.name}}</label
-        >
-      </li>
-    </ul>
-  </nz-dropdown-menu>
 </nz-space-compact>
diff --git a/frontend/src/app/dashboard/component/user/filters/filters.component.spec.ts b/frontend/src/app/dashboard/component/user/filters/filters.component.spec.ts
index 9fab7d2a074..1851041e0eb 100644
--- a/frontend/src/app/dashboard/component/user/filters/filters.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/filters/filters.component.spec.ts
@@ -25,7 +25,7 @@ import { StubOperatorMetadataService } from "src/app/workspace/service/operator-
 import { OperatorMetadataService } from "src/app/workspace/service/operator-metadata/operator-metadata.service";
 import { WorkflowPersistService } from "src/app/common/service/workflow-persist/workflow-persist.service";
 import { StubWorkflowPersistService } from "src/app/common/service/workflow-persist/stub-workflow-persist.service";
-import { testUserProjects, testWorkflowEntries } from "../../user-dashboard-test-fixtures";
+import { testWorkflowEntries } from "../../user-dashboard-test-fixtures";
 import { NzDropDownModule } from "ng-zorro-antd/dropdown";
 import { JWT_OPTIONS, JwtHelperService } from "@auth0/angular-jwt";
 import { FormsModule } from "@angular/forms";
@@ -34,9 +34,7 @@ import { commonTestProviders } from "src/app/common/testing/test-utils";
 import { NzModalModule } from "ng-zorro-antd/modal";
 import { en_US, provideNzI18n } from "ng-zorro-antd/i18n";
 import { UserService } from "src/app/common/service/user/user.service";
-import { MOCK_USER, StubUserService } from "src/app/common/service/user/stub-user.service";
-import { UserProjectService } from "src/app/dashboard/service/user/project/user-project.service";
-import { StubUserProjectService } from "src/app/dashboard/service/user/project/stub-user-project.service";
+import { StubUserService } from "src/app/common/service/user/stub-user.service";
 import { NotificationService } from "src/app/common/service/notification/notification.service";
 
 describe("FiltersComponent", () => {
@@ -65,7 +63,6 @@ describe("FiltersComponent", () => {
         { provide: WorkflowPersistService, useValue: new StubWorkflowPersistService(testWorkflowEntries) },
         { provide: OperatorMetadataService, useClass: StubOperatorMetadataService },
         { provide: UserService, useClass: StubUserService },
-        { provide: UserProjectService, useClass: StubUserProjectService },
         provideNzI18n(en_US),
         ...commonTestProviders,
       ],
@@ -152,37 +149,7 @@ describe("FiltersComponent", () => {
     });
   });
 
-  describe("user project setup", () => {
-    function emitUser(user: typeof MOCK_USER | undefined): void {
-      const stubUser = TestBed.inject(UserService) as unknown as StubUserService;
-      stubUser.user = user;
-      stubUser.userChangeSubject.next(user);
-    }
-
-    it("loads the project dropdown and color map when the user is logged in", () => {
-      emitUser(MOCK_USER);
-      expect(component.userProjectsLoaded).toBe(true);
-      expect(component.userProjectsDropdown).toEqual(
-        testUserProjects.map(p => ({ pid: p.pid, name: p.name, checked: false }))
-      );
-      expect(component.userProjectsMap.get(1)?.name).toBe("Project1");
-      expect(component.userProjectsMap.size).toBe(testUserProjects.length);
-    });
-
-    it("does not load projects when the user is logged out", () => {
-      emitUser(undefined);
-      expect(component.userProjectsLoaded).toBe(false);
-      expect(component.userProjectsDropdown).toEqual([]);
-      expect(component.userProjectsMap.size).toBe(0);
-    });
-  });
-
   describe("dropdown checkbox handlers build the master filter list", () => {
-    function loadProjects(): void {
-      const stubUser = TestBed.inject(UserService) as unknown as StubUserService;
-      stubUser.userChangeSubject.next(MOCK_USER);
-    }
-
     it("updateSelectedOwners emits an owner tag on masterFilterListChange", () => {
       const emissions: ReadonlyArray<string>[] = [];
       component.masterFilterListChange.subscribe(v => emissions.push([...v]));
@@ -214,17 +181,6 @@ describe("FiltersComponent", () => {
       expect(component.masterFilterList).toEqual(["operator: Sentiment Analysis"]);
       expect(emissions).toContainEqual(["operator: Sentiment Analysis"]);
     });
-
-    it("updateSelectedProjects emits a project tag on masterFilterListChange", () => {
-      loadProjects();
-      const emissions: ReadonlyArray<string>[] = [];
-      component.masterFilterListChange.subscribe(v => emissions.push([...v]));
-      component.userProjectsDropdown.find(p => p.name === "Project1")!.checked = true;
-      component.updateSelectedProjects();
-      expect(component.selectedProjects).toEqual([{ name: "Project1", pid: 1 }]);
-      expect(component.masterFilterList).toEqual(["project: Project1"]);
-      expect(emissions).toContainEqual(["project: Project1"]);
-    });
   });
 
   describe("updateDropdownMenus parses valid search tags", () => {
@@ -242,14 +198,6 @@ describe("FiltersComponent", () => {
       expect(component.masterFilterList).toEqual(["id: 3"]);
     });
 
-    it("checks the matching project and records it as selected", () => {
-      (TestBed.inject(UserService) as unknown as StubUserService).userChangeSubject.next(MOCK_USER);
-      component.masterFilterList = ["project: Project2"];
-      expect(component.selectedProjects).toEqual([{ name: "Project2", pid: 2 }]);
-      expect(component.userProjectsDropdown.find(p => p.name === "Project2")!.checked).toBe(true);
-      expect(component.masterFilterList).toEqual(["project: Project2"]);
-    });
-
     it("reconstructs a previously-selected operator and re-checks it in the dropdown map", () => {
       component.selectedOperators = [
         { userFriendlyName: "Sentiment Analysis", operatorType: "NlpSentiment", operatorGroup: "Analysis" },
@@ -304,13 +252,6 @@ describe("FiltersComponent", () => {
       expect(component.masterFilterList).toEqual([]);
       expect(component.selectedOperators).toEqual([]);
     });
-
-    it("reports an invalid project name and removes the tag", () => {
-      component.masterFilterList = ["project: Missing Project"];
-      expect(errorSpy).toHaveBeenCalledWith("Invalid project name");
-      expect(component.masterFilterList).toEqual([]);
-      expect(component.selectedProjects).toEqual([]);
-    });
   });
 
   describe("updateDropdownMenus guards date tags", () => {
@@ -381,10 +322,6 @@ describe("FiltersComponent", () => {
       component.selectedOperators = [
         { userFriendlyName: "Sentiment Analysis", operatorType: "NlpSentiment", operatorGroup: "Analysis" },
       ];
-      component.selectedProjects = [
-        { name: "Project1", pid: 1 },
-        { name: "Project2", pid: 2 },
-      ];
       expect(component.getSearchFilterParameters()).toEqual({
         createDateStart: new Date(2022, 0, 1),
         createDateEnd: new Date(2022, 0, 31),
@@ -393,7 +330,6 @@ describe("FiltersComponent", () => {
         owners: ["Texera"],
         ids: ["1", "2"],
         operators: ["NlpSentiment"],
-        projectIds: [1, 2],
       });
     });
 
@@ -406,7 +342,6 @@ describe("FiltersComponent", () => {
         owners: [],
         ids: [],
         operators: [],
-        projectIds: [],
       });
     });
 
@@ -478,7 +413,6 @@ describe("FiltersComponent", () => {
       component.operators = new Map([
         ["group", [{ userFriendlyName: "Scan", operatorType: "ScanSource", operatorGroup: "group", checked: true }]],
       ]);
-      component.userProjectsDropdown = [{ pid: 1, name: "p", checked: true }];
 
       asPrivate().setDropdownSelectionsToUnchecked();
 
@@ -489,7 +423,6 @@ describe("FiltersComponent", () => {
           .flat()
           .every(operator => !operator.checked)
       ).toBe(true);
-      expect(component.userProjectsDropdown.every(project => !project.checked)).toBe(true);
     });
   });
 });
diff --git a/frontend/src/app/dashboard/component/user/filters/filters.component.ts b/frontend/src/app/dashboard/component/user/filters/filters.component.ts
index 85da98d0e05..8bb6658886c 100644
--- a/frontend/src/app/dashboard/component/user/filters/filters.component.ts
+++ b/frontend/src/app/dashboard/component/user/filters/filters.component.ts
@@ -17,17 +17,13 @@
  * under the License.
  */
 
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { ChangeDetectorRef, Component, EventEmitter, OnInit, Output } from "@angular/core";
 import { OperatorMetadataService } from "src/app/workspace/service/operator-metadata/operator-metadata.service";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { Observable, of } from "rxjs";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
 import { NotificationService } from "src/app/common/service/notification/notification.service";
-import { UserProjectService } from "../../../service/user/project/user-project.service";
 import { WorkflowPersistService } from "src/app/common/service/workflow-persist/workflow-persist.service";
 import { SearchFilterParameters } from "../../../type/search-filter-parameters";
 import { UserService } from "../../../../common/service/user/user.service";
-import { switchMap } from "rxjs/operators";
 import { NzDropdownADirective, NzDropdownDirective, NzDropdownMenuComponent } from "ng-zorro-antd/dropdown";
 import { NzSpaceCompactItemDirective, NzSpaceCompactComponent } from "ng-zorro-antd/space";
 import { NzButtonComponent } from "ng-zorro-antd/button";
@@ -69,8 +65,6 @@ import { NzCheckboxComponent } from "ng-zorro-antd/checkbox";
 export class FiltersComponent implements OnInit {
   public isLogin = this.userService.isLogin();
   private _masterFilterList: ReadonlyArray<string> = [];
-  // receive input from parent components (UserProjectSection), if any
-  @Input() public pid?: number = undefined;
   @Output()
   public masterFilterListChange = new EventEmitter<typeof this._masterFilterList>();
   public get masterFilterList(): ReadonlyArray<string> {
@@ -106,54 +100,28 @@ export class FiltersComponent implements OnInit {
   public selectedOwners: string[] = [];
   public selectedIDs: string[] = [];
   public selectedOperators: { userFriendlyName: string; operatorType: string; operatorGroup: string }[] = [];
-  public selectedProjects: { name: string; pid: number }[] = [];
-  /* variables for filtering workflows by projects */
-  public userProjectsList!: Observable<DashboardProject[]>; // list of projects accessible by user
-  public userProjectsDropdown: { pid: number; name: string; checked: boolean }[] = [];
-  /* variables for project color tags */
-  public userProjectsMap: ReadonlyMap<number, DashboardProject> = new Map(); // maps pid to its corresponding DashboardProjectInterface
-  public userProjectsLoaded: boolean = false; // tracks whether all DashboardProjectInterface information has been loaded (ready to render project colors)
-  public searchCriteria: string[] = ["owner", "id", "ctime", "mtime", "operator", "project"];
+  public searchCriteria: string[] = ["owner", "id", "ctime", "mtime", "operator"];
 
   constructor(
     private userService: UserService,
     private operatorMetadataService: OperatorMetadataService,
     private notificationService: NotificationService,
-    private userProjectService: UserProjectService,
     private workflowPersistService: WorkflowPersistService,
     private cdr: ChangeDetectorRef
   ) {}
 
   ngOnInit(): void {
-    this.setupUserProject();
+    this.trackLoginState();
     this.searchParameterBackendSetup();
   }
 
-  private setupUserProject(): void {
+  private trackLoginState(): void {
     this.userService
       .userChanged()
-      .pipe(
-        switchMap(() => {
-          this.isLogin = this.userService.isLogin();
-          this.cdr.detectChanges();
-          if (this.isLogin) {
-            return this.userProjectService.getProjectList() as Observable<DashboardProject[]>;
-          } else {
-            return of([] as DashboardProject[]);
-          }
-        }),
-        untilDestroyed(this)
-      )
-      .subscribe((userProjectsList: DashboardProject[]) => {
-        if (userProjectsList && userProjectsList.length > 0) {
-          this.userProjectsMap = new Map(userProjectsList.map(userProject => [userProject.pid, userProject]));
-          this.userProjectsDropdown = userProjectsList.map(proj => ({
-            pid: proj.pid,
-            name: proj.name,
-            checked: false,
-          }));
-          this.userProjectsLoaded = true;
-        }
+      .pipe(untilDestroyed(this))
+      .subscribe(() => {
+        this.isLogin = this.userService.isLogin();
+        this.cdr.detectChanges();
       });
   }
 
@@ -239,18 +207,6 @@ export class FiltersComponent implements OnInit {
     this.buildMasterFilterList();
   }
 
-  /**
-   * updates selectedProjects array to match projects checked in dropdown menu
-   */
-  public updateSelectedProjects(): void {
-    this.selectedProjects = this.userProjectsDropdown
-      .filter(proj => proj.checked)
-      .map(proj => {
-        return { name: proj.name, pid: proj.pid };
-      });
-    this.buildMasterFilterList();
-  }
-
   /**
    * updates dropdown menus when nz-select bar is changed
    */
@@ -259,7 +215,6 @@ export class FiltersComponent implements OnInit {
     //operators map is too expensive/difficult to search for operator object properties
     this.selectedIDs = [];
     this.selectedOwners = [];
-    this.selectedProjects = [];
     let newSelectedOperators: { userFriendlyName: string; operatorType: string; operatorGroup: string }[] = [];
     this.selectedCtime = [];
     this.selectedMtime = [];
@@ -311,17 +266,6 @@ export class FiltersComponent implements OnInit {
               }
             }
             break;
-          case "project":
-            const selectedProjectIndex = this.userProjectsDropdown.findIndex(proj => proj.name === searchValue);
-            if (selectedProjectIndex === -1) {
-              this.removeInvalidFilterTag(tag);
-              this.notificationService.error("Invalid project name");
-              break;
-            }
-            this.userProjectsDropdown[selectedProjectIndex].checked = true;
-            const selectedProject = this.userProjectsDropdown[selectedProjectIndex];
-            this.selectedProjects.push({ name: selectedProject.name, pid: selectedProject.pid });
-            break;
           case "ctime": //should only run at most once
             if (this.selectedCtime.length > 0) {
               // if there is already an selected date, ignore the subsequent ctime tags
@@ -391,9 +335,6 @@ export class FiltersComponent implements OnInit {
     for (let operatorList of this.operators.values()) {
       operatorList.forEach(operator => (operator.checked = false));
     }
-    this.userProjectsDropdown.forEach(proj => {
-      proj.checked = false;
-    });
   }
 
   /**
@@ -415,7 +356,6 @@ export class FiltersComponent implements OnInit {
     newFilterList = newFilterList.concat(
       this.selectedOperators.map(operator => "operator: " + operator.userFriendlyName)
     );
-    newFilterList = newFilterList.concat(this.selectedProjects.map(proj => "project: " + proj.name));
     if (this.selectedCtime.length != 0) {
       newFilterList.push(
         "ctime: " +
@@ -478,7 +418,6 @@ export class FiltersComponent implements OnInit {
       owners: this.selectedOwners,
       ids: this.selectedIDs,
       operators: this.selectedOperators.map(o => o.operatorType),
-      projectIds: this.selectedProjects.map(p => p.pid),
     };
   }
 
diff --git a/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.spec.ts b/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.spec.ts
index fbc393d3458..48c128f8c22 100644
--- a/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.spec.ts
@@ -39,7 +39,6 @@ import {
   HUB_DATASET_RESULT_DETAIL,
   HUB_WORKFLOW_RESULT_DETAIL,
   USER_DATASET,
-  USER_PROJECT,
   USER_WORKSPACE,
 } from "../../../../../app-routing.constant";
 import { WorkflowCoverService } from "src/app/dashboard/service/user/workflow-cover/workflow-cover.service";
@@ -439,25 +438,6 @@ describe("CardItemComponent", () => {
     expect(component.isLiked).toBe(true);
   });
 
-  it("initializeEntry sets the project link and container icon and resets the cover for a project entry", () => {
-    component.coverImageSrc = "stale-value";
-    component.entry = {
-      id: 3,
-      name: "proj",
-      type: "project",
-      likeCount: 2,
-      viewCount: 1,
-      isLiked: false,
-    } as unknown as DashboardEntry;
-
-    component.initializeEntry();
-
-    expect(component.entryLink).toEqual([USER_PROJECT, "3"]);
-    expect(component.iconType).toBe("container");
-    expect(component.coverImageSrc).toBe(CardItemComponent.DEFAULT_PREVIEW_IMAGE); // reset at method start
-    expect(component.likeCount).toBe(2);
-  });
-
   it("initializeEntry uses the folder-open icon for a file entry", () => {
     component.entry = {
       id: 8,
@@ -773,8 +753,8 @@ describe("CardItemComponent", () => {
       const createSpy = vi.spyOn(modalService, "create");
       component.entry = {
         id: 3,
-        name: "proj",
-        type: "project",
+        name: "f",
+        type: "file",
         likeCount: 0,
         viewCount: 0,
         isLiked: false,
diff --git a/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.ts b/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.ts
index c890bc4a25d..4a9c4bf5b90 100644
--- a/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.ts
+++ b/frontend/src/app/dashboard/component/user/list-item/card-item/card-item.component.ts
@@ -64,7 +64,6 @@ import {
   HUB_DATASET_RESULT_DETAIL,
   HUB_WORKFLOW_RESULT_DETAIL,
   USER_DATASET,
-  USER_PROJECT,
   USER_WORKSPACE,
 } from "../../../../../app-routing.constant";
 import { isDefined } from "../../../../../common/util/predicate";
@@ -215,9 +214,6 @@ export class CardItemComponent implements OnChanges {
         this.customImage = this.entry.coverImageUrl ?? undefined;
       }
       this.iconType = "project";
-    } else if (this.entry.type === "project") {
-      this.entryLink = [USER_PROJECT, String(this.entry.id)];
-      this.iconType = "container";
     } else if (this.entry.type === "dataset") {
       if (typeof this.entry.id === "number") {
         this.disableDelete = !this.entry.dataset.isOwner;
diff --git a/frontend/src/app/dashboard/component/user/list-item/list-item.component.spec.ts b/frontend/src/app/dashboard/component/user/list-item/list-item.component.spec.ts
index eca823a4ee7..7deb5dc91b2 100644
--- a/frontend/src/app/dashboard/component/user/list-item/list-item.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/list-item/list-item.component.spec.ts
@@ -37,7 +37,6 @@ import {
   HUB_DATASET_RESULT_DETAIL,
   HUB_WORKFLOW_RESULT_DETAIL,
   USER_DATASET,
-  USER_PROJECT,
   USER_WORKSPACE,
 } from "../../../../app-routing.constant";
 
@@ -168,12 +167,6 @@ describe("ListItemComponent", () => {
       expect(component.entryLink).toEqual([HUB_WORKFLOW_RESULT_DETAIL, "101"]);
     });
 
-    it("routes projects to the user project page", () => {
-      component.entry = { id: 200, type: "project", ...baseStats } as unknown as DashboardEntry;
-      component.initializeEntry();
-      expect(component.entryLink).toEqual([USER_PROJECT, "200"]);
-    });
-
     it("routes owned datasets to the user dataset page", () => {
       component.currentUid = 1;
       component.entry = {
diff --git a/frontend/src/app/dashboard/component/user/list-item/list-item.component.ts b/frontend/src/app/dashboard/component/user/list-item/list-item.component.ts
index 5291b79b1d0..126d99d6eb1 100644
--- a/frontend/src/app/dashboard/component/user/list-item/list-item.component.ts
+++ b/frontend/src/app/dashboard/component/user/list-item/list-item.component.ts
@@ -54,7 +54,6 @@ import {
   HUB_DATASET_RESULT_DETAIL,
   HUB_WORKFLOW_RESULT_DETAIL,
   USER_DATASET,
-  USER_PROJECT,
   USER_WORKSPACE,
 } from "../../../../app-routing.constant";
 import { isDefined } from "../../../../common/util/predicate";
@@ -157,9 +156,6 @@ export class ListItemComponent implements OnChanges {
         this.size = this.entry.size;
       }
       this.iconType = "project";
-    } else if (this.entry.type === "project") {
-      this.entryLink = [USER_PROJECT, String(this.entry.id)];
-      this.iconType = "container";
     } else if (this.entry.type === "dataset") {
       if (typeof this.entry.id === "number") {
         this.disableDelete = !this.entry.dataset.isOwner;
diff --git a/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.spec.ts b/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.spec.ts
index 71b7573cf5c..5160af331ff 100644
--- a/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.spec.ts
@@ -38,7 +38,6 @@ function makeWorkflowItem(name: string, wid: number = 1): SearchResultItem {
       isOwner: true,
       ownerName: undefined,
       workflow: { wid, name } as any,
-      projectIDs: [],
       accessLevel: "WRITE",
       ownerId: 1,
     } as any,
@@ -129,7 +128,6 @@ describe("SearchBarComponent", () => {
       owners: [],
       ids: [],
       operators: [],
-      projectIds: [],
     });
     expect(args[2]).toBe(0);
     expect(args[3]).toBe(5);
@@ -173,22 +171,6 @@ describe("SearchBarComponent", () => {
       expect(component.convertToName(makeWorkflowItem("wf-name", 7))).toBe("wf-name");
     });
 
-    it("returns the project's name", () => {
-      const item: SearchResultItem = {
-        resourceType: "project",
-        project: {
-          pid: 1,
-          name: "proj-name",
-          description: "",
-          ownerId: 1,
-          creationTime: 0,
-          color: null,
-          accessLevel: "WRITE",
-        } as any,
-      };
-      expect(component.convertToName(item)).toBe("proj-name");
-    });
-
     it("returns the file's name", () => {
       const item: SearchResultItem = {
         resourceType: "file",
diff --git a/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.ts b/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.ts
index 83cabf089a5..9238731060e 100644
--- a/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.ts
+++ b/frontend/src/app/dashboard/component/user/search-bar/search-bar.component.ts
@@ -65,7 +65,6 @@ export class SearchBarComponent {
     owners: [],
     ids: [],
     operators: [],
-    projectIds: [],
   };
 
   private searchCache = new Map<string, string[]>();
@@ -143,8 +142,6 @@ export class SearchBarComponent {
   convertToName(resultItem: SearchResultItem): string {
     if (resultItem.workflow) {
       return new DashboardEntry(resultItem.workflow).name;
-    } else if (resultItem.project) {
-      return new DashboardEntry(resultItem.project).name;
     } else if (resultItem.file) {
       return new DashboardEntry(resultItem.file).name;
     } else if (resultItem.dataset) {
diff --git a/frontend/src/app/dashboard/component/user/search/search.component.html b/frontend/src/app/dashboard/component/user/search/search.component.html
index 3600730a1e4..59323882e8a 100644
--- a/frontend/src/app/dashboard/component/user/search/search.component.html
+++ b/frontend/src/app/dashboard/component/user/search/search.component.html
@@ -43,17 +43,6 @@
           All
         </button>
 
-        <button
-          nz-button
-          nzType="default"
-          [ngClass]="{'selected': selectedType === 'project'}"
-          (click)="filterByType('project')">
-          <span
-            nz-icon
-            nzType="container"></span>
-          Project
-        </button>
-
         <button
           nz-button
           nzType="default"
diff --git a/frontend/src/app/dashboard/component/user/search/search.component.ts b/frontend/src/app/dashboard/component/user/search/search.component.ts
index aed3a6417c9..6f4ab8bb3c5 100644
--- a/frontend/src/app/dashboard/component/user/search/search.component.ts
+++ b/frontend/src/app/dashboard/component/user/search/search.component.ts
@@ -61,8 +61,8 @@ export class SearchComponent implements AfterViewInit {
   currentUid = this.userService.getCurrentUser()?.uid;
   searchKeywords: string[] = [];
 
-  selectedType: "project" | "workflow" | "dataset" | null = null;
-  lastSelectedType: "project" | "workflow" | "dataset" | null = null;
+  selectedType: "workflow" | "dataset" | null = null;
+  lastSelectedType: "workflow" | "dataset" | null = null;
 
   public masterFilterList: ReadonlyArray<string> = [];
   @ViewChild(SearchResultsComponent) searchResultsComponent?: SearchResultsComponent;
@@ -146,7 +146,7 @@ export class SearchComponent implements AfterViewInit {
     await this.searchResultsComponent.loadMore();
   }
 
-  filterByType(type: "project" | "workflow" | "dataset" | null): void {
+  filterByType(type: "workflow" | "dataset" | null): void {
     this.selectedType = type;
     this.search();
   }
diff --git a/frontend/src/app/dashboard/component/user/share-access/share-access.component.spec.ts b/frontend/src/app/dashboard/component/user/share-access/share-access.component.spec.ts
index ea3a5af6c9e..d23510bb6dd 100644
--- a/frontend/src/app/dashboard/component/user/share-access/share-access.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/share-access/share-access.component.spec.ts
@@ -164,7 +164,7 @@ describe("ShareAccessComponent", () => {
     });
 
     it("does not query publish state for non-workflow/dataset types", () => {
-      setupComponent({ type: "project", id: 4 });
+      setupComponent({ type: "file", id: 4 });
       expect(workflowPersistSpy.getWorkflowIsPublished).not.toHaveBeenCalled();
       expect(datasetServiceSpy.getDataset).not.toHaveBeenCalled();
     });
@@ -251,11 +251,6 @@ describe("ShareAccessComponent", () => {
       expect(message).toContain("/user/dataset/22");
     });
 
-    it("uses the project dashboard path when sharing a project", () => {
-      const message = grantAndCaptureMessage(setupComponent({ type: "project", id: 33 }));
-      expect(message).toContain("/user/project/33");
-    });
-
     it("omits the access URL when sharing a computing-unit", () => {
       const message = grantAndCaptureMessage(setupComponent({ type: "computing-unit", id: 44 }));
       expect(message).not.toContain("/user/");
diff --git a/frontend/src/app/dashboard/component/user/share-access/share-access.component.ts b/frontend/src/app/dashboard/component/user/share-access/share-access.component.ts
index 81e3739d88b..26c35b7115c 100644
--- a/frontend/src/app/dashboard/component/user/share-access/share-access.component.ts
+++ b/frontend/src/app/dashboard/component/user/share-access/share-access.component.ts
@@ -27,7 +27,7 @@ import { GmailService } from "../../../../common/service/gmail/gmail.service";
 import { NZ_MODAL_DATA, NzModalRef, NzModalService } from "ng-zorro-antd/modal";
 import { NotificationService } from "../../../../common/service/notification/notification.service";
 import { HttpErrorResponse } from "@angular/common/http";
-import { USER_DATASET, USER_PROJECT, USER_WORKFLOW } from "../../../../app-routing.constant";
+import { USER_DATASET, USER_WORKFLOW } from "../../../../app-routing.constant";
 import { NzMessageService } from "ng-zorro-antd/message";
 import { DatasetService } from "../../../service/user/dataset/dataset.service";
 import { WorkflowPersistService } from "src/app/common/service/workflow-persist/workflow-persist.service";
@@ -194,7 +194,6 @@ export class ShareAccessComponent implements OnInit, OnDestroy {
           let routePath = "";
           if (this.type === "workflow") routePath = USER_WORKFLOW;
           if (this.type === "dataset") routePath = USER_DATASET;
-          if (this.type === "project") routePath = USER_PROJECT;
           message += `, access the ${this.type} at ${location.origin}${routePath}/${this.id}`;
         }
         this.accessService
diff --git a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.html b/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.html
deleted file mode 100644
index 61712edfc36..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<nz-table
-  #rowSelectionTable
-  [nzData]="publicProjectEntries"
-  [nzPageSize]="5">
-  <thead>
-    <tr>
-      <th
-        [nzChecked]="checked"
-        [nzIndeterminate]="indeterminate"
-        (nzCheckedChange)="onAllChecked($event)"></th>
-      <th>ID</th>
-      <th>Name</th>
-      <th>Owner</th>
-      <th>Creation Time</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let data of rowSelectionTable.data">
-      <td
-        [nzChecked]="checkedList.has(data.pid)"
-        [nzDisabled]="disabledList.has(data.pid)"
-        (nzCheckedChange)="onItemChecked(data.pid, $event)"></td>
-      <td>{{ data.pid }}</td>
-      <td>{{ data.name }}</td>
-      <td>{{ data.owner }}</td>
-      <td>{{ data.creationTime | date: "yyyy-MM-dd HH:mm" }}</td>
-    </tr>
-  </tbody>
-</nz-table>
-Selected {{ checkedList.size }} items
-<button
-  style="float: right"
-  nz-button
-  nzType="primary"
-  [disabled]="checkedList.size === 0"
-  (click)="addPublicProjects()">
-  Confirm
-</button>
diff --git a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.spec.ts b/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.spec.ts
deleted file mode 100644
index 452e22ab016..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.spec.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { NoopAnimationsModule } from "@angular/platform-browser/animations";
-import { of } from "rxjs";
-import { NZ_MODAL_DATA, NzModalRef } from "ng-zorro-antd/modal";
-import { PublicProjectComponent } from "./public-project.component";
-import { PublicProjectService } from "../../../../service/user/public-project/public-project.service";
-import { PublicProject } from "../../../../type/dashboard-project.interface";
-import { commonTestProviders } from "../../../../../common/testing/test-utils";
-
-describe("PublicProjectComponent", () => {
-  let fixture: ComponentFixture<PublicProjectComponent>;
-  let component: PublicProjectComponent;
-
-  const sampleProjects: PublicProject[] = [
-    { pid: 1, name: "Alpha", owner: "alice", creationTime: 1_000 },
-    { pid: 2, name: "Bravo", owner: "bob", creationTime: 2_000 },
-    { pid: 3, name: "Charlie", owner: "carol", creationTime: 3_000 },
-  ];
-
-  let mockPublicProjectService: {
-    getPublicProjects: ReturnType<typeof vi.fn>;
-    addPublicProjects: ReturnType<typeof vi.fn>;
-  };
-  let modalRef: { destroy: ReturnType<typeof vi.fn> };
-  let disabledList: Set<number>;
-
-  beforeEach(async () => {
-    mockPublicProjectService = {
-      getPublicProjects: vi.fn().mockReturnValue(of(sampleProjects)),
-      addPublicProjects: vi.fn().mockReturnValue(of(undefined)),
-    };
-    modalRef = { destroy: vi.fn() };
-    // pid 2 is disabled to verify the component reads disabledList from NZ_MODAL_DATA.
-    disabledList = new Set<number>([2]);
-
-    await TestBed.configureTestingModule({
-      imports: [PublicProjectComponent, NoopAnimationsModule],
-      providers: [
-        ...commonTestProviders,
-        { provide: PublicProjectService, useValue: mockPublicProjectService },
-        { provide: NzModalRef, useValue: modalRef },
-        { provide: NZ_MODAL_DATA, useValue: { disabledList } },
-      ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(PublicProjectComponent);
-    component = fixture.componentInstance;
-  });
-
-  afterEach(() => {
-    fixture?.destroy();
-    document.querySelectorAll(".cdk-overlay-container").forEach(c => (c.innerHTML = ""));
-  });
-
-  it("should create and read disabledList from NZ_MODAL_DATA", () => {
-    fixture.detectChanges();
-    expect(component).toBeTruthy();
-    expect(component.disabledList).toBe(disabledList);
-    expect(component.disabledList.has(2)).toBe(true);
-  });
-
-  it("ngOnInit loads publicProjectEntries from getPublicProjects and renders the rows", () => {
-    fixture.detectChanges();
-    expect(mockPublicProjectService.getPublicProjects).toHaveBeenCalledTimes(1);
-    expect(component.publicProjectEntries).toEqual(sampleProjects);
-
-    const rows = (fixture.nativeElement as HTMLElement).querySelectorAll("tbody tr");
-    expect(rows.length).toBe(sampleProjects.length);
-    const text = (fixture.nativeElement as HTMLElement).textContent ?? "";
-    expect(text).toContain("Alpha");
-    expect(text).toContain("alice");
-    expect(text).toContain("Selected 0 items");
-  });
-
-  it("updateCheckedSet adds an id when checked and removes it when unchecked", () => {
-    fixture.detectChanges();
-
-    component.updateCheckedSet(1, true);
-    expect(component.checkedList.has(1)).toBe(true);
-
-    component.updateCheckedSet(1, false);
-    expect(component.checkedList.has(1)).toBe(false);
-  });
-
-  it("onItemChecked updates the set and refreshes the checked status", () => {
-    fixture.detectChanges();
-    const refreshSpy = vi.spyOn(component, "refreshCheckedStatus");
-
-    component.onItemChecked(1, true);
-
-    expect(component.checkedList.has(1)).toBe(true);
-    expect(refreshSpy).toHaveBeenCalledTimes(1);
-    // Only 1 of 3 selected => indeterminate, not fully checked.
-    expect(component.checked).toBe(false);
-    expect(component.indeterminate).toBe(true);
-
-    component.onItemChecked(1, false);
-    expect(component.checkedList.has(1)).toBe(false);
-    expect(refreshSpy).toHaveBeenCalledTimes(2);
-    expect(component.indeterminate).toBe(false);
-  });
-
-  it("onAllChecked(true) selects every entry", () => {
-    fixture.detectChanges();
-
-    component.onAllChecked(true);
-
-    sampleProjects.forEach(p => expect(component.checkedList.has(p.pid)).toBe(true));
-    expect(component.checkedList.size).toBe(sampleProjects.length);
-    expect(component.checked).toBe(true);
-    expect(component.indeterminate).toBe(false);
-  });
-
-  it("onAllChecked(false) unchecks all entries", () => {
-    fixture.detectChanges();
-    component.onAllChecked(true);
-
-    component.onAllChecked(false);
-
-    expect(component.checkedList.size).toBe(0);
-    expect(component.checked).toBe(false);
-    expect(component.indeterminate).toBe(false);
-  });
-
-  describe("refreshCheckedStatus", () => {
-    beforeEach(() => fixture.detectChanges());
-
-    it("all selected => checked true, indeterminate false", () => {
-      sampleProjects.forEach(p => component.checkedList.add(p.pid));
-
-      component.refreshCheckedStatus();
-
-      expect(component.checked).toBe(true);
-      expect(component.indeterminate).toBe(false);
-    });
-
-    it("none selected => checked false, indeterminate false", () => {
-      component.checkedList.clear();
-
-      component.refreshCheckedStatus();
-
-      expect(component.checked).toBe(false);
-      expect(component.indeterminate).toBe(false);
-    });
-
-    it("some selected => checked false, indeterminate true", () => {
-      component.checkedList.add(sampleProjects[0].pid);
-
-      component.refreshCheckedStatus();
-
-      expect(component.checked).toBe(false);
-      expect(component.indeterminate).toBe(true);
-    });
-  });
-
-  it("addPublicProjects calls the service with the checked ids and destroys the modal on success", () => {
-    fixture.detectChanges();
-    component.checkedList = new Set<number>([1, 3]);
-
-    component.addPublicProjects();
-
-    expect(mockPublicProjectService.addPublicProjects).toHaveBeenCalledTimes(1);
-    const [[checkedIds]] = mockPublicProjectService.addPublicProjects.mock.calls;
-    expect(checkedIds).toHaveLength(2);
-    expect(checkedIds).toEqual(expect.arrayContaining([1, 3]));
-    expect(modalRef.destroy).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.ts b/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.ts
deleted file mode 100644
index 71c3bb44c8a..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/public-project/public-project.component.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, inject, OnInit } from "@angular/core";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { PublicProjectService } from "../../../../service/user/public-project/public-project.service";
-import { PublicProject } from "../../../../type/dashboard-project.interface";
-import { NZ_MODAL_DATA, NzModalRef } from "ng-zorro-antd/modal";
-import {
-  NzTableComponent,
-  NzTheadComponent,
-  NzTrDirective,
-  NzTableCellDirective,
-  NzThMeasureDirective,
-  NzThSelectionComponent,
-  NzTbodyComponent,
-  NzTdAddOnComponent,
-} from "ng-zorro-antd/table";
-import { NgFor, DatePipe } from "@angular/common";
-import { NzSpaceCompactItemDirective } from "ng-zorro-antd/space";
-import { NzButtonComponent } from "ng-zorro-antd/button";
-import { NzWaveDirective } from "ng-zorro-antd/core/wave";
-import { ɵNzTransitionPatchDirective } from "ng-zorro-antd/core/transition-patch";
-
-@UntilDestroy()
-@Component({
-  templateUrl: "public-project.component.html",
-  imports: [
-    NzTableComponent,
-    NzTheadComponent,
-    NzTrDirective,
-    NzTableCellDirective,
-    NzThMeasureDirective,
-    NzThSelectionComponent,
-    NzTbodyComponent,
-    NgFor,
-    NzTdAddOnComponent,
-    NzSpaceCompactItemDirective,
-    NzButtonComponent,
-    NzWaveDirective,
-    ɵNzTransitionPatchDirective,
-    DatePipe,
-  ],
-})
-export class PublicProjectComponent implements OnInit {
-  readonly modal = inject(NzModalRef);
-  readonly disabledList: Set<number> = inject(NZ_MODAL_DATA).disabledList;
-  publicProjectEntries: PublicProject[] = [];
-  checked = false;
-  indeterminate = false;
-  checkedList = new Set<number>();
-  constructor(private publicProjectService: PublicProjectService) {}
-
-  ngOnInit(): void {
-    this.publicProjectService
-      .getPublicProjects()
-      .pipe(untilDestroyed(this))
-      .subscribe(publicProjects => (this.publicProjectEntries = publicProjects));
-  }
-
-  updateCheckedSet(id: number, checked: boolean): void {
-    if (checked) {
-      this.checkedList.add(id);
-    } else {
-      this.checkedList.delete(id);
-    }
-  }
-
-  onItemChecked(id: number, checked: boolean): void {
-    this.updateCheckedSet(id, checked);
-    this.refreshCheckedStatus();
-  }
-
-  onAllChecked(value: boolean): void {
-    this.publicProjectEntries.forEach(item => this.updateCheckedSet(item.pid, value));
-    this.refreshCheckedStatus();
-  }
-
-  refreshCheckedStatus(): void {
-    this.checked = this.publicProjectEntries.every(item => this.checkedList.has(item.pid));
-    this.indeterminate = this.publicProjectEntries.some(item => this.checkedList.has(item.pid)) && !this.checked;
-  }
-  addPublicProjects(): void {
-    this.publicProjectService
-      .addPublicProjects(Array.from(this.checkedList))
-      .pipe(untilDestroyed(this))
-      .subscribe(() => this.modal.destroy());
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.html b/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.html
deleted file mode 100644
index 1b2148ac307..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.html
+++ /dev/null
@@ -1,206 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<nz-list-item>
-  <nz-list-item-meta>
-    <nz-list-item-meta-avatar [ngStyle]="{'margin-left': '16px'}">
-      <div class="project-avatar-container">
-        <nz-avatar
-          (colorPickerSelect)="updateProjectColor()"
-          [(colorPicker)]="color"
-          [(cpToggle)]="editingColor"
-          [cpDisabled]="!editable"
-          [cpExtraTemplate]="colorMenuTemplate"
-          [cpPresetColors]="['#ff85c0', '#ff8c50', '#bae637', '#36cfc9', '#9254de', '#808080']"
-          [cpSaveClickOutside]="false"
-          [ngStyle]="{ 'background-color': entry.color === null ? 'grey' : '#' + entry.color, 'color' : lightColor ? 'black' : 'white'}"
-          [nzGap]="4"
-          [nzText]="'' + entry.pid"
-          nzSize="default"></nz-avatar>
-        <ng-template #colorMenuTemplate>
-          <div style="display: flex; padding: 0 16px 16px; justify-content: space-between">
-            <button
-              (click)="removeProjectColor()"
-              [disabled]="entry.color === null"
-              class="btn btn-outline-danger btn-xs">
-              Delete
-            </button>
-            <button
-              (click)="updateProjectColor()"
-              class="btn btn-primary btn-xs">
-              Save
-            </button>
-          </div>
-        </ng-template>
-      </div>
-    </nz-list-item-meta-avatar>
-
-    <!-- editable name of saved workflow -->
-    <nz-list-item-meta-title>
-      <ng-container *ngIf="!editingName; else editingProject">
-        <a
-          [routerLink]="ROUTER_USER_PROJECT_BASE_URL + '/' + entry.pid"
-          [innerHTML]="entry.name | highlightSearchTerms: keywords"
-          class="project-name"></a>
-        <button
-          *ngIf="editable"
-          (click)="editingName = true"
-          nz-button
-          nz-tooltip="Edit Project Name"
-          nzSize="small"
-          nzTooltipPlacement="top"
-          nzType="text">
-          <i
-            class="edit-name-icon"
-            nz-icon
-            nzTheme="outline"
-            nzType="edit"></i>
-        </button>
-        <button
-          *ngIf="editable"
-          (click)="editingDescription = true"
-          nz-button
-          nz-tooltip="Add / Edit Description"
-          nzSize="small"
-          nzTooltipPlacement="top"
-          nzType="text">
-          <i
-            class="edit-description-icon"
-            nz-icon
-            nzTheme="outline"
-            nzType="plus-square"></i>
-        </button>
-        <button
-          (click)="descriptionCollapsed = true"
-          *ngIf="entry.description && entry.description.trim() && !descriptionCollapsed"
-          nz-button
-          nz-tooltip="Collapse Description"
-          nzSize="small"
-          nzTooltipPlacement="top"
-          nzType="text">
-          <i
-            nz-icon
-            nzTheme="outline"
-            nzType="up-square"></i>
-        </button>
-        <button
-          (click)="descriptionCollapsed = false"
-          *ngIf="entry.description && entry.description.trim() && descriptionCollapsed"
-          nz-button
-          nz-tooltip="Expand Description"
-          nzSize="small"
-          nzTooltipPlacement="top"
-          nzType="text">
-          <i
-            nz-icon
-            nzTheme="outline"
-            nzType="down-square"></i>
-        </button>
-      </ng-container>
-
-      <ng-template #editingProject>
-        <input
-          #editedName
-          (focusout)="editingName = false"
-          (keyup.enter)="saveProjectName(editedName.value)"
-          placeholder="{{ entry.name }}"
-          value="{{ entry.name }}" />
-      </ng-template>
-    </nz-list-item-meta-title>
-
-    <!-- editable project description -->
-    <nz-list-item-meta-description>
-      <ng-container *ngIf="!editingDescription;else editDescriptionTemplate">
-        <div
-          *ngIf="entry.description && entry.description.trim() && !descriptionCollapsed"
-          class="description-container">
-          <markdown [data]="entry.description"></markdown>
-        </div>
-      </ng-container>
-
-      <ng-template #editDescriptionTemplate>
-        <nz-input-group
-          [nzSuffix]="saveDescriptionIcon"
-          class="ant-input-affix-wrapper-textarea-with-clear-btn">
-          <textarea
-            #descriptionBox
-            (focusout)="saveProjectDescription(descriptionBox.value)"
-            [attr.maxlength]="MAX_PROJECT_DESCRIPTION_CHAR_COUNT"
-            nz-input
-            nzAutosize
-            placeholder="Enter project description">
-{{entry.description}}</textarea
-          >
-        </nz-input-group>
-        <div class="character-count">{{descriptionBox.value.length}}/{{MAX_PROJECT_DESCRIPTION_CHAR_COUNT}}</div>
-        <ng-template #saveDescriptionIcon>
-          <span
-            (click)="editingDescription = false"
-            *ngIf="descriptionBox.value !== entry.description"
-            class="ant-input-clear-icon"
-            nz-icon
-            nz-tooltip="Save"
-            nzTheme="fill"
-            nzTooltipPlacement="top"
-            nzType="check-circle"></span>
-        </ng-template>
-      </ng-template>
-    </nz-list-item-meta-description>
-
-    <!-- created time of project -->
-    <nz-list-item-meta-description>
-      <p>Created: {{entry.creationTime | date: "yyyy-MM-dd HH:mm"}}</p>
-    </nz-list-item-meta-description>
-  </nz-list-item-meta>
-
-  <ul
-    nz-list-item-actions
-    *ngIf="editable">
-    <nz-list-item-action>
-      <button
-        (click)="onClickOpenShareAccess()"
-        nz-button
-        nz-tooltip="Share the project {{
-								entry.name
-							}} to others"
-        nzTooltipPlacement="bottom"
-        type="button">
-        <i
-          nz-icon
-          nzTheme="outline"
-          nzType="share-alt"></i>
-      </button>
-    </nz-list-item-action>
-    <nz-list-item-action>
-      <button
-        [disabled]="entry.accessLevel === 'READ'"
-        (nzOnConfirm)="deleted.emit()"
-        nz-button
-        nz-popconfirm
-        nz-tooltip="Delete the project {{entry.name}}"
-        nzPopconfirmTitle="Confirm to delete this project."
-        nzTooltipPlacement="bottom">
-        <i
-          nz-icon
-          nzTheme="outline"
-          nzType="delete"></i>
-      </button>
-    </nz-list-item-action>
-  </ul>
-</nz-list-item>
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.scss b/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.scss
deleted file mode 100644
index bf0553adc0f..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-@use "../../../dashboard.component.scss" as *;
-
-.project-name {
-  font-size: 20px;
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
-  text-align: center;
-}
-
-.project-avatar-container {
-  text-align: center;
-}
-
-.edit-name-icon:hover,
-.edit-description-icon:hover {
-  color: skyblue;
-}
-
-.description-container {
-  border: 1px solid gainsboro;
-  border-radius: 10px;
-  padding: 2.5%;
-}
-
-.character-count {
-  text-align: right;
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.spec.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.spec.ts
deleted file mode 100644
index 58c57b18afa..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.spec.ts
+++ /dev/null
@@ -1,502 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, ViewChild } from "@angular/core";
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { UserProjectListItemComponent } from "./user-project-list-item.component";
-import { NotificationService } from "src/app/common/service/notification/notification.service";
-import { UserProjectService } from "../../../../service/user/project/user-project.service";
-import { DashboardProject } from "../../../../type/dashboard-project.interface";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { NzListComponent } from "ng-zorro-antd/list";
-import { NzModalService, NzModalRef } from "ng-zorro-antd/modal";
-import { provideRouter } from "@angular/router";
-import { StubUserService } from "../../../../../common/service/user/stub-user.service";
-import { UserService } from "../../../../../common/service/user/user.service";
-import { commonTestProviders } from "../../../../../common/testing/test-utils";
-import { ShareAccessComponent } from "../../share-access/share-access.component";
-import { DatePipe } from "@angular/common";
-import { By } from "@angular/platform-browser";
-import { ColorPickerDirective } from "ngx-color-picker";
-import { of } from "rxjs";
-import { MarkdownModule } from "ngx-markdown";
-
-// UserProjectListItemComponent is rooted at <nz-list-item>; instantiating it
-// outside an <nz-list> host throws "No provider found for NzListComponent".
-@Component({
-  standalone: true,
-  imports: [NzListComponent, UserProjectListItemComponent],
-  template: `
-    <nz-list>
-      <texera-user-project-list-item
-        [entry]="entry"
-        [editable]="editable"></texera-user-project-list-item>
-    </nz-list>
-  `,
-})
-class TestHostComponent {
-  entry!: DashboardProject;
-  editable = true;
-  @ViewChild(UserProjectListItemComponent, { static: true }) inner!: UserProjectListItemComponent;
-}
-
-describe("UserProjectListItemComponent", () => {
-  let component: UserProjectListItemComponent;
-  let hostFixture: ComponentFixture<TestHostComponent>;
-  let userProjectService: UserProjectService;
-  let modalService: NzModalService;
-  let notificationService: NotificationService;
-  const januaryFirst1970 = 28800000; // 1970-01-01 in PST
-  const testProject: DashboardProject = {
-    color: null,
-    creationTime: januaryFirst1970,
-    description: "description",
-    name: "project1",
-    ownerId: 1,
-    pid: 1,
-    accessLevel: "WRITE",
-  };
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      // MarkdownModule.forRoot() backs the <markdown> element in an expanded description.
-      imports: [TestHostComponent, HttpClientTestingModule, MarkdownModule.forRoot()],
-      providers: [
-        NotificationService,
-        UserProjectService,
-        NzModalService,
-        { provide: UserService, useClass: StubUserService },
-        provideRouter([]),
-        ...commonTestProviders,
-      ],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    hostFixture = TestBed.createComponent(TestHostComponent);
-    // Clone so per-test mutations (saveProjectName/Description mutate entry in place)
-    // don't leak into other tests through the shared testProject fixture.
-    hostFixture.componentInstance.entry = { ...testProject };
-    hostFixture.componentInstance.editable = true;
-    hostFixture.detectChanges();
-    component = hostFixture.componentInstance.inner;
-    userProjectService = TestBed.inject(UserProjectService);
-    modalService = TestBed.inject(NzModalService);
-    notificationService = TestBed.inject(NotificationService);
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-
-  describe("updateProjectColor", () => {
-    it("persists a valid color and updates local state", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectColor").mockReturnValue(of({} as Response));
-      component.color = "#123456";
-
-      component.updateProjectColor();
-
-      expect(spy).toHaveBeenCalledWith(1, "123456");
-      expect(component.color).toBe("123456");
-      expect(component.entry.color).toBe("123456");
-      expect(component.editingColor).toBe(false);
-    });
-
-    it("rejects an invalid HEX color and does not call the service", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectColor");
-      const errorSpy = vi.spyOn(notificationService, "error").mockImplementation(() => {});
-      component.color = "#zzz";
-
-      component.updateProjectColor();
-
-      expect(errorSpy).toHaveBeenCalled();
-      expect(spy).not.toHaveBeenCalled();
-    });
-
-    it("does not call the service when the color is unchanged", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectColor");
-      component.entry = { ...component.entry, color: "123456" };
-      component.color = "#123456";
-
-      component.updateProjectColor();
-
-      expect(spy).not.toHaveBeenCalled();
-    });
-
-    it("is a no-op when the item is not editable", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectColor");
-      component.editable = false;
-      component.color = "#123456";
-
-      component.updateProjectColor();
-
-      expect(spy).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("removeProjectColor", () => {
-    it("deletes the color and resets local state", () => {
-      const spy = vi.spyOn(userProjectService, "deleteProjectColor").mockReturnValue(of({} as Response));
-      // Start from a non-default state so the reset is actually observable.
-      component.color = "#123456";
-      component.entry = { ...component.entry, color: "123456" };
-      component.editingColor = true;
-
-      component.removeProjectColor();
-
-      expect(spy).toHaveBeenCalledWith(1);
-      expect(component.color).toBe("#ffffff");
-      expect(component.entry.color).toBeNull();
-      expect(component.editingColor).toBe(false);
-    });
-  });
-
-  describe("saveProjectName", () => {
-    it("persists a changed name", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectName").mockReturnValue(of({} as Response));
-
-      component.saveProjectName("renamed");
-
-      expect(spy).toHaveBeenCalledWith(1, "renamed");
-      expect(component.entry.name).toBe("renamed");
-      expect(component.editingName).toBe(false);
-    });
-
-    it("does not call the service when the name is unchanged", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectName");
-
-      component.saveProjectName("project1");
-
-      expect(spy).not.toHaveBeenCalled();
-      expect(component.editingName).toBe(false);
-    });
-  });
-
-  describe("saveProjectDescription", () => {
-    it("persists a changed description and notifies success", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectDescription").mockReturnValue(of({} as Response));
-      const successSpy = vi.spyOn(notificationService, "success").mockImplementation(() => {});
-
-      component.saveProjectDescription("a new description");
-
-      expect(spy).toHaveBeenCalledWith(1, "a new description");
-      expect(component.entry.description).toBe("a new description");
-      expect(successSpy).toHaveBeenCalled();
-      expect(component.editingDescription).toBe(false);
-    });
-
-    it("does not call the service when the description is unchanged", () => {
-      const spy = vi.spyOn(userProjectService, "updateProjectDescription");
-
-      component.saveProjectDescription("description");
-
-      expect(spy).not.toHaveBeenCalled();
-      expect(component.editingDescription).toBe(false);
-    });
-  });
-
-  describe("onClickOpenShareAccess", () => {
-    it("opens the share-access modal and refreshes when it closes", () => {
-      const createSpy = vi
-        .spyOn(modalService, "create")
-        .mockReturnValue({ afterClose: of(undefined) } as unknown as NzModalRef);
-      const refreshSpy = vi.spyOn(component.refresh, "emit");
-
-      component.onClickOpenShareAccess();
-
-      expect(createSpy).toHaveBeenCalledWith(
-        expect.objectContaining({
-          nzContent: ShareAccessComponent,
-          nzData: { writeAccess: true, type: "project", id: 1 },
-        })
-      );
-      expect(refreshSpy).toHaveBeenCalled();
-    });
-  });
-  /**
-   * The list item decides in its template what a viewer is allowed to touch and how much of a long
-   * description to show. The specs above call the save/colour methods directly, so none of the
-   * rendered gating had been pinned.
-   */
-  describe("rendered item", () => {
-    /** Re-renders the host with the given entry/editable combination. */
-    function render(over: Partial<DashboardProject> = {}, editable = true): HTMLElement {
-      hostFixture.componentInstance.entry = { ...testProject, ...over };
-      hostFixture.componentInstance.editable = editable;
-      hostFixture.detectChanges();
-      return hostFixture.nativeElement as HTMLElement;
-    }
-
-    it("shows the project name and its creation date", () => {
-      const el = render({ name: "quarterly", creationTime: januaryFirst1970 });
-
-      expect(el.textContent).toContain("quarterly");
-      // Expected value is formatted here with the same pipe and format string, so the assertion
-      // pins both the yyyy-MM-dd HH:mm format and the timestamp it was given, without hard-coding
-      // a literal that would only hold in one timezone.
-      const expected = new DatePipe("en-US").transform(januaryFirst1970, "yyyy-MM-dd HH:mm");
-      expect(el.querySelector("nz-list-item-meta-description p")?.textContent?.trim()).toBe(`Created: ${expected}`);
-    });
-
-    it("hides every editing control from a read-only viewer", () => {
-      // accessLevel READ reaches this component as editable=false; if the template ignored it the
-      // viewer would be shown share and delete buttons for a project they cannot change.
-      const el = render({}, false);
-
-      expect(el.querySelector(".edit-name-icon")).toBeNull();
-      expect(el.querySelector(".edit-description-icon")).toBeNull();
-      expect(el.querySelector("ul[nz-list-item-actions]")).toBeNull();
-    });
-
-    it("offers the editing controls to a viewer with write access", () => {
-      const el = render({}, true);
-
-      expect(el.querySelector(".edit-name-icon")).not.toBeNull();
-      expect(el.querySelector(".edit-description-icon")).not.toBeNull();
-      // Share and delete both live in that list; count the buttons rather than just the container
-      // (nz-list-item-action renders as an <li>, so the element selector finds nothing).
-      expect(el.querySelectorAll("ul[nz-list-item-actions] button").length).toBe(2);
-    });
-
-    it("swaps the name for an input once the name is being edited", () => {
-      render();
-      expect(hostFixture.nativeElement.querySelector("nz-list-item-meta-title input")).toBeNull();
-
-      component.editingName = true;
-      hostFixture.detectChanges();
-
-      expect(hostFixture.nativeElement.querySelector("nz-list-item-meta-title input")).not.toBeNull();
-    });
-
-    it("starts with the description collapsed and expands it on request", () => {
-      // descriptionCollapsed defaults to true, so a list of projects stays compact until the user
-      // opens one.
-      const el = render({ description: "a long description" });
-      expect(el.querySelector(".description-container")).toBeNull();
-
-      component.descriptionCollapsed = false;
-      hostFixture.detectChanges();
-
-      expect(hostFixture.nativeElement.querySelector(".description-container")).not.toBeNull();
-    });
-
-    it("shows no description block when the description is only whitespace", () => {
-      // Expanded, so the trim() guard is the only thing left to hide it: a whitespace-only
-      // description would otherwise render an empty expander with nothing in it.
-      render({ description: "   " });
-      component.descriptionCollapsed = false;
-      hostFixture.detectChanges();
-
-      expect(hostFixture.nativeElement.querySelector(".description-container")).toBeNull();
-    });
-
-    it("counts the characters typed into the description editor", () => {
-      render({ description: "abc" });
-      component.editingDescription = true;
-      hostFixture.detectChanges();
-
-      const count = hostFixture.nativeElement.querySelector(".character-count")!;
-      expect(count.textContent?.trim()).toBe(`3/${component.MAX_PROJECT_DESCRIPTION_CHAR_COUNT}`);
-
-      // It must follow what is in the box, not the value the description started at.
-      const textarea = hostFixture.nativeElement.querySelector("textarea")!;
-      textarea.value = "abcdef";
-      textarea.dispatchEvent(new Event("input"));
-      hostFixture.detectChanges();
-
-      expect(hostFixture.nativeElement.querySelector(".character-count")!.textContent?.trim()).toBe(
-        `6/${component.MAX_PROJECT_DESCRIPTION_CHAR_COUNT}`
-      );
-    });
-
-    it("offers the save button only once the description has actually changed", () => {
-      render({ description: "abc" });
-      component.editingDescription = true;
-      hostFixture.detectChanges();
-      const textarea = hostFixture.nativeElement.querySelector("textarea")!;
-
-      expect(hostFixture.nativeElement.querySelector(".ant-input-clear-icon")).toBeNull();
-
-      textarea.value = "abcd";
-      textarea.dispatchEvent(new Event("input"));
-      hostFixture.detectChanges();
-
-      expect(hostFixture.nativeElement.querySelector(".ant-input-clear-icon")).not.toBeNull();
-    });
-  });
-
-  /**
-   * The block above pins what each branch looks like by putting the component into that state
-   * directly. What is left unpinned is the wiring in between: the controls that produce those
-   * states, the outputs the parent listens to, and the colour menu, whose markup only exists
-   * while the picker is open. These go through the DOM so a control losing its handler fails
-   * here. Events that ng-zorro / the colour picker raise as directive outputs rather than DOM
-   * events (`nzOnConfirm`, `keyup.enter`, `colorPickerSelect`) need DebugElement, so this block
-   * queries with `By.css` instead of `querySelector`.
-   */
-  describe("rendered controls", () => {
-    // Name what was missing, so a markup change fails with the element it could not find rather
-    // than "Cannot read properties of undefined".
-    const required = <T>(value: T | null | undefined, what: string): T => {
-      if (value === null || value === undefined) {
-        throw new Error(`expected ${what} to be rendered`);
-      }
-      return value;
-    };
-    const q = (selector: string) => hostFixture.debugElement.query(By.css(selector));
-    const buttonLabelled = (label: string) =>
-      required(
-        hostFixture.debugElement
-          .queryAll(By.css("button"))
-          .find(button => (button.nativeElement.textContent ?? "").trim() === label),
-        `a button labelled "${label}"`
-      );
-
-    // The colour menu lives in `cpExtraTemplate`, so it exists only once the picker is open,
-    // which `[(cpToggle)]="editingColor"` drives.
-    const openColorPanel = () => {
-      component.editingColor = true;
-      hostFixture.detectChanges();
-    };
-
-    afterEach(() => {
-      // An open colour picker keeps document-level listeners; destroying the view tears them
-      // down so a panel cannot outlive its test.
-      hostFixture.destroy();
-    });
-
-    it("wires the colour-picker outputs to the component", () => {
-      const updateSpy = vi.spyOn(component, "updateProjectColor").mockImplementation(() => {});
-      const picker = hostFixture.debugElement.query(By.directive(ColorPickerDirective));
-
-      picker.triggerEventHandler("colorPickerChange", "#abcdef");
-      picker.triggerEventHandler("colorPickerSelect", "#abcdef");
-
-      expect(component.color).toBe("#abcdef");
-      expect(updateSpy).toHaveBeenCalled();
-    });
-
-    it("wires the colour menu's Save action", () => {
-      const updateSpy = vi.spyOn(component, "updateProjectColor").mockImplementation(() => {});
-
-      openColorPanel();
-      buttonLabelled("Save").triggerEventHandler("click", null);
-
-      expect(updateSpy).toHaveBeenCalled();
-    });
-
-    it("enables the colour menu's Delete action only once a colour is set", () => {
-      const removeSpy = vi.spyOn(component, "removeProjectColor").mockImplementation(() => {});
-
-      // testProject starts with color: null, so there is nothing to delete yet.
-      openColorPanel();
-      expect(buttonLabelled("Delete").nativeElement.disabled).toBe(true);
-
-      component.entry = { ...component.entry, color: "123456" };
-      hostFixture.detectChanges();
-      const deleteButton = buttonLabelled("Delete");
-      expect(deleteButton.nativeElement.disabled).toBe(false);
-
-      deleteButton.triggerEventHandler("click", null);
-
-      expect(removeSpy).toHaveBeenCalled();
-    });
-
-    it("opens name editing, saves on enter, and closes on focusout", () => {
-      const saveSpy = vi.spyOn(component, "saveProjectName").mockImplementation(() => {});
-
-      required(q(".edit-name-icon").parent, "the edit-name button").triggerEventHandler("click", null);
-      hostFixture.detectChanges();
-      expect(component.editingName).toBe(true);
-
-      const input = q("input");
-      input.nativeElement.value = "renamed";
-      input.triggerEventHandler("keyup.enter", {});
-      expect(saveSpy).toHaveBeenCalledWith("renamed");
-
-      input.triggerEventHandler("focusout", {});
-      expect(component.editingName).toBe(false);
-    });
-
-    it("expands and re-collapses the description through its controls", () => {
-      q('[nz-tooltip="Expand Description"]').triggerEventHandler("click", null);
-      hostFixture.detectChanges();
-      expect(component.descriptionCollapsed).toBe(false);
-
-      q('[nz-tooltip="Collapse Description"]').triggerEventHandler("click", null);
-      hostFixture.detectChanges();
-      expect(component.descriptionCollapsed).toBe(true);
-    });
-
-    it("opens description editing, saves on focusout, and closes through the save icon", () => {
-      const saveSpy = vi.spyOn(component, "saveProjectDescription").mockImplementation(() => {});
-
-      required(q(".edit-description-icon").parent, "the edit-description button").triggerEventHandler("click", null);
-      hostFixture.detectChanges();
-      expect(component.editingDescription).toBe(true);
-
-      const textarea = q("textarea");
-      textarea.nativeElement.value = "a new description";
-      hostFixture.detectChanges();
-
-      textarea.triggerEventHandler("focusout", {});
-      expect(saveSpy).toHaveBeenCalledWith("a new description");
-
-      q(".ant-input-clear-icon").triggerEventHandler("click", null);
-      hostFixture.detectChanges();
-      expect(component.editingDescription).toBe(false);
-    });
-
-    it("wires the share and delete actions", () => {
-      const shareSpy = vi.spyOn(component, "onClickOpenShareAccess").mockImplementation(() => {});
-      const deletedSpy = vi.spyOn(component.deleted, "emit");
-      const [share, remove] = hostFixture.debugElement.queryAll(By.css("ul[nz-list-item-actions] button"));
-
-      share.triggerEventHandler("click", null);
-      remove.triggerEventHandler("nzOnConfirm", null);
-
-      expect(shareSpy).toHaveBeenCalled();
-      expect(deletedSpy).toHaveBeenCalled();
-    });
-  });
-
-  describe("entry input", () => {
-    it("throws when read before an entry is provided", () => {
-      component.entry = undefined as unknown as DashboardProject;
-
-      expect(() => component.entry).toThrowError("entry property must be provided");
-    });
-  });
-
-  describe("ngOnInit", () => {
-    it("adopts the project's stored colour", () => {
-      // A fresh fixture (rather than the shared one) so ngOnInit sees the colour.
-      const fixture = TestBed.createComponent(TestHostComponent);
-      fixture.componentInstance.entry = { ...testProject, color: "123456" };
-      fixture.detectChanges();
-
-      expect(fixture.componentInstance.inner.color).toBe("123456");
-      fixture.destroy();
-    });
-  });
-});
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.ts
deleted file mode 100644
index 562b465e8fe..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-list-item/user-project-list-item.component.ts
+++ /dev/null
@@ -1,226 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
-import { DashboardProject } from "../../../../type/dashboard-project.interface";
-import { UserProjectService } from "../../../../service/user/project/user-project.service";
-import { NotificationService } from "src/app/common/service/notification/notification.service";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { ShareAccessComponent } from "../../share-access/share-access.component";
-import { NzModalService } from "ng-zorro-antd/modal";
-import { UserService } from "../../../../../common/service/user/user.service";
-import { USER_PROJECT } from "../../../../../app-routing.constant";
-import {
-  NzListItemComponent,
-  NzListItemMetaComponent,
-  NzListItemMetaAvatarComponent,
-  NzListItemMetaTitleComponent,
-  NzListItemMetaDescriptionComponent,
-  NzListItemActionsComponent,
-  NzListItemActionComponent,
-} from "ng-zorro-antd/list";
-import { NgStyle, NgIf, DatePipe } from "@angular/common";
-import { NzAvatarComponent } from "ng-zorro-antd/avatar";
-import { ColorPickerModule } from "ngx-color-picker";
-import { RouterLink } from "@angular/router";
-import { NzSpaceCompactItemDirective } from "ng-zorro-antd/space";
-import { NzButtonComponent } from "ng-zorro-antd/button";
-import { ɵNzTransitionPatchDirective } from "ng-zorro-antd/core/transition-patch";
-import { NzTooltipDirective } from "ng-zorro-antd/tooltip";
-import { NzIconDirective } from "ng-zorro-antd/icon";
-import { MarkdownComponent } from "ngx-markdown";
-import {
-  NzInputGroupComponent,
-  NzInputGroupWhitSuffixOrPrefixDirective,
-  NzInputDirective,
-  NzAutosizeDirective,
-} from "ng-zorro-antd/input";
-import { NzWaveDirective } from "ng-zorro-antd/core/wave";
-import { NzPopconfirmDirective } from "ng-zorro-antd/popconfirm";
-import { HighlightSearchTermsPipe } from "../../user-workflow/user-workflow-list-item/highlight-search-terms.pipe";
-
-@UntilDestroy()
-@Component({
-  selector: "texera-user-project-list-item",
-  templateUrl: "./user-project-list-item.component.html",
-  styleUrls: ["./user-project-list-item.component.scss"],
-  imports: [
-    NzListItemComponent,
-    NzListItemMetaComponent,
-    NzListItemMetaAvatarComponent,
-    NgStyle,
-    NzAvatarComponent,
-    ColorPickerModule,
-    NzListItemMetaTitleComponent,
-    NgIf,
-    RouterLink,
-    NzSpaceCompactItemDirective,
-    NzButtonComponent,
-    ɵNzTransitionPatchDirective,
-    NzTooltipDirective,
-    NzIconDirective,
-    NzListItemMetaDescriptionComponent,
-    MarkdownComponent,
-    NzInputGroupComponent,
-    NzInputGroupWhitSuffixOrPrefixDirective,
-    NzInputDirective,
-    NzAutosizeDirective,
-    NzListItemActionsComponent,
-    NzListItemActionComponent,
-    NzWaveDirective,
-    NzPopconfirmDirective,
-    DatePipe,
-    HighlightSearchTermsPipe,
-  ],
-})
-export class UserProjectListItemComponent implements OnInit {
-  public readonly ROUTER_USER_PROJECT_BASE_URL = USER_PROJECT;
-  public readonly MAX_PROJECT_DESCRIPTION_CHAR_COUNT = 10000;
-  private _entry?: DashboardProject;
-  @Input() public keywords: string[] = [];
-  @Input()
-  get entry(): DashboardProject {
-    if (!this._entry) {
-      throw new Error("entry property must be provided to UserProjectListItemComponent.");
-    }
-    return this._entry;
-  }
-  set entry(value: DashboardProject) {
-    this._entry = value;
-  }
-  @Output() deleted = new EventEmitter<void>();
-  @Output() refresh = new EventEmitter<void>();
-  @Input() editable = false;
-  @Input() uid: number | undefined;
-  editingColor = false;
-  editingName = false;
-  editingDescription = false;
-  descriptionCollapsed = true;
-  color = "#ffffff";
-  isAdmin: boolean = false;
-  /** To make sure info remains visible against white background */
-  get lightColor() {
-    return UserProjectService.isLightColor(this.color);
-  }
-
-  constructor(
-    private userProjectService: UserProjectService,
-    private notificationService: NotificationService,
-    private modalService: NzModalService,
-    private userService: UserService
-  ) {
-    this.isAdmin = this.userService.isAdmin();
-  }
-
-  ngOnInit(): void {
-    if (this.entry.color) {
-      this.color = this.entry.color;
-    }
-  }
-
-  updateProjectColor(): void {
-    if (!this.editable) {
-      return;
-    }
-    const color = this.color.substring(1);
-    this.editingColor = false;
-    // validate that color is in proper HEX format
-    if (UserProjectService.isInvalidColorFormat(color)) {
-      this.notificationService.error(
-        `Cannot update color for project: "${this.entry.name}".  It must be a valid HEX color format`
-      );
-      return;
-    }
-
-    if (color === this.entry.color) {
-      return;
-    }
-
-    this.userProjectService
-      .updateProjectColor(this.entry.pid, color)
-      .pipe(untilDestroyed(this))
-      .subscribe(() => {
-        this.color = color;
-        this.entry = { ...this.entry, color: color };
-      });
-  }
-
-  removeProjectColor(): void {
-    this.editingColor = false;
-
-    this.userProjectService
-      .deleteProjectColor(this.entry.pid)
-      .pipe(untilDestroyed(this))
-      .subscribe(() => {
-        this.color = "#ffffff"; // reset color wheel
-        this.entry = { ...this.entry, color: null };
-      });
-  }
-
-  saveProjectName(name: string): void {
-    // nothing happens if name is the same
-    if (this.entry.name === name) {
-      this.editingName = false;
-    } else {
-      this.userProjectService
-        .updateProjectName(this.entry.pid, name)
-        .pipe(untilDestroyed(this))
-        .subscribe(() => {
-          if (!this.entry) {
-            throw new Error("entry property must be provided to UserProjectListItemComponent.");
-          }
-          this.editingName = false;
-          this.entry.name = name;
-        });
-    }
-  }
-
-  saveProjectDescription(description: string): void {
-    // nothing happens if description is the same
-    if (this.entry.description === description) {
-      this.editingDescription = false;
-      return;
-    }
-
-    // update the project's description
-    this.userProjectService
-      .updateProjectDescription(this.entry.pid, description)
-      .pipe(untilDestroyed(this))
-      .subscribe(() => {
-        this.entry.description = description;
-        this.notificationService.success(`Saved description for project: "${this.entry.name}".`);
-        this.editingDescription = false;
-      });
-  }
-
-  public onClickOpenShareAccess(): void {
-    const modalRef = this.modalService.create({
-      nzContent: ShareAccessComponent,
-      nzData: {
-        writeAccess: this.entry.accessLevel === "WRITE",
-        type: "project",
-        id: this.entry.pid,
-      },
-      nzFooter: null,
-      nzTitle: "Share this project with others",
-      nzCentered: true,
-    });
-    modalRef.afterClose.pipe(untilDestroyed(this)).subscribe(() => this.refresh.emit());
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.html b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.html
deleted file mode 100644
index dcc5bb6f074..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<table class="table">
-  <colgroup>
-    <col
-      id="checkbox-col"
-      span="1" />
-    <col
-      id="id-col"
-      span="1" />
-    <col
-      id="name-col"
-      span="1" />
-    <col
-      id="time-col"
-      span="2" />
-  </colgroup>
-
-  <thead>
-    <tr>
-      <th>
-        <input
-          (change)="changeAll()"
-          [checked]="isAllChecked()"
-          type="checkbox" />
-      </th>
-      <th scope="col">ID #</th>
-      <th scope="col">Name</th>
-      <th scope="col">Creation Time</th>
-      <th scope="col">Last Modified Time</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let workflowEntry of unaddedWorkflows; let i = index">
-      <td>
-        <input
-          [(ngModel)]="checkedWorkflows[i]"
-          type="checkbox" />
-      </td>
-      <td>{{workflowEntry.workflow.wid}}</td>
-      <td>{{workflowEntry.workflow.name}}</td>
-      <td>{{workflowEntry.workflow.creationTime | date: "yyyy-MM-dd HH:mm"}}</td>
-      <td>{{workflowEntry.workflow.lastModifiedTime | date: "yyyy-MM-dd HH:mm"}}</td>
-    </tr>
-  </tbody>
-</table>
-<button
-  (click)="submitForm()"
-  aria-label="Confirm"
-  class="btn btn-primary"
-  type="button">
-  Confirm
-</button>
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.scss b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.scss
deleted file mode 100644
index 1e492765c88..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.modal-body {
-  min-height: 20vh;
-  max-height: 60vh;
-  overflow: auto;
-
-  table {
-    table-layout: fixed;
-    width: 100%;
-
-    #checkbox-col {
-      width: 10%;
-    }
-
-    #id-col {
-      width: 10%;
-    }
-
-    #name-col {
-      width: 40%;
-    }
-
-    td {
-      word-wrap: break-word;
-      white-space: normal;
-    }
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.spec.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.spec.ts
deleted file mode 100644
index f5aed447bfa..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.spec.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { of } from "rxjs";
-import { NZ_MODAL_DATA } from "ng-zorro-antd/modal";
-import { NgbdModalAddProjectWorkflowComponent } from "./ngbd-modal-add-project-workflow.component";
-import { UserProjectService } from "../../../../../service/user/project/user-project.service";
-import { WorkflowPersistService } from "../../../../../../common/service/workflow-persist/workflow-persist.service";
-import { DashboardWorkflow } from "../../../../../type/dashboard-workflow.interface";
-
-const PROJECT_ID = 42;
-
-function workflowEntry(wid: number, name: string): DashboardWorkflow {
-  return {
-    workflow: { wid, name, creationTime: 0, lastModifiedTime: 0 },
-  } as unknown as DashboardWorkflow;
-}
-
-const wf1 = workflowEntry(1, "alpha");
-const wf2 = workflowEntry(2, "beta");
-
-describe("NgbdModalAddProjectWorkflowComponent", () => {
-  let component: NgbdModalAddProjectWorkflowComponent;
-  let fixture: ComponentFixture<NgbdModalAddProjectWorkflowComponent>;
-  let userProjectService: {
-    retrieveWorkflowsOfProject: ReturnType<typeof vi.fn>;
-    addWorkflowToProject: ReturnType<typeof vi.fn>;
-  };
-  let workflowPersistService: { retrieveWorkflowsBySessionUser: ReturnType<typeof vi.fn> };
-
-  beforeEach(async () => {
-    userProjectService = {
-      // No workflows already in the project, so every session workflow is "unadded".
-      retrieveWorkflowsOfProject: vi.fn().mockReturnValue(of([])),
-      addWorkflowToProject: vi.fn().mockReturnValue(of({} as Response)),
-    };
-    workflowPersistService = {
-      retrieveWorkflowsBySessionUser: vi.fn().mockReturnValue(of([wf1, wf2])),
-    };
-
-    await TestBed.configureTestingModule({
-      imports: [NgbdModalAddProjectWorkflowComponent],
-      providers: [
-        { provide: NZ_MODAL_DATA, useValue: { projectId: PROJECT_ID } },
-        { provide: UserProjectService, useValue: userProjectService },
-        { provide: WorkflowPersistService, useValue: workflowPersistService },
-      ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(NgbdModalAddProjectWorkflowComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("creates and renders one row per unadded workflow", () => {
-    expect(component).toBeTruthy();
-    expect(userProjectService.retrieveWorkflowsOfProject).toHaveBeenCalledWith(PROJECT_ID);
-    expect(workflowPersistService.retrieveWorkflowsBySessionUser).toHaveBeenCalled();
-    expect(component.unaddedWorkflows).toEqual([wf1, wf2]);
-    expect(component.checkedWorkflows).toEqual([false, false]);
-
-    const rows = fixture.nativeElement.querySelectorAll("tbody tr");
-    expect(rows.length).toBe(2);
-  });
-
-  it("isAllChecked is true only when every workflow is checked", () => {
-    expect(component.isAllChecked()).toBe(false); // freshly [false, false]
-    component.checkedWorkflows = [true, true];
-    expect(component.isAllChecked()).toBe(true);
-    component.checkedWorkflows = [true, false];
-    expect(component.isAllChecked()).toBe(false);
-    component.checkedWorkflows = [];
-    expect(component.isAllChecked()).toBe(false); // empty is not "all checked"
-  });
-
-  it("changeAll checks all when some are unchecked, and clears all when every one is checked", () => {
-    // after init: [false, false] -> not all checked -> check all
-    component.changeAll();
-    expect(component.checkedWorkflows).toEqual([true, true]);
-    // now all checked -> clear all
-    component.changeAll();
-    expect(component.checkedWorkflows).toEqual([false, false]);
-  });
-
-  it("submitForm adds only the checked workflows to the project and caches them", () => {
-    component.checkedWorkflows = [true, false]; // check only wf1
-
-    component.submitForm();
-
-    expect(userProjectService.addWorkflowToProject).toHaveBeenCalledTimes(1);
-    expect(userProjectService.addWorkflowToProject).toHaveBeenCalledWith(PROJECT_ID, 1);
-
-    const cache = (component as unknown as { addedWorkflows: DashboardWorkflow[] }).addedWorkflows;
-    expect(cache).toContain(wf1);
-    expect(cache).not.toContain(wf2);
-  });
-});
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.ts
deleted file mode 100644
index 82c20d1d7df..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, inject, OnInit } from "@angular/core";
-import { forkJoin, Observable } from "rxjs";
-import { concatMap } from "rxjs/operators";
-import { WorkflowPersistService } from "../../../../../../common/service/workflow-persist/workflow-persist.service";
-import { DashboardWorkflow } from "../../../../../type/dashboard-workflow.interface";
-import { UserProjectService } from "../../../../../service/user/project/user-project.service";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { NZ_MODAL_DATA } from "ng-zorro-antd/modal";
-import {
-  NzTheadComponent,
-  NzTrDirective,
-  NzTableCellDirective,
-  NzThMeasureDirective,
-  NzTbodyComponent,
-} from "ng-zorro-antd/table";
-import { NgFor, DatePipe } from "@angular/common";
-import { FormsModule } from "@angular/forms";
-
-@UntilDestroy()
-@Component({
-  selector: "texera-add-project-workflow-modal",
-  templateUrl: "./ngbd-modal-add-project-workflow.component.html",
-  styleUrls: ["./ngbd-modal-add-project-workflow.component.scss"],
-  imports: [
-    NzTheadComponent,
-    NzTrDirective,
-    NzTableCellDirective,
-    NzThMeasureDirective,
-    NzTbodyComponent,
-    NgFor,
-    FormsModule,
-    DatePipe,
-  ],
-})
-export class NgbdModalAddProjectWorkflowComponent implements OnInit {
-  readonly projectId: number = inject(NZ_MODAL_DATA).projectId;
-
-  public unaddedWorkflows: DashboardWorkflow[] = []; // tracks which workflows to display, the ones that have not yet been added to the project
-  public checkedWorkflows: boolean[] = []; // used to implement check boxes
-  private addedWorkflowKeys: Set<number> = new Set<number>(); // tracks which workflows to NOT display,  the workflow IDs of the workflows (if any) already inside the project
-  private addedWorkflows: DashboardWorkflow[] = []; // for passing back to update the frontend cache, stores the new workflow list including newly added workflows
-
-  constructor(
-    private workflowPersistService: WorkflowPersistService,
-    private userProjectService: UserProjectService
-  ) {}
-
-  ngOnInit(): void {
-    this.refreshProjectWorkflowEntries();
-  }
-
-  public submitForm() {
-    // data structure to track group of updates to make to backend
-    let observables: Observable<Response>[] = [];
-
-    // process any selected workflows, updating backend then frontend cache
-    for (let index = 0; index < this.checkedWorkflows.length; ++index) {
-      if (this.checkedWorkflows[index]) {
-        // if workflow is checked
-        observables.push(
-          this.userProjectService.addWorkflowToProject(this.projectId, this.unaddedWorkflows[index].workflow.wid!)
-        );
-        this.addedWorkflows.push(this.unaddedWorkflows[index]); // for updating frontend cache
-      }
-    }
-
-    // pass back data to update local cache after all changes propagated to backend
-    forkJoin(observables).pipe(untilDestroyed(this)).subscribe();
-  }
-
-  public changeAll() {
-    if (this.isAllChecked()) {
-      this.checkedWorkflows.fill(false);
-    } else {
-      this.checkedWorkflows.fill(true);
-    }
-  }
-
-  public isAllChecked() {
-    return this.checkedWorkflows.length > 0 && this.checkedWorkflows.every(isChecked => isChecked);
-  }
-
-  private refreshProjectWorkflowEntries(): void {
-    this.userProjectService
-      .retrieveWorkflowsOfProject(this.projectId)
-      .pipe(
-        concatMap((dashboardWorkflowEntries: DashboardWorkflow[]) => {
-          this.addedWorkflows = dashboardWorkflowEntries;
-          dashboardWorkflowEntries.forEach(workflowEntry => this.addedWorkflowKeys.add(workflowEntry.workflow.wid!));
-          return this.workflowPersistService.retrieveWorkflowsBySessionUser();
-        }),
-        untilDestroyed(this)
-      )
-      .subscribe(dashboardWorkflowEntries => {
-        this.unaddedWorkflows = dashboardWorkflowEntries.filter(
-          workflowEntry =>
-            workflowEntry.workflow.wid !== undefined && !this.addedWorkflowKeys.has(workflowEntry.workflow.wid!)
-        );
-        this.checkedWorkflows = new Array(this.unaddedWorkflows.length).fill(false);
-      });
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.html b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.html
deleted file mode 100644
index 662900bc538..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<table class="table">
-  <colgroup>
-    <col
-      id="checkbox-col"
-      span="1" />
-    <col
-      id="id-col"
-      span="1" />
-    <col
-      id="name-col"
-      span="1" />
-    <col
-      id="time-col"
-      span="2" />
-  </colgroup>
-
-  <thead>
-    <tr>
-      <th>
-        <input
-          (change)="changeAll()"
-          [checked]="isAllChecked()"
-          type="checkbox" />
-      </th>
-      <th scope="col">ID #</th>
-      <th scope="col">Name</th>
-      <th scope="col">Creation Time</th>
-      <th scope="col">Last Modified Time</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let workflowEntry of addedWorkflows; let i = index">
-      <td>
-        <input
-          [(ngModel)]="checkedWorkflows[i]"
-          type="checkbox" />
-      </td>
-      <td>{{workflowEntry.workflow.wid}}</td>
-      <td>{{workflowEntry.workflow.name}}</td>
-      <td>{{workflowEntry.workflow.creationTime | date: "yyyy-MM-dd HH:mm"}}</td>
-      <td>{{workflowEntry.workflow.lastModifiedTime | date: "yyyy-MM-dd HH:mm"}}</td>
-    </tr>
-  </tbody>
-</table>
-<button
-  (click)="submitForm()"
-  aria-label="Confirm"
-  class="btn btn-primary"
-  type="button">
-  Confirm
-</button>
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.scss b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.scss
deleted file mode 100644
index 1e492765c88..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.modal-body {
-  min-height: 20vh;
-  max-height: 60vh;
-  overflow: auto;
-
-  table {
-    table-layout: fixed;
-    width: 100%;
-
-    #checkbox-col {
-      width: 10%;
-    }
-
-    #id-col {
-      width: 10%;
-    }
-
-    #name-col {
-      width: 40%;
-    }
-
-    td {
-      word-wrap: break-word;
-      white-space: normal;
-    }
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.spec.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.spec.ts
deleted file mode 100644
index ff56d46ae3e..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.spec.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { NZ_MODAL_DATA } from "ng-zorro-antd/modal";
-import { Observable, of } from "rxjs";
-import { NgbdModalRemoveProjectWorkflowComponent } from "./ngbd-modal-remove-project-workflow.component";
-import { UserProjectService } from "../../../../../service/user/project/user-project.service";
-import { DashboardWorkflow } from "../../../../../type/dashboard-workflow.interface";
-import { commonTestProviders } from "../../../../../../common/testing/test-utils";
-
-const PROJECT_ID = 7;
-
-function makeWorkflow(wid: number): DashboardWorkflow {
-  return {
-    isOwner: true,
-    ownerName: undefined,
-    workflow: { wid, name: `wf-${wid}`, creationTime: 0, lastModifiedTime: 0 } as any,
-    projectIDs: [],
-    accessLevel: "WRITE",
-    ownerId: 1,
-    coverImage: null,
-  };
-}
-
-describe("NgbdModalRemoveProjectWorkflowComponent", () => {
-  let fixture: ComponentFixture<NgbdModalRemoveProjectWorkflowComponent>;
-  let component: NgbdModalRemoveProjectWorkflowComponent;
-  let userProjectService: {
-    retrieveWorkflowsOfProject: ReturnType<typeof vi.fn>;
-    removeWorkflowFromProject: ReturnType<typeof vi.fn>;
-  };
-
-  beforeEach(async () => {
-    userProjectService = {
-      retrieveWorkflowsOfProject: vi.fn().mockReturnValue(of([])),
-      removeWorkflowFromProject: vi.fn().mockReturnValue(of({} as Response)),
-    };
-
-    await TestBed.configureTestingModule({
-      imports: [NgbdModalRemoveProjectWorkflowComponent, HttpClientTestingModule],
-      providers: [
-        { provide: UserProjectService, useValue: userProjectService },
-        { provide: NZ_MODAL_DATA, useValue: { projectId: PROJECT_ID } },
-        ...commonTestProviders,
-      ],
-    }).compileComponents();
-  });
-
-  function createComponent(workflows: DashboardWorkflow[] = []): void {
-    userProjectService.retrieveWorkflowsOfProject.mockReturnValue(of(workflows));
-    fixture = TestBed.createComponent(NgbdModalRemoveProjectWorkflowComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges(); // triggers ngOnInit -> refreshProjectWorkflowEntries
-  }
-
-  it("should create", () => {
-    createComponent();
-    expect(component).toBeTruthy();
-  });
-
-  it("reads the project id from the modal data", () => {
-    createComponent();
-    expect(component.projectId).toBe(PROJECT_ID);
-  });
-
-  describe("ngOnInit", () => {
-    it("loads the project's workflows and initializes the checkboxes as unchecked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      expect(userProjectService.retrieveWorkflowsOfProject).toHaveBeenCalledWith(PROJECT_ID);
-      expect(component.addedWorkflows).toHaveLength(2);
-      expect(component.checkedWorkflows).toEqual([false, false]);
-    });
-  });
-
-  describe("isAllChecked", () => {
-    it("is false when there are no workflows", () => {
-      createComponent();
-      expect(component.isAllChecked()).toBe(false);
-    });
-
-    it("is true only when every checkbox is checked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      component.checkedWorkflows = [true, true];
-      expect(component.isAllChecked()).toBe(true);
-
-      component.checkedWorkflows = [true, false];
-      expect(component.isAllChecked()).toBe(false);
-    });
-  });
-
-  describe("changeAll", () => {
-    it("checks every box when not all are checked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      component.checkedWorkflows = [true, false];
-      component.changeAll();
-      expect(component.checkedWorkflows).toEqual([true, true]);
-    });
-
-    it("unchecks every box when all are checked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      component.checkedWorkflows = [true, true];
-      component.changeAll();
-      expect(component.checkedWorkflows).toEqual([false, false]);
-    });
-
-    it("is a safe no-op on an empty list", () => {
-      createComponent();
-      component.changeAll();
-      expect(component.checkedWorkflows).toEqual([]);
-    });
-  });
-
-  describe("submitForm", () => {
-    it("removes only the checked workflows and drops them from the retained list", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20), makeWorkflow(30)]);
-      component.checkedWorkflows = [false, true, true];
-
-      component.submitForm();
-
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenCalledTimes(2);
-      // Iterates high index -> low, so the calls land in wid order 30 then 20.
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenNthCalledWith(1, PROJECT_ID, 30);
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenNthCalledWith(2, PROJECT_ID, 20);
-      expect(component.addedWorkflows.map(w => w.workflow.wid)).toEqual([10]);
-    });
-
-    it("removes every workflow when all are checked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      component.checkedWorkflows = [true, true];
-
-      component.submitForm();
-
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenCalledTimes(2);
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenNthCalledWith(1, PROJECT_ID, 20);
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenNthCalledWith(2, PROJECT_ID, 10);
-      expect(component.addedWorkflows).toEqual([]);
-    });
-
-    it("does nothing when no workflow is checked", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      component.checkedWorkflows = [false, false];
-
-      component.submitForm();
-
-      expect(userProjectService.removeWorkflowFromProject).not.toHaveBeenCalled();
-      expect(component.addedWorkflows.map(w => w.workflow.wid)).toEqual([10, 20]);
-    });
-
-    it("subscribes to the removal requests so they are actually dispatched", () => {
-      // Real removeWorkflowFromProject returns a cold HttpClient observable that only
-      // fires the request on subscription; a cold double here proves submitForm's
-      // forkJoin(...).subscribe() actually subscribes (not just builds the observables).
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-      let subscriptions = 0;
-      userProjectService.removeWorkflowFromProject.mockReturnValue(
-        new Observable<Response>(observer => {
-          subscriptions++;
-          observer.next({} as Response);
-          observer.complete();
-        })
-      );
-      component.checkedWorkflows = [true, true];
-
-      component.submitForm();
-
-      expect(subscriptions).toBe(2);
-    });
-  });
-
-  describe("template wiring", () => {
-    it("renders a row per workflow and connects the select-all and Confirm controls", () => {
-      createComponent([makeWorkflow(10), makeWorkflow(20)]);
-
-      const rows = fixture.nativeElement.querySelectorAll("tbody tr");
-      expect(rows.length).toBe(2);
-      expect(rows[0].textContent).toContain("10");
-      expect(rows[0].textContent).toContain("wf-10");
-
-      // Header checkbox is bound to (change)="changeAll()".
-      const selectAll = fixture.nativeElement.querySelector('thead input[type="checkbox"]') as HTMLInputElement;
-      selectAll.click();
-      fixture.detectChanges();
-      expect(component.checkedWorkflows).toEqual([true, true]);
-
-      // Confirm button is bound to (click)="submitForm()".
-      (fixture.nativeElement.querySelector('button[aria-label="Confirm"]') as HTMLButtonElement).click();
-      expect(userProjectService.removeWorkflowFromProject).toHaveBeenCalledTimes(2);
-    });
-  });
-});
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.ts
deleted file mode 100644
index 62aef72cd03..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, inject, OnInit } from "@angular/core";
-import { forkJoin, Observable } from "rxjs";
-import { UserProjectService } from "../../../../../service/user/project/user-project.service";
-import { DashboardWorkflow } from "../../../../../type/dashboard-workflow.interface";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { NZ_MODAL_DATA } from "ng-zorro-antd/modal";
-import {
-  NzTheadComponent,
-  NzTrDirective,
-  NzTableCellDirective,
-  NzThMeasureDirective,
-  NzTbodyComponent,
-} from "ng-zorro-antd/table";
-import { NgFor, DatePipe } from "@angular/common";
-import { FormsModule } from "@angular/forms";
-
-@UntilDestroy()
-@Component({
-  selector: "texera-remove-project-workflow-modal",
-  templateUrl: "./ngbd-modal-remove-project-workflow.component.html",
-  styleUrls: ["./ngbd-modal-remove-project-workflow.component.scss"],
-  imports: [
-    NzTheadComponent,
-    NzTrDirective,
-    NzTableCellDirective,
-    NzThMeasureDirective,
-    NzTbodyComponent,
-    NgFor,
-    FormsModule,
-    DatePipe,
-  ],
-})
-export class NgbdModalRemoveProjectWorkflowComponent implements OnInit {
-  readonly projectId: number = inject(NZ_MODAL_DATA).projectId;
-
-  public checkedWorkflows: boolean[] = []; // used to implement check boxes
-  public addedWorkflows: DashboardWorkflow[] = []; // for passing back to update the frontend cache, stores the new workflow list with selected ones removed
-
-  constructor(private userProjectService: UserProjectService) {}
-
-  ngOnInit(): void {
-    this.refreshProjectWorkflowEntries();
-  }
-
-  public submitForm() {
-    let observables: Observable<Response>[] = [];
-
-    for (let index = this.checkedWorkflows.length - 1; index >= 0; --index) {
-      if (this.checkedWorkflows[index]) {
-        observables.push(
-          this.userProjectService.removeWorkflowFromProject(this.projectId, this.addedWorkflows[index].workflow.wid!)
-        );
-        this.addedWorkflows.splice(index, 1); // for updating frontend cache
-      }
-    }
-
-    forkJoin(observables).pipe(untilDestroyed(this)).subscribe();
-  }
-
-  public isAllChecked() {
-    return this.checkedWorkflows.length > 0 && this.checkedWorkflows.every(isChecked => isChecked);
-  }
-
-  public changeAll() {
-    if (this.isAllChecked()) {
-      this.checkedWorkflows.fill(false);
-    } else {
-      this.checkedWorkflows.fill(true);
-    }
-  }
-
-  private refreshProjectWorkflowEntries(): void {
-    this.userProjectService
-      .retrieveWorkflowsOfProject(this.projectId)
-      .pipe(untilDestroyed(this))
-      .subscribe(dashboardWorkflowEntries => {
-        this.addedWorkflows = dashboardWorkflowEntries;
-        this.checkedWorkflows = new Array(this.addedWorkflows.length).fill(false);
-      });
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.html b/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.html
deleted file mode 100644
index 0ba76d1ebc8..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<div class="user-project-container">
-  <nz-card>
-    <h2 class="project-title">Project : {{name}}</h2>
-    <div
-      *ngIf="description && description.trim()"
-      class="description-container">
-      <markdown [data]="description"></markdown>
-    </div>
-    <nz-card-meta nzDescription="Created: {{creationTime | date: 'yyyy-MM-dd HH:mm'}}"></nz-card-meta>
-
-    <div
-      *ngIf="color !== null"
-      [ngClass]="{'color-tag' : true, 'light-color' : colorIsBright, 'dark-color' : !colorIsBright}"
-      [ngStyle]="{'color' : colorIsBright ? 'black' : 'white', 'background-color' : '#' + color}"
-      id="left-div">
-      color
-    </div>
-    <div
-      (click)="removeProjectColor()"
-      *ngIf="color !== null"
-      [ngClass]="{'color-tag' : true, 'light-color' : colorIsBright, 'dark-color' : !colorIsBright}"
-      [ngStyle]="{'color' : colorIsBright ? 'black' : 'white', 'background-color' : '#' + color}"
-      id="right-div"
-      nz-tooltip="Remove project color"
-      nzTooltipPlacement="bottom">
-      x
-    </div>
-
-    <button
-      (colorPickerSelect)="updateProjectColor(inputColor)"
-      [(colorPicker)]="inputColor"
-      [(cpToggle)]="colorPickerIsSelected"
-      [cpExtraTemplate]="colorMenuTemplate"
-      [cpOKButtonClass]="'btn btn-primary btn-xs'"
-      title="Save"
-      [cpOKButtonText]="'Save'"
-      [cpOKButton]="false"
-      [cpPresetColors]="['#ff85c0', '#ff8c50', '#bae637', '#36cfc9', '#9254de', '#808080']"
-      [cpSaveClickOutside]="false"
-      nz-button>
-      <i
-        nz-icon
-        nz-tooltip="Set project color"
-        nzTheme="outline"
-        nzTooltipPlacement="bottom"
-        nzType="format-painter"></i>
-    </button>
-    <ng-template #colorMenuTemplate>
-      <div style="display: flex; padding: 0 16px 16px; justify-content: space-between">
-        <button
-          (click)="removeProjectColor()"
-          [disabled]="color === null"
-          class="btn btn-outline-danger btn-xs">
-          Delete
-        </button>
-        <button
-          (click)="updateProjectColor(inputColor)"
-          class="btn btn-primary btn-xs">
-          Save
-        </button>
-      </div>
-    </ng-template>
-  </nz-card>
-
-  <texera-saved-workflow-section
-    [pid]="pid"
-    [accessLevel]="accessLevel"></texera-saved-workflow-section>
-</div>
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.scss b/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.scss
deleted file mode 100644
index 0c28005f473..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.scss
+++ /dev/null
@@ -1,142 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.user-project-container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-/* project info */
-.description-container {
-  padding: 2.5%;
-}
-
-/* for workflow items */
-
-/* .saved-workflow-container {
-    display: grid;
-    grid-template-rows: 120px calc((100% - 120px));
-} */
-
-.ant-btn-icon-only {
-  margin-right: 10px;
-}
-
-.subsection-grid-container {
-  min-width: 100%;
-  width: 100%;
-  min-height: 100%;
-  height: 100%;
-}
-
-.workflow-list-container {
-  grid-row-start: 2;
-  grid-row-end: 3;
-  overflow: auto;
-}
-
-.workflow-list-item {
-  margin-bottom: 1.5%;
-  height: 70px;
-  padding: 5px 0 5px 0;
-}
-
-.time-space {
-  margin-left: 3%;
-}
-
-.workflow-name {
-  font-size: 20px;
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
-  text-align: center;
-}
-
-.workflow-dashboard-entry {
-  display: flex;
-  align-items: center;
-}
-
-.workflow-dashboard-entry > i {
-  position: relative;
-  font-size: 17px;
-  margin-bottom: 6px;
-}
-
-.workflow-name:hover {
-  cursor: pointer;
-}
-
-.workflow-time {
-  font-size: 12px;
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
-  color: gray;
-}
-
-button {
-  border-radius: 5px;
-  border: none;
-}
-
-.color-tag {
-  display: inline-block;
-  cursor: pointer;
-}
-
-#left-div {
-  padding: 1.5px 7px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-
-#right-div {
-  padding: 1.5px 7px;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  margin-right: 10px;
-}
-
-.light-color {
-  border: 1px solid gainsboro;
-}
-
-.light-color:hover {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0 0);
-}
-
-.dark-color:hover {
-  background-image: linear-gradient(rgba(255, 255, 255, 0.345) 0 0);
-}
-
-// temporarily here for the file section, TODO : will be removed once file service PR approved
-.file-project-label-container {
-  width: 40%;
-  display: flex;
-  flex-direction: row-reverse;
-  overflow-x: auto;
-
-  .file-project-label {
-    display: inline;
-    white-space: nowrap;
-  }
-}
-
-texera-saved-workflow-section {
-  flex: 1;
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.ts b/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.ts
deleted file mode 100644
index 00e61bc42dd..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project-section/user-project-section.component.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, OnInit } from "@angular/core";
-import { UserProjectService } from "../../../../service/user/project/user-project.service";
-import { ActivatedRoute } from "@angular/router";
-import { DashboardFile } from "../../../../type/dashboard-file.interface";
-import { NotificationService } from "../../../../../common/service/notification/notification.service";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { isDefined } from "../../../../../common/util/predicate";
-import { NzCardComponent, NzCardMetaComponent } from "ng-zorro-antd/card";
-import { NgIf, NgClass, NgStyle, DatePipe } from "@angular/common";
-import { MarkdownComponent } from "ngx-markdown";
-import { NzTooltipDirective } from "ng-zorro-antd/tooltip";
-import { NzSpaceCompactItemDirective } from "ng-zorro-antd/space";
-import { NzButtonComponent } from "ng-zorro-antd/button";
-import { NzWaveDirective } from "ng-zorro-antd/core/wave";
-import { ɵNzTransitionPatchDirective } from "ng-zorro-antd/core/transition-patch";
-import { ColorPickerModule } from "ngx-color-picker";
-import { NzIconDirective } from "ng-zorro-antd/icon";
-import { UserWorkflowComponent } from "../../user-workflow/user-workflow.component";
-
-@UntilDestroy()
-@Component({
-  selector: "texera-user-project-section",
-  templateUrl: "./user-project-section.component.html",
-  styleUrls: ["./user-project-section.component.scss"],
-  imports: [
-    NzCardComponent,
-    NgIf,
-    MarkdownComponent,
-    NzCardMetaComponent,
-    NgClass,
-    NgStyle,
-    NzTooltipDirective,
-    NzSpaceCompactItemDirective,
-    NzButtonComponent,
-    NzWaveDirective,
-    ɵNzTransitionPatchDirective,
-    ColorPickerModule,
-    NzIconDirective,
-    UserWorkflowComponent,
-    DatePipe,
-  ],
-})
-export class UserProjectSectionComponent implements OnInit {
-  // information from the database about this project
-  public pid?: number = undefined;
-  public name: string = "";
-  public description: string = "";
-  public ownerID: number = 0;
-  public creationTime: number = 0;
-  public accessLevel: string = "READ";
-  public color: string | null = null;
-
-  // information for modifying project color
-  public inputColor: string = "#ffffff"; // needs to have a '#' in front, as it is used by ngx-color-picker
-  public colorIsBright: boolean = false;
-  public projectDataIsLoaded: boolean = false;
-  public colorPickerIsSelected: boolean = false;
-  public updateProjectStatus = ""; // track any updates to user project for child components to rerender
-
-  constructor(
-    private userProjectService: UserProjectService,
-    private activatedRoute: ActivatedRoute,
-    private notificationService: NotificationService
-  ) {}
-
-  ngOnInit(): void {
-    // extract passed PID from parameter and re-render page if necessary
-    this.activatedRoute.url.pipe(untilDestroyed(this)).subscribe(url => {
-      if (url.length == 2 && url[1].path) {
-        this.pid = parseInt(url[1].path);
-
-        this.getUserProjectMetadata();
-        this.userProjectService.refreshFilesOfProject(this.pid); // TODO : remove after refactoring file section
-      }
-    });
-
-    // otherwise no project ID, no project to load
-  }
-
-  public getUserProjectFilesArray(): ReadonlyArray<DashboardFile> {
-    const fileArray = this.userProjectService.getProjectFiles();
-    if (!fileArray) {
-      return [];
-    }
-    return fileArray;
-  }
-
-  public updateProjectColor(color: string) {
-    color = color.substring(1);
-    this.colorPickerIsSelected = false;
-
-    if (UserProjectService.isInvalidColorFormat(color)) {
-      this.notificationService.error("Cannot update project color. Color must be in valid HEX format");
-      return;
-    }
-
-    if (this.color === color) {
-      return;
-    }
-    if (!isDefined(this.pid)) {
-      return;
-    }
-    this.userProjectService
-      .updateProjectColor(this.pid, color)
-      .pipe(untilDestroyed(this))
-      .subscribe({
-        next: () => {
-          this.color = color;
-          this.colorIsBright = UserProjectService.isLightColor(this.color);
-          this.updateProjectStatus = "updated project color"; // cause workflow / file components to update project filtering list
-        },
-        error: (e: unknown) => this.notificationService.error((e as Error).message),
-      });
-  }
-
-  public removeProjectColor() {
-    this.colorPickerIsSelected = false;
-
-    if (this.color == null) {
-      this.notificationService.error("There is no color to delete for this project");
-      return;
-    }
-
-    this.userProjectService
-      .deleteProjectColor(this.pid!)
-      .pipe(untilDestroyed(this))
-      .subscribe(_ => {
-        this.color = null;
-        this.inputColor = "#ffffff";
-        this.updateProjectStatus = "removed project color"; // cause workflow / file components to update project filtering list
-      });
-  }
-
-  private getUserProjectMetadata() {
-    if (!isDefined(this.pid)) {
-      return;
-    }
-    this.userProjectService
-      .retrieveProject(this.pid)
-      .pipe(untilDestroyed(this))
-      .subscribe(project => {
-        this.name = project.name;
-        this.ownerID = project.ownerId;
-        this.creationTime = project.creationTime;
-        if (project.color != null) {
-          this.color = project.color;
-          this.inputColor = "#" + project.color;
-          this.colorIsBright = UserProjectService.isLightColor(project.color);
-        }
-        this.projectDataIsLoaded = true;
-      });
-
-    this.userProjectService
-      .getProjectList()
-      .pipe(untilDestroyed(this))
-      .subscribe(userProjectList => {
-        if (userProjectList != null && userProjectList.length > 0) {
-          // calculate whether project colors are light or dark
-          const projectColorBrightnessMap: Map<number, boolean> = new Map();
-          userProjectList.forEach(userProject => {
-            if (userProject.color != null) {
-              projectColorBrightnessMap.set(userProject.pid, UserProjectService.isLightColor(userProject.color));
-            }
-
-            // get single project information
-            if (userProject.pid === this.pid) {
-              this.name = userProject.name;
-              this.description = userProject.description;
-              this.ownerID = userProject.ownerId;
-              this.creationTime = userProject.creationTime;
-              this.accessLevel = userProject.accessLevel;
-              if (userProject.color != null) {
-                this.color = userProject.color;
-                this.inputColor = "#" + userProject.color;
-                this.colorIsBright = UserProjectService.isLightColor(userProject.color);
-              }
-            }
-          });
-          this.projectDataIsLoaded = true;
-        }
-      });
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project.component.html b/frontend/src/app/dashboard/component/user/user-project/user-project.component.html
deleted file mode 100644
index a852bb13a1a..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project.component.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements.  See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership.  The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License.  You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied.  See the License for the
- specific language governing permissions and limitations
- under the License.
--->
-
-<div>
-  <nz-card>
-    <h2>Projects</h2>
-    <a
-      [nzDropdownMenu]="menu"
-      nz-dropdown>
-      <button
-        nz-button
-        title="sort">
-        <i
-          nz-icon
-          nzTheme="outline"
-          nzType="sort-ascending"></i>
-      </button>
-    </a>
-    <nz-dropdown-menu #menu="nzDropdownMenu">
-      <ul
-        nz-menu
-        nzSelectable>
-        <li
-          (click)="sortByCreationTime()"
-          nz-menu-item>
-          By Time Created
-        </li>
-        <li
-          (click)="sortByNameAsc()"
-          nz-menu-item>
-          A -> Z
-        </li>
-        <li
-          (click)="sortByNameDesc()"
-          nz-menu-item>
-          Z -> A
-        </li>
-      </ul>
-    </nz-dropdown-menu>
-    <button
-      (click)="clickCreateButton()"
-      nz-button
-      nz-tooltip="Create a new project"
-      nzTooltipPlacement="bottom"
-      type="button">
-      <i
-        nz-icon
-        nzTheme="outline"
-        nzType="file-add"></i>
-    </button>
-    <input
-      (focusout)="unclickCreateButton()"
-      (keyup.enter)="createNewProject()"
-      *ngIf="createButtonIsClicked"
-      [(ngModel)]="createProjectName"
-      nz-input
-      placeholder="Enter project name" />
-  </nz-card>
-
-  <nz-card>
-    <button
-      (click)="openPublicProject()"
-      nz-button
-      nzType="primary">
-      Public Projects
-    </button>
-  </nz-card>
-
-  <nz-card>
-    <nz-list>
-      <texera-user-project-list-item
-        *ngFor="let dashboardUserProjectEntry of userProjectEntries"
-        [editable]="true"
-        [uid]="uid"
-        [entry]="dashboardUserProjectEntry"
-        (deleted)="deleteProject(dashboardUserProjectEntry.pid)"
-        (refresh)="ngOnInit()">
-      </texera-user-project-list-item>
-    </nz-list>
-  </nz-card>
-</div>
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project.component.scss b/frontend/src/app/dashboard/component/user/user-project/user-project.component.scss
deleted file mode 100644
index 0d4f05df6c0..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project.component.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-@use "../../section-style" as *;
-
-button {
-  border-radius: 5px;
-  border: none;
-}
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project.component.spec.ts b/frontend/src/app/dashboard/component/user/user-project/user-project.component.spec.ts
deleted file mode 100644
index e1fd78c9f5a..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project.component.spec.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { NoopAnimationsModule } from "@angular/platform-browser/animations";
-import { of, Subject } from "rxjs";
-import { UserProjectComponent } from "./user-project.component";
-import { UserProjectListItemComponent } from "./user-project-list-item/user-project-list-item.component";
-import { PublicProjectComponent } from "./public-project/public-project.component";
-import { UserProjectService } from "../../../service/user/project/user-project.service";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
-import { NotificationService } from "../../../../common/service/notification/notification.service";
-import { UserService } from "../../../../common/service/user/user.service";
-import { MOCK_USER, MOCK_USER_ID, StubUserService } from "../../../../common/service/user/stub-user.service";
-import { NzModalService } from "ng-zorro-antd/modal";
-import { commonTestProviders } from "../../../../common/testing/test-utils";
-
-// Minimal stand-in for the heavyweight list-item child (pulls in ngx-markdown,
-// color-picker, share-access, etc.). It keeps the same selector and declares the
-// inputs/outputs the parent template binds so change-detection compiles.
-@Component({
-  selector: "texera-user-project-list-item",
-  standalone: true,
-  template: "",
-})
-class StubUserProjectListItemComponent {
-  @Input() entry?: DashboardProject;
-  @Input() editable = false;
-  @Input() uid?: number;
-  @Output() deleted = new EventEmitter<void>();
-  @Output() refresh = new EventEmitter<void>();
-}
-
-describe("UserProjectComponent", () => {
-  let fixture: ComponentFixture<UserProjectComponent>;
-  let component: UserProjectComponent;
-
-  let projectServiceMock: {
-    getProjectList: ReturnType<typeof vi.fn>;
-    deleteProject: ReturnType<typeof vi.fn>;
-    createProject: ReturnType<typeof vi.fn>;
-  };
-  let notificationServiceMock: { error: ReturnType<typeof vi.fn> };
-  let modalServiceMock: { create: ReturnType<typeof vi.fn> };
-  let afterClose$: Subject<void>;
-
-  const project = (pid: number, name: string, creationTime: number): DashboardProject => ({
-    pid,
-    name,
-    description: `desc-${pid}`,
-    ownerId: 1,
-    creationTime,
-    color: null,
-    accessLevel: "WRITE",
-  });
-
-  // A fresh copy every call so the component's in-place sorts don't bleed between tests.
-  const projectFixture = (): DashboardProject[] => [project(1, "Alpha", 100), project(2, "Beta", 200)];
-
-  const newProject = project(3, "Gamma", 300);
-
-  const createComponent = (): void => {
-    fixture = TestBed.createComponent(UserProjectComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  };
-
-  beforeEach(async () => {
-    afterClose$ = new Subject<void>();
-    projectServiceMock = {
-      getProjectList: vi.fn(() => of(projectFixture())),
-      deleteProject: vi.fn(() => of({} as Response)),
-      createProject: vi.fn(() => of(newProject)),
-    };
-    notificationServiceMock = { error: vi.fn() };
-    modalServiceMock = { create: vi.fn(() => ({ afterClose: afterClose$ })) };
-
-    await TestBed.configureTestingModule({
-      imports: [UserProjectComponent, NoopAnimationsModule],
-      providers: [
-        { provide: UserProjectService, useValue: projectServiceMock },
-        { provide: NotificationService, useValue: notificationServiceMock },
-        { provide: NzModalService, useValue: modalServiceMock },
-        { provide: UserService, useClass: StubUserService },
-        ...commonTestProviders,
-      ],
-    })
-      // Swap the heavyweight list-item child for the stub above; additive
-      // remove/add form (the `set` form has known bugs with standalone imports).
-      .overrideComponent(UserProjectComponent, {
-        remove: { imports: [UserProjectListItemComponent] },
-        add: { imports: [StubUserProjectListItemComponent] },
-      })
-      .compileComponents();
-  });
-
-  afterEach(() => {
-    fixture?.destroy();
-    document.querySelectorAll(".cdk-overlay-container").forEach(c => (c.innerHTML = ""));
-    vi.restoreAllMocks();
-  });
-
-  it("reads the current uid from UserService in the constructor", () => {
-    createComponent();
-    expect(component.uid).toBe(MOCK_USER_ID);
-  });
-
-  it("reflects a specific uid returned by getCurrentUser", () => {
-    const userService = TestBed.inject(UserService);
-    vi.spyOn(userService, "getCurrentUser").mockReturnValue({ ...MOCK_USER, uid: 42 });
-
-    createComponent();
-
-    expect(component.uid).toBe(42);
-  });
-
-  it("leaves uid undefined when there is no current user", () => {
-    const userService = TestBed.inject(UserService);
-    vi.spyOn(userService, "getCurrentUser").mockReturnValue(undefined);
-
-    createComponent();
-
-    expect(component.uid).toBeUndefined();
-  });
-
-  it("populates userProjectEntries from getProjectList on ngOnInit", () => {
-    createComponent();
-
-    expect(projectServiceMock.getProjectList).toHaveBeenCalledTimes(1);
-    expect(component.userProjectEntries.map(p => p.name)).toEqual(["Alpha", "Beta"]);
-  });
-
-  it("deleteProject deletes then reloads the list", () => {
-    createComponent();
-
-    component.deleteProject(2);
-
-    expect(projectServiceMock.deleteProject).toHaveBeenCalledWith(2);
-    // once on init, once from the reload triggered by the delete
-    expect(projectServiceMock.getProjectList).toHaveBeenCalledTimes(2);
-  });
-
-  it("clickCreateButton flips the create flag on", () => {
-    createComponent();
-    component.createButtonIsClicked = false;
-
-    component.clickCreateButton();
-
-    expect(component.createButtonIsClicked).toBe(true);
-  });
-
-  it("unclickCreateButton resets the flag and clears the pending name", () => {
-    createComponent();
-    component.createButtonIsClicked = true;
-    component.createProjectName = "half-typed";
-
-    component.unclickCreateButton();
-
-    expect(component.createButtonIsClicked).toBe(false);
-    expect(component.createProjectName).toBe("");
-  });
-
-  it("createNewProject creates and reloads for a valid unique name", () => {
-    createComponent();
-    component.createProjectName = "Gamma";
-
-    component.createNewProject();
-
-    expect(projectServiceMock.createProject).toHaveBeenCalledTimes(1);
-    expect(projectServiceMock.createProject).toHaveBeenCalledWith("Gamma");
-    expect(projectServiceMock.getProjectList).toHaveBeenCalledTimes(2);
-    expect(notificationServiceMock.error).not.toHaveBeenCalled();
-  });
-
-  it("createNewProject rejects an empty name without calling the service", () => {
-    createComponent();
-    component.createProjectName = "";
-
-    component.createNewProject();
-
-    expect(projectServiceMock.createProject).not.toHaveBeenCalled();
-    expect(notificationServiceMock.error).toHaveBeenCalledTimes(1);
-  });
-
-  it("createNewProject rejects a duplicate name without calling the service", () => {
-    createComponent();
-    // "Alpha" is already present from the initial getProjectList fixture.
-    component.createProjectName = "Alpha";
-
-    component.createNewProject();
-
-    expect(projectServiceMock.createProject).not.toHaveBeenCalled();
-    expect(notificationServiceMock.error).toHaveBeenCalledTimes(1);
-  });
-
-  it("sortByCreationTime orders entries ascending by creationTime", () => {
-    createComponent();
-    component.userProjectEntries = [project(1, "c", 30), project(2, "a", 10), project(3, "b", 20)];
-
-    component.sortByCreationTime();
-
-    expect(component.userProjectEntries.map(p => p.creationTime)).toEqual([10, 20, 30]);
-  });
-
-  it("sortByNameAsc orders entries A -> Z case-insensitively", () => {
-    createComponent();
-    component.userProjectEntries = [project(1, "Banana", 1), project(2, "apple", 2), project(3, "Cherry", 3)];
-
-    component.sortByNameAsc();
-
-    expect(component.userProjectEntries.map(p => p.name)).toEqual(["apple", "Banana", "Cherry"]);
-  });
-
-  it("sortByNameDesc orders entries Z -> A case-insensitively", () => {
-    createComponent();
-    component.userProjectEntries = [project(1, "Banana", 1), project(2, "apple", 2), project(3, "Cherry", 3)];
-
-    component.sortByNameDesc();
-
-    expect(component.userProjectEntries.map(p => p.name)).toEqual(["Cherry", "Banana", "apple"]);
-  });
-
-  it("openPublicProject opens the modal with the existing pids disabled and reloads on close", () => {
-    createComponent();
-
-    component.openPublicProject();
-
-    expect(modalServiceMock.create).toHaveBeenCalledTimes(1);
-    const createArg = modalServiceMock.create.mock.calls[0][0];
-    expect(createArg.nzContent).toBe(PublicProjectComponent);
-    expect(createArg.nzTitle).toBe("Add Public Projects");
-    const disabledList: Set<number> = createArg.nzData.disabledList;
-    expect(disabledList).toBeInstanceOf(Set);
-    expect(disabledList.has(1)).toBe(true);
-    expect(disabledList.has(2)).toBe(true);
-    expect(disabledList.size).toBe(2);
-
-    // no reload yet: still just the initial ngOnInit fetch
-    expect(projectServiceMock.getProjectList).toHaveBeenCalledTimes(1);
-
-    afterClose$.next();
-
-    expect(projectServiceMock.getProjectList).toHaveBeenCalledTimes(2);
-  });
-});
diff --git a/frontend/src/app/dashboard/component/user/user-project/user-project.component.ts b/frontend/src/app/dashboard/component/user/user-project/user-project.component.ts
deleted file mode 100644
index 3ff63123145..00000000000
--- a/frontend/src/app/dashboard/component/user/user-project/user-project.component.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Component, OnInit } from "@angular/core";
-import { UserProjectService } from "../../../service/user/project/user-project.service";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
-import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
-import { NotificationService } from "../../../../common/service/notification/notification.service";
-import { UserService } from "../../../../common/service/user/user.service";
-import { NzModalService } from "ng-zorro-antd/modal";
-import { PublicProjectComponent } from "./public-project/public-project.component";
-import { NzCardComponent } from "ng-zorro-antd/card";
-import { NzDropdownADirective, NzDropdownDirective, NzDropdownMenuComponent } from "ng-zorro-antd/dropdown";
-import { NzSpaceCompactItemDirective } from "ng-zorro-antd/space";
-import { NzButtonComponent } from "ng-zorro-antd/button";
-import { NzWaveDirective } from "ng-zorro-antd/core/wave";
-import { ɵNzTransitionPatchDirective } from "ng-zorro-antd/core/transition-patch";
-import { NzIconDirective } from "ng-zorro-antd/icon";
-import { NzMenuDirective, NzMenuItemComponent } from "ng-zorro-antd/menu";
-import { NzTooltipDirective } from "ng-zorro-antd/tooltip";
-import { NgIf, NgFor } from "@angular/common";
-import { NzInputDirective } from "ng-zorro-antd/input";
-import { FormsModule } from "@angular/forms";
-import { NzListComponent } from "ng-zorro-antd/list";
-import { UserProjectListItemComponent } from "./user-project-list-item/user-project-list-item.component";
-
-@UntilDestroy()
-@Component({
-  selector: "texera-user-project-list",
-  templateUrl: "./user-project.component.html",
-  styleUrls: ["./user-project.component.scss"],
-  imports: [
-    NzCardComponent,
-    NzDropdownADirective,
-    NzDropdownDirective,
-    NzSpaceCompactItemDirective,
-    NzButtonComponent,
-    NzWaveDirective,
-    ɵNzTransitionPatchDirective,
-    NzIconDirective,
-    NzDropdownMenuComponent,
-    NzMenuDirective,
-    NzMenuItemComponent,
-    NzTooltipDirective,
-    NgIf,
-    NzInputDirective,
-    FormsModule,
-    NzListComponent,
-    NgFor,
-    UserProjectListItemComponent,
-  ],
-})
-export class UserProjectComponent implements OnInit {
-  // store list of projects / variables to create and edit projects
-  public userProjectEntries: DashboardProject[] = [];
-  public createButtonIsClicked: boolean = false;
-  public createProjectName: string = "";
-  public uid: number | undefined;
-
-  constructor(
-    private userProjectService: UserProjectService,
-    private notificationService: NotificationService,
-    private userService: UserService,
-    private modalService: NzModalService
-  ) {
-    this.uid = this.userService.getCurrentUser()?.uid;
-  }
-
-  ngOnInit(): void {
-    this.userProjectService
-      .getProjectList()
-      .pipe(untilDestroyed(this))
-      .subscribe(projectEntries => {
-        this.userProjectEntries = projectEntries;
-      });
-  }
-
-  public deleteProject(pid: number): void {
-    this.userProjectService
-      .deleteProject(pid)
-      .pipe(untilDestroyed(this))
-      .subscribe(() => this.ngOnInit());
-  }
-
-  public clickCreateButton(): void {
-    this.createButtonIsClicked = true;
-  }
-
-  public unclickCreateButton(): void {
-    this.createButtonIsClicked = false;
-    this.createProjectName = "";
-  }
-
-  public createNewProject(): void {
-    if (this.isValidNewProjectName(this.createProjectName)) {
-      this.userProjectService
-        .createProject(this.createProjectName)
-        .pipe(untilDestroyed(this))
-        .subscribe(() => this.ngOnInit());
-    } else {
-      this.notificationService.error(
-        `Cannot create project named: "${this.createProjectName}".  It must be a non-empty, unique name`
-      );
-    }
-  }
-
-  public sortByCreationTime(): void {
-    this.userProjectEntries.sort((p1, p2) =>
-      p1.creationTime !== undefined && p2.creationTime !== undefined ? p1.creationTime - p2.creationTime : 0
-    );
-  }
-
-  public sortByNameAsc(): void {
-    this.userProjectEntries.sort((p1, p2) => p1.name.toLowerCase().localeCompare(p2.name.toLowerCase()));
-  }
-
-  public sortByNameDesc(): void {
-    this.userProjectEntries.sort((p1, p2) => p2.name.toLowerCase().localeCompare(p1.name.toLowerCase()));
-  }
-
-  private isValidNewProjectName(newName: string, oldProject?: DashboardProject): boolean {
-    if (typeof oldProject === "undefined") {
-      return newName.length != 0 && this.userProjectEntries.filter(project => project.name === newName).length === 0;
-    } else {
-      return (
-        newName.length != 0 &&
-        this.userProjectEntries.filter(project => project.pid !== oldProject.pid && project.name === newName).length ===
-          0
-      );
-    }
-  }
-
-  public openPublicProject(): void {
-    const modalRef = this.modalService.create({
-      nzContent: PublicProjectComponent,
-      nzData: { disabledList: new Set(this.userProjectEntries.map(project => project.pid)) },
-      nzFooter: null,
-      nzTitle: "Add Public Projects",
-      nzCentered: true,
-    });
-    modalRef.afterClose.pipe(untilDestroyed(this)).subscribe(() => this.ngOnInit());
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.html b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.html
index 6524c4dbc60..273cb55d3ac 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.html
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.html
@@ -126,35 +126,6 @@
     </nz-list-item-meta-description>
   </nz-list-item-meta>
 
-  <div
-    *ngIf="userProjectsMap.size > 0"
-    class="project-label-container">
-    <div
-      *ngFor="let projectID of getProjectIds()"
-      class="project-label">
-      <a
-        *ngIf="userProjectsMap && userProjectsMap.has(projectID) && userProjectsMap.get(projectID)!.color !== null && projectID !== pid"
-        nz-tooltip="{{userProjectsMap.get(projectID)!.name}}"
-        nzTooltipPlacement="bottom"
-        class="project-label-name"
-        [ngClass]="{'color-tag' : true, 'light-color' : isLightColor(userProjectsMap.get(projectID)!.color!), 'dark-color' : !isLightColor(userProjectsMap.get(projectID)!.color!)}"
-        [ngStyle]="{'color' : isLightColor(userProjectsMap.get(projectID)!.color!) ? 'black' : 'white', 'background-color' : '#' + userProjectsMap.get(projectID)!.color}"
-        [routerLink]="USER_PROJECT + '/' + userProjectsMap.get(projectID)!.pid">
-        {{userProjectsMap.get(projectID)!.name}}
-      </a>
-      <div
-        *ngIf="editable && userProjectsMap && userProjectsMap.has(projectID) && userProjectsMap.get(projectID)!.color !== null && projectID !== pid"
-        nz-tooltip="Remove from project"
-        nzTooltipPlacement="bottom"
-        class="project-label-remove"
-        [ngClass]="{'color-tag' : true, 'light-color' : isLightColor(userProjectsMap.get(projectID)!.color!), 'dark-color' : !isLightColor(userProjectsMap.get(projectID)!.color!)}"
-        [ngStyle]="{'color' : isLightColor(userProjectsMap.get(projectID)!.color!) ? 'black' : 'white', 'background-color' : '#' + userProjectsMap.get(projectID)!.color}"
-        (click)="removeWorkflowFromProject(projectID)">
-        x
-      </div>
-    </div>
-  </div>
-
   <ul nz-list-item-actions>
     <nz-list-item-action>
       <button
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.scss b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.scss
index f2bf5766220..630cd34d91b 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.scss
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.scss
@@ -19,50 +19,3 @@
 
 @use "../../../section-style" as *;
 @use "../../../dashboard.component.scss" as *;
-
-/**
-  * css for project label, shared by workflow section and file section
-**/
-.project-label-container {
-  min-width: 20px;
-  display: flex;
-  flex-direction: row-reverse;
-  overflow-x: auto;
-
-  .project-label {
-    display: inline;
-    white-space: nowrap;
-
-    .color-tag {
-      display: inline-block;
-      cursor: pointer;
-    }
-
-    .project-label-name {
-      padding: 1.5px 7px;
-      border-top-left-radius: 2px;
-      border-bottom-left-radius: 2px;
-      color: inherit;
-      text-decoration: none;
-    }
-
-    .project-label-remove {
-      padding: 1.5px 7px;
-      border-top-right-radius: 2px;
-      border-bottom-right-radius: 2px;
-      margin-right: 10px;
-    }
-
-    .light-color {
-      border: 1px solid gainsboro;
-    }
-
-    .light-color:hover {
-      background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0 0);
-    }
-
-    .dark-color:hover {
-      background-image: linear-gradient(rgba(255, 255, 255, 0.345) 0 0);
-    }
-  }
-}
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.spec.ts b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.spec.ts
index 0fee1f9cf48..03712fd0886 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.spec.ts
@@ -28,8 +28,6 @@ import {
   DEFAULT_WORKFLOW_NAME,
   WorkflowPersistService,
 } from "../../../../../common/service/workflow-persist/workflow-persist.service";
-import { UserProjectService } from "../../../../service/user/project/user-project.service";
-import { StubUserProjectService } from "../../../../service/user/project/stub-user-project.service";
 import { DownloadService } from "../../../../service/user/download/download.service";
 import { WorkflowExecutionHistoryComponent } from "../ngbd-modal-workflow-executions/workflow-execution-history.component";
 import { Workflow } from "../../../../../common/type/workflow";
@@ -64,15 +62,14 @@ class TestHostComponent {
   @ViewChild(UserWorkflowListItemComponent, { static: true }) inner!: UserWorkflowListItemComponent;
 }
 
-// A fresh DashboardEntry per call so methods that mutate the workflow (rename,
-// remove-from-project) cannot leak into the shared testWorkflowEntries fixture.
-function makeWorkflowEntry(workflowOverrides: Partial<Workflow> = {}, projectIDs: number[] = [1]): DashboardEntry {
+// A fresh DashboardEntry per call so methods that mutate the workflow (rename)
+// cannot leak into the shared testWorkflowEntries fixture.
+function makeWorkflowEntry(workflowOverrides: Partial<Workflow> = {}): DashboardEntry {
   return new DashboardEntry({
     workflow: { ...testWorkflow1, ...workflowOverrides },
     isOwner: true,
     ownerName: "Texera",
     accessLevel: "Write",
-    projectIDs: [...projectIDs],
     ownerId: 1,
     coverImage: null,
   });
@@ -87,7 +84,6 @@ describe("UserWorkflowListItemComponent", () => {
       imports: [TestHostComponent, NzModalModule, HttpClientTestingModule, NzTooltipModule],
       providers: [
         { provide: WorkflowPersistService, useValue: new StubWorkflowPersistService(testWorkflowEntries) },
-        { provide: UserProjectService, useValue: new StubUserProjectService() },
         { provide: FileSaverService, useValue: fileSaverServiceSpy },
         provideRouter([]),
         ...commonTestProviders,
@@ -161,16 +157,6 @@ describe("UserWorkflowListItemComponent", () => {
       vi.restoreAllMocks();
     });
 
-    it("getProjectIds returns the set of the entry's project ids", () => {
-      component.entry = makeWorkflowEntry({}, [1, 2, 3]);
-      expect(component.getProjectIds()).toEqual(new Set([1, 2, 3]));
-    });
-
-    it("isLightColor reports light vs dark hex colors", () => {
-      expect(component.isLightColor("ffffff")).toBe(true);
-      expect(component.isLightColor("000000")).toBe(false);
-    });
-
     describe("confirmUpdateWorkflowCustomName", () => {
       it("persists the new name, updates the workflow, and stops editing", () => {
         const persist = TestBed.inject(WorkflowPersistService);
@@ -233,17 +219,6 @@ describe("UserWorkflowListItemComponent", () => {
       });
     });
 
-    it("removeWorkflowFromProject calls the service and prunes the entry's project ids", () => {
-      const userProject = TestBed.inject(UserProjectService);
-      const spy = vi.spyOn(userProject, "removeWorkflowFromProject").mockReturnValue(of({} as Response));
-      component.entry = makeWorkflowEntry({ wid: 9 }, [1, 2]);
-
-      component.removeWorkflowFromProject(1);
-
-      expect(spy).toHaveBeenCalledWith(1, 9);
-      expect([...component.entry.workflow.projectIDs]).toEqual([2]);
-    });
-
     it("onClickGetWorkflowExecutions opens the execution-history modal for the workflow", () => {
       const modal = TestBed.inject(NzModalService);
       const spy = vi.spyOn(modal, "create").mockReturnValue({} as any);
@@ -299,36 +274,16 @@ describe("UserWorkflowListItemComponent", () => {
 describe("UserWorkflowListItemComponent rendering", () => {
   let fixture: ComponentFixture<TestHostComponent>;
   let component: UserWorkflowListItemComponent;
-  let projectService: {
-    getProjectList: ReturnType<typeof vi.fn>;
-    removeWorkflowFromProject: ReturnType<typeof vi.fn>;
-  };
-
-  /**
-   * Projects are stored with a bare hex colour and the template prepends the '#'. The shared
-   * testUserProjects fixture already includes one, which makes every tag fail the format check and
-   * take the dark arm, so this suite supplies its own colours to reach both.
-   */
-  const PROJECTS = [
-    { pid: 1, name: "Light", description: "", ownerId: 1, color: "ffffff", creationTime: 0, accessLevel: "WRITE" },
-    { pid: 2, name: "Dark", description: "", ownerId: 1, color: "101010", creationTime: 0, accessLevel: "WRITE" },
-  ];
-
   let persistService: { updateWorkflowName: ReturnType<typeof vi.fn> };
 
   async function setup(opts: { executionsTracking?: boolean } = {}) {
     // StubWorkflowPersistService does not declare updateWorkflowName, so it cannot be spied on.
     persistService = { updateWorkflowName: vi.fn(() => of({} as Response)) };
-    projectService = {
-      getProjectList: vi.fn(() => of(PROJECTS as any)),
-      removeWorkflowFromProject: vi.fn(() => of({} as Response)),
-    };
     TestBed.resetTestingModule();
     await TestBed.configureTestingModule({
       imports: [TestHostComponent, NzModalModule, HttpClientTestingModule, NzTooltipModule],
       providers: [
         { provide: WorkflowPersistService, useValue: persistService },
-        { provide: UserProjectService, useValue: projectService },
         { provide: FileSaverService, useValue: { saveAs: vi.fn() } },
         provideRouter([]),
         ...commonTestProviders,
@@ -445,37 +400,6 @@ describe("UserWorkflowListItemComponent rendering", () => {
     });
   });
 
-  describe("project tags", () => {
-    it("removes the project whose tag was clicked, not the first one", () => {
-      const el = render(makeWorkflowEntry({ wid: 7 }, [1, 2]));
-
-      void el;
-      const removers = byTooltip(t => t === "Remove from project");
-      expect(removers.length).toBe(2);
-      // Second tag is pid 2; passing the loop variable is what makes this land on 2 and not 1.
-      removers[1].click();
-
-      expect(projectService.removeWorkflowFromProject).toHaveBeenCalledWith(2, 7);
-    });
-
-    it("darkens the text on a light tag and lightens it on a dark one", () => {
-      // Asserted per tag rather than "both classes appear somewhere": inverting both arms merely
-      // swaps which tag gets which class, and a set-level check cannot see that.
-      render(makeWorkflowEntry({ wid: 7 }, [1, 2]));
-
-      const [lightTag] = byTooltip(t => t === "Light");
-      const [darkTag] = byTooltip(t => t === "Dark");
-
-      expect(lightTag.classList).toContain("light-color");
-      expect(lightTag.classList).not.toContain("dark-color");
-      expect(lightTag.style.color).toBe("black");
-
-      expect(darkTag.classList).toContain("dark-color");
-      expect(darkTag.classList).not.toContain("light-color");
-      expect(darkTag.style.color).toBe("white");
-    });
-  });
-
   describe("row actions", () => {
     it("withholds the executions action while execution tracking is off", () => {
       render(makeWorkflowEntry());
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.ts b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.ts
index e26a4a7e543..f16ae54da97 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.ts
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow-list-item/user-workflow-list-item.component.ts
@@ -27,12 +27,10 @@ import {
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { ShareAccessComponent } from "../../share-access/share-access.component";
 import { Workflow } from "../../../../../common/type/workflow";
-import { DashboardProject } from "../../../../type/dashboard-project.interface";
-import { UserProjectService } from "../../../../service/user/project/user-project.service";
 import { DashboardEntry } from "../../../../type/dashboard-entry";
 import { firstValueFrom } from "rxjs";
 import { DownloadService } from "src/app/dashboard/service/user/download/download.service";
-import { USER_PROJECT, USER_WORKSPACE } from "../../../../../app-routing.constant";
+import { USER_WORKSPACE } from "../../../../../app-routing.constant";
 import { GuiConfigService } from "../../../../../common/service/gui-config.service";
 import {
   NzListItemComponent,
@@ -43,7 +41,7 @@ import {
   NzListItemActionsComponent,
   NzListItemActionComponent,
 } from "ng-zorro-antd/list";
-import { NgStyle, NgIf, NgFor, NgClass, DatePipe } from "@angular/common";
+import { NgStyle, NgIf, DatePipe } from "@angular/common";
 import { FormsModule } from "@angular/forms";
 import { NzAvatarComponent } from "ng-zorro-antd/avatar";
 import { RouterLink } from "@angular/router";
@@ -77,8 +75,6 @@ import { HighlightSearchTermsPipe } from "./highlight-search-terms.pipe";
     NzTooltipDirective,
     NzIconDirective,
     NzListItemMetaDescriptionComponent,
-    NgFor,
-    NgClass,
     NzListItemActionsComponent,
     NzListItemActionComponent,
     NzWaveDirective,
@@ -89,7 +85,6 @@ import { HighlightSearchTermsPipe } from "./highlight-search-terms.pipe";
 })
 export class UserWorkflowListItemComponent {
   protected readonly USER_WORKSPACE = USER_WORKSPACE;
-  protected readonly USER_PROJECT = USER_PROJECT;
   private _entry?: DashboardEntry;
   @Input() public keywords: string[] = [];
 
@@ -115,8 +110,6 @@ export class UserWorkflowListItemComponent {
   }
 
   @Input() editable = false;
-  @Input() public pid: number = 0;
-  userProjectsMap: ReadonlyMap<number, DashboardProject> = new Map();
   @Output() deleted = new EventEmitter<void>();
   @Output() duplicated = new EventEmitter<void>();
 
@@ -127,20 +120,8 @@ export class UserWorkflowListItemComponent {
     private workflowPersistService: WorkflowPersistService,
     private modalService: NzModalService,
     protected config: GuiConfigService,
-    private userProjectService: UserProjectService,
     private downloadService: DownloadService
-  ) {
-    this.userProjectService
-      .getProjectList()
-      .pipe(untilDestroyed(this))
-      .subscribe(userProjectsList => {
-        this.userProjectsMap = new Map(userProjectsList.map(userProject => [userProject.pid, userProject]));
-      });
-  }
-
-  getProjectIds() {
-    return new Set(this.entry.workflow.projectIDs);
-  }
+  ) {}
 
   /**
    * open the workflow executions page
@@ -217,20 +198,4 @@ export class UserWorkflowListItemComponent {
         .subscribe();
     }
   }
-
-  public isLightColor(color: string): boolean {
-    return UserProjectService.isLightColor(color);
-  }
-
-  /**
-   * For color tags, enable clicking 'x' to remove a workflow from a project
-   */
-  public removeWorkflowFromProject(pid: number): void {
-    this.userProjectService
-      .removeWorkflowFromProject(pid, this.workflow.wid!)
-      .pipe(untilDestroyed(this))
-      .subscribe(() => {
-        this.entry.workflow.projectIDs = this.entry.workflow.projectIDs.filter(projectID => projectID != pid);
-      });
-  }
 }
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.html b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.html
index 492efc53766..a1fba7ac5a0 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.html
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.html
@@ -25,7 +25,6 @@ <h2 class="page-title">Workflows</h2>
         nz-button
         class="create-btn"
         (click)="onClickCreateNewWorkflowFromDashboard()"
-        [disabled]="accessLevel === 'READ'"
         title="Create a new workflow">
         <i
           nz-icon
@@ -39,7 +38,6 @@ <h2 class="page-title">Workflows</h2>
         <texera-sort-button (sortMethodChange)="sortMethod = $event; search()"></texera-sort-button>
         <nz-upload [nzBeforeUpload]="onClickUploadExistingWorkflowFromLocal">
           <button
-            [disabled]="accessLevel === 'READ'"
             nz-button
             title="Upload ZIP/JSON file as workflow"
             nz-tooltip="Upload ZIP/JSON file as workflow"
@@ -103,34 +101,6 @@ <h2 class="page-title">Workflows</h2>
             nzTheme="outline"
             nzType="delete"></i>
         </button>
-        <button
-          *ngIf="pid !== undefined"
-          [disabled]="accessLevel === 'READ'"
-          (click)="onClickOpenAddWorkflow()"
-          nz-button
-          title="Add workflow(s) to project"
-          nz-tooltip="Add workflow(s) to project"
-          nzTooltipPlacement="bottom"
-          type="button">
-          <i
-            nz-icon
-            nzTheme="outline"
-            nzType="plus-square"></i>
-        </button>
-        <button
-          *ngIf="pid !== undefined"
-          [disabled]="accessLevel === 'READ'"
-          (click)="onClickOpenRemoveWorkflow()"
-          nz-button
-          title="Remove workflow(s) from project"
-          nz-tooltip="Remove workflow(s) from project"
-          nzTooltipPlacement="bottom"
-          type="button">
-          <i
-            nz-icon
-            nzTheme="outline"
-            nzType="minus-square"></i>
-        </button>
         <button
           nz-button
           title="List View"
@@ -152,9 +122,7 @@ <h2 class="page-title">Workflows</h2>
             nzTheme="outline"></i>
         </button>
       </nz-space-compact>
-      <texera-filters
-        [pid]="pid"
-        #filters></texera-filters>
+      <texera-filters #filters></texera-filters>
     </div>
   </nz-card>
 
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.spec.ts b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.spec.ts
index 7b71ead98c8..a85e206e5db 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.spec.ts
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.spec.ts
@@ -31,8 +31,6 @@ import { StubWorkflowPersistService } from "../../../../common/service/workflow-
 import { NotificationService } from "../../../../common/service/notification/notification.service";
 import { DashboardEntry } from "../../../type/dashboard-entry";
 import { DashboardWorkflow } from "../../../type/dashboard-workflow.interface";
-import { NgbdModalAddProjectWorkflowComponent } from "../user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component";
-import { NgbdModalRemoveProjectWorkflowComponent } from "../user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component";
 import { ShareAccessComponent } from "../share-access/share-access.component";
 import { ShareAccessService } from "../../../service/user/share-access/share-access.service";
 import { UserService } from "../../../../common/service/user/user.service";
@@ -60,8 +58,6 @@ import {
 } from "../../user-dashboard-test-fixtures";
 import { FiltersComponent } from "../filters/filters.component";
 import { UserWorkflowListItemComponent } from "./user-workflow-list-item/user-workflow-list-item.component";
-import { UserProjectService } from "../../../service/user/project/user-project.service";
-import { StubUserProjectService } from "../../../service/user/project/stub-user-project.service";
 import { SearchService } from "../../../service/user/search.service";
 import { StubSearchService } from "../../../service/user/stub-search.service";
 import { SearchResultsComponent } from "../search-results/search-results.component";
@@ -87,7 +83,6 @@ describe("SavedWorkflowSectionComponent", () => {
       providers: [
         NzModalService,
         { provide: WorkflowPersistService, useValue: new StubWorkflowPersistService(testWorkflowEntries) },
-        { provide: UserProjectService, useValue: new StubUserProjectService() },
         ShareAccessService,
         { provide: OperatorMetadataService, useClass: StubOperatorMetadataService },
         { provide: NZ_I18N, useValue: en_US },
@@ -198,23 +193,6 @@ describe("SavedWorkflowSectionComponent", () => {
     expect(component.filters.masterFilterList).toEqual(["id: 1", "id: 2", "id: 3"]);
   });
 
-  it("searchByProjects", async () => {
-    component.filters.userProjectsDropdown = [
-      { pid: 1, name: "Project1", checked: false },
-      { pid: 2, name: "Project2", checked: false },
-      { pid: 3, name: "Project3", checked: false },
-    ];
-
-    // If the project filter is applied, only those workflows belonging to those projects should be returned.
-    component.filters.userProjectsDropdown[0].checked = true;
-    component.filters.updateSelectedProjects();
-    await waitForLoading();
-    expect(component.searchResultsComponent.loading).toBe(false);
-    const SortedCase = component.searchResultsComponent.entries.map(workflow => workflow.name);
-    expect(SortedCase).toEqual(["workflow 1", "workflow 2", "workflow 3"]);
-    expect(component.filters.masterFilterList).toEqual(["project: Project1"]);
-  });
-
   it("searchByCreationTime", async () => {
     // If the creation time filter is applied, only those workflows matching the date range should be returned.
     component.filters.selectedCtime = [new Date(1970, 0, 3), new Date(1981, 2, 13)];
@@ -277,29 +255,22 @@ describe("SavedWorkflowSectionComponent", () => {
   });
 
   it("searchByManyParameters", async () => {
-    // Apply the project, ID, owner, and operator filter all at once.
+    // Apply the ID, owner, and operator filter all at once.
     component.filters.masterFilterList = ["1"];
     const operatorGroup = component.filters.operators.get("Analysis");
     if (operatorGroup) {
       operatorGroup[3].checked = true; // Aggregation operator
       component.filters.updateSelectedOperators();
-      component.filters.userProjectsDropdown = [
-        { pid: 1, name: "Project1", checked: false },
-        { pid: 2, name: "Project2", checked: false },
-        { pid: 3, name: "Project3", checked: false },
-      ];
 
       component.filters.owners[0].checked = true; //Texera
       component.filters.owners[1].checked = true; //Angular
       component.filters.wids[0].checked = true;
       component.filters.wids[1].checked = true;
       component.filters.wids[2].checked = true; //id 1,2,3
-      component.filters.userProjectsDropdown[0].checked = true; //Project 1
       component.filters.selectedCtime = [new Date(1970, 0, 1), new Date(1973, 2, 11)];
       component.filters.selectedMtime = [new Date(1970, 0, 1), new Date(1982, 3, 14)];
       //add/select new search parameter here
 
-      component.filters.updateSelectedProjects();
       component.filters.updateSelectedIDs();
       component.filters.updateSelectedOwners();
     }
@@ -316,7 +287,6 @@ describe("SavedWorkflowSectionComponent", () => {
         "id: 2",
         "id: 3",
         "operator: Aggregation",
-        "project: Project1",
         "ctime: 1970-01-01 ~ 1973-03-11",
         "mtime: 1970-01-01 ~ 1982-04-14",
       ])
@@ -331,7 +301,6 @@ describe("SavedWorkflowSectionComponent", () => {
       // StubWorkflowPersistService doesn't define createWorkflow — assign the
       // method here so the component's call resolves to a controlled observable.
       persist.createWorkflow = vi.fn().mockReturnValue(of({ workflow: { wid: 99 } }));
-      component.pid = undefined;
 
       component.onClickCreateNewWorkflowFromDashboard();
 
@@ -386,7 +355,6 @@ describe("SavedWorkflowSectionComponent", () => {
       isOwner: true,
       ownerName: "Texera",
       accessLevel: "Write",
-      projectIDs: [],
       ownerId: 1,
       coverImage: null,
     });
@@ -430,12 +398,11 @@ describe("SavedWorkflowSectionComponent", () => {
     });
 
     describe("onClickDuplicateSelectedWorkflows", () => {
-      it("duplicates checked wids without a pid and prepends the new entries", () => {
+      it("duplicates checked wids and prepends the new entries", () => {
         const persist = TestBed.inject(WorkflowPersistService) as any;
         persist.duplicateWorkflow = vi
           .fn()
           .mockReturnValue(of([makeDashboardWorkflow(101, "dup a"), makeDashboardWorkflow(102, "dup b")]));
-        component.pid = undefined;
         setEntries([makeEntry(1, "wf 1", true), makeEntry(2, "wf 2", true), makeEntry(3, "wf 3", false)]);
 
         component.onClickDuplicateSelectedWorkflows();
@@ -450,17 +417,6 @@ describe("SavedWorkflowSectionComponent", () => {
         ]);
       });
 
-      it("passes the pid to duplicateWorkflow when the section belongs to a project", () => {
-        const persist = TestBed.inject(WorkflowPersistService) as any;
-        persist.duplicateWorkflow = vi.fn().mockReturnValue(of([makeDashboardWorkflow(101, "dup a")]));
-        component.pid = 9;
-        setEntries([makeEntry(1, "wf 1", true), makeEntry(2, "wf 2", true)]);
-
-        component.onClickDuplicateSelectedWorkflows();
-
-        expect(persist.duplicateWorkflow).toHaveBeenCalledWith([1, 2], 9);
-      });
-
       it("early-returns without calling the service when a checked entry has no wid", () => {
         const persist = TestBed.inject(WorkflowPersistService) as any;
         persist.duplicateWorkflow = vi.fn();
@@ -475,7 +431,6 @@ describe("SavedWorkflowSectionComponent", () => {
         const persist = TestBed.inject(WorkflowPersistService) as any;
         persist.duplicateWorkflow = vi.fn().mockReturnValue(throwError(() => "boom"));
         const alertSpy = vi.spyOn(window, "alert").mockImplementation(() => {});
-        component.pid = undefined;
         setEntries([makeEntry(1, "wf 1", true)]);
 
         component.onClickDuplicateSelectedWorkflows();
@@ -681,44 +636,6 @@ describe("SavedWorkflowSectionComponent", () => {
       });
     });
 
-    describe("project workflow modals", () => {
-      it("opens the add-to-project modal and re-searches after it closes", () => {
-        const modalService = TestBed.inject(NzModalService);
-        const searchSpy = vi.spyOn(component, "search").mockResolvedValue(undefined);
-        const createSpy = vi.spyOn(modalService, "create").mockReturnValue({ afterClose: of(undefined) } as any);
-        component.pid = 7;
-
-        component.onClickOpenAddWorkflow();
-
-        expect(createSpy).toHaveBeenCalledWith(
-          expect.objectContaining({
-            nzContent: NgbdModalAddProjectWorkflowComponent,
-            nzData: { projectId: 7 },
-            nzTitle: "Add Workflows To Project",
-          })
-        );
-        expect(searchSpy).toHaveBeenCalledWith(true);
-      });
-
-      it("opens the remove-from-project modal and re-searches after it closes", () => {
-        const modalService = TestBed.inject(NzModalService);
-        const searchSpy = vi.spyOn(component, "search").mockResolvedValue(undefined);
-        const createSpy = vi.spyOn(modalService, "create").mockReturnValue({ afterClose: of(undefined) } as any);
-        component.pid = 3;
-
-        component.onClickOpenRemoveWorkflow();
-
-        expect(createSpy).toHaveBeenCalledWith(
-          expect.objectContaining({
-            nzContent: NgbdModalRemoveProjectWorkflowComponent,
-            nzData: { projectId: 3 },
-            nzTitle: "Remove Workflows From Project",
-          })
-        );
-        expect(searchSpy).toHaveBeenCalledWith(true);
-      });
-    });
-
     describe("uncovered branch coverage", () => {
       // A FileReader whose result is intentionally not a string, so handleFileUploads
       // exercises its "file is not a string" guard. readAsText fires onload on the next
@@ -790,32 +707,15 @@ describe("SavedWorkflowSectionComponent", () => {
         });
       });
 
-      describe("search", () => {
-        it("forces the section's pid into the search filter parameters", async () => {
-          const searchService = TestBed.inject(SearchService) as any;
-          const execSpy = vi.spyOn(searchService, "executeSearch");
-          component.pid = 3;
-
-          await component.search(true);
-
-          expect(execSpy).toHaveBeenCalled();
-          expect((execSpy.mock.calls[0][1] as any).projectIds).toEqual([3]);
-        });
-      });
-
       describe("onClickCreateNewWorkflowFromDashboard", () => {
-        it("adds the new workflow to the project before navigating when a pid is set", () => {
+        it("navigates to the created workflow", () => {
           const router = TestBed.inject(Router);
           const navigateSpy = vi.spyOn(router, "navigate").mockResolvedValue(true);
           const persist = TestBed.inject(WorkflowPersistService) as any;
           persist.createWorkflow = vi.fn().mockReturnValue(of({ workflow: { wid: 55 } }));
-          const projectService = TestBed.inject(UserProjectService) as any;
-          const addSpy = vi.spyOn(projectService, "addWorkflowToProject").mockReturnValue(of({} as any));
-          component.pid = 8;
 
           component.onClickCreateNewWorkflowFromDashboard();
 
-          expect(addSpy).toHaveBeenCalledWith(8, 55);
           expect(navigateSpy).toHaveBeenCalledWith([USER_WORKSPACE, 55]);
         });
 
@@ -826,7 +726,6 @@ describe("SavedWorkflowSectionComponent", () => {
             .spyOn(TestBed.inject(NotificationService), "error")
             .mockImplementation(() => undefined as any);
           const navigateSpy = vi.spyOn(TestBed.inject(Router), "navigate").mockResolvedValue(true);
-          component.pid = undefined;
 
           component.onClickCreateNewWorkflowFromDashboard();
 
@@ -843,7 +742,6 @@ describe("SavedWorkflowSectionComponent", () => {
             .mockReturnValue(of([{ ...makeDashboardWorkflow(201, "dup"), ownerId: 2 }]));
           const searchService = TestBed.inject(SearchService) as any;
           const getUserInfoSpy = vi.spyOn(searchService, "getUserInfo");
-          component.pid = undefined;
           component.currentUid = 1;
           setEntries([makeEntry(9, "existing")]);
 
@@ -858,19 +756,6 @@ describe("SavedWorkflowSectionComponent", () => {
           expect(entries[0].accessibleUserIds).toEqual([1]);
         });
 
-        it("passes the section pid to duplicateWorkflow when inside a project", async () => {
-          const persist = TestBed.inject(WorkflowPersistService) as any;
-          persist.duplicateWorkflow = vi
-            .fn()
-            .mockReturnValue(of([{ ...makeDashboardWorkflow(202, "dp"), ownerId: 2 }]));
-          component.pid = 9;
-          setEntries([]);
-
-          await component.onClickDuplicateWorkflow(makeEntry(5, "orig"));
-
-          expect(persist.duplicateWorkflow).toHaveBeenCalledWith([5], 9);
-        });
-
         it("skips the user-info lookup and access grant when there is no owner or current user", async () => {
           const persist = TestBed.inject(WorkflowPersistService) as any;
           persist.duplicateWorkflow = vi
@@ -878,7 +763,6 @@ describe("SavedWorkflowSectionComponent", () => {
             .mockReturnValue(of([{ ...makeDashboardWorkflow(203, "no owner"), ownerId: undefined } as any]));
           const searchService = TestBed.inject(SearchService) as any;
           const getUserInfoSpy = vi.spyOn(searchService, "getUserInfo");
-          component.pid = undefined;
           component.currentUid = undefined;
           setEntries([]);
 
@@ -897,7 +781,6 @@ describe("SavedWorkflowSectionComponent", () => {
             .mockReturnValue(of([{ ...makeDashboardWorkflow(205, "na"), ownerId: 2 }]));
           const searchService = TestBed.inject(SearchService) as any;
           searchService.getUserInfo = vi.fn().mockReturnValue(of({ 2: { userName: "NoAvatar" } }));
-          component.pid = undefined;
           setEntries([]);
 
           await component.onClickDuplicateWorkflow(makeEntry(5, "orig"));
@@ -921,7 +804,6 @@ describe("SavedWorkflowSectionComponent", () => {
           persist.duplicateWorkflow = vi.fn().mockReturnValue(throwError(() => ({ error: "dup error" })));
           const alertSpy = vi.spyOn(window, "alert").mockImplementation(() => {});
           vi.spyOn(console, "log").mockImplementation(() => {});
-          component.pid = undefined;
           setEntries([]);
 
           await component.onClickDuplicateWorkflow(makeEntry(5, "orig"));
@@ -940,19 +822,6 @@ describe("SavedWorkflowSectionComponent", () => {
 
           expect(persist.duplicateWorkflow).not.toHaveBeenCalled();
         });
-
-        it("alerts on a duplication error in the project (pid) branch", () => {
-          const persist = TestBed.inject(WorkflowPersistService) as any;
-          persist.duplicateWorkflow = vi.fn().mockReturnValue(throwError(() => "pidboom"));
-          const alertSpy = vi.spyOn(window, "alert").mockImplementation(() => {});
-          component.pid = 4;
-          setEntries([makeEntry(1, "a", true)]);
-
-          component.onClickDuplicateSelectedWorkflows();
-
-          expect(persist.duplicateWorkflow).toHaveBeenCalledWith([1], 4);
-          expect(alertSpy).toHaveBeenCalledWith("pidboom");
-        });
       });
 
       describe("handleConfirmDeleteSelectedWorkflows", () => {
@@ -1091,19 +960,6 @@ describe("SavedWorkflowSectionComponent", () => {
         expect(spy).toHaveBeenCalled();
       });
 
-      it("shows and wires the project add/remove buttons when a pid is set", () => {
-        component.pid = 1;
-        fixture.detectChanges();
-        const addSpy = vi.spyOn(component, "onClickOpenAddWorkflow").mockImplementation(() => {});
-        const removeSpy = vi.spyOn(component, "onClickOpenRemoveWorkflow").mockImplementation(() => {});
-
-        q('[title="Add workflow(s) to project"]').triggerEventHandler("click", null);
-        q('[title="Remove workflow(s) from project"]').triggerEventHandler("click", null);
-
-        expect(addSpy).toHaveBeenCalled();
-        expect(removeSpy).toHaveBeenCalled();
-      });
-
       it("switches the view type through the List/Card buttons", () => {
         component.viewType = "card";
         fixture.detectChanges();
diff --git a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.ts b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.ts
index 0c5149eab9f..e33aae3cacb 100644
--- a/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.ts
+++ b/frontend/src/app/dashboard/component/user/user-workflow/user-workflow.component.ts
@@ -17,16 +17,13 @@
  * under the License.
  */
 
-import { AfterViewInit, Component, Input, ViewChild } from "@angular/core";
+import { AfterViewInit, Component, ViewChild } from "@angular/core";
 import { Router } from "@angular/router";
-import { NzModalService } from "ng-zorro-antd/modal";
 import { firstValueFrom, from, lastValueFrom, Observable, of } from "rxjs";
 import {
   DEFAULT_WORKFLOW_NAME,
   WorkflowPersistService,
 } from "../../../../common/service/workflow-persist/workflow-persist.service";
-import { NgbdModalAddProjectWorkflowComponent } from "../user-project/user-project-section/ngbd-modal-add-project-workflow/ngbd-modal-add-project-workflow.component";
-import { NgbdModalRemoveProjectWorkflowComponent } from "../user-project/user-project-section/ngbd-modal-remove-project-workflow/ngbd-modal-remove-project-workflow.component";
 import { DashboardEntry, UserInfo } from "../../../type/dashboard-entry";
 import { UserService } from "../../../../common/service/user/user.service";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
@@ -39,9 +36,7 @@ import { SearchResultsComponent } from "../search-results/search-results.compone
 import { CardItemComponent } from "../list-item/card-item/card-item.component";
 import { SearchService } from "../../../service/user/search.service";
 import { SortMethod } from "../../../type/sort-method";
-import { isDefined } from "../../../../common/util/predicate";
-import { UserProjectService } from "../../../service/user/project/user-project.service";
-import { map, mergeMap, switchMap, tap } from "rxjs/operators";
+import { map, switchMap, tap } from "rxjs/operators";
 import { DashboardWorkflow } from "../../../type/dashboard-workflow.interface";
 import { DownloadService } from "../../../service/user/download/download.service";
 import { USER_WORKSPACE } from "../../../../app-routing.constant";
@@ -62,7 +57,7 @@ import { FormsModule } from "@angular/forms";
 
 /**
  * Saved-workflow-section component contains information and functionality
- * of the saved workflows section and is re-used in the user projects section when a project is clicked
+ * of the saved workflows section
  *
  * This component:
  *  - displays the workflows the user has access to
@@ -140,9 +135,6 @@ export class UserWorkflowComponent implements AfterViewInit {
   }
   private masterFilterList: ReadonlyArray<string> | null = null;
 
-  // receive input from parent components (UserProjectSection), if any
-  @Input() public pid?: number = undefined;
-  @Input() public accessLevel?: string = undefined;
   public sortMethod = SortMethod.EditTimeDesc;
   public viewType: "list" | "card" =
     localStorage.getItem(UserWorkflowComponent.VIEW_MODE_STORAGE_KEY) === "card" ? "card" : "list";
@@ -151,9 +143,7 @@ export class UserWorkflowComponent implements AfterViewInit {
   constructor(
     private userService: UserService,
     private workflowPersistService: WorkflowPersistService,
-    private userProjectService: UserProjectService,
     private notificationService: NotificationService,
-    private modalService: NzModalService,
     private router: Router,
     private downloadService: DownloadService,
     private searchService: SearchService,
@@ -199,34 +189,6 @@ export class UserWorkflowComponent implements AfterViewInit {
       .subscribe(() => this.search());
   }
 
-  /**
-   * open the Modal to add workflow(s) to project
-   */
-  public onClickOpenAddWorkflow() {
-    const modalRef = this.modalService.create({
-      nzContent: NgbdModalAddProjectWorkflowComponent,
-      nzData: { projectId: this.pid },
-      nzFooter: null,
-      nzTitle: "Add Workflows To Project",
-      nzCentered: true,
-    });
-    modalRef.afterClose.pipe(untilDestroyed(this)).subscribe(() => this.search(true));
-  }
-
-  /**
-   * open the Modal to remove workflow(s) from project
-   */
-  public onClickOpenRemoveWorkflow() {
-    const modalRef = this.modalService.create({
-      nzContent: NgbdModalRemoveProjectWorkflowComponent,
-      nzData: { projectId: this.pid },
-      nzFooter: null,
-      nzTitle: "Remove Workflows From Project",
-      nzCentered: true,
-    });
-    modalRef.afterClose.pipe(untilDestroyed(this)).subscribe(() => this.search(true));
-  }
-
   /**
    * Searches workflows with keywords and filters given in the masterFilterList.
    * @returns
@@ -243,10 +205,6 @@ export class UserWorkflowComponent implements AfterViewInit {
     this.lastSortMethod = this.sortMethod;
     this.masterFilterList = this.filters.masterFilterList;
     let filterParams = this.filters.getSearchFilterParameters();
-    if (isDefined(this.pid)) {
-      // force the project id in the search query to be the current pid.
-      filterParams.projectIds = [this.pid];
-    }
     this.searchResultsComponent.reset((start, count) => {
       return firstValueFrom(
         this.searchService
@@ -280,7 +238,6 @@ export class UserWorkflowComponent implements AfterViewInit {
         executionMode: this.config.env.defaultExecutionMode,
       },
     };
-    let localPid = this.pid;
     this.workflowPersistService
       .createWorkflow(emptyWorkflowContent, DEFAULT_WORKFLOW_NAME)
       .pipe(
@@ -289,18 +246,7 @@ export class UserWorkflowComponent implements AfterViewInit {
             throw new Error("Workflow creation failed.");
           }
         }),
-        mergeMap(createdWorkflow => {
-          // Check if localPid is defined; if so, add the workflow to the project
-          if (localPid) {
-            return this.userProjectService.addWorkflowToProject(localPid, createdWorkflow.workflow.wid!).pipe(
-              // Regardless of the project addition outcome, pass the wid downstream
-              map(() => createdWorkflow.workflow.wid)
-            );
-          } else {
-            // If there's no localPid, skip adding to the project and directly pass the wid downstream
-            return of(createdWorkflow.workflow.wid);
-          }
-        }),
+        map(createdWorkflow => createdWorkflow.workflow.wid),
         untilDestroyed(this)
       )
       .subscribe({
@@ -315,24 +261,13 @@ export class UserWorkflowComponent implements AfterViewInit {
   /**
    * duplicate the current workflow. A new record will appear in frontend
    * workflow list and backend database.
-   *
-   * for workflow components inside a project-section, it will also add
-   * the workflow to the project
    */
   public async onClickDuplicateWorkflow(entry: DashboardEntry): Promise<void> {
     if (entry.workflow.workflow.wid) {
       try {
-        let duplicatedWorkflowsInfo: DashboardWorkflow[] = [];
-        if (!isDefined(this.pid)) {
-          duplicatedWorkflowsInfo = await firstValueFrom(
-            this.workflowPersistService.duplicateWorkflow([entry.workflow.workflow.wid])
-          );
-        } else {
-          const localPid = this.pid;
-          duplicatedWorkflowsInfo = await firstValueFrom(
-            this.workflowPersistService.duplicateWorkflow([entry.workflow.workflow.wid], localPid)
-          );
-        }
+        const duplicatedWorkflowsInfo: DashboardWorkflow[] = await firstValueFrom(
+          this.workflowPersistService.duplicateWorkflow([entry.workflow.workflow.wid])
+        );
 
         const userIds = new Set<number>();
         duplicatedWorkflowsInfo.forEach(workflow => {
@@ -514,38 +449,20 @@ export class UserWorkflowComponent implements AfterViewInit {
     }
 
     if (targetWids.length > 0) {
-      if (!isDefined(this.pid)) {
-        this.workflowPersistService
-          .duplicateWorkflow(targetWids)
-          .pipe(untilDestroyed(this))
-          .subscribe({
-            next: duplicatedWorkflowsInfo => {
-              this.searchResultsComponent.entries = [
-                ...duplicatedWorkflowsInfo.map(duplicatedWorkflowInfo => new DashboardEntry(duplicatedWorkflowInfo)),
-                ...this.searchResultsComponent.entries,
-              ];
-
-              // this.searchResultsComponent.clearAllSelections();
-            }, // TODO: fix this with notification component
-            error: (err: unknown) => alert(err),
-          });
-      } else {
-        const localPid = this.pid;
-        this.workflowPersistService
-          .duplicateWorkflow(targetWids, localPid)
-          .pipe(untilDestroyed(this))
-          .subscribe({
-            next: duplicatedWorkflowsInfo => {
-              this.searchResultsComponent.entries = [
-                ...duplicatedWorkflowsInfo.map(duplicatedWorkflowInfo => new DashboardEntry(duplicatedWorkflowInfo)),
-                ...this.searchResultsComponent.entries,
-              ];
-
-              // this.searchResultsComponent.clearAllSelections();
-            }, // TODO: fix this with notification component
-            error: (err: unknown) => alert(err),
-          });
-      }
+      this.workflowPersistService
+        .duplicateWorkflow(targetWids)
+        .pipe(untilDestroyed(this))
+        .subscribe({
+          next: duplicatedWorkflowsInfo => {
+            this.searchResultsComponent.entries = [
+              ...duplicatedWorkflowsInfo.map(duplicatedWorkflowInfo => new DashboardEntry(duplicatedWorkflowInfo)),
+              ...this.searchResultsComponent.entries,
+            ];
+
+            // this.searchResultsComponent.clearAllSelections();
+          }, // TODO: fix this with notification component
+          error: (err: unknown) => alert(err),
+        });
     }
   }
 
diff --git a/frontend/src/app/dashboard/service/user/project/stub-user-project.service.ts b/frontend/src/app/dashboard/service/user/project/stub-user-project.service.ts
deleted file mode 100644
index 8689cd326ed..00000000000
--- a/frontend/src/app/dashboard/service/user/project/stub-user-project.service.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { Observable } from "rxjs";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
-import { DashboardWorkflow } from "../../../type/dashboard-workflow.interface";
-import { DashboardFile } from "../../../type/dashboard-file.interface";
-import { UserProjectService } from "./user-project.service";
-import { testUserProjects } from "../../../component/user-dashboard-test-fixtures";
-
-export class StubUserProjectService {
-  public getProjectList(): Observable<DashboardProject[]> {
-    return new Observable(observer => observer.next(testUserProjects.slice()));
-  }
-
-  public retrieveWorkflowsOfProject(pid: number): Observable<DashboardWorkflow[]> {
-    throw new Error("Not implemented.");
-  }
-
-  public retrieveFilesOfProject(pid: number): Observable<DashboardFile[]> {
-    throw new Error("Not implemented.");
-  }
-
-  public getProjectFiles(): ReadonlyArray<DashboardFile> {
-    throw new Error("Not implemented.");
-  }
-
-  public refreshFilesOfProject(pid: number): void {
-    throw new Error("Not implemented.");
-  }
-
-  public retrieveProject(pid: number): Observable<DashboardProject> {
-    throw new Error("Not implemented.");
-  }
-
-  public updateProjectName(pid: number, name: string): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public updateProjectDescription(pid: number, description: string): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public deleteProject(pid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public createProject(name: string): Observable<DashboardProject> {
-    throw new Error("Not implemented.");
-  }
-
-  public addWorkflowToProject(pid: number, wid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public removeWorkflowFromProject(pid: number, wid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public addFileToProject(pid: number, fid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public updateProjectColor(pid: number, colorHex: string): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public deleteProjectColor(pid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  public removeFileFromProject(pid: number, fid: number): Observable<Response> {
-    throw new Error("Not implemented.");
-  }
-
-  /**
-   * same as UserFileService"s deleteDashboardUserFileEntry method, except
-   * it is modified to refresh the project"s list of files
-   */
-  public deleteDashboardUserFileEntry(pid: number, targetUserFileEntry: DashboardFile): void {
-    throw new Error("Not implemented.");
-  }
-
-  /**
-   * Helper function to determine if a project color is light
-   * or dark, which can be helpful for styling decisions
-   *
-   * @param color (HEX formatted color string)
-   * @returns boolean indicating whether color is "light" or "dark"
-   */
-  public isLightColor(color: string): boolean {
-    return UserProjectService.isLightColor(color);
-  }
-
-  /**
-   * Helper function to validate if a project color is in HEX format
-   *
-   * @param color
-   * @returns boolean indicating whether color is in valid HEX format
-   */
-  public isInvalidColorFormat(color: string): boolean {
-    return UserProjectService.isInvalidColorFormat(color);
-  }
-}
diff --git a/frontend/src/app/dashboard/service/user/project/user-project.service.spec.ts b/frontend/src/app/dashboard/service/user/project/user-project.service.spec.ts
deleted file mode 100644
index 8254a09e9cc..00000000000
--- a/frontend/src/app/dashboard/service/user/project/user-project.service.spec.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import {
-  CREATE_PROJECT_URL,
-  DELETE_PROJECT_URL,
-  USER_FILE_DELETE_URL,
-  USER_PROJECT_BASE_URL,
-  USER_PROJECT_LIST_URL,
-  UserProjectService,
-} from "./user-project.service";
-import { HttpClientTestingModule, HttpTestingController } from "@angular/common/http/testing";
-import { TestBed } from "@angular/core/testing";
-import { NotificationService } from "../../../../common/service/notification/notification.service";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
-import { DashboardWorkflow } from "../../../type/dashboard-workflow.interface";
-import { DashboardFile } from "../../../type/dashboard-file.interface";
-
-const mockProject: DashboardProject = {
-  pid: 1,
-  name: "proj",
-  description: "desc",
-  ownerId: 7,
-  creationTime: 0,
-  color: null,
-  accessLevel: "WRITE",
-};
-
-const mockFile: DashboardFile = {
-  ownerEmail: "owner@test.com",
-  accessLevel: "READ",
-  file: { ownerUid: 7, fid: 3, size: 10, name: "data.csv", path: "/data.csv", description: "", uploadTime: 0 },
-};
-
-const mockWorkflows = [{ projectIDs: [1], accessLevel: "READ" }] as unknown as DashboardWorkflow[];
-const mockResponse = { ok: true } as unknown as Response;
-
-describe("UserProjectService", () => {
-  let service: UserProjectService;
-  let httpMock: HttpTestingController;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
-      // UserProjectService never calls NotificationService; stub it so TestBed
-      // does not have to construct the ng-zorro message/notification services.
-      providers: [UserProjectService, { provide: NotificationService, useValue: {} }],
-    });
-    service = TestBed.inject(UserProjectService);
-    httpMock = TestBed.inject(HttpTestingController);
-  });
-
-  afterEach(() => {
-    httpMock.verify();
-  });
-
-  it("getProjectList issues GET to the list url", () => {
-    let result: DashboardProject[] | undefined;
-    service.getProjectList().subscribe(res => (result = res));
-    const req = httpMock.expectOne(USER_PROJECT_LIST_URL);
-    expect(req.request.method).toBe("GET");
-    req.flush([mockProject]);
-    expect(result).toEqual([mockProject]);
-  });
-
-  it("retrieveWorkflowsOfProject issues GET to the project workflows url", () => {
-    let result: DashboardWorkflow[] | undefined;
-    service.retrieveWorkflowsOfProject(1).subscribe(res => (result = res));
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/workflows`);
-    expect(req.request.method).toBe("GET");
-    req.flush(mockWorkflows);
-    expect(result).toEqual(mockWorkflows);
-  });
-
-  it("retrieveFilesOfProject issues GET to the project files url", () => {
-    let result: DashboardFile[] | undefined;
-    service.retrieveFilesOfProject(1).subscribe(res => (result = res));
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/files`);
-    expect(req.request.method).toBe("GET");
-    req.flush([mockFile]);
-    expect(result).toEqual([mockFile]);
-  });
-
-  it("retrieveProject issues GET to the project url", () => {
-    let result: DashboardProject | undefined;
-    service.retrieveProject(1).subscribe(res => (result = res));
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1`);
-    expect(req.request.method).toBe("GET");
-    req.flush(mockProject);
-    expect(result).toEqual(mockProject);
-  });
-
-  it("createProject issues POST to the create url with the name in the path", () => {
-    let result: DashboardProject | undefined;
-    service.createProject("proj").subscribe(res => (result = res));
-    const req = httpMock.expectOne(`${CREATE_PROJECT_URL}/proj`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockProject);
-    expect(result).toEqual(mockProject);
-  });
-
-  it("updateProjectName issues POST to the rename url", () => {
-    service.updateProjectName(1, "renamed").subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/rename/renamed`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockResponse);
-  });
-
-  it("updateProjectDescription issues POST with the description as the raw body", () => {
-    service.updateProjectDescription(1, "a new description").subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/update/description`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toBe("a new description");
-    req.flush(mockResponse);
-  });
-
-  it("deleteProject issues DELETE to the delete url", () => {
-    service.deleteProject(1).subscribe();
-    const req = httpMock.expectOne(`${DELETE_PROJECT_URL}/1`);
-    expect(req.request.method).toBe("DELETE");
-    req.flush(mockResponse);
-  });
-
-  it("addWorkflowToProject issues POST to the add-workflow url", () => {
-    service.addWorkflowToProject(1, 2).subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/workflow/2/add`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockResponse);
-  });
-
-  it("removeWorkflowFromProject issues DELETE to the remove-workflow url", () => {
-    service.removeWorkflowFromProject(1, 2).subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/workflow/2/delete`);
-    expect(req.request.method).toBe("DELETE");
-    req.flush(mockResponse);
-  });
-
-  it("addFileToProject issues POST to the add-file url", () => {
-    service.addFileToProject(1, 3).subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/user-file/3/add`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockResponse);
-  });
-
-  it("updateProjectColor issues POST to the color-add url", () => {
-    service.updateProjectColor(1, "ff0000").subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/color/ff0000/add`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockResponse);
-  });
-
-  it("deleteProjectColor issues POST to the color-delete url", () => {
-    service.deleteProjectColor(1).subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/color/delete`);
-    expect(req.request.method).toBe("POST");
-    expect(req.request.body).toEqual({});
-    req.flush(mockResponse);
-  });
-
-  it("removeFileFromProject issues DELETE to the remove-file url", () => {
-    service.removeFileFromProject(1, 3).subscribe();
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/user-file/3/delete`);
-    expect(req.request.method).toBe("DELETE");
-    req.flush(mockResponse);
-  });
-
-  it("getProjectFiles returns an empty list before any fetch", () => {
-    expect(service.getProjectFiles()).toEqual([]);
-  });
-
-  it("refreshFilesOfProject fetches files and caches them for getProjectFiles", () => {
-    service.refreshFilesOfProject(1);
-    const req = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/files`);
-    expect(req.request.method).toBe("GET");
-    req.flush([mockFile]);
-    expect(service.getProjectFiles()).toEqual([mockFile]);
-  });
-
-  it("deleteDashboardUserFileEntry deletes the file then refreshes the cached project files", () => {
-    service.deleteDashboardUserFileEntry(1, mockFile);
-
-    const deleteReq = httpMock.expectOne(`${USER_FILE_DELETE_URL}/${mockFile.file.name}/${mockFile.ownerEmail}`);
-    expect(deleteReq.request.method).toBe("DELETE");
-    deleteReq.flush({});
-
-    const refreshReq = httpMock.expectOne(`${USER_PROJECT_BASE_URL}/1/files`);
-    expect(refreshReq.request.method).toBe("GET");
-    refreshReq.flush([mockFile]);
-
-    expect(service.getProjectFiles()).toEqual([mockFile]);
-  });
-});
-
-describe("UserProjectService color helpers", () => {
-  it("isInvalidColorFormat flags null, wrong-length, and non-hex strings", () => {
-    expect(UserProjectService.isInvalidColorFormat(null as unknown as string)).toBe(true);
-    expect(UserProjectService.isInvalidColorFormat("ff")).toBe(true); // too short
-    expect(UserProjectService.isInvalidColorFormat("ffff")).toBe(true); // length 4
-    expect(UserProjectService.isInvalidColorFormat("gggggg")).toBe(true); // non-hex
-    expect(UserProjectService.isInvalidColorFormat("fff")).toBe(false); // 3-digit hex
-    expect(UserProjectService.isInvalidColorFormat("ffffff")).toBe(false); // 6-digit hex
-    expect(UserProjectService.isInvalidColorFormat("1A2b3C")).toBe(false); // mixed case
-  });
-
-  it("isLightColor is true for light colors and false for dark or invalid ones", () => {
-    expect(UserProjectService.isLightColor("ffffff")).toBe(true); // white
-    expect(UserProjectService.isLightColor("fff")).toBe(true); // 3-digit white expands to ffffff
-    expect(UserProjectService.isLightColor("000000")).toBe(false); // black
-    expect(UserProjectService.isLightColor("zz")).toBe(false); // invalid format -> dark default
-  });
-});
diff --git a/frontend/src/app/dashboard/service/user/project/user-project.service.ts b/frontend/src/app/dashboard/service/user/project/user-project.service.ts
deleted file mode 100644
index dbac0ae2603..00000000000
--- a/frontend/src/app/dashboard/service/user/project/user-project.service.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
-import { Observable } from "rxjs";
-import { AppSettings } from "../../../../common/app-setting";
-import { DashboardWorkflow } from "../../../type/dashboard-workflow.interface";
-import { DashboardFile } from "../../../type/dashboard-file.interface";
-import { DashboardProject } from "../../../type/dashboard-project.interface";
-import { NotificationService } from "../../../../common/service/notification/notification.service";
-
-export const USER_PROJECT_BASE_URL = `${AppSettings.getApiEndpoint()}/project`;
-export const USER_PROJECT_LIST_URL = `${USER_PROJECT_BASE_URL}/list`;
-export const DELETE_PROJECT_URL = `${USER_PROJECT_BASE_URL}/delete`;
-export const CREATE_PROJECT_URL = `${USER_PROJECT_BASE_URL}/create`;
-export const USER_FILE_BASE_URL = `${AppSettings.getApiEndpoint()}/user/file`;
-export const USER_FILE_DELETE_URL = `${USER_FILE_BASE_URL}/delete`;
-
-@Injectable({
-  providedIn: "root",
-})
-export class UserProjectService {
-  private files: ReadonlyArray<DashboardFile> = [];
-
-  constructor(
-    private http: HttpClient,
-    private notificationService: NotificationService
-  ) {}
-
-  public getProjectList(): Observable<DashboardProject[]> {
-    return this.http.get<DashboardProject[]>(`${USER_PROJECT_LIST_URL}`);
-  }
-
-  public retrieveWorkflowsOfProject(pid: number): Observable<DashboardWorkflow[]> {
-    return this.http.get<DashboardWorkflow[]>(`${USER_PROJECT_BASE_URL}/${pid}/workflows`);
-  }
-
-  public retrieveFilesOfProject(pid: number): Observable<DashboardFile[]> {
-    return this.http.get<DashboardFile[]>(`${USER_PROJECT_BASE_URL}/${pid}/files`);
-  }
-
-  public getProjectFiles(): ReadonlyArray<DashboardFile> {
-    return this.files;
-  }
-
-  public refreshFilesOfProject(pid: number): void {
-    this.retrieveFilesOfProject(pid).subscribe(files => {
-      this.files = files;
-    });
-  }
-
-  public retrieveProject(pid: number): Observable<DashboardProject> {
-    return this.http.get<DashboardProject>(`${USER_PROJECT_BASE_URL}/${pid}`);
-  }
-
-  public updateProjectName(pid: number, name: string): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/rename/${name}`, {});
-  }
-
-  public updateProjectDescription(pid: number, description: string): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/update/description`, `${description}`);
-  }
-
-  public deleteProject(pid: number): Observable<Response> {
-    return this.http.delete<Response>(`${DELETE_PROJECT_URL}/` + pid);
-  }
-
-  public createProject(name: string): Observable<DashboardProject> {
-    return this.http.post<DashboardProject>(`${CREATE_PROJECT_URL}/` + name, {});
-  }
-
-  public addWorkflowToProject(pid: number, wid: number): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/workflow/${wid}/add`, {});
-  }
-
-  public removeWorkflowFromProject(pid: number, wid: number): Observable<Response> {
-    return this.http.delete<Response>(`${USER_PROJECT_BASE_URL}/${pid}/workflow/${wid}/delete`, {});
-  }
-
-  public addFileToProject(pid: number, fid: number): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/user-file/${fid}/add`, {});
-  }
-
-  public updateProjectColor(pid: number, colorHex: string): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/color/${colorHex}/add`, {});
-  }
-
-  public deleteProjectColor(pid: number): Observable<Response> {
-    return this.http.post<Response>(`${USER_PROJECT_BASE_URL}/${pid}/color/delete`, {});
-  }
-
-  public removeFileFromProject(pid: number, fid: number): Observable<Response> {
-    return this.http.delete<Response>(`${USER_PROJECT_BASE_URL}/${pid}/user-file/${fid}/delete`, {});
-  }
-
-  /**
-   * same as UserFileService"s deleteDashboardUserFileEntry method, except
-   * it is modified to refresh the project"s list of files
-   */
-  public deleteDashboardUserFileEntry(pid: number, targetUserFileEntry: DashboardFile): void {
-    this.http
-      .delete<Response>(`${USER_FILE_DELETE_URL}/${targetUserFileEntry.file.name}/${targetUserFileEntry.ownerEmail}`)
-      .subscribe({
-        next: () => {
-          this.refreshFilesOfProject(pid); // refresh files within project
-        },
-        // @ts-ignore // TODO: fix this with notification component
-        error: (err: unknown) => alert("Cannot delete the file entry: " + err.error),
-      });
-  }
-
-  /**
-   * Helper function to determine if a project color is light
-   * or dark, which can be helpful for styling decisions
-   *
-   * @param color (HEX formatted color string)
-   * @returns boolean indicating whether color is "light" or "dark"
-   */
-  public static isLightColor(color: string): boolean {
-    if (this.isInvalidColorFormat(color)) {
-      return false; // default color is dark
-    }
-
-    // ensure format is in 6 digit HEX
-    if (color.length == 3) {
-      color = color
-        .split("")
-        .map(s => s + s)
-        .join("");
-    }
-
-    // convert to RGB form
-    let colorRGB: number = +("0x" + color);
-
-    let r: number = colorRGB >> 16;
-    let g: number = (colorRGB >> 8) & 255;
-    let b: number = colorRGB & 255;
-
-    // estimate HSV value
-    let hsv: number = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));
-    return hsv > 200;
-  }
-
-  /**
-   * Helper function to validate if a project color is in HEX format
-   *
-   * @param color
-   * @returns boolean indicating whether color is in valid HEX format
-   */
-  public static isInvalidColorFormat(color: string) {
-    return color == null || (color.length != 6 && color.length != 3) || !/^([0-9A-Fa-f]{3}){1,2}$/.test(color);
-  }
-}
diff --git a/frontend/src/app/dashboard/service/user/public-project/public-project.service.ts b/frontend/src/app/dashboard/service/user/public-project/public-project.service.ts
deleted file mode 100644
index a6d35f610d7..00000000000
--- a/frontend/src/app/dashboard/service/user/public-project/public-project.service.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
-import { Observable } from "rxjs";
-import { AppSettings } from "../../../../common/app-setting";
-import { PublicProject } from "../../../type/dashboard-project.interface";
-
-export const USER_BASE_URL = `${AppSettings.getApiEndpoint()}/public/project`;
-
-@Injectable({
-  providedIn: "root",
-})
-export class PublicProjectService {
-  constructor(private http: HttpClient) {}
-
-  public getType(pid: number): Observable<string> {
-    return this.http.get(`${USER_BASE_URL}/type/${pid}`, { responseType: "text" });
-  }
-
-  public makePublic(pid: number): Observable<void> {
-    return this.http.put<void>(`${USER_BASE_URL}/public/${pid}`, null);
-  }
-
-  public makePrivate(pid: number): Observable<void> {
-    return this.http.put<void>(`${USER_BASE_URL}/private/${pid}`, null);
-  }
-
-  public getPublicProjects(): Observable<PublicProject[]> {
-    return this.http.get<PublicProject[]>(`${USER_BASE_URL}/list`);
-  }
-
-  public addPublicProjects(CheckedId: number[]): Observable<void> {
-    return this.http.put<void>(`${USER_BASE_URL}/add`, CheckedId);
-  }
-}
diff --git a/frontend/src/app/dashboard/service/user/search.service.spec.ts b/frontend/src/app/dashboard/service/user/search.service.spec.ts
index 994169a1ee4..624fa3de4ab 100644
--- a/frontend/src/app/dashboard/service/user/search.service.spec.ts
+++ b/frontend/src/app/dashboard/service/user/search.service.spec.ts
@@ -30,7 +30,6 @@ import { SearchFilterParameters } from "../../type/search-filter-parameters";
 import { SortMethod } from "../../type/sort-method";
 import { SearchResult, SearchResultItem } from "../../type/search-result";
 import { DashboardWorkflow } from "../../type/dashboard-workflow.interface";
-import { DashboardProject } from "../../type/dashboard-project.interface";
 import { DashboardDataset } from "../../type/dashboard-dataset.interface";
 
 const API = "api";
@@ -44,7 +43,6 @@ function makeEmptyFilter(): SearchFilterParameters {
     owners: [],
     ids: [],
     operators: [],
-    projectIds: [],
   };
 }
 
@@ -68,7 +66,6 @@ function makeWorkflowItem(wid: number, ownerId: number): SearchResultItem {
         settings: { dataTransferBatchSize: 400, executionMode: "PIPELINED" as any },
       },
     },
-    projectIDs: [],
     accessLevel: "WRITE",
     ownerId,
     coverImage: null,
@@ -76,19 +73,6 @@ function makeWorkflowItem(wid: number, ownerId: number): SearchResultItem {
   return { resourceType: "workflow", workflow };
 }
 
-function makeProjectItem(pid: number, ownerId: number): SearchResultItem {
-  const project: DashboardProject = {
-    pid,
-    name: `proj-${pid}`,
-    description: "",
-    ownerId,
-    creationTime: 0,
-    color: null,
-    accessLevel: "WRITE",
-  };
-  return { resourceType: "project", project };
-}
-
 function makeDatasetItem(did: number, ownerUid: number): SearchResultItem {
   const dataset: DashboardDataset = {
     isOwner: true,
@@ -277,22 +261,6 @@ describe("SearchService", () => {
       expect(persistSpy.getSizes).not.toHaveBeenCalled();
     });
 
-    it("uses Project entity routing for project items", async () => {
-      const proj = makeProjectItem(20, 8);
-      vi.spyOn(service, "getUserInfo").mockReturnValue(of({ 8: { userName: "bob" } }));
-      hubSpy.getCounts.mockReturnValue(
-        of([{ entityId: 20, entityType: EntityType.Project, counts: { [ActionType.Clone]: 2 } }])
-      );
-
-      const [entry] = await firstValueFrom(service.extendSearchResultsWithHubActivityInfo([proj], true));
-
-      const [types, ids] = hubSpy.getCounts.mock.calls[0];
-      expect(types).toEqual([EntityType.Project]);
-      expect(ids).toEqual([20]);
-      expect(entry.cloneCount).toBe(2);
-      expect(entry.ownerName).toBe("bob");
-    });
-
     it("uses Dataset entity routing and pulls ownerUid for dataset items", async () => {
       const ds = makeDatasetItem(30, 9);
       const userInfoSpy = vi.spyOn(service, "getUserInfo").mockReturnValue(of({ 9: { userName: "carol" } }));
@@ -307,10 +275,10 @@ describe("SearchService", () => {
     });
 
     it("does not request sizes when there are no workflow items", async () => {
-      const proj = makeProjectItem(20, 8);
+      const ds = makeDatasetItem(20, 8);
       vi.spyOn(service, "getUserInfo").mockReturnValue(of({} as any));
 
-      await firstValueFrom(service.extendSearchResultsWithHubActivityInfo([proj], true));
+      await firstValueFrom(service.extendSearchResultsWithHubActivityInfo([ds], true));
 
       expect(persistSpy.getSizes).not.toHaveBeenCalled();
     });
diff --git a/frontend/src/app/dashboard/service/user/search.service.ts b/frontend/src/app/dashboard/service/user/search.service.ts
index a48ff8991d6..90b5f14f72a 100644
--- a/frontend/src/app/dashboard/service/user/search.service.ts
+++ b/frontend/src/app/dashboard/service/user/search.service.ts
@@ -59,7 +59,7 @@ export class SearchService {
    * @param params - Additional search filter parameters.
    * @param start - The starting index for paginated results.
    * @param count - The number of results to retrieve.
-   * @param type - The type of resource to search for ("workflow", "project", "dataset", "file", or null (all resource type)).
+   * @param type - The type of resource to search for ("workflow", "dataset", "file", or null (all resource type)).
    * @param orderBy - Specifies the sorting method.
    * @param isLogin - Indicates if the user is logged in.
    *    - `isLogin = true`: Use the authenticated search endpoint, retrieving both user-accessible and public resources based on `includePublic`.
@@ -73,7 +73,7 @@ export class SearchService {
     params: SearchFilterParameters,
     start: number,
     count: number,
-    type: "workflow" | "project" | "file" | "dataset" | null,
+    type: "workflow" | "file" | "dataset" | null,
     orderBy: SortMethod,
     isLogin: boolean,
     includePublic: boolean = false
@@ -102,7 +102,7 @@ export class SearchService {
    * This method:
    * - Dispatches a paginated search request (authenticated or public) via `this.search(...)`.
    * - Filters out null or mismatched datasets when `type === 'dataset'` and sets `hasMismatch`.
-   * - Fetches owner information (name, Google avatar) in batch for workflows, projects, and datasets.
+   * - Fetches owner information (name, Google avatar) in batch for workflows and datasets.
    * - Aggregates view/clone/like counts via the batch counts API.
    * - Constructs `DashboardEntry` instances and attaches owner info and counts.
    *
@@ -110,7 +110,7 @@ export class SearchService {
    * @param params        Additional search filter parameters.
    * @param start         The starting index for paginated results.
    * @param count         The number of results to retrieve.
-   * @param type          The type of resource to search for ("workflow", "project", "dataset", "file", or null (all resource type)).
+   * @param type          The type of resource to search for ("workflow", "dataset", "file", or null (all resource type)).
    * @param orderBy       Specifies the sorting method.
    * @param isLogin       Indicates if the user is logged in.
    * @param includePublic Specifies whether to include public resources in the search results.
@@ -125,7 +125,7 @@ export class SearchService {
     params: SearchFilterParameters,
     start: number,
     count: number,
-    type: "workflow" | "project" | "dataset" | "file" | null,
+    type: "workflow" | "dataset" | "file" | null,
     orderBy: SortMethod,
     isLogin: boolean,
     includePublic: boolean
@@ -170,8 +170,7 @@ export class SearchService {
 
     const userIds = new Set<number>();
     items.forEach(i => {
-      if (i.project) userIds.add(i.project.ownerId);
-      else if (i.workflow) userIds.add(i.workflow.ownerId);
+      if (i.workflow) userIds.add(i.workflow.ownerId);
       else if (i.dataset?.dataset?.ownerUid != null) userIds.add(i.dataset.dataset.ownerUid);
     });
     const userInfo$ = userIds.size ? this.getUserInfo(Array.from(userIds)) : of({} as Record<number, UserInfo>);
@@ -182,9 +181,6 @@ export class SearchService {
       if (i.workflow?.workflow?.wid != null) {
         entityTypes.push(EntityType.Workflow);
         entityIds.push(i.workflow.workflow.wid);
-      } else if (i.project) {
-        entityTypes.push(EntityType.Project);
-        entityIds.push(i.project.pid);
       } else if (i.dataset?.dataset?.did != null) {
         entityTypes.push(EntityType.Dataset);
         entityIds.push(i.dataset.dataset.did);
@@ -220,18 +216,10 @@ export class SearchService {
         access.forEach(r => (accessMap[`${r.entityType}:${r.entityId}`] = r.userIds));
 
         return items.map(i => {
-          const entry = i.workflow
-            ? new DashboardEntry(i.workflow)
-            : i.project
-              ? new DashboardEntry(i.project)
-              : new DashboardEntry(i.dataset!);
+          const entry = i.workflow ? new DashboardEntry(i.workflow) : new DashboardEntry(i.dataset!);
 
           const key = `${entry.type}:${entry.id}`;
-          const ownerId = i.workflow
-            ? i.workflow.ownerId
-            : i.project
-              ? i.project.ownerId
-              : i.dataset!.dataset!.ownerUid!;
+          const ownerId = i.workflow ? i.workflow.ownerId : i.dataset!.dataset!.ownerUid!;
           const ui = (userMap as any)[ownerId];
           if (ui) {
             entry.setOwnerName(ui.userName);
diff --git a/frontend/src/app/dashboard/service/user/stub-search.service.ts b/frontend/src/app/dashboard/service/user/stub-search.service.ts
index 6ab1628626f..441f095bc6a 100644
--- a/frontend/src/app/dashboard/service/user/stub-search.service.ts
+++ b/frontend/src/app/dashboard/service/user/stub-search.service.ts
@@ -43,7 +43,7 @@ export class StubSearchService {
     params: SearchFilterParameters,
     start: number,
     count: number,
-    type: "workflow" | "project" | "file" | "dataset" | null,
+    type: "workflow" | "file" | "dataset" | null,
     orderBy: SortMethod,
     isLogin: boolean = true,
     includePublic: boolean = false
@@ -54,7 +54,6 @@ export class StubSearchService {
         results: searchTestEntries(keywords, params, this.testEntries, type).map(i => ({
           resourceType: i.type,
           workflow: i.type === "workflow" ? i.workflow : undefined,
-          project: i.type === "project" ? i.project : undefined,
         })),
         more: false,
       });
@@ -80,7 +79,7 @@ export class StubSearchService {
     params: SearchFilterParameters,
     start: number,
     count: number,
-    type: "workflow" | "project" | "dataset" | "file" | null,
+    type: "workflow" | "dataset" | "file" | null,
     orderBy: SortMethod,
     isLogin: boolean,
     includePublic: boolean
@@ -95,7 +94,6 @@ export class StubSearchService {
           i =>
             this.testEntries.find(e => {
               if (i.workflow && e.type === "workflow" && e.workflow === i.workflow) return true;
-              if (i.project && e.type === "project" && e.project === i.project) return true;
               if (i.dataset && e.type === "dataset" && e.dataset === i.dataset) return true;
               return false;
             })!
diff --git a/frontend/src/app/dashboard/type/dashboard-entry.spec.ts b/frontend/src/app/dashboard/type/dashboard-entry.spec.ts
index 2d6621ecbf6..6212c458587 100644
--- a/frontend/src/app/dashboard/type/dashboard-entry.spec.ts
+++ b/frontend/src/app/dashboard/type/dashboard-entry.spec.ts
@@ -20,7 +20,6 @@
 import { DashboardEntry } from "./dashboard-entry";
 import { EntityType } from "../../hub/service/hub.service";
 import { DashboardWorkflow } from "./dashboard-workflow.interface";
-import { DashboardProject } from "./dashboard-project.interface";
 import { DashboardFile } from "./dashboard-file.interface";
 import { DashboardDataset } from "./dashboard-dataset.interface";
 import { DashboardWorkflowComputingUnit } from "../../common/type/workflow-computing-unit";
@@ -51,25 +50,12 @@ function makeWorkflow(coverImage: string | null = "http://example.com/cover.png"
       isPublished: 0,
       readonly: false,
     },
-    projectIDs: [1, 2],
     accessLevel: "WRITE",
     ownerId: 10,
     coverImage,
   };
 }
 
-function makeProject(): DashboardProject {
-  return {
-    pid: 202,
-    name: "My Project",
-    description: "A sample project",
-    ownerId: 20,
-    creationTime: 1700000002000,
-    color: "#ff0000",
-    accessLevel: "READ",
-  };
-}
-
 function makeFile(): DashboardFile {
   return {
     ownerEmail: "file-owner@example.com",
@@ -164,20 +150,6 @@ describe("DashboardEntry", () => {
       expect(entry.coverImageUrl).toBeUndefined();
     });
 
-    it("maps a DashboardProject to the Project entity with empty description and creationTime as both timestamps", () => {
-      const entry = new DashboardEntry(makeProject());
-
-      expect(entry.type).toBe(EntityType.Project);
-      expect(entry.id).toBe(202);
-      expect(entry.name).toBe("My Project");
-      expect(entry.description).toBe("");
-      expect(entry.creationTime).toBe(1700000002000);
-      expect(entry.lastModifiedTime).toBe(1700000002000);
-      expect(entry.accessLevel).toBe("READ");
-      expect(entry.ownerId).toBe(20);
-      expect(entry.coverImageUrl).toBeUndefined();
-    });
-
     it("maps a DashboardFile to the File entity and copies file fields", () => {
       const entry = new DashboardEntry(makeFile());
 
@@ -286,13 +258,7 @@ describe("DashboardEntry", () => {
     it("workflow getter returns the value for a workflow entry and throws for others", () => {
       const workflowValue = makeWorkflow();
       expect(new DashboardEntry(workflowValue).workflow).toBe(workflowValue);
-      expect(() => new DashboardEntry(makeProject()).workflow).toThrowError("Value is not of type DashboardWorkflow.");
-    });
-
-    it("project getter returns the value for a project entry and throws for others", () => {
-      const projectValue = makeProject();
-      expect(new DashboardEntry(projectValue).project).toBe(projectValue);
-      expect(() => new DashboardEntry(makeWorkflow()).project).toThrowError("Value is not of type DashboardProject.");
+      expect(() => new DashboardEntry(makeFile()).workflow).toThrowError("Value is not of type DashboardWorkflow.");
     });
 
     it("file getter returns the value for a file entry and throws for others", () => {
diff --git a/frontend/src/app/dashboard/type/dashboard-entry.ts b/frontend/src/app/dashboard/type/dashboard-entry.ts
index 71c9a1515f2..632cfff135a 100644
--- a/frontend/src/app/dashboard/type/dashboard-entry.ts
+++ b/frontend/src/app/dashboard/type/dashboard-entry.ts
@@ -19,13 +19,11 @@
 
 import { DashboardFile } from "./dashboard-file.interface";
 import { DashboardWorkflow } from "./dashboard-workflow.interface";
-import { DashboardProject } from "./dashboard-project.interface";
 import { DashboardDataset } from "./dashboard-dataset.interface";
 import { DashboardWorkflowComputingUnit } from "../../common/type/workflow-computing-unit";
 import {
   isDashboardDataset,
   isDashboardFile,
-  isDashboardProject,
   isDashboardWorkflow,
   isDashboardWorkflowComputingUnit,
 } from "./type-predicates";
@@ -57,14 +55,7 @@ export class DashboardEntry {
   accessibleUserIds: number[];
   coverImageUrl?: string;
 
-  constructor(
-    public value:
-      | DashboardWorkflow
-      | DashboardProject
-      | DashboardFile
-      | DashboardDataset
-      | DashboardWorkflowComputingUnit
-  ) {
+  constructor(public value: DashboardWorkflow | DashboardFile | DashboardDataset | DashboardWorkflowComputingUnit) {
     if (isDashboardWorkflow(value)) {
       this.type = EntityType.Workflow;
       this.id = value.workflow.wid;
@@ -84,24 +75,6 @@ export class DashboardEntry {
       this.isLiked = false;
       this.accessibleUserIds = [];
       this.coverImageUrl = value.coverImage ?? undefined;
-    } else if (isDashboardProject(value)) {
-      this.type = EntityType.Project;
-      this.id = value.pid;
-      this.name = value.name;
-      this.description = "";
-      this.creationTime = value.creationTime;
-      this.lastModifiedTime = value.creationTime;
-      this.accessLevel = value.accessLevel;
-      this.ownerName = "";
-      this.ownerEmail = "";
-      this.ownerGoogleAvatar = "";
-      this.ownerId = value.ownerId;
-      this.size = 0;
-      this.viewCount = 0;
-      this.cloneCount = 0;
-      this.likeCount = 0;
-      this.isLiked = false;
-      this.accessibleUserIds = [];
     } else if (isDashboardFile(value)) {
       this.type = EntityType.File;
       this.id = value.file.fid;
@@ -184,13 +157,6 @@ export class DashboardEntry {
     this.size = size;
   }
 
-  get project(): DashboardProject {
-    if (!isDashboardProject(this.value)) {
-      throw new Error("Value is not of type DashboardProject.");
-    }
-    return this.value;
-  }
-
   get workflow(): DashboardWorkflow {
     if (!isDashboardWorkflow(this.value)) {
       throw new Error("Value is not of type DashboardWorkflow.");
diff --git a/frontend/src/app/dashboard/type/dashboard-project.interface.ts b/frontend/src/app/dashboard/type/dashboard-project.interface.ts
deleted file mode 100644
index 4e84bb16c0b..00000000000
--- a/frontend/src/app/dashboard/type/dashboard-project.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-export interface DashboardProject {
-  pid: number;
-  name: string;
-  description: string;
-  ownerId: number;
-  creationTime: number;
-  color: string | null;
-  accessLevel: string;
-}
-
-export interface PublicProject {
-  pid: number;
-  name: string;
-  owner: string;
-  creationTime: number;
-}
diff --git a/frontend/src/app/dashboard/type/dashboard-workflow.interface.ts b/frontend/src/app/dashboard/type/dashboard-workflow.interface.ts
index e984f29ac62..1c8f68328b0 100644
--- a/frontend/src/app/dashboard/type/dashboard-workflow.interface.ts
+++ b/frontend/src/app/dashboard/type/dashboard-workflow.interface.ts
@@ -23,7 +23,6 @@ export interface DashboardWorkflow {
   isOwner: boolean;
   ownerName: string | undefined;
   workflow: Workflow;
-  projectIDs: number[];
   accessLevel: string;
   ownerId: number;
   coverImage: string | null;
diff --git a/frontend/src/app/dashboard/type/search-filter-parameters.spec.ts b/frontend/src/app/dashboard/type/search-filter-parameters.spec.ts
index fcf1250f933..7cf70ce56d3 100644
--- a/frontend/src/app/dashboard/type/search-filter-parameters.spec.ts
+++ b/frontend/src/app/dashboard/type/search-filter-parameters.spec.ts
@@ -34,7 +34,6 @@ function makeEmptyFilter(): SearchFilterParameters {
     owners: [],
     ids: [],
     operators: [],
-    projectIds: [],
   };
 }
 
@@ -90,13 +89,6 @@ describe("toQueryStrings", () => {
     );
   });
 
-  it("should stringify numeric projectIds and keep projectId 0", () => {
-    const filter = makeEmptyFilter();
-    filter.projectIds = [0, 42];
-
-    expect(toQueryStrings([], filter)).toBe("projectId=0&projectId=42");
-  });
-
   it("should URL-encode filter values", () => {
     const filter = makeEmptyFilter();
     filter.owners = ["a+b@x.com"];
@@ -147,14 +139,13 @@ describe("toQueryStrings", () => {
       owners: ["alice"],
       ids: ["7"],
       operators: ["CSVFileScan"],
-      projectIds: [42],
     };
 
     expect(toQueryStrings(["alpha"], filter, 10, 20, "workflow", SortMethod.CreateTimeDesc)).toBe(
       "query=alpha" +
         "&createDateStart=2024-01-15&createDateEnd=2024-02-20" +
         "&modifiedDateStart=2024-03-05&modifiedDateEnd=2024-04-10" +
-        "&owner=alice&id=7&operator=CSVFileScan&projectId=42" +
+        "&owner=alice&id=7&operator=CSVFileScan" +
         "&start=10&count=20&resourceType=workflow&orderBy=CreateTimeDesc"
     );
   });
@@ -176,7 +167,6 @@ interface WorkflowEntryOverrides {
   creationTime?: number;
   lastModifiedTime?: number;
   operatorTypes?: string[];
-  projectIDs?: number[];
 }
 
 function makeWorkflowEntry(overrides: WorkflowEntryOverrides = {}): DashboardEntry {
@@ -205,7 +195,6 @@ function makeWorkflowEntry(overrides: WorkflowEntryOverrides = {}): DashboardEnt
       isPublished: 0,
       readonly: false,
     },
-    projectIDs: overrides.projectIDs ?? [],
     accessLevel: "WRITE",
     ownerId: 10,
     coverImage: null,
@@ -313,17 +302,8 @@ describe("searchTestEntries", () => {
     expect(result).toEqual([hasCsv]);
   });
 
-  it("filters by projectId membership", () => {
-    const inProject = makeWorkflowEntry({ name: "in", projectIDs: [1, 2] });
-    const notInProject = makeWorkflowEntry({ name: "out", projectIDs: [3] });
-    const filter = makeEmptyFilter();
-    filter.projectIds = [2];
-    const result = searchTestEntries([], filter, [inProject, notInProject], null);
-    expect(result).toEqual([inProject]);
-  });
-
   it("excludes non-workflow entries when a workflow-only filter is applied", () => {
-    // owners/ids/operators/projectIds all gate on e.type === "workflow".
+    // owners/ids/operators all gate on e.type === "workflow".
     const workflow = makeWorkflowEntry({ name: "wf", ownerName: "alice" });
     const dataset = makeDatasetEntry("ds");
     const filter = makeEmptyFilter();
@@ -347,7 +327,6 @@ describe("searchTestEntries", () => {
       creationTime: new Date(2024, 0, 15, 12).getTime(),
       lastModifiedTime: new Date(2024, 0, 16, 12).getTime(),
       operatorTypes: ["CSVFileScan"],
-      projectIDs: [42],
     });
     const wrongOwner = makeWorkflowEntry({
       name: "alpha-pipeline",
@@ -356,7 +335,6 @@ describe("searchTestEntries", () => {
       creationTime: new Date(2024, 0, 15, 12).getTime(),
       lastModifiedTime: new Date(2024, 0, 16, 12).getTime(),
       operatorTypes: ["CSVFileScan"],
-      projectIDs: [42],
     });
     const wrongName = makeWorkflowEntry({
       name: "beta-pipeline",
@@ -365,7 +343,6 @@ describe("searchTestEntries", () => {
       creationTime: new Date(2024, 0, 15, 12).getTime(),
       lastModifiedTime: new Date(2024, 0, 16, 12).getTime(),
       operatorTypes: ["CSVFileScan"],
-      projectIDs: [42],
     });
     const filter: SearchFilterParameters = {
       createDateStart: new Date(2024, 0, 10),
@@ -375,7 +352,6 @@ describe("searchTestEntries", () => {
       owners: ["alice"],
       ids: ["7"],
       operators: ["CSVFileScan"],
-      projectIds: [42],
     };
     const result = searchTestEntries(["alpha"], filter, [match, wrongOwner, wrongName], "workflow");
     expect(result).toEqual([match]);
diff --git a/frontend/src/app/dashboard/type/search-filter-parameters.ts b/frontend/src/app/dashboard/type/search-filter-parameters.ts
index 8cf39fc5a8c..a573d63d092 100644
--- a/frontend/src/app/dashboard/type/search-filter-parameters.ts
+++ b/frontend/src/app/dashboard/type/search-filter-parameters.ts
@@ -28,7 +28,6 @@ export interface SearchFilterParameters {
   owners: string[];
   ids: string[];
   operators: string[];
-  projectIds: number[];
 }
 
 export const toQueryStrings = (
@@ -36,7 +35,7 @@ export const toQueryStrings = (
   params: SearchFilterParameters,
   start?: number,
   count?: number,
-  type?: "workflow" | "project" | "file" | "dataset" | null,
+  type?: "workflow" | "file" | "dataset" | null,
   orderBy?: SortMethod
 ): string => {
   function* getQueryParameters(): Iterable<[name: string, value: string]> {
@@ -62,9 +61,6 @@ export const toQueryStrings = (
     for (const operator of params.operators) {
       yield ["operator", operator];
     }
-    for (const id of params.projectIds) {
-      yield ["projectId", id.toString()];
-    }
   }
   const concatenateQueryStrings = (queryStrings: ReturnType<typeof getQueryParameters>): string =>
     [
@@ -85,7 +81,7 @@ export const searchTestEntries = (
   keywords: string[],
   params: SearchFilterParameters,
   testEntries: DashboardEntry[],
-  type: "workflow" | "project" | "file" | "dataset" | null
+  type: "workflow" | "file" | "dataset" | null
 ): DashboardEntry[] => {
   const endOfDay = (date: Date) => {
     date.setHours(23);
@@ -130,13 +126,6 @@ export const searchTestEntries = (
         )
     );
   }
-  if (params.projectIds.length > 0) {
-    testEntries = testEntries.filter(
-      e =>
-        e.type === "workflow" &&
-        e.workflow.projectIDs.some(id => params.projectIds.some(projectIdToFilterBy => projectIdToFilterBy == id))
-    );
-  }
   if (type) {
     testEntries = testEntries.filter(e => e.type === type);
   }
diff --git a/frontend/src/app/dashboard/type/search-result.ts b/frontend/src/app/dashboard/type/search-result.ts
index 8fc14361b17..07c6077369e 100644
--- a/frontend/src/app/dashboard/type/search-result.ts
+++ b/frontend/src/app/dashboard/type/search-result.ts
@@ -19,14 +19,12 @@
 
 import { DashboardFile } from "./dashboard-file.interface";
 import { DashboardWorkflow } from "./dashboard-workflow.interface";
-import { DashboardProject } from "./dashboard-project.interface";
 import { DashboardDataset } from "./dashboard-dataset.interface";
 import { DashboardEntry } from "./dashboard-entry";
 
 export interface SearchResultItem {
-  resourceType: "workflow" | "project" | "file" | "dataset" | "computing-unit";
+  resourceType: "workflow" | "file" | "dataset" | "computing-unit";
   workflow?: DashboardWorkflow;
-  project?: DashboardProject;
   file?: DashboardFile;
   dataset?: DashboardDataset;
 }
diff --git a/frontend/src/app/dashboard/type/type-predicates.spec.ts b/frontend/src/app/dashboard/type/type-predicates.spec.ts
index d98afd8b9fa..93512341153 100644
--- a/frontend/src/app/dashboard/type/type-predicates.spec.ts
+++ b/frontend/src/app/dashboard/type/type-predicates.spec.ts
@@ -20,12 +20,10 @@
 import {
   isDashboardDataset,
   isDashboardFile,
-  isDashboardProject,
   isDashboardWorkflow,
   isDashboardWorkflowComputingUnit,
 } from "./type-predicates";
 import { DashboardWorkflow } from "./dashboard-workflow.interface";
-import { DashboardProject } from "./dashboard-project.interface";
 import { DashboardFile } from "./dashboard-file.interface";
 import { DashboardDataset } from "./dashboard-dataset.interface";
 import { DashboardWorkflowComputingUnit } from "../../common/type/workflow-computing-unit";
@@ -53,22 +51,11 @@ const workflowFixture: DashboardWorkflow = {
     isPublished: 0,
     readonly: false,
   },
-  projectIDs: [1, 2],
   accessLevel: "WRITE",
   ownerId: 10,
   coverImage: null,
 };
 
-const projectFixture: DashboardProject = {
-  pid: 5,
-  name: "My Project",
-  description: "A sample project",
-  ownerId: 10,
-  creationTime: 1700000000000,
-  color: "#ff0000",
-  accessLevel: "WRITE",
-};
-
 const fileFixture: DashboardFile = {
   ownerEmail: "alice@example.com",
   accessLevel: "READ",
@@ -154,35 +141,6 @@ describe("isDashboardWorkflow", () => {
   });
 });
 
-describe("isDashboardProject", () => {
-  it("should return true for a realistic DashboardProject", () => {
-    expect(isDashboardProject(projectFixture)).toBe(true);
-  });
-
-  it("should return false for null and undefined", () => {
-    expect(isDashboardProject(null)).toBe(false);
-    expect(isDashboardProject(undefined)).toBe(false);
-  });
-
-  it("should return false for an object without a name field", () => {
-    expect(isDashboardProject({})).toBe(false);
-  });
-
-  it("should return false when name is not a string", () => {
-    expect(isDashboardProject({ name: 42 })).toBe(false);
-  });
-
-  it("should return false when a workflow field is also present", () => {
-    expect(isDashboardProject({ name: "x", workflow: workflowFixture.workflow })).toBe(false);
-  });
-
-  it("should return true when name is a string and workflow is null", () => {
-    // Intentional: a null workflow field is treated as "no workflow", so the
-    // exclusion branch `!value.workflow` still classifies the object as a project.
-    expect(isDashboardProject({ name: "x", workflow: null })).toBe(true);
-  });
-});
-
 describe("isDashboardFile", () => {
   it("should return true for a realistic DashboardFile", () => {
     expect(isDashboardFile(fileFixture)).toBe(true);
@@ -269,7 +227,6 @@ describe("isDashboardWorkflowComputingUnit", () => {
 describe("type predicate cross-classification", () => {
   const fixtures: ReadonlyArray<[string, unknown, string]> = [
     ["DashboardWorkflow fixture", workflowFixture, "isDashboardWorkflow"],
-    ["DashboardProject fixture", projectFixture, "isDashboardProject"],
     ["DashboardFile fixture", fileFixture, "isDashboardFile"],
     ["DashboardDataset fixture", datasetFixture, "isDashboardDataset"],
     ["DashboardWorkflowComputingUnit fixture", computingUnitFixture, "isDashboardWorkflowComputingUnit"],
@@ -277,7 +234,6 @@ describe("type predicate cross-classification", () => {
 
   const predicates: ReadonlyArray<[string, (value: unknown) => boolean]> = [
     ["isDashboardWorkflow", isDashboardWorkflow],
-    ["isDashboardProject", isDashboardProject],
     ["isDashboardFile", isDashboardFile],
     ["isDashboardDataset", isDashboardDataset],
     ["isDashboardWorkflowComputingUnit", isDashboardWorkflowComputingUnit],
diff --git a/frontend/src/app/dashboard/type/type-predicates.ts b/frontend/src/app/dashboard/type/type-predicates.ts
index 8c128b2c113..4ff5e2ad945 100644
--- a/frontend/src/app/dashboard/type/type-predicates.ts
+++ b/frontend/src/app/dashboard/type/type-predicates.ts
@@ -18,7 +18,6 @@
  */
 
 import { DashboardWorkflow } from "./dashboard-workflow.interface";
-import { DashboardProject } from "./dashboard-project.interface";
 import { DashboardFile } from "./dashboard-file.interface";
 import { DashboardDataset } from "./dashboard-dataset.interface";
 import { DashboardWorkflowComputingUnit } from "../../common/type/workflow-computing-unit";
@@ -28,10 +27,6 @@ export function isDashboardWorkflow(value: any): value is DashboardWorkflow {
   return !!value && isNonNullObject(value.workflow);
 }
 
-export function isDashboardProject(value: any): value is DashboardProject {
-  return !!value && typeof value.name === "string" && !value.workflow;
-}
-
 export function isDashboardFile(value: any): value is DashboardFile {
   return !!value && typeof value.ownerEmail === "string" && isNonNullObject(value.file);
 }
diff --git a/frontend/src/app/hub/component/browse-section/browse-section.component.spec.ts b/frontend/src/app/hub/component/browse-section/browse-section.component.spec.ts
index 0be21b86fe9..68f4e4539c0 100644
--- a/frontend/src/app/hub/component/browse-section/browse-section.component.spec.ts
+++ b/frontend/src/app/hub/component/browse-section/browse-section.component.spec.ts
@@ -95,7 +95,7 @@ describe("BrowseSectionComponent", () => {
     });
 
     it("throws on an unexpected entity type", () => {
-      const bad = { id: 7, type: "project", accessibleUserIds: [] } as unknown as DashboardEntry;
+      const bad = { id: 7, type: "not-a-real-type", accessibleUserIds: [] } as unknown as DashboardEntry;
       expect(() => (component as any).initializeEntry(bad)).toThrowError("Unexpected type in DashboardEntry.");
     });
   });
diff --git a/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.spec.ts b/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.spec.ts
index 59aa576d101..ffa557904e9 100644
--- a/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.spec.ts
+++ b/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.spec.ts
@@ -195,7 +195,7 @@ describe("HubSearchResultComponent", () => {
     });
 
     it("keeps the default 'workflow' searchType when the url matches neither branch", () => {
-      build("/dashboard/project");
+      build("/dashboard/other");
       expect(component.searchType).toBe("workflow");
       expect(component.sortMethod).toBe(SortMethod.EditTimeDesc);
     });
@@ -329,31 +329,7 @@ describe("HubSearchResultComponent", () => {
       expect(results.reset).toHaveBeenCalledTimes(2);
     });
 
-    it("passes projectIds=[pid] into the executeSearch loader when pid is set", async () => {
-      build("/dashboard/workflow");
-      component.pid = 42;
-      const filters = makeFiltersMock();
-      const results = makeSearchResultsMock();
-      attachChildren(filters, results);
-
-      await component.search();
-
-      const loader = results.reset.mock.calls[0][0] as (start: number, count: number) => Promise<unknown>;
-      await loader(0, 20);
-
-      expect(searchServiceMock.executeSearch).toHaveBeenCalledWith(
-        [""],
-        expect.objectContaining({ projectIds: [42] }),
-        0,
-        20,
-        "workflow",
-        SortMethod.EditTimeDesc,
-        false,
-        true
-      );
-    });
-
-    it("does not inject projectIds when pid is undefined", async () => {
+    it("forwards the filter parameters into the executeSearch loader", async () => {
       build("/dashboard/workflow");
       const filters = makeFiltersMock();
       const results = makeSearchResultsMock();
diff --git a/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.ts b/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.ts
index 15f576bb012..9fa474598ef 100644
--- a/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.ts
+++ b/frontend/src/app/hub/component/hub-search-result/hub-search-result.component.ts
@@ -33,7 +33,6 @@ import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { SortMethod } from "../../../dashboard/type/sort-method";
 import { UserService } from "../../../common/service/user/user.service";
 import { SearchService } from "../../../dashboard/service/user/search.service";
-import { isDefined } from "../../../common/util/predicate";
 import { firstValueFrom } from "rxjs";
 import { map } from "rxjs/operators";
 import { SortButtonComponent } from "../../../dashboard/component/user/sort-button/sort-button.component";
@@ -88,7 +87,6 @@ export class HubSearchResultComponent implements OnInit, AfterViewInit {
   }
   private masterFilterList: ReadonlyArray<string> | null = null;
 
-  @Input() public pid?: number = undefined;
   @Input() public accessLevel?: string = undefined;
   public sortMethod = SortMethod.EditTimeDesc;
   lastSortMethod: SortMethod | null = null;
@@ -147,10 +145,6 @@ export class HubSearchResultComponent implements OnInit, AfterViewInit {
     this.masterFilterList = this.filters.masterFilterList;
     this.searchKeywords = this.filters.getSearchKeywords();
     let filterParams = this.filters.getSearchFilterParameters();
-    if (isDefined(this.pid)) {
-      // force the project id in the search query to be the current pid.
-      filterParams.projectIds = [this.pid];
-    }
 
     this.searchResultsComponent.reset((start, count) => {
       return firstValueFrom(
diff --git a/frontend/src/app/hub/component/hub.component.spec.ts b/frontend/src/app/hub/component/hub.component.spec.ts
index 5a883606394..61d85f60ac2 100644
--- a/frontend/src/app/hub/component/hub.component.spec.ts
+++ b/frontend/src/app/hub/component/hub.component.spec.ts
@@ -40,7 +40,6 @@ function makeSidebarTabs(overrides: Partial<SidebarTabs> = {}): SidebarTabs {
     workflow_enabled: false,
     dataset_enabled: false,
     your_work_enabled: false,
-    projects_enabled: false,
     workflows_enabled: false,
     compute_enabled: false,
     datasets_enabled: false,
diff --git a/frontend/src/app/hub/service/hub.service.ts b/frontend/src/app/hub/service/hub.service.ts
index 4562ae9c8c8..46bd8763a0b 100644
--- a/frontend/src/app/hub/service/hub.service.ts
+++ b/frontend/src/app/hub/service/hub.service.ts
@@ -29,7 +29,6 @@ export const WORKFLOW_BASE_URL = `${AppSettings.getApiEndpoint()}/workflow`;
 export enum EntityType {
   Workflow = "workflow",
   Dataset = "dataset",
-  Project = "project",
   File = "file",
   ComputingUnit = "computing-unit",
 }
diff --git a/frontend/src/app/workspace/component/menu/menu.component.ts b/frontend/src/app/workspace/component/menu/menu.component.ts
index 8930d9d0bba..8f8dfd86eb8 100644
--- a/frontend/src/app/workspace/component/menu/menu.component.ts
+++ b/frontend/src/app/workspace/component/menu/menu.component.ts
@@ -33,17 +33,15 @@ import { WorkflowActionService } from "../../service/workflow-graph/model/workfl
 import { ExecutionState } from "../../types/execute-workflow.interface";
 import { WorkflowWebsocketService } from "../../service/workflow-websocket/workflow-websocket.service";
 import { WorkflowResultExportService } from "../../service/workflow-result-export/workflow-result-export.service";
-import { catchError, debounceTime, filter, mergeMap, switchMap, tap } from "rxjs/operators";
+import { catchError, debounceTime, switchMap, tap } from "rxjs/operators";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { WorkflowUtilService } from "../../service/workflow-graph/util/workflow-util.service";
 import { WorkflowVersionService } from "../../../dashboard/service/user/workflow-version/workflow-version.service";
-import { UserProjectService } from "../../../dashboard/service/user/project/user-project.service";
 import { saveAs } from "file-saver";
 import { NotificationService } from "src/app/common/service/notification/notification.service";
 import { OperatorMenuService } from "../../service/operator-menu/operator-menu.service";
 import { CoeditorPresenceService } from "../../service/workflow-graph/model/coeditor-presence.service";
 import { EMPTY, firstValueFrom, of, timer, map } from "rxjs";
-import { isDefined } from "../../../common/util/predicate";
 import { NzModalService } from "ng-zorro-antd/modal";
 import { ResultExportationComponent } from "../result-exportation/result-exportation.component";
 import { ReportGenerationService } from "../../service/report-generation/report-generation.service";
@@ -149,7 +147,6 @@ export class MenuComponent implements OnInit, OnDestroy {
   protected readonly USER_WORKFLOW = USER_WORKFLOW;
 
   @Input() public writeAccess: boolean = false;
-  @Input() public pid?: number = undefined;
   @Input() public autoSaveState: string = "";
   @Input() public currentWorkflowName: string = ""; // reset workflowName
   @Input() public currentExecutionName: string = ""; // reset executionName
@@ -189,7 +186,6 @@ export class MenuComponent implements OnInit, OnDestroy {
     private datePipe: DatePipe,
     public workflowResultExportService: WorkflowResultExportService,
     public workflowUtilService: WorkflowUtilService,
-    private userProjectService: UserProjectService,
     private notificationService: NotificationService,
     public operatorMenu: OperatorMenuService,
     public coeditorPresenceService: CoeditorPresenceService,
@@ -888,15 +884,12 @@ export class MenuComponent implements OnInit, OnDestroy {
 
   public persistWorkflow(): void {
     this.isSaving = true;
-    let localPid = this.pid;
     this.workflowPersistService
       .persistWorkflow(this.workflowActionService.getWorkflow())
       .pipe(
         tap((updatedWorkflow: Workflow) => {
           this.workflowActionService.setWorkflowMetadata(updatedWorkflow);
         }),
-        filter(workflow => isDefined(localPid) && isDefined(workflow.wid)),
-        mergeMap(workflow => this.userProjectService.addWorkflowToProject(localPid!, workflow.wid!)),
         untilDestroyed(this)
       )
       .subscribe({
diff --git a/frontend/src/app/workspace/component/workspace.component.html b/frontend/src/app/workspace/component/workspace.component.html
index 78155285d4d..cbab3748b04 100644
--- a/frontend/src/app/workspace/component/workspace.component.html
+++ b/frontend/src/app/workspace/component/workspace.component.html
@@ -44,7 +44,6 @@
 <texera-workflow-editor></texera-workflow-editor>
 <texera-menu
   [writeAccess]="writeAccess"
-  [pid]="pid"
   (setWaitingForLLM)="onWaitingForLLMChanged($event)">
 </texera-menu>
 <texera-mini-map class="box"></texera-mini-map>
diff --git a/frontend/src/app/workspace/component/workspace.component.spec.ts b/frontend/src/app/workspace/component/workspace.component.spec.ts
index d930af601fd..dbad94fe9b5 100644
--- a/frontend/src/app/workspace/component/workspace.component.spec.ts
+++ b/frontend/src/app/workspace/component/workspace.component.spec.ts
@@ -204,18 +204,6 @@ describe("WorkspaceComponent", () => {
   }
 
   describe("ngOnInit", () => {
-    it("parses numeric pid from route query params", async () => {
-      await createFixture(configureRoute({}, { pid: "13" }));
-      component.ngOnInit();
-      expect(component.pid).toBe(13);
-    });
-
-    it("treats non-numeric pid as undefined", async () => {
-      await createFixture(configureRoute({}, { pid: "not-a-number" }));
-      component.ngOnInit();
-      expect(component.pid).toBeUndefined();
-    });
-
     it("enables highlighting on the workflow action service", async () => {
       await createFixture();
       component.ngOnInit();
diff --git a/frontend/src/app/workspace/component/workspace.component.ts b/frontend/src/app/workspace/component/workspace.component.ts
index bdc0cdb8a9b..359797a145b 100644
--- a/frontend/src/app/workspace/component/workspace.component.ts
+++ b/frontend/src/app/workspace/component/workspace.component.ts
@@ -90,7 +90,6 @@ export const SAVE_DEBOUNCE_TIME_IN_MS = 5000;
   ],
 })
 export class WorkspaceComponent implements AfterViewInit, OnInit, OnDestroy {
-  public pid?: number = undefined;
   public writeAccess: boolean = false;
   public isLoading: boolean = false;
   // variable to track whether we are waiting for AI to finish generating (whether a loading icon should show)
@@ -140,19 +139,6 @@ export class WorkspaceComponent implements AfterViewInit, OnInit, OnDestroy {
   ) {}
 
   ngOnInit() {
-    /**
-     * On initialization of the workspace, there are two possibilities regarding which component has
-     * routed to this component:
-     *
-     * 1. Routed to this component from within UserProjectSection component
-     *    - track the pid identifying that project
-     *    - upon persisting of a workflow, must also ensure it is also added to the project
-     *
-     * 2. Routed to this component from SavedWorkflowSection component
-     *    - there is no related project, parseInt will return NaN.
-     *    - NaN || undefined will result in undefined.
-     */
-    this.pid = parseInt(this.route.snapshot.queryParams.pid) || undefined;
     this.workflowActionService.setHighlightingEnabled(true);
     // Clear session state when the user switches computing units in-canvas, so
     // the previous unit's status/console/results don't linger.