@orbe-agro/client-core 5.6.201 → 5.6.203

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

@@ -5,6 +5,7 @@ import ChatLandingView from './ChatLandingView'
 import ChatMobileNav from './ChatMobileNav'
 import ChatCustomContent from './ChatCustomContent'
 import ChatCustomAction from './ChatCustomAction'
+import AiThinkingIndicator from './AiThinkingIndicator'
 import { usGenerativeChatStore } from '../store/generativeChatStore'
 import useChatSend from '../hooks/useChatSend'
 import type { ScrollBarRef } from '@/components/ui/ScrollBar'
@@ -55,10 +56,12 @@ const ChatView = () => {
             <ChatBox
                 ref={scrollRef}
                 messageList={messageList}
-                placeholder="Enter a prompt here"
+                placeholder="Pergunte algo sobre o Orbe Agro…"
                 showMessageList={Boolean(selectedConversation)}
-                showAvatar={true}
-                avatarGap={true}
+                showAvatar={false}
+                avatarGap={false}
+                myBubbleClass="bg-primary text-white"
+                renderTyping={() => <AiThinkingIndicator />}
                 containerClass="h-[calc(100%-30px)] xl:h-full"
                 messageListClass="h-[calc(100%-100px)] xl:h-[calc(100%-70px)]"
                 typing={
@@ -98,7 +101,11 @@ const ChatView = () => {
                 }}
                 onInputChange={handleInputChange}
             >
-                {!selectedConversation && <ChatLandingView />}
+                {!selectedConversation && (
+                    <div className="flex-1 min-h-0 overflow-y-auto">
+                        <ChatLandingView />
+                    </div>
+                )}
             </ChatBox>
         </Card>
     )

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

@@ -0,0 +1,66 @@
+import { useEffect, useState } from 'react'
+import { apiGetAiModels } from '@/services/AiService'
+import { useAiModelStore } from '../store/aiModelStore'
+import type { AiModel, GetAiModelsResponse } from '@/services/AiService'
+
+/**
+ * Seletor do modelo de IA do chat (GET /ai/models). Se o backend estiver
+ * indisponivel ou nao expuser modelos, o seletor nao aparece e o backend usa o
+ * modelo default — por isso ele pode ser montado sem medo em qualquer MFE.
+ */
+const ModelSelect = () => {
+    const [models, setModels] = useState<AiModel[]>([])
+    const selectedModel = useAiModelStore((state) => state.selectedModel)
+    const setSelectedModel = useAiModelStore((state) => state.setSelectedModel)
+
+    useEffect(() => {
+        let active = true
+        apiGetAiModels<GetAiModelsResponse>()
+            .then((resp) => {
+                if (!active) {
+                    return
+                }
+                setModels(resp.models)
+                const current = useAiModelStore.getState().selectedModel
+                const exists = resp.models.some((model) => model.id === current)
+                if (!current || !exists) {
+                    const fallback =
+                        resp.models.find((model) => model.default) ??
+                        resp.models[0]
+                    if (fallback) {
+                        useAiModelStore
+                            .getState()
+                            .setSelectedModel(fallback.id)
+                    }
+                }
+            })
+            .catch(() => {
+                // Sem lista de modelos: o backend responde com o default.
+            })
+        return () => {
+            active = false
+        }
+    }, [])
+
+    if (models.length === 0) {
+        return null
+    }
+
+    return (
+        <select
+            aria-label="Modelo de IA"
+            title="Modelo de IA"
+            className="max-w-[9rem] truncate rounded-lg border border-gray-300 bg-white px-2 py-1 text-xs dark:border-gray-600 dark:bg-gray-800"
+            value={selectedModel ?? ''}
+            onChange={(event) => setSelectedModel(event.target.value)}
+        >
+            {models.map((model) => (
+                <option key={model.id} value={model.id}>
+                    {model.label}
+                </option>
+            ))}
+        </select>
+    )
+}
+
+export default ModelSelect

package/lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts

@@ -1,10 +1,12 @@
 import { usGenerativeChatStore } from '../store/generativeChatStore'
 import { apiPostChat } from '@/services/AiService'
