From 04d641bd64c5d5f5388f577757c9e54eb272d33b Mon Sep 17 00:00:00 2001
From: Sangeetha <sangeethailango21@gmail.com>
Date: Mon, 11 Aug 2025 19:19:14 +0530
Subject: [PATCH] [WEB-4350] chore: access icon for linked pages search (#3488)

* chore: return access detail

* feat: added page accessibility icon

---------

Co-authored-by: gakshita <akshitagoyal1516@gmail.com>
---
 apps/api/plane/ee/views/app/issue/issue_page.py     |  2 +-
 .../pages/multi-select-modal.tsx                    | 13 +++++++++++--
 packages/types/src/page/core.ts                     |  1 +
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/apps/api/plane/ee/views/app/issue/issue_page.py b/apps/api/plane/ee/views/app/issue/issue_page.py
index f58d586dee..9bebe09397 100644
--- a/apps/api/plane/ee/views/app/issue/issue_page.py
+++ b/apps/api/plane/ee/views/app/issue/issue_page.py
@@ -102,5 +102,5 @@ class PageSearchViewSet(BaseAPIView):
         if search:
             pages = pages.filter(name__icontains=search)
 
-        pages = pages.values("id", "name", "logo_props", "is_global")
+        pages = pages.values("id", "name", "logo_props", "is_global", "access")
         return Response(pages, status=status.HTTP_200_OK)
diff --git a/apps/web/ee/components/issues/issue-detail-widgets/pages/multi-select-modal.tsx b/apps/web/ee/components/issues/issue-detail-widgets/pages/multi-select-modal.tsx
index 8208cb6da5..6c912193f4 100644
--- a/apps/web/ee/components/issues/issue-detail-widgets/pages/multi-select-modal.tsx
+++ b/apps/web/ee/components/issues/issue-detail-widgets/pages/multi-select-modal.tsx
@@ -4,11 +4,11 @@
 import React, { useCallback, useEffect, useState } from "react";
 import debounce from "lodash/debounce";
 import { observer } from "mobx-react";
-import { FileText, Search, X } from "lucide-react";
+import { Earth, FileText, Lock, Search, X } from "lucide-react";
 import { Combobox } from "@headlessui/react";
 // hooks
 import { useTranslation } from "@plane/i18n";
-import { TIssuePage, TIssueServiceType } from "@plane/types";
+import { EPageAccess, TIssuePage, TIssueServiceType } from "@plane/types";
 import {
   setToast,
   TOAST_TYPE,
@@ -229,6 +229,15 @@ const PagesMultiSelectModal = observer(
                       </div>
                       <span className="truncate text-base">{getPageName(page.name)}</span>
                     </div>
+                    {page.access != null && (
+                      <div className="hidden flex-shrink-0 text-custom-text-350 group-hover:flex">
+                        {page.access === EPageAccess.PUBLIC ? (
+                          <Earth className="size-4" />
+                        ) : (
+                          <Lock className="size-4" />
+                        )}
+                      </div>
+                    )}
                   </Combobox.Option>
                 );
               })
diff --git a/packages/types/src/page/core.ts b/packages/types/src/page/core.ts
index e4c2a044f1..c22acd433d 100644
--- a/packages/types/src/page/core.ts
+++ b/packages/types/src/page/core.ts
@@ -113,4 +113,5 @@ export type TIssuePage = Pick<TPage, "name" | "logo_props"> & {
   description_stripped: string;
   created_by?: string;
   updated_at?: string;
+  access: EPageAccess;
 };