@orbe-agro/client-core 5.6.259 → 5.6.261

package/dist/@ecme/components/template/OrbeAiWidget/useResizablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizablePanel.js","sources":["../../../../../lib/@ecme/components/template/OrbeAiWidget/useResizablePanel.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport type { PointerEvent as ReactPointerEvent } from 'react'\n\nexport type Rect = { top: number; left: number; width: number; height: number }\n\nexport type ResizeDirection =\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n\nconst MIN = { width: 360, height: 420 }\nconst DEFAULT = { width: 480, height: 720 }\nconst MARGIN = 12 // distância mínima das bordas do viewport\nconst ANCHOR = { right: 24, bottomOffset: 92 } // canto inferior-direito, acima do FAB\n\nconst clamp = (value: number, min: number, max: number) =>\n    Math.min(Math.max(value, min), max)\n\n/** Retângulo inicial: ancorado no canto inferior-direito, logo acima do FAB. */\nconst getDefaultRect = (): Rect => {\n    const width = Math.min(DEFAULT.width, window.innerWidth - MARGIN * 2)\n    const height = Math.min(DEFAULT.height, window.innerHeight - MARGIN * 2)\n    return {\n        width,\n        height,\n        left: Math.max(MARGIN, window.innerWidth - width - ANCHOR.right),\n        top: Math.max(MARGIN, window.innerHeight - height - ANCHOR.bottomOffset),\n    }\n}\n\n/**\n * Painel redimensionável por qualquer borda/canto. O painel é posicionado\n * livremente (`fixed` com top/left/width/height); cada direção move sua borda\n * mantendo a borda oposta fixa, com limites de mínimo e do viewport.\n */\nconst useResizablePanel = () => {\n    const [rect, setRect] = useState<Rect>(getDefaultRect)\n\n    const startResize = useCallback(\n        (event: ReactPointerEvent, direction: ResizeDirection) => {\n            event.preventDefault()\n            event.stopPropagation()\n\n            const startX = event.clientX\n            const startY = event.clientY\n            const start = rect\n            const right = start.left + start.width\n            const bottom = start.top + start.height\n\n            const previousUserSelect = document.body.style.userSelect\n            document.body.style.userSelect = 'none'\n\n            const handleMove = (moveEvent: PointerEvent) => {\n                const dx = moveEvent.clientX - startX\n                const dy = moveEvent.clientY - startY\n                const next: Rect = { ...start }\n\n                if (direction.includes('right')) {\n                    next.width = clamp(\n                        start.width + dx,\n                        MIN.width,\n                        window.innerWidth - start.left - MARGIN,\n                    )\n                }\n                if (direction.includes('left')) {\n                    next.width = clamp(start.width - dx, MIN.width, right - MARGIN)\n                    next.left = right - next.width\n                }\n                if (direction.includes('bottom')) {\n                    next.height = clamp(\n                        start.height + dy,\n                        MIN.height,\n                        window.innerHeight - start.top - MARGIN,\n                    )\n                }\n                if (direction.includes('top')) {\n                    next.height = clamp(\n                        start.height - dy,\n                        MIN.height,\n                        bottom - MARGIN,\n                    )\n                    next.top = bottom - next.height\n                }\n\n                setRect(next)\n            }\n\n            const stopResize = () => {\n                document.body.style.userSelect = previousUserSelect\n                window.removeEventListener('pointermove', handleMove)\n                window.removeEventListener('pointerup', stopResize)\n            }\n\n            window.addEventListener('pointermove', handleMove)\n            window.addEventListener('pointerup', stopResize)\n        },\n        [rect],\n    )\n\n    return { rect, startResize }\n}\n\nexport default useResizablePanel\n"],"names":[],"mappings":";AAeA,MAAM,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAA;AAClC,MAAM,UAAU,EAAE,OAAO,KAAK,QAAQ,IAAA;AACtC,MAAM,SAAS;AACf,MAAM,SAAS,EAAE,OAAO,IAAI,cAAc,GAAA;AAE1C,MAAM,QAAQ,CAAC,OAAe,KAAa,QACvC,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAGtC,MAAM,iBAAiB,MAAY;AAC/B,QAAM,QAAQ,KAAK,IAAI,QAAQ,OAAO,OAAO,aAAa,SAAS,CAAC;AACpE,QAAM,SAAS,KAAK,IAAI,QAAQ,QAAQ,OAAO,cAAc,SAAS,CAAC;AACvE,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,MAAM,KAAK,IAAI,QAAQ,OAAO,aAAa,QAAQ,OAAO,KAAK;AAAA,IAC/D,KAAK,KAAK,IAAI,QAAQ,OAAO,cAAc,SAAS,OAAO,YAAY;AAAA,EAAA;AAE/E;AAOA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,cAAc;AAErD,QAAM,cAAc;AAAA,IAChB,CAAC,OAA0B,cAA+B;AACtD,YAAM,eAAA;AACN,YAAM,gBAAA;AAEN,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,MAAM;AACrB,YAAM,QAAQ;AACd,YAAM,QAAQ,MAAM,OAAO,MAAM;AACjC,YAAM,SAAS,MAAM,MAAM,MAAM;AAEjC,YAAM,qBAAqB,SAAS,KAAK,MAAM;AAC/C,eAAS,KAAK,MAAM,aAAa;AAEjC,YAAM,aAAa,CAAC,cAA4B;AAC5C,cAAM,KAAK,UAAU,UAAU;AAC/B,cAAM,KAAK,UAAU,UAAU;AAC/B,cAAM,OAAa,EAAE,GAAG,MAAA;AAExB,YAAI,UAAU,SAAS,OAAO,GAAG;AAC7B,eAAK,QAAQ;AAAA,YACT,MAAM,QAAQ;AAAA,YACd,IAAI;AAAA,YACJ,OAAO,aAAa,MAAM,OAAO;AAAA,UAAA;AAAA,QAEzC;AACA,YAAI,UAAU,SAAS,MAAM,GAAG;AAC5B,eAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,IAAI,OAAO,QAAQ,MAAM;AAC9D,eAAK,OAAO,QAAQ,KAAK;AAAA,QAC7B;AACA,YAAI,UAAU,SAAS,QAAQ,GAAG;AAC9B,eAAK,SAAS;AAAA,YACV,MAAM,SAAS;AAAA,YACf,IAAI;AAAA,YACJ,OAAO,cAAc,MAAM,MAAM;AAAA,UAAA;AAAA,QAEzC;AACA,YAAI,UAAU,SAAS,KAAK,GAAG;AAC3B,eAAK,SAAS;AAAA,YACV,MAAM,SAAS;AAAA,YACf,IAAI;AAAA,YACJ,SAAS;AAAA,UAAA;AAEb,eAAK,MAAM,SAAS,KAAK;AAAA,QAC7B;AAEA,gBAAQ,IAAI;AAAA,MAChB;AAEA,YAAM,aAAa,MAAM;AACrB,iBAAS,KAAK,MAAM,aAAa;AACjC,eAAO,oBAAoB,eAAe,UAAU;AACpD,eAAO,oBAAoB,aAAa,UAAU;AAAA,MACtD;AAEA,aAAO,iBAAiB,eAAe,UAAU;AACjD,aAAO,iBAAiB,aAAa,UAAU;AAAA,IACnD;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGT,SAAO,EAAE,MAAM,YAAA;AACnB;"}
+{"version":3,"file":"useResizablePanel.js","sources":["../../../../../lib/@ecme/components/template/OrbeAiWidget/useResizablePanel.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport type { PointerEvent as ReactPointerEvent } from 'react'\n\n/**\n * `right`/`bottom` são offsets a partir das bordas direita/inferior do\n * viewport — a mesma referência do botão (FAB, `bottom-6 right-6`). Assim,\n * resolução e zoom movem painel e botão juntos.\n */\nexport type Rect = { right: number; bottom: number; width: number; height: number }\n\nexport type ResizeDirection =\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n\nconst MIN = { width: 360, height: 420 }\nconst DEFAULT = { width: 480, height: 720 }\nexport const MARGIN = 12 // distância mínima das bordas do viewport\n\n/**\n * Canto inferior-direito do painel, logo acima do FAB:\n * right = `right-6` (24); bottom = `bottom-6` (24) + `h-14` (56) + `gap-3` (12).\n * Se as classes do botão no OrbeAiWidget mudarem, ajustar aqui.\n */\nconst ANCHOR = { right: 24, bottom: 92 }\n\n/** Em telas menores que o MIN o máximo vence: o painel nunca sai da tela. */\nconst clamp = (value: number, min: number, max: number) =>\n    Math.min(Math.max(value, min), max)\n\n/** Área útil do `fixed`: o viewport sem a barra de rolagem, igual ao `100%` do CSS. */\nconst getViewport = () => ({\n    width: document.documentElement.clientWidth,\n    height: document.documentElement.clientHeight,\n})\n\n/**\n * Painel redimensionável por qualquer borda/canto, ancorado no botão. Cada\n * direção move sua borda mantendo a oposta fixa. O tamanho nunca é alterado\n * por mudança de viewport: quem limita é o max-width/max-height do painel.\n */\nconst useResizablePanel = () => {\n    const [rect, setRect] = useState<Rect>({ ...ANCHOR, ...DEFAULT })\n\n    /** Recola o painel acima do botão, mantendo o tamanho escolhido. */\n    const anchor = useCallback(() => {\n        setRect((prev) =>\n            prev.right === ANCHOR.right && prev.bottom === ANCHOR.bottom\n                ? prev\n                : { ...prev, ...ANCHOR },\n        )\n    }, [])\n\n    // Resolução e zoom disparam `resize`: o painel volta para cima do botão.\n    useEffect(() => {\n        window.addEventListener('resize', anchor)\n        return () => window.removeEventListener('resize', anchor)\n    }, [anchor])\n\n    const startResize = useCallback(\n        (event: ReactPointerEvent, direction: ResizeDirection) => {\n            event.preventDefault()\n            event.stopPropagation()\n\n            const startX = event.clientX\n            const startY = event.clientY\n            const viewport = getViewport()\n            // Parte do tamanho RENDERIZADO: se o CSS está limitando o painel, o\n            // valor guardado é maior que o visível e o arrasto teria zona morta.\n            const start: Rect = {\n                ...rect,\n                width: Math.min(rect.width, viewport.width - rect.right - MARGIN),\n                height: Math.min(\n                    rect.height,\n                    viewport.height - rect.bottom - MARGIN,\n                ),\n            }\n\n            const previousUserSelect = document.body.style.userSelect\n            document.body.style.userSelect = 'none'\n\n            const handleMove = (moveEvent: PointerEvent) => {\n                const dx = moveEvent.clientX - startX\n                const dy = moveEvent.clientY - startY\n                const next: Rect = { ...start }\n\n                // Esquerda/topo: a borda ancorada fica fixa, só o tamanho muda.\n                if (direction.includes('left')) {\n                    next.width = clamp(\n                        start.width - dx,\n                        MIN.width,\n                        viewport.width - start.right - MARGIN,\n                    )\n                }\n                if (direction.includes('top')) {\n                    next.height = clamp(\n                        start.height - dy,\n                        MIN.height,\n                        viewport.height - start.bottom - MARGIN,\n                    )\n                }\n                // Direita/baixo: a borda oposta fica fixa, então o offset anda junto.\n                if (direction.includes('right')) {\n                    next.width = clamp(\n                        start.width + dx,\n                        MIN.width,\n                        start.width + start.right - MARGIN,\n                    )\n                    next.right = start.right - (next.width - start.width)\n                }\n                if (direction.includes('bottom')) {\n                    next.height = clamp(\n                        start.height + dy,\n                        MIN.height,\n                        start.height + start.bottom - MARGIN,\n                    )\n                    next.bottom = start.bottom - (next.height - start.height)\n                }\n\n                setRect(next)\n            }\n\n            const stopResize = () => {\n                document.body.style.userSelect = previousUserSelect\n                window.removeEventListener('pointermove', handleMove)\n                window.removeEventListener('pointerup', stopResize)\n            }\n\n            window.addEventListener('pointermove', handleMove)\n            window.addEventListener('pointerup', stopResize)\n        },\n        [rect],\n    )\n\n    return { rect, startResize, anchor }\n}\n\nexport default useResizablePanel\n"],"names":[],"mappings":";AAoBA,MAAM,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAA;AAClC,MAAM,UAAU,EAAE,OAAO,KAAK,QAAQ,IAAA;AAC/B,MAAM,SAAS;AAOtB,MAAM,SAAS,EAAE,OAAO,IAAI,QAAQ,GAAA;AAGpC,MAAM,QAAQ,CAAC,OAAe,KAAa,QACvC,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAGtC,MAAM,cAAc,OAAO;AAAA,EACvB,OAAO,SAAS,gBAAgB;AAAA,EAChC,QAAQ,SAAS,gBAAgB;AACrC;AAOA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,EAAE,GAAG,QAAQ,GAAG,SAAS;AAGhE,QAAM,SAAS,YAAY,MAAM;AAC7B;AAAA,MAAQ,CAAC,SACL,KAAK,UAAU,OAAO,SAAS,KAAK,WAAW,OAAO,SAChD,OACA,EAAE,GAAG,MAAM,GAAG,OAAA;AAAA,IAAO;AAAA,EAEnC,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACZ,WAAO,iBAAiB,UAAU,MAAM;AACxC,WAAO,MAAM,OAAO,oBAAoB,UAAU,MAAM;AAAA,EAC5D,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IAChB,CAAC,OAA0B,cAA+B;AACtD,YAAM,eAAA;AACN,YAAM,gBAAA;AAEN,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,MAAM;AACrB,YAAM,WAAW,YAAA;AAGjB,YAAM,QAAc;AAAA,QAChB,GAAG;AAAA,QACH,OAAO,KAAK,IAAI,KAAK,OAAO,SAAS,QAAQ,KAAK,QAAQ,MAAM;AAAA,QAChE,QAAQ,KAAK;AAAA,UACT,KAAK;AAAA,UACL,SAAS,SAAS,KAAK,SAAS;AAAA,QAAA;AAAA,MACpC;AAGJ,YAAM,qBAAqB,SAAS,KAAK,MAAM;AAC/C,eAAS,KAAK,MAAM,aAAa;AAEjC,YAAM,aAAa,CAAC,cAA4B;AAC5C,cAAM,KAAK,UAAU,UAAU;AAC/B,cAAM,KAAK,UAAU,UAAU;AAC/B,cAAM,OAAa,EAAE,GAAG,MAAA;AAGxB,YAAI,UAAU,SAAS,MAAM,GAAG;AAC5B,eAAK,QAAQ;AAAA,YACT,MAAM,QAAQ;AAAA,YACd,IAAI;AAAA,YACJ,SAAS,QAAQ,MAAM,QAAQ;AAAA,UAAA;AAAA,QAEvC;AACA,YAAI,UAAU,SAAS,KAAK,GAAG;AAC3B,eAAK,SAAS;AAAA,YACV,MAAM,SAAS;AAAA,YACf,IAAI;AAAA,YACJ,SAAS,SAAS,MAAM,SAAS;AAAA,UAAA;AAAA,QAEzC;AAEA,YAAI,UAAU,SAAS,OAAO,GAAG;AAC7B,eAAK,QAAQ;AAAA,YACT,MAAM,QAAQ;AAAA,YACd,IAAI;AAAA,YACJ,MAAM,QAAQ,MAAM,QAAQ;AAAA,UAAA;AAEhC,eAAK,QAAQ,MAAM,SAAS,KAAK,QAAQ,MAAM;AAAA,QACnD;AACA,YAAI,UAAU,SAAS,QAAQ,GAAG;AAC9B,eAAK,SAAS;AAAA,YACV,MAAM,SAAS;AAAA,YACf,IAAI;AAAA,YACJ,MAAM,SAAS,MAAM,SAAS;AAAA,UAAA;AAElC,eAAK,SAAS,MAAM,UAAU,KAAK,SAAS,MAAM;AAAA,QACtD;AAEA,gBAAQ,IAAI;AAAA,MAChB;AAEA,YAAM,aAAa,MAAM;AACrB,iBAAS,KAAK,MAAM,aAAa;AACjC,eAAO,oBAAoB,eAAe,UAAU;AACpD,eAAO,oBAAoB,aAAa,UAAU;AAAA,MACtD;AAEA,aAAO,iBAAiB,eAAe,UAAU;AACjD,aAAO,iBAAiB,aAAa,UAAU;AAAA,IACnD;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGT,SAAO,EAAE,MAAM,aAAa,OAAA;AAChC;"}

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js

@@ -15,6 +15,7 @@ const DropdownMenu = (props) => {
     disabled,
     toggleClassName,
     menuClass,
+    floatingClass,
     placement,
     trigger = "click",
     onOpen,
@@ -216,7 +217,10 @@ const DropdownMenu = (props) => {
                 ref: refs.setFloating,
                 style: floatingStyles,
                 ...getFloatingProps(),
-                className: "outline-none z-30",
+                className: classNames(
+                  "outline-none z-30",
+                  floatingClass
+                ),
                 children: /* @__PURE__ */ jsx(
                   "ul",
                   {

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

@@ -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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"}
+{"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

@@ -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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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"