npm - @orbe-agro/client-core - Versions diffs - 5.6.260 → 5.6.261 - Mend

@orbe-agro/client-core 5.6.260 → 5.6.261

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n useState,\n useRef,\n useContext,\n useEffect,\n useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n autoUpdate,\n flip,\n FloatingFocusManager,\n FloatingList,\n FloatingNode,\n FloatingPortal,\n safePolygon,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListItem,\n useListNavigation,\n useMergeRefs,\n useRole,\n useTypeahead,\n useTransitionStyles,\n} from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n extends CommonProps,\n DropdownToggleSharedProps,\n DropdownSubItemSharedProps {\n activeKey?: string\n title?: string \| ReactNode\n menuClass?: string\n trigger?: 'click' \| 'hover' \| 'context'\n placement?: Placement\n onOpen?: (bool: boolean) => void\n ref?: Ref<HTMLElement \| DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n handleDropdownOpen: () => void\n handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n const {\n children,\n title,\n renderTitle,\n disabled,\n toggleClassName,\n menuClass,\n placement,\n trigger = 'click',\n onOpen,\n ref,\n ...rest\n } = props\n\n const [isOpen, setIsOpen] = useState(false)\n const [hasFocusInside, setHasFocusInside] = useState(false)\n const [activeIndex, setActiveIndex] = useState<number \| null>(null)\n\n const elementsRef = useRef<Array<HTMLElement \| null>>([])\n const labelsRef = useRef<Array<string \| null>>([])\n\n const { direction } = useConfig()\n\n const parent = useContext(MenuContext)\n\n const tree = useFloatingTree()\n const nodeId = useFloatingNodeId()\n const parentId = useFloatingParentNodeId()\n const item = useListItem()\n\n const isNested = parentId != null\n\n const handleOpen = (open: boolean) => {\n if (disabled) {\n return\n }\n setIsOpen(open)\n onOpen?.(open)\n }\n\n const getDefaultPlacement = () => {\n return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n }\n\n const getNestedDefaultPlacement = () => {\n return direction === 'ltr' ? 'right-start' : 'left-start'\n }\n\n const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n nodeId,\n open: isOpen,\n onOpenChange: (open) => {\n handleOpen(open)\n },\n placement:\n placement \|\|\n (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n middleware: [flip(), shift()],\n whileElementsMounted: autoUpdate,\n })\n\n const { isMounted, styles } = useTransitionStyles(context, {\n common: ({ side }) => ({\n transformOrigin: {\n top: 'bottom',\n bottom: 'top',\n left: 'right',\n right: 'left',\n }[side],\n }),\n initial: {\n transform: 'translateY(-5%)',\n opacity: 0,\n },\n duration: 200,\n open: {\n opacity: 1,\n transform: 'translateY(0%)',\n },\n close: {\n opacity: 0,\n transform: 'translateY(-5%)',\n },\n })\n\n const hover = useHover(context, {\n enabled: isNested \|\| trigger === 'hover',\n delay: { open: 75 },\n handleClose: safePolygon({ blockPointerEvents: true }),\n })\n\n const click = useClick(context, {\n event: 'mousedown',\n toggle: !isNested,\n ignoreMouse: isNested,\n })\n\n const role = useRole(context, { role: 'menu' })\n\n const dismiss = useDismiss(context, { bubbles: true })\n\n const listNavigation = useListNavigation(context, {\n listRef: elementsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n })\n const typeahead = useTypeahead(context, {\n listRef: labelsRef,\n onMatch: isOpen ? setActiveIndex : undefined,\n activeIndex,\n })\n\n const { getReferenceProps, getFloatingProps, getItemProps } =\n useInteractions([\n hover,\n role,\n dismiss,\n listNavigation,\n typeahead,\n ...(trigger === 'click' ? [click] : []),\n ])\n\n useEffect(() => {\n if (!tree) return\n\n function handleTreeClick() {\n setIsOpen(false)\n onOpen?.(false)\n }\n\n function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n if (event.nodeId !== nodeId && event.parentId === parentId) {\n setIsOpen(false)\n onOpen?.(false)\n }\n }\n\n tree.events.on('click', handleTreeClick)\n tree.events.on('menuopen', onSubMenuOpen)\n\n return () => {\n tree.events.off('click', handleTreeClick)\n tree.events.off('menuopen', onSubMenuOpen)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tree, nodeId, parentId])\n\n useEffect(() => {\n if (isOpen && tree) {\n tree.events.emit('menuopen', { parentId, nodeId })\n }\n }, [tree, isOpen, nodeId, parentId])\n\n const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n useImperativeHandle(ref, () => {\n return {\n handleDropdownOpen: () => {\n setIsOpen(true)\n onOpen?.(true)\n },\n handleDropdownClose: () => {\n setIsOpen(false)\n onOpen?.(false)\n },\n }\n }, [onOpen])\n\n const toggleProps = {\n ...getReferenceProps(\n parent.getItemProps({\n ...rest,\n onFocus(event: FocusEvent<HTMLElement>) {\n rest.onFocus?.(event)\n setHasFocusInside(false)\n parent.setHasFocusInside(true)\n },\n }),\n ),\n ...(trigger === 'context'\n ? {\n onContextMenu: (e: MouseEvent<HTMLElement>) => {\n e.preventDefault()\n handleOpen(true)\n },\n }\n : {}),\n }\n\n return (\n <FloatingNode id={nodeId}>\n {!isNested ? (\n <DropdownToggle\n ref={toggleRef}\n role={'menuitem'}\n data-open={isOpen ? '' : undefined}\n data-focus-inside={hasFocusInside ? '' : undefined}\n className={classNames(toggleClassName)}\n disabled={disabled}\n placement={placement}\n renderTitle={renderTitle}\n {...toggleProps}\n >\n {title}\n </DropdownToggle>\n ) : (\n <li\n ref={toggleRef}\n tabIndex={parent.activeIndex === item.index ? 0 : -1}\n data-open={isOpen ? '' : undefined}\n data-nested={''}\n data-focus-inside={hasFocusInside ? '' : undefined}\n className={classNames(toggleClassName, 'outline-none')}\n {...toggleProps}\n >\n <DropdownSubItem>\n {renderTitle ? renderTitle : title}\n </DropdownSubItem>\n </li>\n )}\n <MenuContext.Provider\n value={{\n activeIndex,\n setActiveIndex,\n getItemProps,\n setHasFocusInside,\n isOpen,\n }}\n >\n <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={false}\n initialFocus={isNested ? -1 : 0}\n returnFocus={!isNested}\n >\n <div\n ref={refs.setFloating}\n style={floatingStyles}\n {...getFloatingProps()}\n className=\"outline-none z-30\"\n >\n <ul\n className={classNames(\n 'dropdown-menu min-w-[160px]',\n menuClass,\n )}\n style={styles}\n >\n {children}\n </ul>\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingList>\n </MenuContext.Provider>\n </FloatingNode>\n )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownSubItem"],"mappings":"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"}
1	+ {"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n useState,\n useRef,\n useContext,\n useEffect,\n useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n autoUpdate,\n flip,\n FloatingFocusManager,\n FloatingList,\n FloatingNode,\n FloatingPortal,\n safePolygon,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListItem,\n useListNavigation,\n useMergeRefs,\n useRole,\n useTypeahead,\n useTransitionStyles,\n} from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n extends CommonProps,\n DropdownToggleSharedProps,\n DropdownSubItemSharedProps {\n activeKey?: string\n title?: string \| ReactNode\n menuClass?: string\n /** Classes do wrapper flutuante (portal). Útil para subir o z-index acima de painéis fixos. */\n floatingClass?: string\n trigger?: 'click' \| 'hover' \| 'context'\n placement?: Placement\n onOpen?: (bool: boolean) => void\n ref?: Ref<HTMLElement \| DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n handleDropdownOpen: () => void\n handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n const {\n children,\n title,\n renderTitle,\n disabled,\n toggleClassName,\n menuClass,\n floatingClass,\n placement,\n trigger = 'click',\n onOpen,\n ref,\n ...rest\n } = props\n\n const [isOpen, setIsOpen] = useState(false)\n const [hasFocusInside, setHasFocusInside] = useState(false)\n const [activeIndex, setActiveIndex] = useState<number \| null>(null)\n\n const elementsRef = useRef<Array<HTMLElement \| null>>([])\n const labelsRef = useRef<Array<string \| null>>([])\n\n const { direction } = useConfig()\n\n const parent = useContext(MenuContext)\n\n const tree = useFloatingTree()\n const nodeId = useFloatingNodeId()\n const parentId = useFloatingParentNodeId()\n const item = useListItem()\n\n const isNested = parentId != null\n\n const handleOpen = (open: boolean) => {\n if (disabled) {\n return\n }\n setIsOpen(open)\n onOpen?.(open)\n }\n\n const getDefaultPlacement = () => {\n return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n }\n\n const getNestedDefaultPlacement = () => {\n return direction === 'ltr' ? 'right-start' : 'left-start'\n }\n\n const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n nodeId,\n open: isOpen,\n onOpenChange: (open) => {\n handleOpen(open)\n },\n placement:\n placement \|\|\n (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n middleware: [flip(), shift()],\n whileElementsMounted: autoUpdate,\n })\n\n const { isMounted, styles } = useTransitionStyles(context, {\n common: ({ side }) => ({\n transformOrigin: {\n top: 'bottom',\n bottom: 'top',\n left: 'right',\n right: 'left',\n }[side],\n }),\n initial: {\n transform: 'translateY(-5%)',\n opacity: 0,\n },\n duration: 200,\n open: {\n opacity: 1,\n transform: 'translateY(0%)',\n },\n close: {\n opacity: 0,\n transform: 'translateY(-5%)',\n },\n })\n\n const hover = useHover(context, {\n enabled: isNested \|\| trigger === 'hover',\n delay: { open: 75 },\n handleClose: safePolygon({ blockPointerEvents: true }),\n })\n\n const click = useClick(context, {\n event: 'mousedown',\n toggle: !isNested,\n ignoreMouse: isNested,\n })\n\n const role = useRole(context, { role: 'menu' })\n\n const dismiss = useDismiss(context, { bubbles: true })\n\n const listNavigation = useListNavigation(context, {\n listRef: elementsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n })\n const typeahead = useTypeahead(context, {\n listRef: labelsRef,\n onMatch: isOpen ? setActiveIndex : undefined,\n activeIndex,\n })\n\n const { getReferenceProps, getFloatingProps, getItemProps } =\n useInteractions([\n hover,\n role,\n dismiss,\n listNavigation,\n typeahead,\n ...(trigger === 'click' ? [click] : []),\n ])\n\n useEffect(() => {\n if (!tree) return\n\n function handleTreeClick() {\n setIsOpen(false)\n onOpen?.(false)\n }\n\n function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n if (event.nodeId !== nodeId && event.parentId === parentId) {\n setIsOpen(false)\n onOpen?.(false)\n }\n }\n\n tree.events.on('click', handleTreeClick)\n tree.events.on('menuopen', onSubMenuOpen)\n\n return () => {\n tree.events.off('click', handleTreeClick)\n tree.events.off('menuopen', onSubMenuOpen)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tree, nodeId, parentId])\n\n useEffect(() => {\n if (isOpen && tree) {\n tree.events.emit('menuopen', { parentId, nodeId })\n }\n }, [tree, isOpen, nodeId, parentId])\n\n const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n useImperativeHandle(ref, () => {\n return {\n handleDropdownOpen: () => {\n setIsOpen(true)\n onOpen?.(true)\n },\n handleDropdownClose: () => {\n setIsOpen(false)\n onOpen?.(false)\n },\n }\n }, [onOpen])\n\n const toggleProps = {\n ...getReferenceProps(\n parent.getItemProps({\n ...rest,\n onFocus(event: FocusEvent<HTMLElement>) {\n rest.onFocus?.(event)\n setHasFocusInside(false)\n parent.setHasFocusInside(true)\n },\n }),\n ),\n ...(trigger === 'context'\n ? {\n onContextMenu: (e: MouseEvent<HTMLElement>) => {\n e.preventDefault()\n handleOpen(true)\n },\n }\n : {}),\n }\n\n return (\n <FloatingNode id={nodeId}>\n {!isNested ? (\n <DropdownToggle\n ref={toggleRef}\n role={'menuitem'}\n data-open={isOpen ? '' : undefined}\n data-focus-inside={hasFocusInside ? '' : undefined}\n className={classNames(toggleClassName)}\n disabled={disabled}\n placement={placement}\n renderTitle={renderTitle}\n {...toggleProps}\n >\n {title}\n </DropdownToggle>\n ) : (\n <li\n ref={toggleRef}\n tabIndex={parent.activeIndex === item.index ? 0 : -1}\n data-open={isOpen ? '' : undefined}\n data-nested={''}\n data-focus-inside={hasFocusInside ? '' : undefined}\n className={classNames(toggleClassName, 'outline-none')}\n {...toggleProps}\n >\n <DropdownSubItem>\n {renderTitle ? renderTitle : title}\n </DropdownSubItem>\n </li>\n )}\n <MenuContext.Provider\n value={{\n activeIndex,\n setActiveIndex,\n getItemProps,\n setHasFocusInside,\n isOpen,\n }}\n >\n <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={false}\n initialFocus={isNested ? -1 : 0}\n returnFocus={!isNested}\n >\n <div\n ref={refs.setFloating}\n style={floatingStyles}\n {...getFloatingProps()}\n className={classNames(\n 'outline-none z-30',\n floatingClass,\n )}\n >\n <ul\n className={classNames(\n 'dropdown-menu min-w-[160px]',\n menuClass,\n )}\n style={styles}\n >\n {children}\n </ul>\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingList>\n </MenuContext.Provider>\n </FloatingNode>\n )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownSubItem"],"mappings":"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"}