+import { useAuth } from '@/auth'
 import dayjs from 'dayjs'
 import uniqueId from 'lodash/uniqueId'
 import type { PostAiChatResponse } from '../types'
 
 const useChatSend = () => {
+    const { user } = useAuth()
     const {
         selectedConversation,
         setSelectedConversation,
@@ -17,9 +19,9 @@ const useChatSend = () => {
         pushConversation(id, {
             id: uniqueId('ai-conversation-'),
             sender: {
-                id: '1',
-                name: 'Angelina Gotelli',
-                avatarImageUrl: '/img/avatars/thumb-1.jpg',
+                id: user.userId ?? 'me',
+                name: user.userName ?? 'Você',
+                avatarImageUrl: user.avatar ?? undefined,
             },
             content: prompt,
             timestamp: dayjs().toDate(),

package/lib/@ecme/views/concepts/ai/Chat/store/aiModelStore.ts

@@ -0,0 +1,23 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+type AiModelState = {
+    selectedModel: string | null
+    setSelectedModel: (model: string) => void
+}
+
+/**
+ * Modelo de IA escolhido pelo usuario para o chat do Orbe AI.
+ *
+ * Persistido em localStorage: como todos os MFEs vivem na mesma origem, a
+ * escolha acompanha o usuario entre os modulos e entre sessoes.
+ */
+export const useAiModelStore = create<AiModelState>()(
+    persist(
+        (set) => ({
+            selectedModel: null,
+            setSelectedModel: (model) => set({ selectedModel: model }),
+        }),
+        { name: 'orbe-ai-model' },
+    ),
+)

package/lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx

@@ -27,7 +27,7 @@ type GeneralFormSectionProps<
     K extends ArrayPath<T>,
 > = IFormSectionBaseProps<T> & {
     nameArray: K
-    defaultAppendItem: FieldArray<T, K>
+    defaultAppendItem: any
     nameCampoStringArray: string[]
     nameCampoNumberArray: string[]
     nameCampoSelectArray?: string[]

package/lib/base/configs/endpoints.config/Ticket/ticket.endpoint.config.ts

@@ -17,6 +17,7 @@ const ticketEndpointConfig = {
     bloquear: `${TICKET_API_PATH}/bloquear/`,
     getRelatorioFisicoFiscalTickets: `${TICKET_API_PATH}/relatorio-fisico-fiscal`,
     getRelatorioMediaPonderadaTickets: `${TICKET_API_PATH}/relatorio-media-ponderada`,
+    getRelatorioCarregamentoBiodieselTickets: `${TICKET_API_PATH}/relatorio-carregamento-biodiesel`,
 }
 
 export default ticketEndpointConfig

package/lib/base/configs/navigation.config/submenu/ticket/config/relatorioCarregamentoBiodiesel.submenu.ts

@@ -0,0 +1,16 @@
+import { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'
+import { ADMIN } from '@/constants/roles.constant'
+import { NavigationTree } from '@/@types/navigation'
+
+const relatorioCarregamentoBiodieselSubmenu: NavigationTree = {
+    key: 'ticket.relatorioCarregamentoBiodiesel',
+    path: '/ticket/relatorio-carregamento-biodiesel',
+    title: 'Relatório Carregamento Biodiesel',
+    translateKey: 'nav.modules.ticket.relatorioCarregamentoBiodiesel',
+    icon: '',
+    type: NAV_ITEM_TYPE_ITEM,
+    authority: [ADMIN],
+    subMenu: [],
+}
+
+export default relatorioCarregamentoBiodieselSubmenu

package/lib/base/configs/navigation.config/submenu/ticket/relatorios.submenu.ts

@@ -11,6 +11,7 @@ import tabelaBiodieselSubmenu from "./config/tabelaBiodiesel.submenu"
 import tabelaClassificacaoSubmenu from "./config/tabelaClassificacao.submenu"
 import toleranciaDiferencaPrecoSubmenu from "./config/toleranciaDiferencaPreco.submenu"
 import relatorioMediaPonderadaSubmenu from "./config/relatorioMediaPonderada.submenu"
+import relatorioCarregamentoBiodieselSubmenu from "./config/relatorioCarregamentoBiodiesel.submenu"
 
 
 const relatoriosSubmenu: NavigationTree[] = [
@@ -25,6 +26,7 @@ const relatoriosSubmenu: NavigationTree[] = [
     { ...relatorioMediaPonderadaSubmenu, sortOrder: 9 },
     { ...recebimentoCentroSubmenu, sortOrder: 10 },
     { ...toleranciaDiferencaPrecoSubmenu, sortOrder: 11 },
+    { ...relatorioCarregamentoBiodieselSubmenu, sortOrder: 12 },
 ]
 
 export default relatoriosSubmenu

package/lib/base/locales/lang/ptBR/modules/Ticket/ticket.nav.ts

@@ -22,5 +22,6 @@ export default {
         relatorioFisicoFiscal: 'Relatório Fisico Fiscal',
         relatorioMediaPonderada: 'Relatório Média Ponderada',
         vinculoUnidadeMedida: 'Vínculo de Unidade de Medida',       
+        relatorioCarregamentoBiodiesel: 'Relatório Carregamento Biodiesel',
     },
 }

package/lib/base/services/modules/Ticket/TicketService.ts

@@ -130,4 +130,12 @@ export async function apiGetRelatorioMediaPonderadaTickets(body) {
         method: 'post',
         data: body,
     })
+}
+
+export async function apiGetRelatorioCarregamentoBiodieselTickets(body) {
+    return ApiService.fetchDataWithAxios({
+        url: ticketEndpointConfig.getRelatorioCarregamentoBiodieselTickets,
+        method: 'post',
+        data: body,
+    })
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbe-agro/client-core",
-  "version": "5.6.201",
+  "version": "5.6.203",
   "description": "Biblioteca principal de componentes e utilidades para os microfrontends do Orbe Agro.",
   "type": "module",
   "main": "./dist/index.js",