🔧 refactor: Organize Sharing/Agent Components and Improve Type Safety

refactor: organize Sharing/Agent components, improve type safety for resource types and access role ids, rename enums to PascalCase

refactor: organize Sharing/Agent components, improve type safety for resource types and access role ids

chore: move sharing related components to dedicated "Sharing" directory

chore: remove PublicSharingToggle component and update index exports

chore: move non-sidepanel agent components to `~/components/Agents`

chore: move AgentCategoryDisplay component with tests

chore: remove commented out code

refactor: change PERMISSION_BITS from const to enum for better type safety

refactor: reorganize imports in GenericGrantAccessDialog and update index exports for hooks

refactor: update type definitions to use ACCESS_ROLE_IDS for improved type safety

refactor: remove unused canAccessPromptResource middleware and related code

refactor: remove unused prompt access roles from createAccessRoleMethods

refactor: update resourceType in AclEntry type definition to remove unused 'prompt' value

refactor: introduce ResourceType enum and update resourceType usage across data provider files for improved type safety

refactor: update resourceType usage to ResourceType enum across sharing and permissions components for improved type safety

refactor: standardize resourceType usage to ResourceType enum across agent and prompt models, permissions controller, and middleware for enhanced type safety

refactor: update resourceType references from PROMPT_GROUP to PROMPTGROUP for consistency across models, middleware, and components

refactor: standardize access role IDs and resource type usage across agent, file, and prompt models for improved type safety and consistency

chore: add typedefs for TUpdateResourcePermissionsRequest and TUpdateResourcePermissionsResponse to enhance type definitions

chore: move SearchPicker to PeoplePicker dir

refactor: implement debouncing for query changes in SearchPicker for improved performance

chore: fix typing, import order for agent admin settings

fix: agent admin settings, prevent agent form submission

refactor: rename `ACCESS_ROLE_IDS` to `AccessRoleIds`

refactor: replace PermissionBits with PERMISSION_BITS

refactor: replace PERMISSION_BITS with PermissionBits

client/src/hooks/Input/useMentions.ts

@@ -8,7 +8,7 @@ import {
   isAgentsEndpoint,
   getConfigDefaults,
   isAssistantsEndpoint,
-  PERMISSION_BITS,
+  PermissionBits,
 } from 'librechat-data-provider';
 import type { TAssistantsMap, TEndpointsConfig } from 'librechat-data-provider';
 import type { MentionOption } from '~/common';
@@ -81,7 +81,7 @@ export default function useMentions({
     [startupConfig?.interface],
   );
   const { data: agentsList = null } = useListAgentsQuery(
-    { requiredPermission: PERMISSION_BITS.VIEW },
+    { requiredPermission: PermissionBits.VIEW },
     {
       enabled: hasAgentAccess && interfaceConfig.modelSelect === true,
       select: (res) => {

client/src/hooks/Input/useQueryParams.ts

@@ -8,7 +8,7 @@ import {
   isAgentsEndpoint,
   tQueryParamsSchema,
   isAssistantsEndpoint,
-  PERMISSION_BITS,
+  PermissionBits,
 } from 'librechat-data-provider';
 import type {
   TPreset,
@@ -80,7 +80,7 @@ const processValidSettings = (queryParams: Record<string, string>) => {
 };
 
 const injectAgentIntoAgentsMap = (queryClient: QueryClient, agent: any) => {
-  const editCacheKey = [QueryKeys.agents, { requiredPermission: PERMISSION_BITS.EDIT }];
+  const editCacheKey = [QueryKeys.agents, { requiredPermission: PermissionBits.EDIT }];
   const editCache = queryClient.getQueryData<AgentListResponse>(editCacheKey);
 
   if (editCache?.data && !editCache.data.some((cachedAgent) => cachedAgent.id === agent.id)) {

client/src/hooks/Sharing/useResourcePermissionState.ts

@@ -3,18 +3,18 @@ import {
   useGetResourcePermissionsQuery,
   useUpdateResourcePermissionsMutation,
 } from 'librechat-data-provider/react-query';
-import type { TPrincipal } from 'librechat-data-provider';
+import type { TPrincipal, ResourceType, AccessRoleIds } from 'librechat-data-provider';
 import { getResourceConfig } from '~/utils';
 
 /**
  * Hook to manage resource permission state including current shares, public access, and mutations
- * @param resourceType - Type of resource (e.g., 'agent', 'promptGroup')
+ * @param resourceType - Type of resource (e.g., ResourceType.AGENT, ResourceType.PROMPTGROUP)
  * @param resourceDbId - Database ID of the resource
  * @param isModalOpen - Whether the modal is open (for effect dependencies)
  * @returns Object with permission state and update mutation
  */
 export const useResourcePermissionState = (
-  resourceType: string,
+  resourceType: ResourceType,
   resourceDbId: string | null | undefined,
   isModalOpen: boolean = false,
 ) => {
@@ -52,13 +52,15 @@ export const useResourcePermissionState = (
 
   // State for managing public access
   const [isPublic, setIsPublic] = useState(false);
-  const [publicRole, setPublicRole] = useState<string>(config?.defaultViewerRoleId ?? '');
+  const [publicRole, setPublicRole] = useState<AccessRoleIds | undefined>(
+    config?.defaultViewerRoleId,
+  );
 
   // Sync state with permissions data when modal opens
   useEffect(() => {
     if (permissionsData && isModalOpen) {
       setIsPublic(currentIsPublic ?? false);
-      setPublicRole(currentPublicRole ?? '');
+      setPublicRole(currentPublicRole);
     }
   }, [permissionsData, isModalOpen, currentIsPublic, currentPublicRole]);
 

client/src/hooks/index.ts

@@ -13,6 +13,7 @@ export * from './Messages';
 export * from './Plugins';
 export * from './Prompts';
 export * from './Roles';
+export * from './Sharing';
 export * from './SSE';
 export * from './AuthContext';
 export * from './ScreenshotContext';

client/src/hooks/useResourcePermissions.ts

@@ -1,16 +1,17 @@
 import {
-  useGetEffectivePermissionsQuery,
   hasPermissions,
+  useGetEffectivePermissionsQuery,
 } from 'librechat-data-provider/react-query';
+import type { ResourceType } from 'librechat-data-provider';
 
 /**
  * fetches resource permissions once and returns a function to check any permission
  * More efficient when checking multiple permissions for the same resource
- * @param resourceType - Type of resource (e.g., 'agent')
+ * @param resourceType - Type of resource (e.g., ResourceType.AGENT)
  * @param resourceId - ID of the resource
  * @returns Object with hasPermission function and loading state
  */
-export const useResourcePermissions = (resourceType: string, resourceId: string) => {
+export const useResourcePermissions = (resourceType: ResourceType, resourceId: string) => {
   const { data, isLoading } = useGetEffectivePermissionsQuery(resourceType, resourceId);
 
   const hasPermission = (requiredPermission: number): boolean => {