package/dist/@ecme/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ import "./auth/index.js";
 import "./assets/index.js";
 import "./locales/index.js";
 import { ADMIN, USER } from "./constants/roles.constant.js";
-import { AI_API_URL, apiGetChatHistory, apiGetImages, apiPostImages, resumeChat, streamChat } from "./services/AiService.js";
+import { AI_API_URL, apiDeleteConversation, apiGetChatHistory, apiGetConversations, apiGetImages, apiPostImages, apiRenameConversation, resumeChat, streamChat } from "./services/AiService.js";
 import { APP_NAME, REDIRECT_URL_KEY } from "./constants/app.constant.js";
 import { AUTH_PREFIX_PATH, CONCEPTS_PREFIX_PATH, DASHBOARDS_PREFIX_PATH, GUIDE_PREFIX_PATH, PAGES_PREFIX_PATH, ROOT, UI_COMPONENTS_PREFIX_PATH } from "./constants/route.constant.js";
 import { default as default2 } from "./components/shared/AbbreviateNumber.js";
@@ -374,6 +374,7 @@ export {
   default102 as UsersAvatarGroup,
   default103 as Views,
   default104 as acronym,
+  apiDeleteConversation,
   apiForgotPassword,
   apiGetAnalyticDashboard,
   apiGetArticleList,
@@ -383,6 +384,7 @@ export {
   apiGetContactDetails,
   apiGetContacts,
   apiGetConversation,
+  apiGetConversations,
   apiGetCustomer,
   apiGetCustomerLog,
   apiGetCustomersList,
@@ -421,6 +423,7 @@ export {
   apiGoogleOauthSignIn,
   apiPostImages,
   apiPostProject,
+  apiRenameConversation,
   apiResetPassword,
   apiSignIn,
   apiSignOut,

package/dist/@ecme/services/AiService.js CHANGED Viewed

@@ -23,6 +23,25 @@ async function apiGetChatHistory(conversationId) {
     params: conversationId ? { conversation_id: conversationId } : void 0
   });
 }
+async function apiGetConversations() {
+  return aiRequest({
+    url: "/ai/chat/conversations",
+    method: "get"
+  });
+}
+async function apiRenameConversation(conversationId, title) {
+  return aiRequest({
+    url: `/ai/chat/conversations/${encodeURIComponent(conversationId)}`,
+    method: "patch",
+    data: { title }
+  });
+}
+async function apiDeleteConversation(conversationId) {
+  return aiRequest({
+    url: `/ai/chat/conversations/${encodeURIComponent(conversationId)}`,
+    method: "delete"
+  });
+}
 async function streamChat({
   prompt,
   conversationId,
@@ -87,9 +106,12 @@ async function apiPostImages(data) {
 }
 export {
   AI_API_URL,
+  apiDeleteConversation,
   apiGetChatHistory,
+  apiGetConversations,
   apiGetImages,
   apiPostImages,
+  apiRenameConversation,
   resumeChat,
   streamChat
 };

package/dist/@ecme/services/AiService.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AiService.js","sources":["../../../lib/@ecme/services/AiService.ts"],"sourcesContent":["import { authHeaders } from './aiAuthHeaders'\nimport ApiService from './ApiService'\nimport { readSse } from './sseParser'\nimport type { ChatEvent } from '@/views/concepts/ai/Chat/types'\nimport type { AxiosRequestConfig } from 'axios'\n\nconst AI_DEV_URL = 'http://localhost:8000'\nconst AI_BUILD_URL = 'https://orbe-ai.apps.qas.orbeagro.com.br'\n\n/*\n Host da API de IA.\n \n O /ai/* nao vive no gateway do resto da aplicacao, entao nao pode usar o\n * baseURL do AxiosBase (API_URL). A resolucao e por origin em runtime, e nao\n * por import.meta.env.MODE, porque o MODE e congelado na build da lib como\n * \"production\" e nao reflete o dev do MFE consumidor.\n /\nfunction getAiApiUrl() {\n const origin = globalThis?.location?.origin ?? ''\n\n if (origin.includes('localhost') \|\| origin.includes('127.0.0.1')) {\n return AI_DEV_URL\n }\n\n // QAS e PRD compartilham a mesma URL por enquanto. Quando houver uma URL\n // de PRD, o split entra aqui: if (origin.includes('.prd.')) return AI_PRD_URL\n return AI_BUILD_URL\n}\n\nexport const AI_API_URL = getAiApiUrl()\n\n/\n Toda chamada de IA sai pelo AI_API_URL (o baseURL por requisicao vence o da\n * instancia do AxiosBase) e fica fora do loading global — o chat mostra o\n * proprio balaozinho de \"digitando\".\n /\nconst aiRequest = <T>(config: AxiosRequestConfig) =>\n ApiService.fetchDataWithAxios<T>({\n ...config,\n baseURL: AI_API_URL,\n skipGlobalLoading: true,\n })\n\nexport async function apiGetChatHistory<T>(conversationId?: string) {\n return aiRequest<T>({\n url: '/ai/chat/history',\n method: 'get',\n params: conversationId ? { conversation_id: conversationId } : undefined,\n })\n}\n\nexport type StreamChatParams = {\n prompt: string\n /* Identifica a conversa; o backend usa como thread da memoria. /\n conversationId?: string\n signal?: AbortSignal\n onEvent: (evento: ChatEvent) => void\n}\n\n/\n Resposta a pausa atual do agente. Ha duas, e um endpoint so:\n * - `approved` responde ao `approval_required` (true aprova, false nega).\n * - `dados` responde ao `input_required`; `null` = o usuario fechou o\n * formulario sem preencher.\n /\nexport type ResumeChatParams = {\n approved?: boolean\n dados?: Record<string, unknown> \| null\n conversationId?: string\n signal?: AbortSignal\n onEvent: (evento: ChatEvent) => void\n}\n\n/\n Envia a mensagem e consome a resposta em streaming (SSE).\n \n Usa `fetch`, e nao o Axios, porque o Axios no browser so resolve a Promise\n * com a resposta inteira — nao ha como ler o corpo enquanto ele chega.\n /\nexport async function streamChat({\n prompt,\n conversationId,\n signal,\n onEvent,\n}: StreamChatParams): Promise<void> {\n await postarEConsumir(\n '/ai/chat/stream',\n { prompt, conversation_id: conversationId },\n onEvent,\n signal,\n )\n}\n\n/\n Retoma uma conversa parada numa pausa (aprovacao ou coleta de dados).\n \n Devolve o mesmo tipo de stream do `streamChat`, e a resposta continua na\n * MESMA mensagem do chat — o backend so volta do ponto onde parou.\n \n O `JSON.stringify` descarta chaves `undefined`, entao o backend recebe apenas\n * o campo da pausa que esta sendo respondida.\n /\nexport async function resumeChat({\n approved,\n dados,\n conversationId,\n signal,\n onEvent,\n}: ResumeChatParams): Promise<void> {\n await postarEConsumir(\n '/ai/chat/resume',\n { approved, dados, conversation_id: conversationId },\n onEvent,\n signal,\n )\n}\n\n/* POST + leitura do SSE, comum ao envio e a retomada. */\nasync function postarEConsumir(\n caminho: string,\n corpo: Record<string, unknown>,\n onEvent: (evento: ChatEvent) => void,\n signal?: AbortSignal,\n): Promise<void> {\n const resposta = await fetch(`${AI_API_URL}${caminho}`, {\n method: 'POST',\n headers: {\n ...authHeaders(),\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(corpo),\n signal,\n })\n\n if (!resposta.ok \|\| !resposta.body) {\n throw new Error(`Falha ao falar com a IA (HTTP ${resposta.status})`)\n }\n\n await readSse(resposta.body, ({ event, data }) => {\n try {\n onEvent({ type: event, data: JSON.parse(data) } as ChatEvent)\n } catch (error) {\n // Evento malformado nao pode derrubar o stream inteiro.\n console.debug('Evento SSE ignorado:', event, error)\n }\n })\n}\n\nexport async function apiGetImages<T, U extends Record<string, unknown>>(\n params: U,\n) {\n return aiRequest<T>({\n url: '/ai/images',\n method: 'get',\n params,\n })\n}\n\nexport async function apiPostImages<T, U extends Record<string, unknown>>(\n data: U,\n) {\n return aiRequest<T>({\n url: '/ai/images',\n method: 'post',\n data,\n })\n}\n"],"names":[],"mappings":";;;AAMA,MAAM,aAAa;AACnB,MAAM,eAAe;AAUrB,SAAS,cAAc;AACnB,QAAM,SAAS,YAAY,UAAU,UAAU;AAE/C,MAAI,OAAO,SAAS,WAAW,KAAK,OAAO,SAAS,WAAW,GAAG;AAC9D,WAAO;AAAA,EACX;AAIA,SAAO;AACX;AAEO,MAAM,aAAa,YAAA;AAO1B,MAAM,YAAY,CAAI,WAClB,WAAW,mBAAsB;AAAA,EAC7B,GAAG;AAAA,EACH,SAAS;AAAA,EACT,mBAAmB;AACvB,CAAC;AAEL,eAAsB,kBAAqB,gBAAyB;AAChE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ,iBAAiB,EAAE,iBAAiB,mBAAmB;AAAA,EAAA,CAClE;AACL;AA8BA,eAAsB,WAAW;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAoC;AAChC,QAAM;AAAA,IACF;AAAA,IACA,EAAE,QAAQ,iBAAiB,eAAA;AAAA,IAC3B;AAAA,IACA;AAAA,EAAA;AAER;AAWA,eAAsB,WAAW;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAoC;AAChC,QAAM;AAAA,IACF;AAAA,IACA,EAAE,UAAU,OAAO,iBAAiB,eAAA;AAAA,IACpC;AAAA,IACA;AAAA,EAAA;AAER;AAGA,eAAe,gBACX,SACA,OACA,SACA,QACa;AACb,QAAM,WAAW,MAAM,MAAM,GAAG,UAAU,GAAG,OAAO,IAAI;AAAA,IACpD,QAAQ;AAAA,IACR,SAAS;AAAA,MACL,GAAG,YAAA;AAAA,MACH,gBAAgB;AAAA,IAAA;AAAA,IAEpB,MAAM,KAAK,UAAU,KAAK;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,MAAI,CAAC,SAAS,MAAM,CAAC,SAAS,MAAM;AAChC,UAAM,IAAI,MAAM,iCAAiC,SAAS,MAAM,GAAG;AAAA,EACvE;AAEA,QAAM,QAAQ,SAAS,MAAM,CAAC,EAAE,OAAO,WAAW;AAC9C,QAAI;AACA,cAAQ,EAAE,MAAM,OAAO,MAAM,KAAK,MAAM,IAAI,GAAgB;AAAA,IAChE,SAAS,OAAO;AAEZ,cAAQ,MAAM,wBAAwB,OAAO,KAAK;AAAA,IACtD;AAAA,EACJ,CAAC;AACL;AAEA,eAAsB,aAClB,QACF;AACE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,EAAA,CACH;AACL;AAEA,eAAsB,cAClB,MACF;AACE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,EAAA,CACH;AACL;"}
1	+ {"version":3,"file":"AiService.js","sources":["../../../lib/@ecme/services/AiService.ts"],"sourcesContent":["import { authHeaders } from './aiAuthHeaders'\nimport ApiService from './ApiService'\nimport { readSse } from './sseParser'\nimport type { ChatEvent } from '@/views/concepts/ai/Chat/types'\nimport type { AxiosRequestConfig } from 'axios'\n\nconst AI_DEV_URL = 'http://localhost:8000'\nconst AI_BUILD_URL = 'https://orbe-ai.apps.qas.orbeagro.com.br'\n\n/*\n Host da API de IA.\n \n O /ai/* nao vive no gateway do resto da aplicacao, entao nao pode usar o\n * baseURL do AxiosBase (API_URL). A resolucao e por origin em runtime, e nao\n * por import.meta.env.MODE, porque o MODE e congelado na build da lib como\n * \"production\" e nao reflete o dev do MFE consumidor.\n /\nfunction getAiApiUrl() {\n const origin = globalThis?.location?.origin ?? ''\n\n if (origin.includes('localhost') \|\| origin.includes('127.0.0.1')) {\n return AI_DEV_URL\n }\n\n // QAS e PRD compartilham a mesma URL por enquanto. Quando houver uma URL\n // de PRD, o split entra aqui: if (origin.includes('.prd.')) return AI_PRD_URL\n return AI_BUILD_URL\n}\n\nexport const AI_API_URL = getAiApiUrl()\n\n/\n Toda chamada de IA sai pelo AI_API_URL (o baseURL por requisicao vence o da\n * instancia do AxiosBase) e fica fora do loading global — o chat mostra o\n * proprio balaozinho de \"digitando\".\n /\nconst aiRequest = <T>(config: AxiosRequestConfig) =>\n ApiService.fetchDataWithAxios<T>({\n ...config,\n baseURL: AI_API_URL,\n skipGlobalLoading: true,\n })\n\nexport async function apiGetChatHistory<T>(conversationId?: string) {\n return aiRequest<T>({\n url: '/ai/chat/history',\n method: 'get',\n params: conversationId ? { conversation_id: conversationId } : undefined,\n })\n}\n\n/* Conversas do usuário (só o resumo), a mais recente primeiro. /\nexport async function apiGetConversations<T>() {\n return aiRequest<T>({\n url: '/ai/chat/conversations',\n method: 'get',\n })\n}\n\nexport async function apiRenameConversation(conversationId: string, title: string) {\n return aiRequest<void>({\n url: `/ai/chat/conversations/${encodeURIComponent(conversationId)}`,\n method: 'patch',\n data: { title },\n })\n}\n\n/* Apaga a conversa e toda a memória dela no backend. /\nexport async function apiDeleteConversation(conversationId: string) {\n return aiRequest<void>({\n url: `/ai/chat/conversations/${encodeURIComponent(conversationId)}`,\n method: 'delete',\n })\n}\n\nexport type StreamChatParams = {\n prompt: string\n /* Identifica a conversa; o backend usa como thread da memoria. /\n conversationId?: string\n signal?: AbortSignal\n onEvent: (evento: ChatEvent) => void\n}\n\n/\n Resposta a pausa atual do agente. Ha duas, e um endpoint so:\n * - `approved` responde ao `approval_required` (true aprova, false nega).\n * - `dados` responde ao `input_required`; `null` = o usuario fechou o\n * formulario sem preencher.\n /\nexport type ResumeChatParams = {\n approved?: boolean\n dados?: Record<string, unknown> \| null\n conversationId?: string\n signal?: AbortSignal\n onEvent: (evento: ChatEvent) => void\n}\n\n/\n Envia a mensagem e consome a resposta em streaming (SSE).\n \n Usa `fetch`, e nao o Axios, porque o Axios no browser so resolve a Promise\n * com a resposta inteira — nao ha como ler o corpo enquanto ele chega.\n /\nexport async function streamChat({\n prompt,\n conversationId,\n signal,\n onEvent,\n}: StreamChatParams): Promise<void> {\n await postarEConsumir(\n '/ai/chat/stream',\n { prompt, conversation_id: conversationId },\n onEvent,\n signal,\n )\n}\n\n/\n Retoma uma conversa parada numa pausa (aprovacao ou coleta de dados).\n \n Devolve o mesmo tipo de stream do `streamChat`, e a resposta continua na\n * MESMA mensagem do chat — o backend so volta do ponto onde parou.\n \n O `JSON.stringify` descarta chaves `undefined`, entao o backend recebe apenas\n * o campo da pausa que esta sendo respondida.\n /\nexport async function resumeChat({\n approved,\n dados,\n conversationId,\n signal,\n onEvent,\n}: ResumeChatParams): Promise<void> {\n await postarEConsumir(\n '/ai/chat/resume',\n { approved, dados, conversation_id: conversationId },\n onEvent,\n signal,\n )\n}\n\n/* POST + leitura do SSE, comum ao envio e a retomada. */\nasync function postarEConsumir(\n caminho: string,\n corpo: Record<string, unknown>,\n onEvent: (evento: ChatEvent) => void,\n signal?: AbortSignal,\n): Promise<void> {\n const resposta = await fetch(`${AI_API_URL}${caminho}`, {\n method: 'POST',\n headers: {\n ...authHeaders(),\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(corpo),\n signal,\n })\n\n if (!resposta.ok \|\| !resposta.body) {\n throw new Error(`Falha ao falar com a IA (HTTP ${resposta.status})`)\n }\n\n await readSse(resposta.body, ({ event, data }) => {\n try {\n onEvent({ type: event, data: JSON.parse(data) } as ChatEvent)\n } catch (error) {\n // Evento malformado nao pode derrubar o stream inteiro.\n console.debug('Evento SSE ignorado:', event, error)\n }\n })\n}\n\nexport async function apiGetImages<T, U extends Record<string, unknown>>(\n params: U,\n) {\n return aiRequest<T>({\n url: '/ai/images',\n method: 'get',\n params,\n })\n}\n\nexport async function apiPostImages<T, U extends Record<string, unknown>>(\n data: U,\n) {\n return aiRequest<T>({\n url: '/ai/images',\n method: 'post',\n data,\n })\n}\n"],"names":[],"mappings":";;;AAMA,MAAM,aAAa;AACnB,MAAM,eAAe;AAUrB,SAAS,cAAc;AACnB,QAAM,SAAS,YAAY,UAAU,UAAU;AAE/C,MAAI,OAAO,SAAS,WAAW,KAAK,OAAO,SAAS,WAAW,GAAG;AAC9D,WAAO;AAAA,EACX;AAIA,SAAO;AACX;AAEO,MAAM,aAAa,YAAA;AAO1B,MAAM,YAAY,CAAI,WAClB,WAAW,mBAAsB;AAAA,EAC7B,GAAG;AAAA,EACH,SAAS;AAAA,EACT,mBAAmB;AACvB,CAAC;AAEL,eAAsB,kBAAqB,gBAAyB;AAChE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ,iBAAiB,EAAE,iBAAiB,mBAAmB;AAAA,EAAA,CAClE;AACL;AAGA,eAAsB,sBAAyB;AAC3C,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,EAAA,CACX;AACL;AAEA,eAAsB,sBAAsB,gBAAwB,OAAe;AAC/E,SAAO,UAAgB;AAAA,IACnB,KAAK,0BAA0B,mBAAmB,cAAc,CAAC;AAAA,IACjE,QAAQ;AAAA,IACR,MAAM,EAAE,MAAA;AAAA,EAAM,CACjB;AACL;AAGA,eAAsB,sBAAsB,gBAAwB;AAChE,SAAO,UAAgB;AAAA,IACnB,KAAK,0BAA0B,mBAAmB,cAAc,CAAC;AAAA,IACjE,QAAQ;AAAA,EAAA,CACX;AACL;AA8BA,eAAsB,WAAW;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAoC;AAChC,QAAM;AAAA,IACF;AAAA,IACA,EAAE,QAAQ,iBAAiB,eAAA;AAAA,IAC3B;AAAA,IACA;AAAA,EAAA;AAER;AAWA,eAAsB,WAAW;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAoC;AAChC,QAAM;AAAA,IACF;AAAA,IACA,EAAE,UAAU,OAAO,iBAAiB,eAAA;AAAA,IACpC;AAAA,IACA;AAAA,EAAA;AAER;AAGA,eAAe,gBACX,SACA,OACA,SACA,QACa;AACb,QAAM,WAAW,MAAM,MAAM,GAAG,UAAU,GAAG,OAAO,IAAI;AAAA,IACpD,QAAQ;AAAA,IACR,SAAS;AAAA,MACL,GAAG,YAAA;AAAA,MACH,gBAAgB;AAAA,IAAA;AAAA,IAEpB,MAAM,KAAK,UAAU,KAAK;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,MAAI,CAAC,SAAS,MAAM,CAAC,SAAS,MAAM;AAChC,UAAM,IAAI,MAAM,iCAAiC,SAAS,MAAM,GAAG;AAAA,EACvE;AAEA,QAAM,QAAQ,SAAS,MAAM,CAAC,EAAE,OAAO,WAAW;AAC9C,QAAI;AACA,cAAQ,EAAE,MAAM,OAAO,MAAM,KAAK,MAAM,IAAI,GAAgB;AAAA,IAChE,SAAS,OAAO;AAEZ,cAAQ,MAAM,wBAAwB,OAAO,KAAK;AAAA,IACtD;AAAA,EACJ,CAAC;AACL;AAEA,eAAsB,aAClB,QACF;AACE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,EAAA,CACH;AACL;AAEA,eAAsB,cAClB,MACF;AACE,SAAO,UAAa;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,EAAA,CACH;AACL;"}

package/dist/@ecme/services/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as default2 } from "./ApiService.js";
 import { apiGetPricingPlans, apiGetRolesPermissionsRoles, apiGetRolesPermissionsUsers, apiGetSettingsBilling, apiGetSettingsIntergration, apiGetSettingsNotification, apiGetSettingsProfile } from "./AccontsService.js";
-import { AI_API_URL, apiGetChatHistory, apiGetImages, apiPostImages, resumeChat, streamChat } from "./AiService.js";
+import { AI_API_URL, apiDeleteConversation, apiGetChatHistory, apiGetConversations, apiGetImages, apiPostImages, apiRenameConversation, resumeChat, streamChat } from "./AiService.js";
 import { apiForgotPassword, apiResetPassword, apiSignIn, apiSignOut, apiSignUp } from "./AuthService.js";
 import { apiGetCalendar } from "./CalendarService.js";
 import { apiGetChats, apiGetContactDetails, apiGetContacts, apiGetConversation } from "./ChatService.js";
@@ -18,6 +18,7 @@ import { apiGetProject, apiGetProjectMembers, apiGetProjectTask, apiGetProjectTa
 export {
   AI_API_URL,
   default2 as ApiService,
+  apiDeleteConversation,
   apiForgotPassword,
   apiGetAnalyticDashboard,
   apiGetArticleList,
@@ -27,6 +28,7 @@ export {
   apiGetContactDetails,
   apiGetContacts,
   apiGetConversation,
+  apiGetConversations,
   apiGetCustomer,
   apiGetCustomerLog,
   apiGetCustomersList,
@@ -65,6 +67,7 @@ export {
   apiGoogleOauthSignIn,
   apiPostImages,
   apiPostProject,
+  apiRenameConversation,
   apiResetPassword,
   apiSignIn,
   apiSignOut,

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistory.js CHANGED Viewed

@@ -3,36 +3,22 @@ import { Fragment } from "react";
 import "../../../../../components/ui/ScrollBar/index.js";
 import ChatHistoryItem from "./ChatHistoryItem.js";
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
-import { apiGetChatHistory } from "../../../../../services/AiService.js";
-import useSWR from "swr";
+import useChatConversations from "../hooks/useChatConversations.js";
 import ScrollBar from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-const ChatHistory = ({ queryText = "", onClick }) => {
+const ChatHistory = ({
+  queryText = "",
+  onClick,
+  dropdownFloatingClass
+}) => {
   const {
     chatHistory,
-    setChatHistory,
     setRenameDialog,
     setSelectedConversation,
     selectedConversation
   } = usGenerativeChatStore();
-  useSWR(
-    ["/api/ai/chat/history"],
-    () => apiGetChatHistory(),
-    {
-      revalidateOnFocus: false,
-      revalidateIfStale: false,
-      revalidateOnReconnect: false,
-      onSuccess: (data) => {
-        setChatHistory(data);
-      }
-    }
-  );
+  const { remover } = useChatConversations();
   const handleDelete = (id) => {
-    setChatHistory(chatHistory.filter((item) => item.id !== id));
-    setSelectedConversation("");
-  };
-  const handleArchive = (id) => {
-    setChatHistory(chatHistory.filter((item) => item.id !== id));
-    setSelectedConversation("");
+    remover(id);
   };
   const handleRename = (id, title) => {
     setRenameDialog({
@@ -58,8 +44,8 @@ const ChatHistory = ({ queryText = "", onClick }) => {
         title: item.title,
         conversation: item.lastConversation,
         active: selectedConversation === item.id,
+        dropdownFloatingClass,
         onDelete: () => handleDelete(item.id),
-        onArchive: () => handleArchive(item.id),
         onRename: () => handleRename(item.id, item.title),
         onClick: () => handleClick(item.id)
       },

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { ~~apiGetChatHistory }~~ from '~~@/services~~/~~AiService~~'\n\~~nimport useSWR from 'swr'\nimport type { GetChatHistoryResponse } from '../types'\n\~~ntype ChatHistoryProps = {\n queryText?: string\n onClick?: () => void\n}\n\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\n const {\n chatHistory,\n ~~setChatHistory,\n~~ setRenameDialog,\n setSelectedConversation,\n selectedConversation,\n } = usGenerativeChatStore()\n\n ~~useSWR(\n ['/api/ai/chat/history'],\n ()~~ ~~=> apiGetChatHistory<GetChatHistoryResponse>(),\n~~ {~~\n revalidateOnFocus:~~ ~~false,\n revalidateIfStale:~~ ~~false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n setChatHistory(data)\n~~ }~~,\n },\n )\n\n const~~ ~~handleDelete~~ = (~~id: string~~) ~~=> {~~\n ~~setChatHistory(chatHistory.filter((item) => item.id !== id))~~\n ~~setSelectedConversation('')\n~~ ~~}\n\n~~ const ~~handleArchive~~ = (id: string) => {\n ~~setChatHistory~~(~~chatHistory.filter((item) => item.~~id ~~!== id~~))\n ~~setSelectedConversation('')\n~~ }\n\n const handleRename = (id: string, title: string) => {\n setRenameDialog({\n id,\n title,\n open: true,\n })\n }\n\n const handleClick = (id: string) => {\n setSelectedConversation(id)\n onClick?.()\n }\n\n return (\n <ScrollBar className=\"h-full\">\n <div className=\"flex flex-col gap-2 py-2 px-3\">\n {chatHistory\n .filter((item) =>\n item.title\n .toLowerCase()\n .includes(queryText.toLowerCase()),\n )\n .map((item) => {\n if (!item.enable) {\n return <Fragment key={item.id} />\n }\n return (\n <ChatHistoryItem\n key={item.id}\n data-testid={item.id}\n title={item.title}\n conversation={item.lastConversation}\n active={selectedConversation === item.id}\n ~~onDelete~~={~~() => handleDelete(item.id)~~}\n ~~onArchive~~={() => ~~handleArchive~~(item.id)}\n onRename={() =>\n handleRename(item.id, item.title)\n }\n onClick={() => handleClick(item.id)}\n />\n )\n })}\n </div>\n </ScrollBar>\n )\n}\n\nexport default ChatHistory\n"],"names":[],"mappings":"~~;;;;;;;;AAcA~~,MAAM,cAAc,CAAC,~~EAAE~~,YAAY,~~IAAI~~,~~cAAgC~~;~~AACnE~~,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~IACA;AAAA,~~EAAA,IACA,sBAAA;~~AAEJ;AAAA~~,~~IACI~~,~~CAAC~~,~~sBAAsB;AAAA~~,~~IACvB~~,~~MAAM,kBAAA~~;~~AAAA~~,~~IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,uBAAe,IAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,~~QAAM,eAAe,CAAC,OAAe;AACjC,~~mBAAe~~,~~YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,~~EAAE~~,CAAC~~;~~AAC3D,4BAAwB,EAAE;~~AAAA,~~EAC9B~~;AAEA,QAAM,~~gBAAgB,CAAC,OAAe;AAClC,mBAAe,YAAY,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAC3D,4BAAwB,EAAE;AAAA,EAC9B;AAEA,QAAM,~~eAAe,CAAC,IAAY,UAAkB;AAChD,oBAAgB;AAAA,MACZ;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,cAAc,CAAC,OAAe;AAChC,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI,oBAAC,aAAU,WAAU,UACjB,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,YACI;AAAA,IAAO,CAAC,SACL,KAAK,MACA,cACA,SAAS,UAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAAC,SAAS;AACX,QAAI,CAAC,KAAK,QAAQ;AACd,aAAO,oBAAC,UAAA,IAAc,KAAK,EAAI;AAAA,IACnC;AACA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,eAAa,KAAK;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,QAAQ,yBAAyB,KAAK;AAAA,QACtC,UAAU,MAAM,aAAa,KAAK,EAAE;AAAA,QACpC,~~WAAW,MAAM,cAAc,KAAK,EAAE;AAAA,QACtC,~~UAAU,MACN,aAAa,KAAK,IAAI,KAAK,KAAK;AAAA,QAEpC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,MAAA;AAAA,MAV7B,KAAK;AAAA,IAAA;AAAA,EAatB,CAAC,GACT,GACJ;AAER;"}
1	+ {"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatConversations from '../hooks/useChatConversations'\n\ntype ChatHistoryProps = {\n queryText?: string\n onClick?: () => void\n /** Repassado ao menu de cada item (ex.: subir o z-index dentro do widget). */\n dropdownFloatingClass?: string\n}\n\nconst ChatHistory = ({\n queryText = '',\n onClick,\n dropdownFloatingClass,\n}: ChatHistoryProps) => {\n const {\n chatHistory,\n setRenameDialog,\n setSelectedConversation,\n selectedConversation,\n } = usGenerativeChatStore()\n const { remover } = useChatConversations()\n\n const handleDelete = (id: string) => {\n remover(id)\n }\n\n const handleRename = (id: string, title: string) => {\n setRenameDialog({\n id,\n title,\n open: true,\n })\n }\n\n const handleClick = (id: string) => {\n setSelectedConversation(id)\n onClick?.()\n }\n\n return (\n <ScrollBar className=\"h-full\">\n <div className=\"flex flex-col gap-2 py-2 px-3\">\n {chatHistory\n .filter((item) =>\n item.title\n .toLowerCase()\n .includes(queryText.toLowerCase()),\n )\n .map((item) => {\n if (!item.enable) {\n return <Fragment key={item.id} />\n }\n return (\n <ChatHistoryItem\n key={item.id}\n data-testid={item.id}\n title={item.title}\n conversation={item.lastConversation}\n active={selectedConversation === item.id}\n dropdownFloatingClass={dropdownFloatingClass}\n onDelete={() => handleDelete(item.id)}\n onRename={() =>\n handleRename(item.id, item.title)\n }\n onClick={() => handleClick(item.id)}\n />\n )\n })}\n </div>\n </ScrollBar>\n )\n}\n\nexport default ChatHistory\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,cAAc,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ;AAAA,EACA;AACJ,MAAwB;AACpB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AACJ,QAAM,EAAE,QAAA,IAAY,qBAAA;AAEpB,QAAM,eAAe,CAAC,OAAe;AACjC,YAAQ,EAAE;AAAA,EACd;AAEA,QAAM,eAAe,CAAC,IAAY,UAAkB;AAChD,oBAAgB;AAAA,MACZ;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,cAAc,CAAC,OAAe;AAChC,4BAAwB,EAAE;AAC1B,cAAA;AAAA,EACJ;AAEA,SACI,oBAAC,aAAU,WAAU,UACjB,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,YACI;AAAA,IAAO,CAAC,SACL,KAAK,MACA,cACA,SAAS,UAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAAC,SAAS;AACX,QAAI,CAAC,KAAK,QAAQ;AACd,aAAO,oBAAC,UAAA,IAAc,KAAK,EAAI;AAAA,IACnC;AACA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,eAAa,KAAK;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,QAAQ,yBAAyB,KAAK;AAAA,QACtC;AAAA,QACA,UAAU,MAAM,aAAa,KAAK,EAAE;AAAA,QACpC,UAAU,MACN,aAAa,KAAK,IAAI,KAAK,KAAK;AAAA,QAEpC,SAAS,MAAM,YAAY,KAAK,EAAE;AAAA,MAAA;AAAA,MAV7B,KAAK;AAAA,IAAA;AAAA,EAatB,CAAC,GACT,GACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { Dropdown } from "../../../../../components/ui/Dropdown/index.js";
 import classNames from "classnames";
-import { TbPencil, TbArchive, TbTrash, TbDots } from "react-icons/tb";
+import { TbPencil, TbTrash, TbDots } from "react-icons/tb";
 const ChatHistoryItem = (props) => {
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const dropdownRef = useRef(null);
@@ -11,9 +11,9 @@ const ChatHistoryItem = (props) => {
     conversation,
     active,
     onRename,
-    onArchive,
     onDelete,
     onClick,
+    dropdownFloatingClass,
     ...rest
   } = props;
   const handleCallback = (e, callback) => {
@@ -50,6 +50,7 @@ const ChatHistoryItem = (props) => {
               {
                 ref: dropdownRef,
                 placement: "bottom-end",
+                floatingClass: dropdownFloatingClass,
                 renderTitle: /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -75,18 +76,7 @@ const ChatHistoryItem = (props) => {
                       onClick: (e) => handleCallback(e, onRename),
                       children: [
                         /* @__PURE__ */ jsx(TbPencil, { className: "text-xl" }),
-                        /* @__PURE__ */ jsx("span", { children: "Rename" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    Dropdown.Item,
-                    {
-                      eventKey: "rename",
-                      onClick: (e) => handleCallback(e, onArchive),
-                      children: [
-                        /* @__PURE__ */ jsx(TbArchive, { className: "text-xl" }),
-                        /* @__PURE__ */ jsx("span", { children: "Archive" })
+                        /* @__PURE__ */ jsx("span", { children: "Renomear" })
                       ]
                     }
                   ),
@@ -94,11 +84,11 @@ const ChatHistoryItem = (props) => {
                     Dropdown.Item,
                     {
                       className: "text-error",
-                      eventKey: "rename",
+                      eventKey: "delete",
                       onClick: (e) => handleCallback(e, onDelete),
                       children: [
                         /* @__PURE__ */ jsx(TbTrash, { className: "text-xl text-error" }),
-                        /* @__PURE__ */ jsx("span", { className: "text-error", children: "Deleted" })
+                        /* @__PURE__ */ jsx("span", { className: "text-error", children: "Excluir" })
                       ]
                     }
                   )

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport { TbDots, ~~TbArchive,~~ TbPencil, TbTrash } from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\nimport type { MouseEvent, SyntheticEvent } from 'react'\n\ntype ChatHistoryItemProps = {\n title: string\n conversation: string\n active?: boolean\n onDelete?: () => void\n ~~onArchive~~?: () => void\n ~~onRename~~?: () => void\n ~~onClick~~?: ~~() => void~~\n}\n\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\n const [dropdownOpen, setDropdownOpen] = useState(false)\n\n const dropdownRef = useRef<DropdownRef>(null)\n\n const {\n title,\n conversation,\n active,\n onRename,\n ~~onArchive~~,\n ~~onDelete~~,\n ~~onClick~~,\n ...rest\n } = props\n\n const handleCallback = (\n e: SyntheticEvent<Element, Event>,\n callback?: () => void,\n ) => {\n e.stopPropagation()\n callback?.()\n }\n\n const handleDropdownToggleClick = (e: MouseEvent) => {\n e.stopPropagation()\n dropdownRef.current?.handleDropdownOpen()\n }\n\n return (\n <div\n className={classNames(\n 'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\n (dropdownOpen \|\| active) && 'bg-gray-100 dark:bg-gray-700',\n )}\n onClick={onClick}\n {...rest}\n >\n <div>\n <div className=\"heading-text font-bold truncate\">{title}</div>\n <div className=\"truncate\">{conversation}</div>\n </div>\n <div\n className={classNames(\n 'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\n dropdownOpen &&\n 'from-gray-100 dark:from-gray-700 w-20 from-60%',\n )}\n >\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <div\n className={classNames(\n 'p-2 opacity-0 group-hover:opacity-100',\n dropdownOpen && 'opacity-100',\n )}\n >\n <TbDots\n className=\"text-xl\"\n onClick={handleDropdownToggleClick}\n />\n </div>\n }\n onOpen={(bool) => setDropdownOpen(bool)}\n >\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onRename)}\n >\n <TbPencil className=\"text-xl\" />\n <span>~~Rename~~</span>\n </Dropdown.Item>\n <Dropdown.Item\n ~~eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onArchive)}\n >\n <TbArchive~~ className=\"text-~~xl\" />\n <span>Archive</span>\n </Dropdown.Item>\n <Dropdown.Item\n className=\"text-~~error\"\n eventKey=\"~~rename~~\"\n onClick={(e) => handleCallback(e, onDelete)}\n >\n <TbTrash className=\"text-xl text-error\" />\n <span className=\"text-error\">~~Deleted~~</span>\n </Dropdown.Item>\n </Dropdown>\n </div>\n </div>\n )\n}\n\nexport default ChatHistoryItem\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,CACnB,GACA,aACC;AACD,MAAE,gBAAA;AACF,eAAA;AAAA,EACJ;AAEA,QAAM,4BAA4B,CAAC,MAAkB;AACjD,MAAE,gBAAA;AACF,gBAAY,SAAS,mBAAA;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,SACC,gBAAgB,WAAW;AAAA,MAAA;AAAA,MAEhC;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,OAAM;AAAA,UACxD,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,aAAA,CAAa;AAAA,QAAA,GAC5C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,gBACI;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,aACI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,gBAAgB;AAAA,oBAAA;AAAA,oBAGpB,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAU;AAAA,wBACV,SAAS;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACb;AAAA,gBAAA;AAAA,gBAGR,QAAQ,CAAC,SAAS,gBAAgB,IAAI;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,wBAC9B,oBAAC,UAAK,UAAA,~~SAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEhB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,SAAS;AAAA,sBAE3C,UAAA;AAAA,wBAAA,oBAAC,~~WAAA,~~EAAU,WAAU,UAAA,CAAU~~;AAAA,~~wBAC/B,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,~~sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,~~kBAEjB~~;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,WAAU;AAAA,sBACV,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB;AAAA,wBACxC,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport { TbDots, TbPencil, TbTrash } from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\nimport type { MouseEvent, SyntheticEvent } from 'react'\n\ntype ChatHistoryItemProps = {\n title: string\n conversation: string\n active?: boolean\n onDelete?: () => void\n onRename?: () => void\n onClick?: () => void\n dropdownFloatingClass?: string\n}\n\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\n const [dropdownOpen, setDropdownOpen] = useState(false)\n\n const dropdownRef = useRef<DropdownRef>(null)\n\n const {\n title,\n conversation,\n active,\n onRename,\n onDelete,\n onClick,\n dropdownFloatingClass,\n ...rest\n } = props\n\n const handleCallback = (\n e: SyntheticEvent<Element, Event>,\n callback?: () => void,\n ) => {\n e.stopPropagation()\n callback?.()\n }\n\n const handleDropdownToggleClick = (e: MouseEvent) => {\n e.stopPropagation()\n dropdownRef.current?.handleDropdownOpen()\n }\n\n return (\n <div\n className={classNames(\n 'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\n (dropdownOpen \|\| active) && 'bg-gray-100 dark:bg-gray-700',\n )}\n onClick={onClick}\n {...rest}\n >\n <div>\n <div className=\"heading-text font-bold truncate\">{title}</div>\n <div className=\"truncate\">{conversation}</div>\n </div>\n <div\n className={classNames(\n 'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\n dropdownOpen &&\n 'from-gray-100 dark:from-gray-700 w-20 from-60%',\n )}\n >\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n floatingClass={dropdownFloatingClass}\n renderTitle={\n <div\n className={classNames(\n 'p-2 opacity-0 group-hover:opacity-100',\n dropdownOpen && 'opacity-100',\n )}\n >\n <TbDots\n className=\"text-xl\"\n onClick={handleDropdownToggleClick}\n />\n </div>\n }\n onOpen={(bool) => setDropdownOpen(bool)}\n >\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onRename)}\n >\n <TbPencil className=\"text-xl\" />\n <span>Renomear</span>\n </Dropdown.Item>\n <Dropdown.Item\n className=\"text-error\"\n eventKey=\"delete\"\n onClick={(e) => handleCallback(e, onDelete)}\n >\n <TbTrash className=\"text-xl text-error\" />\n <span className=\"text-error\">Excluir</span>\n </Dropdown.Item>\n </Dropdown>\n </div>\n </div>\n )\n}\n\nexport default ChatHistoryItem\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,CACnB,GACA,aACC;AACD,MAAE,gBAAA;AACF,eAAA;AAAA,EACJ;AAEA,QAAM,4BAA4B,CAAC,MAAkB;AACjD,MAAE,gBAAA;AACF,gBAAY,SAAS,mBAAA;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,SACC,gBAAgB,WAAW;AAAA,MAAA;AAAA,MAEhC;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,OAAM;AAAA,UACxD,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,aAAA,CAAa;AAAA,QAAA,GAC5C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,gBACI;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,eAAe;AAAA,gBACf,aACI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,gBAAgB;AAAA,oBAAA;AAAA,oBAGpB,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAU;AAAA,wBACV,SAAS;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACb;AAAA,gBAAA;AAAA,gBAGR,QAAQ,CAAC,SAAS,gBAAgB,IAAI;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,wBAC9B,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAElB;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,WAAU;AAAA,sBACV,UAAS;AAAA,sBACT,SAAS,CAAC,MAAM,eAAe,GAAG,QAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB;AAAA,wBACxC,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.js CHANGED Viewed

@@ -5,6 +5,7 @@ import "../../../../../components/ui/Form/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Button/index.js";
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
+import useChatConversations from "../hooks/useChatConversations.js";
 import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
@@ -14,10 +15,13 @@ import FormItem from "../../../../../components/ui/Form/FormItem.js";
 import Input from "../../../../../components/ui/Input/Input.js";
 import Button from "../../../../../components/ui/Button/Button.js";
 const validationSchema = z.object({
-  title: z.string().min(1, "Please do not leave chat title blank!")
+  title: z.string().trim().min(1, "Informe um título para a conversa.")
 });
-const ChatHistoryRenameDialog = () => {
-  const { renameDialog, setRenameDialog, setChatHistoryName } = usGenerativeChatStore();
+const ChatHistoryRenameDialog = ({
+  overlayClassName
+}) => {
+  const { renameDialog, setRenameDialog } = usGenerativeChatStore();
+  const { renomear } = useChatConversations();
   const {
     control,
     formState: { errors },
@@ -44,16 +48,15 @@ const ChatHistoryRenameDialog = () => {
     });
   };
   const onFormSubmit = async ({ title }) => {
-    setChatHistoryName({
-      id: renameDialog.id,
-      title
-    });
+    const { id } = renameDialog;
     handleDialogClose();
+    await renomear(id, title.trim());
   };
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
       isOpen: renameDialog.open,
+      overlayClassName,
       onClose: handleDialogClose,
       onRequestClose: handleDialogClose,
       children: [

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n title: z.string().min(1, '~~Please~~ do ~~not~~ ~~leave~~ ~~chat~~ ~~title blank!~~'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n const { renameDialog, setRenameDialog, ~~setChatHistoryName~~ } ~~=\n~~ usGenerativeChatStore()\n\n const {\n control,\n formState: { errors },\n handleSubmit,\n reset,\n } = useForm<FormSchema>({\n defaultValues: {\n title: renameDialog.title,\n },\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (renameDialog.open) {\n reset({\n title: renameDialog.title,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [renameDialog.title, renameDialog.open])\n\n const handleDialogClose = () => {\n setRenameDialog({\n id: '',\n title: '',\n open: false,\n })\n }\n\n const onFormSubmit = async ({ title }: FormSchema) => {\n ~~setChatHistoryName({~~\n id: renameDialog~~.id,\~~n ~~title,\n~~ })\n ~~handleDialogClose~~()\n }\n\n return (\n <Dialog\n isOpen={renameDialog.open}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h5>Rename chat</h5>\n <div className=\"mt-8\">\n <Form onSubmit={handleSubmit(onFormSubmit)}>\n <FormItem\n label=\"Chat title\"\n invalid={Boolean(errors.title)}\n errorMessage={errors.title?.message}\n >\n <Controller\n name=\"title\"\n control={control}\n rules={{ required: true }}\n render={({ field }) => (\n <Input\n placeholder=\"Rename chat\"\n type=\"text\"\n autoComplete=\"off\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end gap-2\">\n <Button type=\"button\" onClick={handleDialogClose}>\n Cancel\n </Button>\n <Button variant=\"solid\" type=\"submit\">\n Rename\n </Button>\n </div>\n </Form>\n </div>\n </Dialog>\n )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AAeA~~,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAA,EAAS,IAAI,GAAG,~~uCAAuC~~;~~AACpE~~,CAAC;~~AAED~~,MAAM,0BAA0B,~~MAAM~~;~~AAClC~~,QAAM,EAAE,cAAc,~~iBAAiB~~,~~mBAAA~~,~~IACnC,~~sBAAA;~~AAEJ~~,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO,aAAa;AAAA,IAAA;AAAA,IAExB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AACnB,YAAM;AAAA,QACF,OAAO,aAAa;AAAA,MAAA,CACvB;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,aAAa,OAAO,aAAa,IAAI,CAAC;AAE1C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,EAAE,YAAwB;~~AAClD~~,~~uBAAmB;AAAA~~,~~MACf~~,~~IAAI,aAAa~~;~~AAAA~~,~~MACjB~~;~~AAAA~~,~~IAAA~~,~~CACH;AACD~~,~~sBAAA~~;AAAA,~~EACJ~~;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,oBAAC,SAAI,WAAU,QACX,+BAAC,MAAA,EAAK,UAAU,aAAa,YAAY,GACrC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,OAAO,EAAE,UAAU,KAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAS,mBAAmB,UAAA,UAElD;AAAA,gCACC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatConversations from '../hooks/useChatConversations'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n title: z.string().trim().min(1, 'Informe um título para a conversa.'),\n})\n\ntype ChatHistoryRenameDialogProps = {\n /** Classes do overlay (ex.: subir o z-index acima do widget flutuante). */\n overlayClassName?: string\n}\n\nconst ChatHistoryRenameDialog = ({\n overlayClassName,\n}: ChatHistoryRenameDialogProps) => {\n const { renameDialog, setRenameDialog } = usGenerativeChatStore()\n const { renomear } = useChatConversations()\n\n const {\n control,\n formState: { errors },\n handleSubmit,\n reset,\n } = useForm<FormSchema>({\n defaultValues: {\n title: renameDialog.title,\n },\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (renameDialog.open) {\n reset({\n title: renameDialog.title,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [renameDialog.title, renameDialog.open])\n\n const handleDialogClose = () => {\n setRenameDialog({\n id: '',\n title: '',\n open: false,\n })\n }\n\n const onFormSubmit = async ({ title }: FormSchema) => {\n // Fecha antes da resposta: o rename é otimista e desfaz sozinho se o\n // backend recusar.\n const { id } = renameDialog\n handleDialogClose()\n await renomear(id, title.trim())\n }\n\n return (\n <Dialog\n isOpen={renameDialog.open}\n overlayClassName={overlayClassName}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h5>Rename chat</h5>\n <div className=\"mt-8\">\n <Form onSubmit={handleSubmit(onFormSubmit)}>\n <FormItem\n label=\"Chat title\"\n invalid={Boolean(errors.title)}\n errorMessage={errors.title?.message}\n >\n <Controller\n name=\"title\"\n control={control}\n rules={{ required: true }}\n render={({ field }) => (\n <Input\n placeholder=\"Rename chat\"\n type=\"text\"\n autoComplete=\"off\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end gap-2\">\n <Button type=\"button\" onClick={handleDialogClose}>\n Cancel\n </Button>\n <Button variant=\"solid\" type=\"submit\">\n Rename\n </Button>\n </div>\n </Form>\n </div>\n </Dialog>\n )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAA,EAAS,OAAO,IAAI,GAAG,oCAAoC;AACxE,CAAC;AAOD,MAAM,0BAA0B,CAAC;AAAA,EAC7B;AACJ,MAAoC;AAChC,QAAM,EAAE,cAAc,gBAAA,IAAoB,sBAAA;AAC1C,QAAM,EAAE,SAAA,IAAa,qBAAA;AAErB,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO,aAAa;AAAA,IAAA;AAAA,IAExB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AACnB,YAAM;AAAA,QACF,OAAO,aAAa;AAAA,MAAA,CACvB;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,aAAa,OAAO,aAAa,IAAI,CAAC;AAE1C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,EAAE,YAAwB;AAGlD,UAAM,EAAE,OAAO;AACf,sBAAA;AACA,UAAM,SAAS,IAAI,MAAM,KAAA,CAAM;AAAA,EACnC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB;AAAA,MACA,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,oBAAC,SAAI,WAAU,QACX,+BAAC,MAAA,EAAK,UAAU,aAAa,YAAY,GACrC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,OAAO,EAAE,UAAU,KAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAS,mBAAmB,UAAA,UAElD;AAAA,gCACC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatView.js CHANGED Viewed

@@ -13,13 +13,15 @@ import ApprovalCard from "./ApprovalCard.js";
 import DataRequestCard from "./DataRequestCard.js";
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
 import useChatSend from "../hooks/useChatSend.js";
+import useConversationMessages from "../hooks/useConversationMessages.js";
 import Card from "../../../../../components/ui/Card/Card.js";
 import ChatBox from "../../../../../components/view/ChatBox/ChatBox.js";
 const BALAO_AGENTE = "prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100";
-const ChatView = () => {
+const ChatView = ({ showMobileNav = true }) => {
   const scrollRef = useRef(null);
   const { selectedConversation, chatHistory, isTyping, disabledChatFresh } = usGenerativeChatStore();
   const { handleSend, handleApproval, handleDataSubmit } = useChatSend();
+  const { carregando } = useConversationMessages();
   const scrollToBottom = () => {
     if (scrollRef.current?.getScrollElement) {
       const scrollElement = scrollRef.current.getScrollElement();
@@ -47,7 +49,7 @@ const ChatView = () => {
     scrollToBottom();
   };
   return /* @__PURE__ */ jsxs(Card, { className: "flex-1 h-full", bodyClass: "h-full", children: [
-    /* @__PURE__ */ jsx(ChatMobileNav, {}),
+    showMobileNav && /* @__PURE__ */ jsx(ChatMobileNav, {}),
     /* @__PURE__ */ jsx(
       ChatBox,
       {
@@ -61,9 +63,9 @@ const ChatView = () => {
         botBubbleClass: "bg-transparent dark:bg-transparent p-0 rounded-none",
         errorBubbleClass: "bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20",
         renderTyping: () => /* @__PURE__ */ jsx("div", { className: BALAO_AGENTE, children: /* @__PURE__ */ jsx(AiThinkingIndicator, {}) }),
-        containerClass: "h-[calc(100%-30px)] xl:h-full",
+        containerClass: showMobileNav ? "h-[calc(100%-30px)] xl:h-full" : "h-full",
         messageListClass: "h-[calc(100%-100px)] xl:h-[calc(100%-70px)]",
-        typing: isTyping ? {
+        typing: isTyping || carregando ? {
           id: "ai",
           name: "Chat AI",
           avatarImageUrl: "/img/thumbs/ai.jpg"

package/dist/@ecme/views/concepts/ai/Chat/components/ChatView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport AiThinkingIndicator from './AiThinkingIndicator'\nimport AiErrorMessage from './AiErrorMessage'\nimport ToolCallChip from './ToolCallChip'\nimport ApprovalCard from './ApprovalCard'\nimport DataRequestCard from './DataRequestCard'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { Conversation } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\n/*\n O balao de fala do agente, desenhado aqui em vez de vir do ChatBox.\n \n O `botBubbleClass` abaixo zera o balao que o Message desenharia, para os chips\n * de ferramenta e o card de aprovacao ficarem FORA dele — antes tudo dividia a\n * mesma caixa cinza e as ferramentas eram lidas como uma segunda mensagem.\n * Usado tambem pelo indicador de \"pensando\", que passa pelo mesmo balao zerado.\n \n Repete `prose text-sm` do balao original de proposito: o reset de margem do\n * @tailwindcss/typography e `.prose > :first-child`, filho DIRETO. Sem o `prose`\n * aqui, o markdown ficaria um nivel abaixo do container e o primeiro paragrafo\n * voltaria a ter margem, inflando todos os baloes.\n */\nconst BALAO_AGENTE =\n 'prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100'\n\nconst ChatView = () => {\n const scrollRef = useRef<ScrollBarRef>(null)\n const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n usGenerativeChatStore()\n const { handleSend, handleApproval, handleDataSubmit } = useChatSend()\n\n const scrollToBottom = () => {\n if (scrollRef.current?.getScrollElement) {\n const scrollElement = scrollRef.current.getScrollElement()\n if (scrollElement) {\n scrollElement.scrollTop = scrollElement.scrollHeight\n }\n }\n }\n\n useEffect(() => {\n scrollToBottom()\n }, [selectedConversation, chatHistory])\n\n const messageList = useMemo(() => {\n const chat = chatHistory.find(\n (chat) => chat.id === selectedConversation,\n )\n return chat?.conversation \|\| []\n }, [selectedConversation, chatHistory])\n\n const handleInputChange = async ({\n value,\n }: {\n value: string\n attachments?: File[]\n }) => {\n await handleSend(value)\n }\n\n const handleFinish = (id: string) => {\n disabledChatFresh(id)\n scrollToBottom()\n }\n\n return (\n <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n <ChatMobileNav />\n <ChatBox\n ref={scrollRef}\n messageList={messageList}\n placeholder=\"Pergunte algo sobre o Orbe Agro…\"\n showMessageList={Boolean(selectedConversation)}\n showAvatar={false}\n avatarGap={false}\n myBubbleClass=\"bg-primary text-white\"\n botBubbleClass=\"bg-transparent dark:bg-transparent p-0 rounded-none\"\n errorBubbleClass=\"bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20\"\n renderTyping={() => (\n <div className={BALAO_AGENTE}>\n <AiThinkingIndicator />\n </div>\n )}\n containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n typing={\n isTyping\n ? {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n }\n : false\n }\n customRenderer={(message) => {\n if (message.isError) {\n return <AiErrorMessage />\n }\n\n if (message.sender.id === 'ai') {\n // As ferramentas e as pausas chegam pelo streaming e\n // vivem no Conversation; o tipo do ChatBox nao os conhece.\n const { tools, pendingApproval, pendingInput } =\n message as Conversation\n // Enquanto as ferramentas rodam o conteudo ainda e '':\n // sem esta guarda sobraria um balao cinza vazio.\n const temTexto = Boolean(\n (message.content as string)?.trim(),\n )\n\n return (\n <div className=\"flex flex-col items-start gap-1.5\">\n {tools?.map((tool) => (\n <ToolCallChip key={tool.id} tool={tool} />\n ))}\n {temTexto && (\n <div className={BALAO_AGENTE}>\n <ChatCustomContent\n content={message.content as string}\n triggerTyping={\n message.fresh\n ? message.fresh\n : false\n }\n onFinish={() =>\n handleFinish(message.id)\n }\n />\n </div>\n )}\n {pendingInput && (\n <DataRequestCard\n input={pendingInput}\n onSubmit={(dados) =>\n handleDataSubmit(\n selectedConversation,\n message.id,\n dados,\n )\n }\n />\n )}\n {pendingApproval && (\n <ApprovalCard\n approval={pendingApproval}\n onDecide={(aprovado) =>\n handleApproval(\n selectedConversation,\n message.id,\n aprovado,\n )\n }\n />\n )}\n </div>\n )\n }\n\n return message.content\n }}\n customAction={(message) => {\n if (message.sender.id === 'ai' && !message.isError) {\n return (\n <ChatCustomAction\n content={message.content as string}\n />\n )\n }\n\n return null\n }}\n onInputChange={handleInputChange}\n >\n {!selectedConversation && (\n <div className=\"flex-1 min-h-0 overflow-y-auto\">\n <ChatLandingView />\n </div>\n )}\n </ChatBox>\n </Card>\n )\n}\n\nexport default ChatView\n"],"names":["chat"],"mappings":"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"}
1	+ {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport AiThinkingIndicator from './AiThinkingIndicator'\nimport AiErrorMessage from './AiErrorMessage'\nimport ToolCallChip from './ToolCallChip'\nimport ApprovalCard from './ApprovalCard'\nimport DataRequestCard from './DataRequestCard'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport useConversationMessages from '../hooks/useConversationMessages'\nimport type { Conversation } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\n/*\n O balao de fala do agente, desenhado aqui em vez de vir do ChatBox.\n \n O `botBubbleClass` abaixo zera o balao que o Message desenharia, para os chips\n * de ferramenta e o card de aprovacao ficarem FORA dele — antes tudo dividia a\n * mesma caixa cinza e as ferramentas eram lidas como uma segunda mensagem.\n * Usado tambem pelo indicador de \"pensando\", que passa pelo mesmo balao zerado.\n \n Repete `prose text-sm` do balao original de proposito: o reset de margem do\n * @tailwindcss/typography e `.prose > :first-child`, filho DIRETO. Sem o `prose`\n * aqui, o markdown ficaria um nivel abaixo do container e o primeiro paragrafo\n * voltaria a ter margem, inflando todos os baloes.\n /\nconst BALAO_AGENTE =\n 'prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100'\n\ntype ChatViewProps = {\n /\n Mostra o drawer de histórico do ChatMobileNav abaixo de xl. O widget\n * flutuante desliga, porque tem o próprio drawer dentro do painel.\n */\n showMobileNav?: boolean\n}\n\nconst ChatView = ({ showMobileNav = true }: ChatViewProps) => {\n const scrollRef = useRef<ScrollBarRef>(null)\n const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n usGenerativeChatStore()\n const { handleSend, handleApproval, handleDataSubmit } = useChatSend()\n // Conversa aberta da lista: as mensagens vêm do backend na primeira vez.\n const { carregando } = useConversationMessages()\n\n const scrollToBottom = () => {\n if (scrollRef.current?.getScrollElement) {\n const scrollElement = scrollRef.current.getScrollElement()\n if (scrollElement) {\n scrollElement.scrollTop = scrollElement.scrollHeight\n }\n }\n }\n\n useEffect(() => {\n scrollToBottom()\n }, [selectedConversation, chatHistory])\n\n const messageList = useMemo(() => {\n const chat = chatHistory.find(\n (chat) => chat.id === selectedConversation,\n )\n return chat?.conversation \|\| []\n }, [selectedConversation, chatHistory])\n\n const handleInputChange = async ({\n value,\n }: {\n value: string\n attachments?: File[]\n }) => {\n await handleSend(value)\n }\n\n const handleFinish = (id: string) => {\n disabledChatFresh(id)\n scrollToBottom()\n }\n\n return (\n <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n {showMobileNav && <ChatMobileNav />}\n <ChatBox\n ref={scrollRef}\n messageList={messageList}\n placeholder=\"Pergunte algo sobre o Orbe Agro…\"\n showMessageList={Boolean(selectedConversation)}\n showAvatar={false}\n avatarGap={false}\n myBubbleClass=\"bg-primary text-white\"\n botBubbleClass=\"bg-transparent dark:bg-transparent p-0 rounded-none\"\n errorBubbleClass=\"bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20\"\n renderTyping={() => (\n <div className={BALAO_AGENTE}>\n <AiThinkingIndicator />\n </div>\n )}\n containerClass={\n showMobileNav ? 'h-[calc(100%-30px)] xl:h-full' : 'h-full'\n }\n messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n typing={\n isTyping \|\| carregando\n ? {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n }\n : false\n }\n customRenderer={(message) => {\n if (message.isError) {\n return <AiErrorMessage />\n }\n\n if (message.sender.id === 'ai') {\n // As ferramentas e as pausas chegam pelo streaming e\n // vivem no Conversation; o tipo do ChatBox nao os conhece.\n const { tools, pendingApproval, pendingInput } =\n message as Conversation\n // Enquanto as ferramentas rodam o conteudo ainda e '':\n // sem esta guarda sobraria um balao cinza vazio.\n const temTexto = Boolean(\n (message.content as string)?.trim(),\n )\n\n return (\n <div className=\"flex flex-col items-start gap-1.5\">\n {tools?.map((tool) => (\n <ToolCallChip key={tool.id} tool={tool} />\n ))}\n {temTexto && (\n <div className={BALAO_AGENTE}>\n <ChatCustomContent\n content={message.content as string}\n triggerTyping={\n message.fresh\n ? message.fresh\n : false\n }\n onFinish={() =>\n handleFinish(message.id)\n }\n />\n </div>\n )}\n {pendingInput && (\n <DataRequestCard\n input={pendingInput}\n onSubmit={(dados) =>\n handleDataSubmit(\n selectedConversation,\n message.id,\n dados,\n )\n }\n />\n )}\n {pendingApproval && (\n <ApprovalCard\n approval={pendingApproval}\n onDecide={(aprovado) =>\n handleApproval(\n selectedConversation,\n message.id,\n aprovado,\n )\n }\n />\n )}\n </div>\n )\n }\n\n return message.content\n }}\n customAction={(message) => {\n if (message.sender.id === 'ai' && !message.isError) {\n return (\n <ChatCustomAction\n content={message.content as string}\n />\n )\n }\n\n return null\n }}\n onInputChange={handleInputChange}\n >\n {!selectedConversation && (\n <div className=\"flex-1 min-h-0 overflow-y-auto\">\n <ChatLandingView />\n </div>\n )}\n </ChatBox>\n </Card>\n )\n}\n\nexport default ChatView\n"],"names":["chat"],"mappings":"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"}