@hed-hog/core 0.0.356 → 0.0.359

package/hedhog/frontend/app/configurations/[slug]/components/setting-field.tsx.ejs

@@ -1,3 +1,7 @@
+import {
+  IntegrationProfileSheet,
+  type IntegrationProfileSheetSavedProfile,
+} from '@/components/integration-profile/integration-profile-sheet';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
 import { EntityPicker } from '@/components/ui/entity-picker';
@@ -20,7 +24,7 @@ import {
   SettingTypeEnum,
 } from '@hed-hog/api-types';
 import { useApp } from '@hed-hog/next-app-provider';
-import { Eye, EyeOff, Upload } from 'lucide-react';
+import { Eye, EyeOff, Pencil, Plus, Upload } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useEffect, useRef, useState } from 'react';
 
@@ -83,10 +87,35 @@ function getLocalizedIntegrationName(
   );
 }
 
-const DAILY_REPORT_EMAIL_PROFILE_SLUG =
-  'operations.daily-report.email-profile-id';
-const DAILY_REPORT_WHATSAPP_PROFILE_SLUG =
-  'operations.daily-report.whatsapp-profile-id';
+const DAILY_REPORT_EMAIL_INTEGRATION_SETTING_SLUG =
+  'operations.daily-report.email-integration-profile-id';
+const DAILY_REPORT_WHATSAPP_INTEGRATION_SETTING_SLUG =
+  'operations.daily-report.whatsapp-integration-profile-id';
+const AI_PROFILE_SETTING_SLUGS = [
+  'ai-gemini-profile-id',
+  'ai-openai-profile-id',
+  'mcp-ai-profile-id',
+];
+const OAUTH_PROFILE_SLUG_TO_PROVIDER: Record<string, string> = {
+  'oauth-google-profile-id': 'google-oauth',
+  'oauth-facebook-profile-id': 'facebook-oauth',
+  'oauth-github-profile-id': 'github-oauth',
+  'oauth-microsoft-profile-id': 'microsoft-oauth',
+  'oauth-microsoft-entra-id-profile-id': 'microsoft-entra-id-oauth',
+};
+const ADMIN_LOGIN_OAUTH_SETTING_SLUG = 'admin-login-page-oauth-providers';
+const ADMIN_LOGIN_PROVIDER_ENABLED_SLUG_BY_PROVIDER: Record<string, string> = {
+  facebook: 'oauth-facebook-enabled',
+  github: 'oauth-github-enabled',
+  google: 'oauth-google-enabled',
+  microsoft: 'oauth-microsoft-enabled',
+  'microsoft-entra-id': 'oauth-microsoft-entra-id-enabled',
+};
+const INTEGRATION_PROFILE_PICKER_SLUGS = [
+  'file-storage-profile-id',
+  ...AI_PROFILE_SETTING_SLUGS,
+  ...Object.keys(OAUTH_PROFILE_SLUG_TO_PROVIDER),
+];
 
 function toSlug(value: string) {
   return (value || 'profile')
@@ -98,11 +127,11 @@ function toSlug(value: string) {
 }
 
 function getDailyReportIntegrationTypeSlug(settingSlug: string) {
-  if (settingSlug === DAILY_REPORT_EMAIL_PROFILE_SLUG) {
+  if (settingSlug === DAILY_REPORT_EMAIL_INTEGRATION_SETTING_SLUG) {
     return 'email';
   }
 
-  if (settingSlug === DAILY_REPORT_WHATSAPP_PROFILE_SLUG) {
+  if (settingSlug === DAILY_REPORT_WHATSAPP_INTEGRATION_SETTING_SLUG) {
     return 'whatsapp';
   }
 
@@ -157,13 +186,23 @@ function buildIntegrationProfileConfig(
 
 export const SettingField = ({ setting, className }: SettingFieldProps) => {
   const t = useTranslations('core.Configurations');
-  const { showToastHandler, setSettingValue, request, currentLocaleCode } =
-    useApp();
+  const {
+    showToastHandler,
+    setSettingValue,
+    request,
+    currentLocaleCode,
+    getSettingValue,
+  } = useApp();
   const component =
     setting.component?.replaceAll('_', '-') || SettingComponentEnum.INPUT_TEXT;
   const [localValue, setLocalValue] = useState(setting.value);
   const [storageProfileSelectedLabel, setStorageProfileSelectedLabel] =
     useState('');
+  const [isStorageProfileSheetOpen, setIsStorageProfileSheetOpen] =
+    useState(false);
+  const [storageProfileEditingId, setStorageProfileEditingId] = useState<
+    number | null
+  >(null);
   const [showSecretValue, setShowSecretValue] = useState(false);
   const [isUploading, setIsUploading] = useState(false);
   const debounceTimerRef = useRef<NodeJS.Timeout | undefined>(undefined);
@@ -226,7 +265,7 @@ export const SettingField = ({ setting, className }: SettingFieldProps) => {
   }, [localValue]);
 
   useEffect(() => {
-    if (setting.slug !== 'file-storage-profile-id') {
+    if (!INTEGRATION_PROFILE_PICKER_SLUGS.includes(setting.slug)) {
       setStorageProfileSelectedLabel('');
       return;
     }
@@ -485,6 +524,9 @@ export const SettingField = ({ setting, className }: SettingFieldProps) => {
         const selectedValues: string[] = Array.isArray(parsedValue)
           ? parsedValue
           : [];
+        const isAdminLoginOAuthSetting =
+          setting.slug === ADMIN_LOGIN_OAUTH_SETTING_SLUG;
+
         return (
           <div
             className={cn(
@@ -492,26 +534,50 @@ export const SettingField = ({ setting, className }: SettingFieldProps) => {
               className
             )}
           >
-            {options.map((option) => (
-              <div key={option.id} className="flex items-center space-x-2">
-                <Checkbox
-                  className="bg-background"
-                  checked={selectedValues.includes(option.value)}
-                  onCheckedChange={(checked) => {
-                    let newValues = [...selectedValues];
-                    if (checked) {
-                      newValues.push(option.value);
-                    } else {
-                      newValues = newValues.filter(
-                        (val) => val !== option.value
-                      );
-                    }
-                    handleChangeValue(formatValue(newValues), true);
-                  }}
-                />
-                <Label>{option.value}</Label>
-              </div>
-            ))}
+            {options.map((option) => {
+              const enabledSettingSlug =
+                ADMIN_LOGIN_PROVIDER_ENABLED_SLUG_BY_PROVIDER[option.value];
+              const isProviderGloballyEnabled = enabledSettingSlug
+                ? getSettingValue(enabledSettingSlug) === true
+                : true;
+              const isOptionDisabled =
+                isAdminLoginOAuthSetting && !isProviderGloballyEnabled;
+
+              return (
+                <div key={option.id} className="flex items-center space-x-2">
+                  <Checkbox
+                    className="bg-background"
+                    checked={selectedValues.includes(option.value)}
+                    disabled={isOptionDisabled}
+                    onCheckedChange={(checked) => {
+                      if (isOptionDisabled) {
+                        return;
+                      }
+
+                      let newValues = [...selectedValues];
+                      if (checked) {
+                        newValues.push(option.value);
+                      } else {
+                        newValues = newValues.filter(
+                          (val) => val !== option.value
+                        );
+                      }
+                      handleChangeValue(formatValue(newValues), true);
+                    }}
+                  />
+                  <Label className={cn(isOptionDisabled && 'opacity-60')}>
+                    {option.value}
+                  </Label>
+                </div>
+              );
+            })}
+            {isAdminLoginOAuthSetting && (
+              <p className="text-xs text-muted-foreground">
+                {currentLocaleCode.startsWith('pt')
+                  ? 'Providers desabilitados globalmente (oauth-*-enabled = false) ficam indisponíveis nesta lista.'
+                  : 'Providers disabled globally (oauth-*-enabled = false) are unavailable in this list.'}
+              </p>
+            )}
           </div>
         );
       }
@@ -618,56 +684,328 @@ export const SettingField = ({ setting, className }: SettingFieldProps) => {
         };
 
         return (
-          <EntityPicker<IntegrationProfileOption & Record<string, unknown>>
-            placeholder={t('selectStorageProfile')}
-            emptyStateDescription={t('storageProfileEmptyState')}
-            value={parsedValue ? Number(parsedValue) : null}
-            onChange={(id, option) => {
-              setStorageProfileSelectedLabel(option?.name ?? '');
-              handleChangeValue(id != null ? String(id) : '', true);
-            }}
-            valueType="number"
-            initialSelectedLabel={storageProfileSelectedLabel}
-            showCreateButton={false}
-            loadOptions={async ({ page, pageSize, search }) => {
-              const typeId = await loadStorageTypeId();
-              const qs = new URLSearchParams({
-                page: String(page),
-                pageSize: String(pageSize),
-                typeId: String(typeId),
-              });
-              if (search) qs.set('search', search);
-              const response = await request<
-                ApiPaginated<IntegrationProfileOption & Record<string, unknown>>
-              >({
-                url: `/integration-profile?${qs}`,
-                method: 'GET',
-              });
-              const paged = response.data;
-              return {
-                items: paged?.data ?? [],
-                hasMore: (paged?.page ?? 0) < (paged?.lastPage ?? 0),
-              };
-            }}
-            getOptionValue={(opt) => opt.id}
-            getOptionLabel={(opt) => String(opt.name ?? '')}
-            getOptionDescription={(opt) => {
-              const providerSlug = String(opt.integration_provider?.slug ?? '');
-              const providerName = getLocalizedIntegrationName(
-                opt.integration_provider?.integration_provider_locale,
-                currentLocaleCode
-              );
-              return [providerName || providerSlug, opt.slug]
-                .filter(Boolean)
-                .join(' • ');
-            }}
-            className={cn(className, 'w-full min-w-0 md:min-w-50')}
-          />
+          <>
+            <div className="flex w-full min-w-0 items-center gap-2 md:max-w-72">
+              <EntityPicker<IntegrationProfileOption & Record<string, unknown>>
+                placeholder={t('selectStorageProfile')}
+                emptyStateDescription={t('storageProfileEmptyState')}
+                value={parsedValue ? Number(parsedValue) : null}
+                onChange={(id, option) => {
+                  setStorageProfileSelectedLabel(option?.name ?? '');
+                  handleChangeValue(id != null ? String(id) : '', true);
+                }}
+                valueType="number"
+                initialSelectedLabel={storageProfileSelectedLabel}
+                showCreateButton={false}
+                clearable={false}
+                loadOptions={async ({ page, pageSize, search }) => {
+                  const typeId = await loadStorageTypeId();
+                  const qs = new URLSearchParams({
+                    page: String(page),
+                    pageSize: String(pageSize),
+                    typeId: String(typeId),
+                  });
+                  if (search) qs.set('search', search);
+                  const response = await request<
+                    ApiPaginated<
+                      IntegrationProfileOption & Record<string, unknown>
+                    >
+                  >({
+                    url: `/integration-profile?${qs}`,
+                    method: 'GET',
+                  });
+                  const paged = response.data;
+                  return {
+                    items: paged?.data ?? [],
+                    hasMore: (paged?.page ?? 0) < (paged?.lastPage ?? 0),
+                  };
+                }}
+                getOptionValue={(opt) => opt.id}
+                getOptionLabel={(opt) => String(opt.name ?? '')}
+                getOptionDescription={(opt) => {
+                  const providerSlug = String(
+                    opt.integration_provider?.slug ?? ''
+                  );
+                  const providerName = getLocalizedIntegrationName(
+                    opt.integration_provider?.integration_provider_locale,
+                    currentLocaleCode
+                  );
+                  return [providerName || providerSlug, opt.slug]
+                    .filter(Boolean)
+                    .join(' • ');
+                }}
+                className={cn('flex-1 min-w-0', className)}
+              />
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(
+                    parsedValue ? Number(parsedValue) : null
+                  );
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                disabled={!parsedValue}
+                aria-label="Editar perfil de armazenamento"
+                title="Editar perfil de armazenamento"
+              >
+                <Pencil className="h-4 w-4" />
+              </Button>
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(null);
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                aria-label="Criar perfil de armazenamento"
+                title="Criar perfil de armazenamento"
+              >
+                <Plus className="h-4 w-4" />
+              </Button>
+            </div>
+
+            <IntegrationProfileSheet
+              open={isStorageProfileSheetOpen}
+              onOpenChange={(nextOpen) => {
+                setIsStorageProfileSheetOpen(nextOpen);
+                if (!nextOpen) {
+                  setStorageProfileEditingId(null);
+                }
+              }}
+              profileId={storageProfileEditingId}
+              initialTypeSlug="storage"
+              lockedTypeSlug="storage"
+              onSaved={(profile: IntegrationProfileSheetSavedProfile) => {
+                setStorageProfileSelectedLabel(profile.name ?? '');
+                handleChangeValue(String(profile.id), true);
+              }}
+            />
+          </>
+        );
+      }
+
+      if (AI_PROFILE_SETTING_SLUGS.includes(setting.slug)) {
+        return (
+          <>
+            <div className="flex w-full min-w-0 items-center gap-2 md:max-w-72">
+              <EntityPicker<IntegrationProfileOption & Record<string, unknown>>
+                placeholder={t('selectAiProfile')}
+                emptyStateDescription={t('aiProfileEmptyState')}
+                value={parsedValue ? Number(parsedValue) : null}
+                onChange={(id, option) => {
+                  setStorageProfileSelectedLabel(option?.name ?? '');
+                  handleChangeValue(id != null ? String(id) : '', true);
+                }}
+                valueType="number"
+                initialSelectedLabel={storageProfileSelectedLabel}
+                showCreateButton={false}
+                clearable={false}
+                loadOptions={async ({ page, pageSize, search }) => {
+                  const qs = new URLSearchParams({
+                    page: String(page),
+                    pageSize: String(pageSize),
+                    typeSlug: 'ai',
+                  });
+                  if (search) qs.set('search', search);
+                  const response = await request<
+                    ApiPaginated<
+                      IntegrationProfileOption & Record<string, unknown>
+                    >
+                  >({
+                    url: `/integration-profile?${qs}`,
+                    method: 'GET',
+                  });
+                  const paged = response.data;
+                  return {
+                    items: paged?.data ?? [],
+                    hasMore: (paged?.page ?? 0) < (paged?.lastPage ?? 0),
+                  };
+                }}
+                getOptionValue={(opt) => opt.id}
+                getOptionLabel={(opt) => String(opt.name ?? '')}
+                getOptionDescription={(opt) => {
+                  const providerSlug = String(
+                    opt.integration_provider?.slug ?? ''
+                  );
+                  const providerName = getLocalizedIntegrationName(
+                    opt.integration_provider?.integration_provider_locale,
+                    currentLocaleCode
+                  );
+                  return [providerName || providerSlug, opt.slug]
+                    .filter(Boolean)
+                    .join(' • ');
+                }}
+                className={cn('flex-1 min-w-0', className)}
+              />
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(
+                    parsedValue ? Number(parsedValue) : null
+                  );
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                disabled={!parsedValue}
+                aria-label="Editar perfil de IA"
+                title="Editar perfil de IA"
+              >
+                <Pencil className="h-4 w-4" />
+              </Button>
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(null);
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                aria-label="Criar perfil de IA"
+                title="Criar perfil de IA"
+              >
+                <Plus className="h-4 w-4" />
+              </Button>
+            </div>
+
+            <IntegrationProfileSheet
+              open={isStorageProfileSheetOpen}
+              onOpenChange={(nextOpen) => {
+                setIsStorageProfileSheetOpen(nextOpen);
+                if (!nextOpen) setStorageProfileEditingId(null);
+              }}
+              profileId={storageProfileEditingId}
+              initialTypeSlug="ai"
+              lockedTypeSlug="ai"
+              onSaved={(profile: IntegrationProfileSheetSavedProfile) => {
+                setStorageProfileSelectedLabel(profile.name ?? '');
+                handleChangeValue(String(profile.id), true);
+              }}
+            />
+          </>
+        );
+      }
+
+      const oauthProviderSlug = OAUTH_PROFILE_SLUG_TO_PROVIDER[setting.slug];
+      if (oauthProviderSlug) {
+        return (
+          <>
+            <div className="flex w-full min-w-0 items-center gap-2 md:max-w-72">
+              <EntityPicker<IntegrationProfileOption & Record<string, unknown>>
+                placeholder={t('selectOAuthProfile')}
+                emptyStateDescription={t('oauthProfileEmptyState')}
+                value={parsedValue ? Number(parsedValue) : null}
+                onChange={(id, option) => {
+                  setStorageProfileSelectedLabel(option?.name ?? '');
+                  handleChangeValue(id != null ? String(id) : '', true);
+                }}
+                valueType="number"
+                initialSelectedLabel={storageProfileSelectedLabel}
+                showCreateButton={false}
+                clearable={false}
+                loadOptions={async ({ page, pageSize, search }) => {
+                  const qs = new URLSearchParams({
+                    page: String(page),
+                    pageSize: String(pageSize),
+                    providerSlug: oauthProviderSlug,
+                  });
+                  if (search) qs.set('search', search);
+                  const response = await request<
+                    ApiPaginated<
+                      IntegrationProfileOption & Record<string, unknown>
+                    >
+                  >({
+                    url: `/integration-profile?${qs}`,
+                    method: 'GET',
+                  });
+                  const paged = response.data;
+                  return {
+                    items: paged?.data ?? [],
+                    hasMore: (paged?.page ?? 0) < (paged?.lastPage ?? 0),
+                  };
+                }}
+                getOptionValue={(opt) => opt.id}
+                getOptionLabel={(opt) => String(opt.name ?? '')}
+                getOptionDescription={(opt) => {
+                  const providerSlug = String(
+                    opt.integration_provider?.slug ?? ''
+                  );
+                  const providerName = getLocalizedIntegrationName(
+                    opt.integration_provider?.integration_provider_locale,
+                    currentLocaleCode
+                  );
+                  return [providerName || providerSlug, opt.slug]
+                    .filter(Boolean)
+                    .join(' • ');
+                }}
+                className={cn('flex-1 min-w-0', className)}
+              />
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(
+                    parsedValue ? Number(parsedValue) : null
+                  );
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                disabled={!parsedValue}
+                aria-label="Editar perfil OAuth"
+                title="Editar perfil OAuth"
+              >
+                <Pencil className="h-4 w-4" />
+              </Button>
+
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-10 w-10 shrink-0"
+                onClick={() => {
+                  setStorageProfileEditingId(null);
+                  setIsStorageProfileSheetOpen(true);
+                }}
+                aria-label="Criar perfil OAuth"
+                title="Criar perfil OAuth"
+              >
+                <Plus className="h-4 w-4" />
+              </Button>
+            </div>
+
+            <IntegrationProfileSheet
+              open={isStorageProfileSheetOpen}
+              onOpenChange={(nextOpen) => {
+                setIsStorageProfileSheetOpen(nextOpen);
+                if (!nextOpen) setStorageProfileEditingId(null);
+              }}
+              profileId={storageProfileEditingId}
+              initialTypeSlug="oauth"
+              lockedTypeSlug="oauth"
+              onSaved={(profile: IntegrationProfileSheetSavedProfile) => {
+                setStorageProfileSelectedLabel(profile.name ?? '');
+                handleChangeValue(String(profile.id), true);
+              }}
+            />
+          </>
         );
       }
 
       if (
-        setting.slug !== 'mail-profile-id' &&
+        setting.slug !== 'mail-integration-profile-id' &&
         !dailyReportIntegrationTypeSlug
       ) {
         return (

package/hedhog/frontend/app/configurations/layout.tsx.ejs

@@ -232,7 +232,7 @@ export default function ConfigurationsLayout({ children }: IProps) {
   const activeInOverflow = activeIndex >= 0 && !visibleSet.has(activeIndex);
 
   return (
-    <div className="flex min-w-0 flex-col overflow-x-hidden px-4">
+    <div className="flex min-w-0 flex-col px-4">
       <PageHeader
         breadcrumbs={[
           { label: t('breadcrumbHome'), href: '/' },

package/hedhog/frontend/app/dashboard/dashboard-home-tabs.tsx.ejs

@@ -311,6 +311,8 @@ const getErrorMessage = (error: unknown, fallback: string) => {
   return fallback;
 };
 
+const EMPTY_DASHBOARDS: DashboardTab[] = [];
+
 export function DashboardHomeTabs() {
   const t = useTranslations('core.DashboardHomeTabs');
   const tDashboardPage = useTranslations('core.DashboardPage');
@@ -365,7 +367,7 @@ export function DashboardHomeTabs() {
   const debouncedShareSearch = useDebounce(shareSearch, 300);
 
   const {
-    data: dashboards = [],
+    data: dashboards = EMPTY_DASHBOARDS,
     isLoading,
     refetch: refetchDashboards,
   } = useQuery<DashboardTab[]>({