@orbe-agro/client-core 5.6.259 → 5.6.262

package/lib/@ecme/components/view/ChatBox/components/MessageList.tsx

@@ -6,7 +6,7 @@ import { forwardRef } from 'react'
 import type { ScrollBarRef } from '@/components/ui/ScrollBar'
 import type { MessageProps } from './Message'
 
-type List = MessageProps & { fresh?: boolean; isError?: boolean }
+type List = MessageProps & { fresh?: boolean }
 
 export type MessageListProps = {
     list: List[]
@@ -22,10 +22,6 @@ export type MessageListProps = {
     customRenderer?: (message: List, index: number) => string | ReactNode
     customAction?: (message: List, index: number) => string | ReactNode
     bubbleClass?: string
-    myBubbleClass?: string
-    botBubbleClass?: string
-    errorBubbleClass?: string
-    renderTyping?: () => ReactNode
     messageListClass?: string
 }
 
@@ -38,10 +34,6 @@ const MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {
         customAction,
         messageListClass,
         bubbleClass,
-        myBubbleClass,
-        botBubbleClass,
-        errorBubbleClass,
-        renderTyping,
     } = props
 
     return (
@@ -57,13 +49,7 @@ const MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {
                                 key={message.id}
                                 showAvatar={showAvatar}
                                 avatarGap={avatarGap}
-                                bubbleClass={
-                                    message.isError
-                                        ? errorBubbleClass ?? bubbleClass
-                                        : message.isMyMessage
-                                          ? myBubbleClass ?? bubbleClass
-                                          : botBubbleClass ?? bubbleClass
-                                }
+                                bubbleClass={bubbleClass}
                                 {...message}
                                 {...(customRenderer
                                     ? {
@@ -85,18 +71,14 @@ const MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {
                                 sender={typing}
                                 type="regular"
                                 showAvatar={showAvatar}
-                                bubbleClass={botBubbleClass ?? bubbleClass}
+                                bubbleClass={bubbleClass}
                                 avatarGap={avatarGap}
                                 content={
-                                    renderTyping ? (
-                                        renderTyping()
-                                    ) : (
-                                        <span className="flex items-center gap-2">
-                                            <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300"></span>
-                                            <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300"></span>
-                                            <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300"></span>
-                                        </span>
-                                    )
+                                    <span className="flex items-center gap-2">
+                                        <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300"></span>
+                                        <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300"></span>
+                                        <span className="size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300"></span>
+                                    </span>
                                 }
                             />
                         )}

package/lib/@ecme/configs/navigation.config/concepts.navigation.config.ts

@@ -38,6 +38,22 @@ const conceptsNavigationConfig: NavigationTree[] = [
                     },
                 },
                 subMenu: [
+                    {
+                        key: 'concepts.ai.chat',
+                        path: `${CONCEPTS_PREFIX_PATH}/ai/chat`,
+                        title: 'Chat',
+                        translateKey: 'nav.conceptsAi.chat',
+                        icon: 'aiChat',
+                        type: NAV_ITEM_TYPE_ITEM,
+                        authority: [ADMIN, USER],
+                        meta: {
+                            description: {
+                                translateKey: 'nav.conceptsAi.chatDesc',
+                                label: 'AI-powered chat systems',
+                            },
+                        },
+                        subMenu: [],
+                    },
                     {
                         key: 'concepts.ai.image',
                         path: `${CONCEPTS_PREFIX_PATH}/ai/image`,

package/lib/@ecme/configs/routes.config/conceptsRoute.ts

@@ -4,6 +4,15 @@ import { ADMIN, USER } from '@/constants/roles.constant'
 import type { Routes } from '@/@types/routes'
 
 const conceptsRoute: Routes = [
+    {
+        key: 'concepts.ai.chat',
+        path: `${CONCEPTS_PREFIX_PATH}/ai/chat`,
+        component: lazy(() => import('@/views/concepts/ai/Chat')),
+        authority: [ADMIN, USER],
+        meta: {
+            pageContainerType: 'contained',
+        },
+    },
     {
         key: 'concepts.ai.image',
         path: `${CONCEPTS_PREFIX_PATH}/ai/image`,

package/lib/@ecme/locales/index.ts

@@ -1,4 +1,8 @@
 import i18n from './locales'
 
 export { dateLocales } from './locales'
+export {
+	ensureAppLocaleResourcesLoaded,
+	initAllAppLocaleResources,
+} from './initAll'
 export default i18n

package/lib/@ecme/locales/lang/ptBR/nav.ts

@@ -62,7 +62,6 @@ export default {
                 vinculoUnidadeMedida: 'Vínculo de Unidade de Medida',
                 vinculoOperacao: 'Vínculo de Operação',
                 vinculoIva: 'Vínculo de IVA',
-                cfop: 'CFOP',
                 notificacaoCentralNfe: 'Notificação Central NFe',
                 nfe: 'NFe',
                 intervaloPrecoXml: 'Intervalo Preço XML',

package/lib/@ecme/services/AiService.ts

@@ -1,155 +1,27 @@
-import { authHeaders } from './aiAuthHeaders'
 import ApiService from './ApiService'
-import { readSse } from './sseParser'
-import type { ChatEvent } from '@/views/concepts/ai/Chat/types'
-import type { AxiosRequestConfig } from 'axios'
 
-const AI_DEV_URL = 'http://localhost:8000'
-const AI_BUILD_URL = 'https://orbe-ai.apps.qas.orbeagro.com.br'
-
-/**
- * Host da API de IA.
- *
- * O /ai/* nao vive no gateway do resto da aplicacao, entao nao pode usar o
- * baseURL do AxiosBase (API_URL). A resolucao e por origin em runtime, e nao
- * por import.meta.env.MODE, porque o MODE e congelado na build da lib como
- * "production" e nao reflete o dev do MFE consumidor.
- */
-function getAiApiUrl() {
-    const origin = globalThis?.location?.origin ?? ''
-
-    if (origin.includes('localhost') || origin.includes('127.0.0.1')) {
-        return AI_DEV_URL
-    }
-
-    // QAS e PRD compartilham a mesma URL por enquanto. Quando houver uma URL
-    // de PRD, o split entra aqui: if (origin.includes('.prd.')) return AI_PRD_URL
-    return AI_BUILD_URL
-}
-
-export const AI_API_URL = getAiApiUrl()
-
-/**
- * Toda chamada de IA sai pelo AI_API_URL (o baseURL por requisicao vence o da
- * instancia do AxiosBase) e fica fora do loading global — o chat mostra o
- * proprio balaozinho de "digitando".
- */
-const aiRequest = <T>(config: AxiosRequestConfig) =>
-    ApiService.fetchDataWithAxios<T>({
-        ...config,
-        baseURL: AI_API_URL,
-        skipGlobalLoading: true,
+export async function apiPostChat<T>(data: {
+    prompt: string
+    attachments?: File[]
+}) {
+    return ApiService.fetchDataWithAxios<T>({
+        url: '/ai/chat',
+        method: 'post',
+        data,
     })
+}
 
-export async function apiGetChatHistory<T>(conversationId?: string) {
-    return aiRequest<T>({
+export async function apiGetChatHistory<T>() {
+    return ApiService.fetchDataWithAxios<T>({
         url: '/ai/chat/history',
         method: 'get',
-        params: conversationId ? { conversation_id: conversationId } : undefined,
-    })
-}
-
-export type StreamChatParams = {
-    prompt: string
-    /** Identifica a conversa; o backend usa como thread da memoria. */
-    conversationId?: string
-    signal?: AbortSignal
-    onEvent: (evento: ChatEvent) => void
-}
-
-/**
- * Resposta a pausa atual do agente. Ha duas, e um endpoint so:
- * - `approved` responde ao `approval_required` (true aprova, false nega).
- * - `dados` responde ao `input_required`; `null` = o usuario fechou o
- *   formulario sem preencher.
- */
-export type ResumeChatParams = {
-    approved?: boolean
-    dados?: Record<string, unknown> | null
-    conversationId?: string
-    signal?: AbortSignal
-    onEvent: (evento: ChatEvent) => void
-}
-
-/**
- * Envia a mensagem e consome a resposta em streaming (SSE).
- *
- * Usa `fetch`, e nao o Axios, porque o Axios no browser so resolve a Promise
- * com a resposta inteira — nao ha como ler o corpo enquanto ele chega.
- */
-export async function streamChat({
-    prompt,
-    conversationId,
-    signal,
-    onEvent,
-}: StreamChatParams): Promise<void> {
-    await postarEConsumir(
-        '/ai/chat/stream',
-        { prompt, conversation_id: conversationId },
-        onEvent,
-        signal,
-    )
-}
-
-/**
- * Retoma uma conversa parada numa pausa (aprovacao ou coleta de dados).
- *
- * Devolve o mesmo tipo de stream do `streamChat`, e a resposta continua na
- * MESMA mensagem do chat — o backend so volta do ponto onde parou.
- *
- * O `JSON.stringify` descarta chaves `undefined`, entao o backend recebe apenas
- * o campo da pausa que esta sendo respondida.
- */
-export async function resumeChat({
-    approved,
-    dados,
-    conversationId,
-    signal,
-    onEvent,
-}: ResumeChatParams): Promise<void> {
-    await postarEConsumir(
-        '/ai/chat/resume',
-        { approved, dados, conversation_id: conversationId },
-        onEvent,
-        signal,
-    )
-}
-
-/** POST + leitura do SSE, comum ao envio e a retomada. */
-async function postarEConsumir(
-    caminho: string,
-    corpo: Record<string, unknown>,
-    onEvent: (evento: ChatEvent) => void,
-    signal?: AbortSignal,
-): Promise<void> {
-    const resposta = await fetch(`${AI_API_URL}${caminho}`, {
-        method: 'POST',
-        headers: {
-            ...authHeaders(),
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(corpo),
-        signal,
-    })
-
-    if (!resposta.ok || !resposta.body) {
-        throw new Error(`Falha ao falar com a IA (HTTP ${resposta.status})`)
-    }
-
-    await readSse(resposta.body, ({ event, data }) => {
-        try {
-            onEvent({ type: event, data: JSON.parse(data) } as ChatEvent)
-        } catch (error) {
-            // Evento malformado nao pode derrubar o stream inteiro.
-            console.debug('Evento SSE ignorado:', event, error)
-        }
     })
 }
 
 export async function apiGetImages<T, U extends Record<string, unknown>>(
     params: U,
 ) {
-    return aiRequest<T>({
+    return ApiService.fetchDataWithAxios<T>({
         url: '/ai/images',
         method: 'get',
         params,
@@ -159,7 +31,7 @@ export async function apiGetImages<T, U extends Record<string, unknown>>(
 export async function apiPostImages<T, U extends Record<string, unknown>>(
     data: U,
 ) {
-    return aiRequest<T>({
+    return ApiService.fetchDataWithAxios<T>({
         url: '/ai/images',
         method: 'post',
         data,

package/lib/@ecme/services/axios/AxiosBase.ts

@@ -6,19 +6,6 @@ import { useLoadingConfigStore, getCurrentMicrofrontendId } from "@base/store";
 import AxiosRequestIntrceptorConfigCallback from "./AxiosRequestIntrceptorConfigCallback";
 import AxiosResponseIntrceptorErrorCallback from "./AxiosResponseIntrceptorErrorCallback";
 
-/**
- * Permite que uma requisição específica seja excluída do loading global
- * (overlay de tela cheia). Útil para chamadas que exibem seu próprio
- * indicador de carregamento — ex.: o chat de IA, que mostra o balãozinho
- * de "digitando". Comportamento padrão inalterado: só afeta requisições
- * que marcarem explicitamente `skipGlobalLoading: true`.
- */
-declare module "axios" {
-  interface AxiosRequestConfig {
-    skipGlobalLoading?: boolean;
-  }
-}
-
 const AxiosBase = axios.create({
   timeout: 600000,
   baseURL: API_URL,
@@ -26,37 +13,25 @@ const AxiosBase = axios.create({
 
 let activeRequests = 0;
 
-const startGlobalLoading = () => {
-  const microfrontendId = getCurrentMicrofrontendId();
-  const loadingConfig = useLoadingConfigStore.getState();
-  if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
-    useThemeStore.getState().setLoading(true);
-  }
-};
-
-const stopGlobalLoading = () => {
-  const microfrontendId = getCurrentMicrofrontendId();
-  const loadingConfig = useLoadingConfigStore.getState();
-  if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
-    useThemeStore.getState().setLoading(false);
-  }
-};
-
 AxiosBase.interceptors.request.use(
   (config) => {
-    if (!config.skipGlobalLoading) {
-      activeRequests++;
-      if (activeRequests === 1) {
-        startGlobalLoading();
+    activeRequests++;
+    if (activeRequests === 1) {
+      const microfrontendId = getCurrentMicrofrontendId();
+      const loadingConfig = useLoadingConfigStore.getState();
+      if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
+        useThemeStore.getState().setLoading(true);
       }
     }
     return AxiosRequestIntrceptorConfigCallback(config);
   },
   (error) => {
-    if (!error?.config?.skipGlobalLoading) {
-      activeRequests = Math.max(0, activeRequests - 1);
-      if (activeRequests === 0) {
-        stopGlobalLoading();
+    activeRequests = Math.max(0, activeRequests - 1);
+    if (activeRequests === 0) {
+      const microfrontendId = getCurrentMicrofrontendId();
+      const loadingConfig = useLoadingConfigStore.getState();
+      if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
+        useThemeStore.getState().setLoading(false);
       }
     }
     return Promise.reject(error);
@@ -65,19 +40,23 @@ AxiosBase.interceptors.request.use(
 
 AxiosBase.interceptors.response.use(
   (response) => {
-    if (!response.config?.skipGlobalLoading) {
-      activeRequests = Math.max(0, activeRequests - 1);
-      if (activeRequests === 0) {
-        stopGlobalLoading();
+    activeRequests = Math.max(0, activeRequests - 1);
+    if (activeRequests === 0) {
+      const microfrontendId = getCurrentMicrofrontendId();
+      const loadingConfig = useLoadingConfigStore.getState();
+      if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
+        useThemeStore.getState().setLoading(false);
       }
     }
     return response;
   },
   (error: AxiosError) => {
-    if (!error.config?.skipGlobalLoading) {
-      activeRequests = Math.max(0, activeRequests - 1);
-      if (activeRequests === 0) {
-        stopGlobalLoading();
+    activeRequests = Math.max(0, activeRequests - 1);
+    if (activeRequests === 0) {
+      const microfrontendId = getCurrentMicrofrontendId();
+      const loadingConfig = useLoadingConfigStore.getState();
+      if (loadingConfig.getGlobalLoadingEnabled(microfrontendId)) {
+        useThemeStore.getState().setLoading(false);
       }
     }
     AxiosResponseIntrceptorErrorCallback(error);

package/lib/@ecme/services/axios/AxiosRequestIntrceptorConfigCallback.ts

@@ -1,18 +1,47 @@
-import { authHeaders } from '../aiAuthHeaders'
+import appConfig from '@/configs/app.config'
+import {
+    TOKEN_TYPE,
+    REQUEST_HEADER_AUTH_KEY,
+    TOKEN_NAME_IN_STORAGE,
+} from '@/constants/api.constant'
 import type { InternalAxiosRequestConfig } from 'axios'
 
-/**
- * Injeta Authorization e X-User-Id em toda requisicao do Axios.
- *
- * As regras de onde o token mora vivem em `authHeaders` — compartilhadas com o
- * chat de IA, que usa `fetch` e nao passa por aqui.
- */
 const AxiosRequestIntrceptorConfigCallback = (
     config: InternalAxiosRequestConfig,
 ) => {
-    Object.entries(authHeaders()).forEach(([chave, valor]) => {
-        config.headers[chave] = valor
-    })
+    const storage = appConfig.accessTokenPersistStrategy
+
+    if (storage === 'localStorage' || storage === 'sessionStorage') {
+        let accessToken = ''
+
+        if (storage === 'localStorage') {
+            accessToken = localStorage.getItem(TOKEN_NAME_IN_STORAGE) || ''
+        }
+
+        if (storage === 'sessionStorage') {
+            accessToken = sessionStorage.getItem(TOKEN_NAME_IN_STORAGE) || ''
+        }
+
+        if (accessToken) {
+            config.headers[REQUEST_HEADER_AUTH_KEY] =
+                `${TOKEN_TYPE}${accessToken}`
+        }
+
+        // Adicionar X-User-Id header se o usuário estiver autenticado
+        try {
+            const sessionUserStore = localStorage.getItem('SessionUserPageStore')
+            if (sessionUserStore) {
+                const parsedStore = JSON.parse(sessionUserStore)
+                const userId = parsedStore?.state?.user?.userId
+                if (userId) {
+                    config.headers['X-User-Id'] = userId
+                }
+            }
+        } catch (error) {
+            // Silently ignore errors reading user session
+            console.debug('Could not read userId from session store:', error)
+        }
+    }
 
     return config
 }

package/lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx

@@ -1,47 +1,45 @@
 import useChatSend from '../hooks/useChatSend'
-import { iconeFerramenta } from './toolPresentation'
+import {
+    PiLightbulbDuotone,
+    PiBookOpenTextDuotone,
+    PiCompassDuotone,
+    PiCodeDuotone,
+} from 'react-icons/pi'
+import type { ReactNode } from 'react'
+
+type PromptType = 'idea' | 'guide' | 'writing' | 'coding'
+
+const suggeustionIcon: Record<PromptType, ReactNode> = {
+    idea: <PiLightbulbDuotone className="text-blue-500" />,
+    guide: <PiCompassDuotone className="text-emerald-500" />,
+    writing: <PiBookOpenTextDuotone className="text-amber-500" />,
+    coding: <PiCodeDuotone className="text-indigo-500" />,
+}
 
-/**
- * O que o agente sabe fazer, em quatro exemplos que executam de verdade.
- *
- * `title` e o rotulo curto do card; `prompt` e a frase enviada ao agente.
- * `tool` nomeia a ferramenta que o exemplo exercita e de onde sai o icone —
- * o MESMO que aparecera no chip quando ela rodar, entao o card e a execucao
- * falam a mesma lingua e ha um registro so (ver toolPresentation.ts).
- *
- * Os dois exemplos de criacao mandam a intencao SEM os dados de proposito: o
- * agente pede os campos que faltam por formulario e so entao abre a tela de
- * aprovacao — o fluxo humano inteiro em um clique. Nada e gravado sem confirmar.
- */
 const promptSuggestion: {
     title: string
     prompt: string
-    tool: string
-    cor: string
+    type: PromptType
 }[] = [
     {
-        title: 'Buscar um usuário pelo ID',
-        prompt: 'Quem é o usuário de um dado id?',
-        tool: 'buscar_usuario',
-        cor: 'text-blue-500',
+        title: 'Help me sound like an expert for an upcoming trip',
+        prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,
+        type: 'guide',
     },
     {
-        title: 'Consultar uma área pelo código',
-        prompt: 'Me mostra a área de um dado id?',
-        tool: 'buscar_area',
-        cor: 'text-emerald-500',
+        title: 'Outline an logical sales pitch for a new product',
+        prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,
+        type: 'writing',
     },
     {
-        title: 'Criar uma nova área',
-        prompt: 'Quero criar uma área nova',
-        tool: 'criar_area',
-        cor: 'text-amber-500',
+        title: 'Help me get organized with a list of 10 tips',
+        prompt: `Give me 10 tips for room organization. `,
+        type: 'idea',
     },
     {
-        title: 'Criar um contrato de compra de grãos',
-        prompt: 'Quero criar um contrato de compra de armazenagem de grãos',
-        tool: 'criar_contrato_armazenagem_graos',
-        cor: 'text-indigo-500',
+        title: 'Write code for a specific task, including edge cases',
+        prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,
+        type: 'coding',
     },
 ]
 
@@ -49,39 +47,33 @@ const ChatLandingView = () => {
     const { handleSend } = useChatSend()
 
     return (
-        <div className="max-w-[900px] w-full mx-auto mt-6">
+        <div className="max-w-[900px] w-full mx-auto mt-20">
             <div>
-                <div className="heading-text text-2xl leading-snug">
-                    <span className="font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-3xl">
-                        Olá!
+                <div className="heading-text text-4xl leading-snug">
+                    <span className="font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl">
+                        Hello, there
                     </span>
                     <br />
-                    <span>Como posso te ajudar hoje?</span>
+                    <span>How can I help you today?</span>
                 </div>
-                <div className="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3">
-                    {promptSuggestion.map((suggestion) => {
-                        const Icone = iconeFerramenta(suggestion.tool)
-
-                        return (
-                            <div
-                                key={suggestion.title}
-                                className="flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer"
-                                role="button"
-                                onClick={() => handleSend(suggestion.prompt)}
-                            >
-                                <h6 className="font-normal">
-                                    {suggestion.title}
-                                </h6>
-                                <div>
-                                    <div className="bg-white dark:bg-gray-800 rounded-full p-2 inline-flex">
-                                        <span className="text-2xl">
-                                            <Icone className={suggestion.cor} />
-                                        </span>
-                                    </div>
+                <div className="mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4">
+                    {promptSuggestion.map((suggestion) => (
+                        <div
+                            key={suggestion.title}
+                            className="flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 cursor-pointer"
+                            role="button"
+                            onClick={() => handleSend(suggestion.title)}
+                        >
+                            <h6 className="font-normal">{suggestion.title}</h6>
+                            <div>
+                                <div className="bg-white dark:bg-gray-800 rounded-full p-2 inline-flex">
+                                    <span className="text-2xl">
+                                        {suggeustionIcon[suggestion.type]}
+                                    </span>
                                 </div>
                             </div>
-                        )
-                    })}
+                        </div>
+                    ))}
                 </div>
             </div>
         </div>