From b36d8be979dd7a98ff053b25074b0e5441d18c32 Mon Sep 17 00:00:00 2001
From: Shreyag02 <shreyagupta72484@gmail.com>
Date: Thu, 25 Jun 2026 22:53:06 +0530
Subject: [PATCH 1/2] fix(invite): show org title instead of slug(org name) in
 member invite dropdown

---
 web/sdk/admin/views/users/list/invite-users.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/sdk/admin/views/users/list/invite-users.tsx b/web/sdk/admin/views/users/list/invite-users.tsx
index 7876f039c..bdba6abff 100644
--- a/web/sdk/admin/views/users/list/invite-users.tsx
+++ b/web/sdk/admin/views/users/list/invite-users.tsx
@@ -244,7 +244,8 @@ export const InviteUser = () => {
                             }}>
                             {organizations?.map(org => (
                               <Select.Item key={org.id} value={org.id ?? ""}>
-                                {org.name}
+                                {/* show display title (matches the org list & invite email); fall back to the slug if unset */}
+                                {org.title || org.name}
                               </Select.Item>
                             ))}
                           </Select.Content>

From a88e9ecb40573165d9a65c146049a94468f9c035 Mon Sep 17 00:00:00 2001
From: Shreyag02 <shreyagupta72484@gmail.com>
Date: Tue, 30 Jun 2026 15:12:24 +0530
Subject: [PATCH 2/2] feat(invite-user): make organization dropdown searchable

---
 web/sdk/admin/views/users/list/invite-users.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/sdk/admin/views/users/list/invite-users.tsx b/web/sdk/admin/views/users/list/invite-users.tsx
index bdba6abff..a7e3defc3 100644
--- a/web/sdk/admin/views/users/list/invite-users.tsx
+++ b/web/sdk/admin/views/users/list/invite-users.tsx
@@ -24,7 +24,7 @@ import {
   FrontierServiceQueries,
   ListRolesRequestSchema,
 } from "@raystack/proton/frontier";
-import {create} from "@bufbuild/protobuf";
+import { create } from "@bufbuild/protobuf";
 import { handleConnectError } from "~/utils/error";
 import { useTerminology } from "../../../hooks/useTerminology";
 
@@ -49,7 +49,7 @@ export const InviteUser = () => {
     error: organizationsError,
   } = useQuery(
     AdminServiceQueries.searchOrganizations,
-    create(SearchOrganizationsRequestSchema, {query: {}}),
+    create(SearchOrganizationsRequestSchema, { query: {} }),
     {
       select: (data) => data?.organizations || [],
     }
@@ -231,6 +231,7 @@ export const InviteUser = () => {
                       <>
                         <Select
                           {...rest}
+                          autocomplete
                           onValueChange={value => field.onChange(value)}>
                           <Select.Trigger ref={ref}>
                             <Select.Value
@@ -238,13 +239,13 @@ export const InviteUser = () => {
                             />
                           </Select.Trigger>
                           <Select.Content
+                            searchPlaceholder={`Search ${t.organization({ case: "lower" })}`}
                             style={{
                               maxHeight: 280,
                               overflowY: "auto",
                             }}>
                             {organizations?.map(org => (
                               <Select.Item key={org.id} value={org.id ?? ""}>
-                                {/* show display title (matches the org list & invite email); fall back to the slug if unset */}
                                 {org.title || org.name}
                               </Select.Item>
                             ))}