@orbe-agro/client-core 5.6.239 → 5.6.241

package/dist/base/assets/styles/init.css

@@ -5481,6 +5481,10 @@ video {
   width: 0.375rem;
   height: 0.375rem;
 }
+.size-8{
+  width: 2rem;
+  height: 2rem;
+}
 .h-0{
   height: 0px;
 }
@@ -5613,6 +5617,9 @@ video {
 .max-h-20{
   max-height: 5rem;
 }
+.max-h-40{
+  max-height: 10rem;
+}
 .max-h-8{
   max-height: 2rem;
 }
@@ -5827,6 +5834,10 @@ video {
 .w-\[950px\]{
   width: 950px;
 }
+.w-fit{
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .w-full{
   width: 100%;
 }
@@ -5954,9 +5965,6 @@ video {
 .max-w-\[900px\]{
   max-width: 900px;
 }
-.max-w-\[9rem\]{
-  max-width: 9rem;
-}
 .max-w-full{
   max-width: 100%;
 }
@@ -6003,6 +6011,10 @@ video {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.rotate-180{
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .transform{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -6108,6 +6120,9 @@ video {
 .grid-cols-6{
   grid-template-columns: repeat(6, minmax(0, 1fr));
 }
+.grid-cols-\[minmax\(0\2c auto\)_minmax\(0\2c 1fr\)\]{
+  grid-template-columns: minmax(0,auto) minmax(0,1fr);
+}
 .grid-rows-3{
   grid-template-rows: repeat(3, minmax(0, 1fr));
 }
@@ -6138,6 +6153,9 @@ video {
 .items-center{
   align-items: center;
 }
+.items-baseline{
+  align-items: baseline;
+}
 .\!justify-start{
   justify-content: flex-start !important;
 }
@@ -6174,6 +6192,9 @@ video {
 .gap-2{
   gap: 0.5rem;
 }
+.gap-2\.5{
+  gap: 0.625rem;
+}
 .gap-3{
   gap: 0.75rem;
 }
@@ -6197,6 +6218,10 @@ video {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
 .gap-x-4{
   -moz-column-gap: 1rem;
        column-gap: 1rem;
@@ -6212,6 +6237,9 @@ video {
 .gap-y-0\.5{
   row-gap: 0.125rem;
 }
+.gap-y-1{
+  row-gap: 0.25rem;
+}
 .gap-y-10{
   row-gap: 2.5rem;
 }
@@ -6232,6 +6260,14 @@ video {
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.divide-y > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
+  border-color: var(--gray-100);
+}
 .overflow-auto{
   overflow: auto;
 }
@@ -6264,9 +6300,15 @@ video {
 .whitespace-nowrap{
   white-space: nowrap;
 }
+.whitespace-pre-wrap{
+  white-space: pre-wrap;
+}
 .text-nowrap{
   text-wrap: nowrap;
 }
+.break-words{
+  overflow-wrap: break-word;
+}
 .break-all{
   word-break: break-all;
 }
@@ -6393,6 +6435,10 @@ video {
 .border-primary{
   border-color: var(--primary);
 }
+.border-red-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
 .border-success{
   border-color: var(--success);
 }
@@ -6930,6 +6976,10 @@ video {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+.px-2\.5{
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -6986,6 +7036,10 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.py-3\.5{
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
 .py-4{
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -7272,6 +7326,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.text-red-500\/90{
+  color: rgb(239 68 68 / 0.9);
+}
 .text-red-600{
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
@@ -7329,6 +7386,9 @@ video {
 .no-underline{
   text-decoration-line: none;
 }
+.underline-offset-2{
+  text-underline-offset: 2px;
+}
 .opacity-0{
   opacity: 0;
 }
@@ -7476,6 +7536,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-transform{
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .duration-150{
   transition-duration: 150ms;
 }
@@ -7613,6 +7678,10 @@ video {
   content: var(--tw-content);
 }
 
+.last\:mb-0:last-child{
+  margin-bottom: 0px;
+}
+
 .focus-within\:border-primary:focus-within{
   border-color: var(--primary);
 }
@@ -7980,6 +8049,18 @@ video {
   .motion-safe\:animate-pulse{
     animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
+  @keyframes spin{
+    to{
+      transform: rotate(360deg);
+    }
+  }
+  .motion-safe\:animate-spin{
+    animation: spin 1s linear infinite;
+  }
+}
+
+.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
+  border-color: var(--gray-700);
 }
 
 .dark\:border:is(.dark *){
@@ -8019,6 +8100,10 @@ video {
   border-color: var(--primary);
 }
 
+.dark\:border-red-500\/20:is(.dark *){
+  border-color: rgb(239 68 68 / 0.2);
+}
+
 .dark\:border-transparent:is(.dark *){
   border-color: transparent;
 }
@@ -8166,6 +8251,14 @@ video {
   background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-red-500\/10:is(.dark *){
+  background-color: rgb(239 68 68 / 0.1);
+}
+
+.dark\:bg-red-500\/15:is(.dark *){
+  background-color: rgb(239 68 68 / 0.15);
+}
+
 .dark\:bg-red-500\/20:is(.dark *){
   background-color: rgb(239 68 68 / 0.2);
 }
@@ -8274,6 +8367,11 @@ video {
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-amber-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-black:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -8284,11 +8382,21 @@ video {
   color: rgb(219 234 254 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-blue-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-emerald-100:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(209 250 229 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-emerald-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-fuchsia-400:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(232 121 249 / var(--tw-text-opacity, 1));
@@ -8314,6 +8422,10 @@ video {
   color: var(--gray-50);
 }
 
+.dark\:text-gray-500:is(.dark *){
+  color: var(--gray-500);
+}
+
 .dark\:text-gray-900:is(.dark *){
   color: var(--gray-900);
 }
@@ -8351,6 +8463,15 @@ video {
   color: rgb(254 226 226 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-red-300\/90:is(.dark *){
+  color: rgb(252 165 165 / 0.9);
+}
+
+.dark\:text-red-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-slate-400:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -8379,6 +8500,10 @@ video {
   --tw-ring-color: var(--primary);
 }
 
+.dark\:hover\:border-gray-600:hover:is(.dark *){
+  border-color: var(--gray-600);
+}
+
 .dark\:hover\:border-primary:hover:is(.dark *){
   border-color: var(--primary);
 }

package/lib/@ecme/components/template/OrbeAiWidget/OrbeAiWidget.tsx

@@ -8,7 +8,6 @@ import {
 import { HiX } from 'react-icons/hi'
 import ChatView from '@/views/concepts/ai/Chat/components/ChatView'
 import ChatHistoryRenameDialog from '@/views/concepts/ai/Chat/components/ChatHistoryRenameDialog'
-import ModelSelect from '@/views/concepts/ai/Chat/components/ModelSelect'
 import useResizablePanel from './useResizablePanel'
 import ResizeHandles from './ResizeHandles'
 
@@ -71,7 +70,6 @@ const OrbeAiWidget = () => {
                                 </span>
                             </div>
                             <div className="flex items-center gap-2">
-                                <ModelSelect />
                                 <button
                                     type="button"
                                     className={iconButtonClass}

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

@@ -34,6 +34,7 @@ const ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {
         bubbleClass,
         myBubbleClass,
         botBubbleClass,
+        errorBubbleClass,
         renderTyping,
         typing,
         messageListClass,
@@ -64,6 +65,7 @@ const ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {
                     bubbleClass={bubbleClass}
                     myBubbleClass={myBubbleClass}
                     botBubbleClass={botBubbleClass}
+                    errorBubbleClass={errorBubbleClass}
                     renderTyping={renderTyping}
                 />            )}
             {children}

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 }
+type List = MessageProps & { fresh?: boolean; isError?: boolean }
 
 export type MessageListProps = {
     list: List[]
@@ -24,6 +24,7 @@ export type MessageListProps = {
     bubbleClass?: string
     myBubbleClass?: string
     botBubbleClass?: string
+    errorBubbleClass?: string
     renderTyping?: () => ReactNode
     messageListClass?: string
 }
@@ -39,6 +40,7 @@ const MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {
         bubbleClass,
         myBubbleClass,
         botBubbleClass,
+        errorBubbleClass,
         renderTyping,
     } = props
 
@@ -56,9 +58,11 @@ const MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {
                                 showAvatar={showAvatar}
                                 avatarGap={avatarGap}
                                 bubbleClass={
-                                    message.isMyMessage
-                                        ? myBubbleClass ?? bubbleClass
-                                        : botBubbleClass ?? bubbleClass
+                                    message.isError
+                                        ? errorBubbleClass ?? bubbleClass
+                                        : message.isMyMessage
+                                          ? myBubbleClass ?? bubbleClass
+                                          : botBubbleClass ?? bubbleClass
                                 }
                                 {...message}
                                 {...(customRenderer

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

@@ -1,10 +1,9 @@
+import { authHeaders } from './aiAuthHeaders'
 import ApiService from './ApiService'
-import { useAiModelStore } from '@/views/concepts/ai/Chat/store/aiModelStore'
+import { readSse } from './sseParser'
+import type { ChatEvent } from '@/views/concepts/ai/Chat/types'
 import type { AxiosRequestConfig } from 'axios'
 
-/** Informa ao backend qual modelo usar. Sem o header, ele aplica o default. */
-export const AI_MODEL_HEADER = 'X-Ai-Model'
-
 const AI_DEV_URL = 'http://localhost:8000'
 const AI_BUILD_URL = 'https://orbe-ai-homolog.apps.qas.orbeagro.com.br'
 
@@ -30,29 +29,6 @@ function getAiApiUrl() {
 
 export const AI_API_URL = getAiApiUrl()
 
-export type AiModel = {
-    id: string
-    label: string
-    default: boolean
-    cloud: boolean
-}
-
-export type GetAiModelsResponse = {
-    models: AiModel[]
-}
-
-/**
- * Header do modelo escolhido, montado por chamada.
- *
- * Deliberadamente NAO e um interceptor global do AxiosBase: o chat vive no
- * layout de todos os MFEs, e um interceptor faria toda requisicao de todo
- * modulo passar por essa checagem so para servir ao /ai/*.
- */
-const aiModelHeader = () => {
-    const selectedModel = useAiModelStore.getState().selectedModel
-    return selectedModel ? { [AI_MODEL_HEADER]: selectedModel } : undefined
-}
-
 /**
  * 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
@@ -65,29 +41,98 @@ const aiRequest = <T>(config: AxiosRequestConfig) =>
         skipGlobalLoading: true,
     })
 
-export async function apiPostChat<T>(data: {
-    prompt: string
-    attachments?: File[]
-}) {
-    return aiRequest<T>({
-        url: '/ai/chat',
-        method: 'post',
-        data,
-        headers: aiModelHeader(),
-    })
-}
-
-export async function apiGetChatHistory<T>() {
+export async function apiGetChatHistory<T>(conversationId?: string) {
     return aiRequest<T>({
         url: '/ai/chat/history',
         method: 'get',
+        params: conversationId ? { conversation_id: conversationId } : undefined,
     })
 }
 
-export async function apiGetAiModels<T>() {
-    return aiRequest<T>({
-        url: '/ai/models',
-        method: 'get',
+export type StreamChatParams = {
+    prompt: string
+    /** Identifica a conversa; o backend usa como thread da memoria. */
+    conversationId?: string
+    signal?: AbortSignal
+    onEvent: (evento: ChatEvent) => void
+}
+
+export type ResumeChatParams = {
+    /** true = aprovar a operacao pendente, false = negar. */
+    approved: boolean
+    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 num pedido de aprovacao.
+ *
+ * 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.
+ */
+export async function resumeChat({
+    approved,
+    conversationId,
+    signal,
+    onEvent,
+}: ResumeChatParams): Promise<void> {
+    await postarEConsumir(
+        '/ai/chat/resume',
+        { approved, 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)
+        }
     })
 }
 

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

@@ -0,0 +1,58 @@
+import appConfig from '@/configs/app.config'
+import {
+    REQUEST_HEADER_AUTH_KEY,
+    TOKEN_NAME_IN_STORAGE,
+    TOKEN_TYPE,
+} from '@/constants/api.constant'
+
+/**
+ * Headers de autenticacao lidos do storage.
+ *
+ * Existe porque o chat de IA usa `fetch` (o Axios nao faz streaming no
+ * browser) e portanto nao passa pelo interceptor. Em vez de duplicar as regras
+ * de onde mora o token, o interceptor e o fetch chamam esta funcao — uma
+ * verdade so.
+ *
+ * Ver AxiosRequestIntrceptorConfigCallback, que a consome.
+ */
+export const authHeaders = (): Record<string, string> => {
+    const storage = appConfig.accessTokenPersistStrategy
+    const headers: Record<string, string> = {}
+
+    if (storage !== 'localStorage' && storage !== 'sessionStorage') {
+        return headers
+    }
+
+    const source = storage === 'localStorage' ? localStorage : sessionStorage
+    const accessToken = source.getItem(TOKEN_NAME_IN_STORAGE) || ''
+
+    if (accessToken) {
+        headers[REQUEST_HEADER_AUTH_KEY] = `${TOKEN_TYPE}${accessToken}`
+    }
+
+    const userId = readUserId()
+    if (userId) {
+        headers['X-User-Id'] = userId
+    }
+
+    return headers
+}
+
+/**
+ * userId da sessao persistida pelo zustand.
+ *
+ * Silencioso em caso de erro: um storage corrompido nao pode derrubar a
+ * requisicao — sem o header, o backend apenas trata o usuario como desconhecido.
+ */
+const readUserId = (): string | undefined => {
+    try {
+        const raw = localStorage.getItem('SessionUserPageStore')
+        if (!raw) {
+            return undefined
+        }
+        return JSON.parse(raw)?.state?.user?.userId
+    } catch (error) {
+        console.debug('Could not read userId from session store:', error)
+        return undefined
+    }
+}

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

@@ -1,47 +1,18 @@
-import appConfig from '@/configs/app.config'
-import {
-    TOKEN_TYPE,
-    REQUEST_HEADER_AUTH_KEY,
-    TOKEN_NAME_IN_STORAGE,
-} from '@/constants/api.constant'
+import { authHeaders } from '../aiAuthHeaders'
 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,
 ) => {
-    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)
-        }
-    }
+    Object.entries(authHeaders()).forEach(([chave, valor]) => {
+        config.headers[chave] = valor
+    })
 
     return config
 }