@orbe-agro/client-core 5.6.262 → 5.6.263

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

@@ -1 +1 @@
-{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend } = useChatSend()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            <ChatMobileNav />\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Enter a prompt here\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={true}\n                avatarGap={true}\n                containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomContent\n                                content={message.content as string}\n                                triggerTyping={\n                                    message.fresh ? message.fresh : false\n                                }\n                                onFinish={() => handleFinish(message.id)}\n                            />\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai') {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && <ChatLandingView />}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["chat"],"mappings":";;;;;;;;;;;;AAWA,MAAM,WAAW,MAAM;AACnB,QAAM,YAAY,OAAqB,IAAI;AAC3C,QAAM,EAAE,sBAAsB,aAAa,UAAU,kBAAA,IACjD,sBAAA;AACJ,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,QAAM,iBAAiB,MAAM;AACzB,QAAI,UAAU,SAAS,kBAAkB;AACrC,YAAM,gBAAgB,UAAU,QAAQ,iBAAA;AACxC,UAAI,eAAe;AACf,sBAAc,YAAY,cAAc;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,mBAAA;AAAA,EACJ,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,cAAc,QAAQ,MAAM;AAC9B,UAAM,OAAO,YAAY;AAAA,MACrB,CAACA,UAASA,MAAK,OAAO;AAAA,IAAA;AAE1B,WAAO,MAAM,gBAAgB,CAAA;AAAA,EACjC,GAAG,CAAC,sBAAsB,WAAW,CAAC;AAEtC,QAAM,oBAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,MAIE;AACF,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,OAAe;AACjC,sBAAkB,EAAE;AACpB,mBAAA;AAAA,EACJ;AAEA,SACI,qBAAC,MAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACf;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,QAAQ,oBAAoB;AAAA,QAC7C,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACI,WACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAAC,YAAY;AACzB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,gBACjB,eACI,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,gBAEpC,UAAU,MAAM,aAAa,QAAQ,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAGnD;AAEA,iBAAO,QAAQ;AAAA,QACnB;AAAA,QACA,cAAc,CAAC,YAAY;AACvB,cAAI,QAAQ,OAAO,OAAO,MAAM;AAC5B,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAG7B;AAEA,iBAAO;AAAA,QACX;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,CAAC,wBAAwB,oBAAC,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}
+{"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport AiThinkingIndicator from './AiThinkingIndicator'\nimport AiErrorMessage from './AiErrorMessage'\nimport ToolCallChip from './ToolCallChip'\nimport ApprovalCard from './ApprovalCard'\nimport DataRequestCard from './DataRequestCard'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport useConversationMessages from '../hooks/useConversationMessages'\nimport type { Conversation } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\n/**\n * O balao de fala do agente, desenhado aqui em vez de vir do ChatBox.\n *\n * O `botBubbleClass` abaixo zera o balao que o Message desenharia, para os chips\n * de ferramenta e o card de aprovacao ficarem FORA dele — antes tudo dividia a\n * mesma caixa cinza e as ferramentas eram lidas como uma segunda mensagem.\n * Usado tambem pelo indicador de \"pensando\", que passa pelo mesmo balao zerado.\n *\n * Repete `prose text-sm` do balao original de proposito: o reset de margem do\n * @tailwindcss/typography e `.prose > :first-child`, filho DIRETO. Sem o `prose`\n * aqui, o markdown ficaria um nivel abaixo do container e o primeiro paragrafo\n * voltaria a ter margem, inflando todos os baloes.\n */\nconst BALAO_AGENTE =\n    'prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100'\n\ntype ChatViewProps = {\n    /**\n     * Mostra o drawer de histórico do ChatMobileNav abaixo de xl. O widget\n     * flutuante desliga, porque tem o próprio drawer dentro do painel.\n     */\n    showMobileNav?: boolean\n}\n\nconst ChatView = ({ showMobileNav = true }: ChatViewProps) => {\n    const scrollRef = useRef<ScrollBarRef>(null)\n    const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n        usGenerativeChatStore()\n    const { handleSend, handleApproval, handleDataSubmit } = useChatSend()\n    // Conversa aberta da lista: as mensagens vêm do backend na primeira vez.\n    const { carregando } = useConversationMessages()\n\n    const scrollToBottom = () => {\n        if (scrollRef.current?.getScrollElement) {\n            const scrollElement = scrollRef.current.getScrollElement()\n            if (scrollElement) {\n                scrollElement.scrollTop = scrollElement.scrollHeight\n            }\n        }\n    }\n\n    useEffect(() => {\n        scrollToBottom()\n    }, [selectedConversation, chatHistory])\n\n    const messageList = useMemo(() => {\n        const chat = chatHistory.find(\n            (chat) => chat.id === selectedConversation,\n        )\n        return chat?.conversation || []\n    }, [selectedConversation, chatHistory])\n\n    const handleInputChange = async ({\n        value,\n    }: {\n        value: string\n        attachments?: File[]\n    }) => {\n        await handleSend(value)\n    }\n\n    const handleFinish = (id: string) => {\n        disabledChatFresh(id)\n        scrollToBottom()\n    }\n\n    return (\n        <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n            {showMobileNav && <ChatMobileNav />}\n            <ChatBox\n                ref={scrollRef}\n                messageList={messageList}\n                placeholder=\"Pergunte algo sobre o Orbe Agro…\"\n                showMessageList={Boolean(selectedConversation)}\n                showAvatar={false}\n                avatarGap={false}\n                myBubbleClass=\"bg-primary text-white\"\n                botBubbleClass=\"bg-transparent dark:bg-transparent p-0 rounded-none\"\n                errorBubbleClass=\"bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20\"\n                renderTyping={() => (\n                    <div className={BALAO_AGENTE}>\n                        <AiThinkingIndicator />\n                    </div>\n                )}\n                containerClass={\n                    showMobileNav ? 'h-[calc(100%-30px)] xl:h-full' : 'h-full'\n                }\n                messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n                typing={\n                    isTyping || carregando\n                        ? {\n                              id: 'ai',\n                              name: 'Chat AI',\n                              avatarImageUrl: '/img/thumbs/ai.jpg',\n                          }\n                        : false\n                }\n                customRenderer={(message) => {\n                    if (message.isError) {\n                        return <AiErrorMessage />\n                    }\n\n                    if (message.sender.id === 'ai') {\n                        // As ferramentas e as pausas chegam pelo streaming e\n                        // vivem no Conversation; o tipo do ChatBox nao os conhece.\n                        const { tools, pendingApproval, pendingInput } =\n                            message as Conversation\n                        // Enquanto as ferramentas rodam o conteudo ainda e '':\n                        // sem esta guarda sobraria um balao cinza vazio.\n                        const temTexto = Boolean(\n                            (message.content as string)?.trim(),\n                        )\n\n                        return (\n                            <div className=\"flex flex-col items-start gap-1.5\">\n                                {tools?.map((tool) => (\n                                    <ToolCallChip key={tool.id} tool={tool} />\n                                ))}\n                                {temTexto && (\n                                    <div className={BALAO_AGENTE}>\n                                        <ChatCustomContent\n                                            content={message.content as string}\n                                            triggerTyping={\n                                                message.fresh\n                                                    ? message.fresh\n                                                    : false\n                                            }\n                                            onFinish={() =>\n                                                handleFinish(message.id)\n                                            }\n                                        />\n                                    </div>\n                                )}\n                                {pendingInput && (\n                                    <DataRequestCard\n                                        input={pendingInput}\n                                        onSubmit={(dados) =>\n                                            handleDataSubmit(\n                                                selectedConversation,\n                                                message.id,\n                                                dados,\n                                            )\n                                        }\n                                    />\n                                )}\n                                {pendingApproval && (\n                                    <ApprovalCard\n                                        approval={pendingApproval}\n                                        onDecide={(aprovado) =>\n                                            handleApproval(\n                                                selectedConversation,\n                                                message.id,\n                                                aprovado,\n                                            )\n                                        }\n                                    />\n                                )}\n                            </div>\n                        )\n                    }\n\n                    return message.content\n                }}\n                customAction={(message) => {\n                    if (message.sender.id === 'ai' && !message.isError) {\n                        return (\n                            <ChatCustomAction\n                                content={message.content as string}\n                            />\n                        )\n                    }\n\n                    return null\n                }}\n                onInputChange={handleInputChange}\n            >\n                {!selectedConversation && (\n                    <div className=\"flex-1 min-h-0 overflow-y-auto\">\n                        <ChatLandingView />\n                    </div>\n                )}\n            </ChatBox>\n        </Card>\n    )\n}\n\nexport default ChatView\n"],"names":["chat"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/DataRequestCard.js

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TbForms } from "react-icons/tb";
+import "../../../../../components/ui/Button/index.js";
+import "../../../../../components/ui/Input/index.js";
+import "../../../../../components/ui/Select/index.js";
+import { tipoDoCampo, rotularCampo, opcoesDoCampo } from "./toolPresentation.js";
+import Select from "../../../../../components/ui/Select/Select.js";
+import Input from "../../../../../components/ui/Input/Input.js";
+import Button from "../../../../../components/ui/Button/Button.js";
+const DataRequestCard = ({ input, onSubmit }) => {
+  const [valores, setValores] = useState({});
+  const [enviando, setEnviando] = useState(null);
+  const preencher = (campo, valor) => setValores((atual) => ({ ...atual, [campo]: valor }));
+  const completo = input.campos.every((campo) => valores[campo]?.trim());
+  const enviar = () => {
+    setEnviando("enviar");
+    const dados = Object.fromEntries(
+      input.campos.map((campo) => {
+        const bruto = valores[campo].trim();
+        const numero = tipoDoCampo(campo) === "numero" ? Number(bruto) : NaN;
+        return [campo, Number.isNaN(numero) ? bruto : numero];
+      })
+    );
+    onSubmit(dados);
+  };
+  const cancelar = () => {
+    setEnviando("cancelar");
+    onSubmit(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "not-prose mt-1 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-gray-200 px-4 py-2.5 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx(TbForms, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: "Dados necessários" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-4 py-3.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-3 text-sm text-gray-500 dark:text-gray-400", children: "Preencha os campos abaixo para eu continuar." }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: input.campos.map((campo) => {
+        const rotulo = rotularCampo(campo);
+        const opcoes = opcoesDoCampo(campo);
+        return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 dark:text-gray-300", children: rotulo }),
+          opcoes.length ? /* @__PURE__ */ jsx(
+            Select,
+            {
+              options: opcoes,
+              value: opcoes.filter(
+                (opcao) => opcao.value === valores[campo]
+              ),
+              placeholder: `Selecione ${rotulo.toLowerCase()}`,
+              isDisabled: enviando !== null,
+              onChange: (opcao) => preencher(
+                campo,
+                opcao?.value ?? ""
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: tipoDoCampo(campo) === "numero" ? "number" : "text",
+              value: valores[campo] ?? "",
+              disabled: enviando !== null,
+              placeholder: `Informe ${rotulo.toLowerCase()}`,
+              onChange: (evento) => preencher(campo, evento.target.value)
+            }
+          )
+        ] }, campo);
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "solid",
+            size: "sm",
+            loading: enviando === "enviar",
+            disabled: !completo || enviando !== null,
+            onClick: enviar,
+            children: "Enviar"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            loading: enviando === "cancelar",
+            disabled: enviando !== null,
+            onClick: cancelar,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-gray-400 dark:text-gray-500", children: "Você ainda confirma antes de gravar" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  DataRequestCard as default
+};
+//# sourceMappingURL=DataRequestCard.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/DataRequestCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRequestCard.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/DataRequestCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { TbForms } from 'react-icons/tb'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { opcoesDoCampo, rotularCampo, tipoDoCampo } from './toolPresentation'\nimport type { PendingInput } from '../types'\n\ntype DataRequestCardProps = {\n    input: PendingInput\n    /** `null` = o usuario fechou sem preencher. */\n    onSubmit: (dados: Record<string, unknown> | null) => void\n}\n\n/**\n * Formulario dos campos que faltam para criar um registro no ERP.\n *\n * O agente fica PARADO enquanto este card estiver na tela — ele so volta a\n * responder depois do envio. Por isso divide o visual do ApprovalCard: sao as\n * duas paradas do fluxo, e o usuario deve reconhece-las como a mesma coisa.\n *\n * Os valores vao para o modelo, que monta a chamada final. Por isso o envio nao\n * valida tipo: o `type=number` e o select sao conveniencia de digitacao, nao\n * regra de negocio — quem valida de verdade e o backend do ERP.\n */\nconst DataRequestCard = ({ input, onSubmit }: DataRequestCardProps) => {\n    const [valores, setValores] = useState<Record<string, string>>({})\n    const [enviando, setEnviando] = useState<'enviar' | 'cancelar' | null>(null)\n\n    const preencher = (campo: string, valor: string) =>\n        setValores((atual) => ({ ...atual, [campo]: valor }))\n\n    // Exigir todos evita uma ida e volta: faltando um, o agente pediria de novo.\n    const completo = input.campos.every((campo) => valores[campo]?.trim())\n\n    const enviar = () => {\n        setEnviando('enviar')\n        // Numeros vao como number; o resto como texto. O modelo aceita os dois,\n        // mas o tipo certo evita que ele precise adivinhar.\n        const dados = Object.fromEntries(\n            input.campos.map((campo) => {\n                const bruto = valores[campo].trim()\n                const numero =\n                    tipoDoCampo(campo) === 'numero' ? Number(bruto) : NaN\n                return [campo, Number.isNaN(numero) ? bruto : numero]\n            }),\n        )\n        onSubmit(dados)\n    }\n\n    const cancelar = () => {\n        setEnviando('cancelar')\n        onSubmit(null)\n    }\n\n    return (\n        <div className=\"not-prose mt-1 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800\">\n            <div className=\"flex items-center gap-2 border-b border-gray-200 px-4 py-2.5 dark:border-gray-700\">\n                <TbForms size={16} className=\"text-gray-400 dark:text-gray-500\" />\n                <span className=\"text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400\">\n                    Dados necessários\n                </span>\n            </div>\n\n            <div className=\"px-4 py-3.5\">\n                <div className=\"mb-3 text-sm text-gray-500 dark:text-gray-400\">\n                    Preencha os campos abaixo para eu continuar.\n                </div>\n\n                <div className=\"flex flex-col gap-3\">\n                    {input.campos.map((campo) => {\n                        const rotulo = rotularCampo(campo)\n                        const opcoes = opcoesDoCampo(campo)\n\n                        return (\n                            <label key={campo} className=\"flex flex-col gap-1\">\n                                <span className=\"text-sm text-gray-600 dark:text-gray-300\">\n                                    {rotulo}\n                                </span>\n                                {opcoes.length ? (\n                                    <Select\n                                        options={opcoes}\n                                        value={opcoes.filter(\n                                            (opcao) =>\n                                                opcao.value === valores[campo],\n                                        )}\n                                        placeholder={`Selecione ${rotulo.toLowerCase()}`}\n                                        isDisabled={enviando !== null}\n                                        onChange={(opcao) =>\n                                            preencher(\n                                                campo,\n                                                (opcao as { value: string } | null)\n                                                    ?.value ?? '',\n                                            )\n                                        }\n                                    />\n                                ) : (\n                                    <Input\n                                        type={\n                                            tipoDoCampo(campo) === 'numero'\n                                                ? 'number'\n                                                : 'text'\n                                        }\n                                        value={valores[campo] ?? ''}\n                                        disabled={enviando !== null}\n                                        placeholder={`Informe ${rotulo.toLowerCase()}`}\n                                        onChange={(evento) =>\n                                            preencher(campo, evento.target.value)\n                                        }\n                                    />\n                                )}\n                            </label>\n                        )\n                    })}\n                </div>\n\n                <div className=\"mt-4 flex items-center gap-2\">\n                    <Button\n                        variant=\"solid\"\n                        size=\"sm\"\n                        loading={enviando === 'enviar'}\n                        disabled={!completo || enviando !== null}\n                        onClick={enviar}\n                    >\n                        Enviar\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        loading={enviando === 'cancelar'}\n                        disabled={enviando !== null}\n                        onClick={cancelar}\n                    >\n                        Cancelar\n                    </Button>\n                    <span className=\"ml-auto text-xs text-gray-400 dark:text-gray-500\">\n                        Você ainda confirma antes de gravar\n                    </span>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DataRequestCard\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ToolCallChip.js

@@ -0,0 +1,153 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TbClock, TbLoader2, TbAlertTriangle, TbCheck, TbChevronDown } from "react-icons/tb";
+import classNames from "../../../../../components/ui/utils/classNames.js";
+import { iconeFerramenta, camposVisiveis, rotularExecucao, rotularFerramenta } from "./toolPresentation.js";
+const estadoDe = (tool) => {
+  if (tool.awaitingApproval) {
+    return {
+      texto: "Aguardando confirmação",
+      Icone: TbClock,
+      classe: "text-amber-600 dark:text-amber-400",
+      mostrarTexto: true
+    };
+  }
+  if (tool.running) {
+    return {
+      texto: "Em andamento",
+      Icone: TbLoader2,
+      classe: "text-blue-600 dark:text-blue-400"
+    };
+  }
+  if (tool.isError) {
+    return {
+      texto: "Não concluída",
+      Icone: TbAlertTriangle,
+      classe: "text-red-600 dark:text-red-400",
+      mostrarTexto: true
+    };
+  }
+  return {
+    texto: "Concluída",
+    Icone: TbCheck,
+    classe: "text-emerald-600 dark:text-emerald-400"
+  };
+};
+const ToolCallChip = ({ tool }) => {
+  const [aberto, setAberto] = useState(false);
+  const estado = estadoDe(tool);
+  const IconeFerramenta = iconeFerramenta(tool.name);
+  const emAndamento = tool.running && !tool.awaitingApproval;
+  const campos = camposVisiveis(tool.args, tool.name);
+  const rotulo = emAndamento ? `${rotularExecucao(tool.name)}…` : rotularFerramenta(tool.name);
+  return (
+    // not-prose: o balao do agente e `prose`, que aplicaria margens de
+    // tipografia no dl/dt/dd/pre daqui e desmontaria a compactacao.
+    /* @__PURE__ */ jsxs("div", { className: "not-prose max-w-full", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex w-fit max-w-full items-center gap-1.5 rounded-full border border-gray-200 px-2.5 py-1 text-left transition-colors hover:border-gray-300 hover:bg-gray-50 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-800/60",
+          "aria-expanded": aberto,
+          title: `${rotulo} — ${estado.texto}`,
+          onClick: () => setAberto((atual) => !atual),
+          children: [
+            /* @__PURE__ */ jsx(
+              IconeFerramenta,
+              {
+                size: 13,
+                className: "shrink-0 text-gray-400 dark:text-gray-500"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium text-gray-600 dark:text-gray-300", children: rotulo }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: classNames(
+                  "flex shrink-0 items-center gap-1 text-xs font-medium",
+                  estado.classe
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    estado.Icone,
+                    {
+                      size: 12,
+                      className: emAndamento ? "motion-safe:animate-spin" : ""
+                    }
+                  ),
+                  estado.mostrarTexto && estado.texto
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TbChevronDown,
+              {
+                size: 12,
+                className: classNames(
+                  "shrink-0 text-gray-400 transition-transform",
+                  aberto && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      aberto && /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded-lg border border-gray-200 px-2.5 py-2 dark:border-gray-700", children: [
+        campos.length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs", children: campos.map((campo) => /* @__PURE__ */ jsxs("div", { className: "contents", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-gray-500 dark:text-gray-400", children: campo.rotulo }),
+          /* @__PURE__ */ jsx("dd", { className: "truncate font-medium text-gray-800 dark:text-gray-100", children: campo.valor })
+        ] }, campo.chave)) }),
+        tool.result !== void 0 && /* @__PURE__ */ jsx(
+          Resultado,
+          {
+            texto: tool.result,
+            erro: tool.isError,
+            separar: campos.length > 0
+          }
+        )
+      ] })
+    ] })
+  );
+};
+const Resultado = ({
+  texto,
+  erro,
+  separar
+}) => {
+  const [mostrarBruto, setMostrarBruto] = useState(false);
+  const ehJson = /^\s*[[{]/.test(texto);
+  const separador = separar ? "mt-2 border-t border-gray-200 pt-2 dark:border-gray-700" : "";
+  if (!ehJson) {
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: classNames(
+          "text-xs",
+          separador,
+          erro ? "text-red-600 dark:text-red-400" : "text-gray-600 dark:text-gray-300"
+        ),
+        children: texto
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: separador, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "text-xs font-medium text-gray-500 underline-offset-2 hover:underline dark:text-gray-400",
+        onClick: () => setMostrarBruto((atual) => !atual),
+        children: [
+          mostrarBruto ? "Ocultar" : "Ver",
+          " dados retornados"
+        ]
+      }
+    ),
+    mostrarBruto && /* @__PURE__ */ jsx("pre", { className: "mt-1.5 max-h-40 overflow-auto whitespace-pre-wrap break-words rounded border border-gray-200 bg-white p-2 text-xs text-gray-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300", children: texto })
+  ] });
+};
+export {
+  ToolCallChip as default
+};
+//# sourceMappingURL=ToolCallChip.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/ToolCallChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallChip.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ToolCallChip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n    TbAlertTriangle,\n    TbCheck,\n    TbChevronDown,\n    TbClock,\n    TbLoader2,\n} from 'react-icons/tb'\nimport classNames from '@/components/ui/utils/classNames'\nimport {\n    camposVisiveis,\n    iconeFerramenta,\n    rotularExecucao,\n    rotularFerramenta,\n} from './toolPresentation'\nimport type { ToolCall } from '../types'\n\n/**\n * Uma consulta ou operacao que o agente executou, no meio da conversa.\n *\n * Deliberadamente discreto: e informacao de apoio, nao a resposta. Por isso vive\n * FORA do balao de fala (ver ChatView) e tem forma de pilula — contorno fino,\n * largura do conteudo, letra menor — para nunca ser lido como uma segunda\n * mensagem do agente. Fechado mostra so o que aconteceu e em que estado esta;\n * aberto, os parametros ja traduzidos para a linguagem do negocio.\n */\n\ntype Estado = {\n    texto: string\n    Icone: typeof TbCheck\n    classe: string\n    /**\n     * Se o texto do estado acompanha o icone na pilula.\n     *\n     * So quando o icone sozinho nao basta: \"aguardando confirmacao\" e \"nao\n     * concluida\" pedem uma acao ou explicam uma falha. Em execucao o rotulo ja\n     * esta no gerundio (\"Consultando contratos…\") e o ✓ de concluida e obvio —\n     * escrever isso de novo so engorda a pilula.\n     */\n    mostrarTexto?: boolean\n}\n\nconst estadoDe = (tool: ToolCall): Estado => {\n    if (tool.awaitingApproval) {\n        return {\n            texto: 'Aguardando confirmação',\n            Icone: TbClock,\n            classe: 'text-amber-600 dark:text-amber-400',\n            mostrarTexto: true,\n        }\n    }\n    if (tool.running) {\n        return {\n            texto: 'Em andamento',\n            Icone: TbLoader2,\n            classe: 'text-blue-600 dark:text-blue-400',\n        }\n    }\n    if (tool.isError) {\n        return {\n            texto: 'Não concluída',\n            Icone: TbAlertTriangle,\n            classe: 'text-red-600 dark:text-red-400',\n            mostrarTexto: true,\n        }\n    }\n    return {\n        texto: 'Concluída',\n        Icone: TbCheck,\n        classe: 'text-emerald-600 dark:text-emerald-400',\n    }\n}\n\ntype ToolCallChipProps = {\n    tool: ToolCall\n}\n\nconst ToolCallChip = ({ tool }: ToolCallChipProps) => {\n    const [aberto, setAberto] = useState(false)\n    const estado = estadoDe(tool)\n    const IconeFerramenta = iconeFerramenta(tool.name)\n    const emAndamento = tool.running && !tool.awaitingApproval\n    const campos = camposVisiveis(tool.args, tool.name)\n    const rotulo = emAndamento\n        ? `${rotularExecucao(tool.name)}…`\n        : rotularFerramenta(tool.name)\n\n    return (\n        // not-prose: o balao do agente e `prose`, que aplicaria margens de\n        // tipografia no dl/dt/dd/pre daqui e desmontaria a compactacao.\n        <div className=\"not-prose max-w-full\">\n            <button\n                type=\"button\"\n                className=\"inline-flex w-fit max-w-full items-center gap-1.5 rounded-full border border-gray-200 px-2.5 py-1 text-left transition-colors hover:border-gray-300 hover:bg-gray-50 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-800/60\"\n                aria-expanded={aberto}\n                title={`${rotulo} — ${estado.texto}`}\n                onClick={() => setAberto((atual) => !atual)}\n            >\n                <IconeFerramenta\n                    size={13}\n                    className=\"shrink-0 text-gray-400 dark:text-gray-500\"\n                />\n\n                <span className=\"truncate text-xs font-medium text-gray-600 dark:text-gray-300\">\n                    {rotulo}\n                </span>\n\n                <span\n                    className={classNames(\n                        'flex shrink-0 items-center gap-1 text-xs font-medium',\n                        estado.classe,\n                    )}\n                >\n                    <estado.Icone\n                        size={12}\n                        className={emAndamento ? 'motion-safe:animate-spin' : ''}\n                    />\n                    {estado.mostrarTexto && estado.texto}\n                </span>\n\n                <TbChevronDown\n                    size={12}\n                    className={classNames(\n                        'shrink-0 text-gray-400 transition-transform',\n                        aberto && 'rotate-180',\n                    )}\n                />\n            </button>\n\n            {aberto && (\n                <div className=\"mt-1 rounded-lg border border-gray-200 px-2.5 py-2 dark:border-gray-700\">\n                    {campos.length > 0 && (\n                        <dl className=\"grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs\">\n                            {campos.map((campo) => (\n                                <div key={campo.chave} className=\"contents\">\n                                    <dt className=\"text-gray-500 dark:text-gray-400\">\n                                        {campo.rotulo}\n                                    </dt>\n                                    <dd className=\"truncate font-medium text-gray-800 dark:text-gray-100\">\n                                        {campo.valor}\n                                    </dd>\n                                </div>\n                            ))}\n                        </dl>\n                    )}\n\n                    {tool.result !== undefined && (\n                        <Resultado\n                            texto={tool.result}\n                            erro={tool.isError}\n                            separar={campos.length > 0}\n                        />\n                    )}\n                </div>\n            )}\n        </div>\n    )\n}\n\n/**\n * O retorno da ferramenta.\n *\n * Quando e JSON (uma listagem, por exemplo), fica atras de um toggle: e dado\n * tecnico que so interessa para conferencia, e o usuario ja tem a resposta do\n * agente logo abaixo. Mensagens em texto — erros de permissao, cancelamentos —\n * aparecem direto, porque explicam o que aconteceu.\n */\nconst Resultado = ({\n    texto,\n    erro,\n    separar,\n}: {\n    texto: string\n    erro?: boolean\n    /** Linha divisoria: so faz sentido quando ha parametros logo acima. */\n    separar?: boolean\n}) => {\n    const [mostrarBruto, setMostrarBruto] = useState(false)\n    const ehJson = /^\\s*[[{]/.test(texto)\n    const separador = separar\n        ? 'mt-2 border-t border-gray-200 pt-2 dark:border-gray-700'\n        : ''\n\n    if (!ehJson) {\n        return (\n            <p\n                className={classNames(\n                    'text-xs',\n                    separador,\n                    erro\n                        ? 'text-red-600 dark:text-red-400'\n                        : 'text-gray-600 dark:text-gray-300',\n                )}\n            >\n                {texto}\n            </p>\n        )\n    }\n\n    return (\n        <div className={separador}>\n            <button\n                type=\"button\"\n                className=\"text-xs font-medium text-gray-500 underline-offset-2 hover:underline dark:text-gray-400\"\n                onClick={() => setMostrarBruto((atual) => !atual)}\n            >\n                {mostrarBruto ? 'Ocultar' : 'Ver'} dados retornados\n            </button>\n            {mostrarBruto && (\n                <pre className=\"mt-1.5 max-h-40 overflow-auto whitespace-pre-wrap break-words rounded border border-gray-200 bg-white p-2 text-xs text-gray-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300\">\n                    {texto}\n                </pre>\n            )}\n        </div>\n    )\n}\n\nexport default ToolCallChip\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/toolPresentation.js

@@ -0,0 +1,195 @@
+import { formatQuantity } from "../../../../../../base/utils/functions/stringUtils.js";
+import { TbForms, TbPackage, TbPackages, TbBriefcase, TbCalendarEvent, TbUserSearch, TbBuildingPlus, TbListSearch, TbSearch, TbFilePlus, TbTool } from "react-icons/tb";
+const FERRAMENTAS = {
+  buscar_contrato_armazenagem_graos: {
+    rotulo: "Consulta de contrato",
+    executando: "Consultando contrato",
+    icone: TbSearch
+  },
+  listar_contratos_armazenagem_graos: {
+    rotulo: "Consulta de contratos",
+    executando: "Consultando contratos",
+    icone: TbListSearch
+  },
+  criar_contrato_armazenagem_graos: {
+    rotulo: "Criação de contrato de armazenagem",
+    executando: "Criando contrato",
+    icone: TbFilePlus
+  },
+  buscar_area: {
+    rotulo: "Consulta de área",
+    executando: "Consultando área",
+    icone: TbSearch
+  },
+  listar_areas: {
+    rotulo: "Consulta de áreas",
+    executando: "Consultando áreas",
+    icone: TbListSearch
+  },
+  criar_area: {
+    rotulo: "Criação de área",
+    executando: "Criando área",
+    icone: TbBuildingPlus
+  },
+  buscar_usuario: {
+    rotulo: "Consulta de usuário",
+    executando: "Consultando usuário",
+    icone: TbUserSearch
+  },
+  listar_safras: {
+    rotulo: "Consulta de safras",
+    executando: "Consultando safras",
+    icone: TbCalendarEvent
+  },
+  listar_parceiros: {
+    rotulo: "Consulta de parceiros de negócio",
+    executando: "Consultando parceiros",
+    icone: TbBriefcase
+  },
+  listar_produtos: {
+    rotulo: "Consulta de produtos",
+    executando: "Consultando produtos",
+    icone: TbPackages
+  },
+  buscar_produto: {
+    rotulo: "Consulta de produto",
+    executando: "Consultando produto",
+    icone: TbPackage
+  },
+  // Nao executa nada no ERP: e o sinal de que faltam campos. Mas o agente a
+  // pede como qualquer outra, entao um chip aparece junto do formulario.
+  solicitar_dados: {
+    rotulo: "Dados necessários",
+    executando: "Verificando os dados",
+    icone: TbForms
+  }
+};
+const humanizar = (texto) => texto.replaceAll("_", " ").toLowerCase().replace(/^./, (letra) => letra.toUpperCase());
+const rotularFerramenta = (nome) => FERRAMENTAS[nome]?.rotulo ?? humanizar(nome);
+const rotularExecucao = (nome) => FERRAMENTAS[nome]?.executando ?? humanizar(nome);
+const iconeFerramenta = (nome) => FERRAMENTAS[nome]?.icone ?? TbTool;
+const CAMPOS = {
+  business_partner_id: "Parceiro de negócio",
+  produto_id: "Produto",
+  safra_id: "Safra",
+  saldo_negociado: "Saldo negociado",
+  tipo_contrato: "Tipo de contrato",
+  contrato_venda: "Contrato de venda",
+  ordem_venda: "Ordem de venda",
+  id: "Código",
+  nome: "Nome",
+  responsavel_id: "Responsável",
+  responsavel_nome: "Nome do responsável",
+  // Safra, produto e parceiro de negócio
+  safra: "Safra",
+  ids: "Códigos",
+  search: "Busca",
+  codigo: "Código",
+  descricao: "Descrição",
+  tipo_produto: "Tipo do produto",
+  is_cultura: "É cultura",
+  status_material: "Situação",
+  business_partner: "Código do parceiro",
+  nome_completo: "Nome do parceiro",
+  cpf_ou_cnpj: "CPF ou CNPJ",
+  cpf: "CPF",
+  cnpj: "CNPJ",
+  is_cliente: "É cliente",
+  is_produtor: "É produtor",
+  is_transportadora: "É transportadora",
+  is_armazem: "É armazém",
+  status_elegibilidade: "Elegibilidade",
+  page_number: "Página",
+  page_size: "Itens por página",
+  sort_field: "Ordenar por",
+  sort_order: "Ordem",
+  filtro: "Filtro"
+};
+const CAMPO_POR_FERRAMENTA = {
+  buscar_contrato_armazenagem_graos: { id: "Contrato" },
+  buscar_area: { id: "Área" },
+  listar_areas: { id: "Área" },
+  buscar_usuario: { id: "Usuário" },
+  listar_safras: { id: "Safra" },
+  listar_parceiros: { id: "Parceiro" },
+  listar_produtos: { id: "Produto" },
+  buscar_produto: { id: "Produto" }
+};
+const rotularCampo = (chave, ferramenta) => CAMPO_POR_FERRAMENTA[ferramenta ?? ""]?.[chave] ?? CAMPOS[chave] ?? humanizar(chave);
+const REFERENCIAS = /* @__PURE__ */ new Set([
+  "business_partner_id",
+  "produto_id",
+  "safra_id",
+  "contrato_venda",
+  "ordem_venda",
+  "responsavel_id",
+  "id"
+]);
+const ORDENACAO = { ASC: "Crescente", DESC: "Decrescente" };
+const OPCOES = {
+  tipo_contrato: ["MERCADO_INTERNO", "MERCADO_EXTERNO"]
+};
+const opcoesDoCampo = (chave) => (OPCOES[chave] ?? []).map((valor) => ({
+  value: valor,
+  label: humanizar(valor)
+}));
+const tipoDoCampo = (chave) => {
+  if (OPCOES[chave]) return "enum";
+  if (REFERENCIAS.has(chave) || chave === "saldo_negociado") return "numero";
+  return "texto";
+};
+const formatarValor = (chave, valor, ferramenta) => {
+  if (valor === null || valor === void 0 || valor === "") {
+    return "—";
+  }
+  if (chave === "saldo_negociado" && typeof valor === "number") {
+    return formatQuantity(valor);
+  }
+  if (chave === "sort_order" && typeof valor === "string") {
+    return ORDENACAO[valor] ?? humanizar(valor);
+  }
+  if (typeof valor === "number") {
+    return REFERENCIAS.has(chave) ? `#${valor}` : String(valor);
+  }
+  if (typeof valor === "boolean") {
+    return valor ? "Sim" : "Não";
+  }
+  if (typeof valor === "string") {
+    return /^[A-Z][A-Z0-9_]+$/.test(valor) ? humanizar(valor) : valor;
+  }
+  if (Array.isArray(valor)) {
+    return valor.length ? `${valor.length} item(ns)` : "—";
+  }
+  if (typeof valor === "object") {
+    const entradas = Object.entries(valor);
+    if (!entradas.length) {
+      return "—";
+    }
+    return entradas.map(
+      ([k, v]) => `${rotularCampo(k, ferramenta)}: ${formatarValor(k, v, ferramenta)}`
+    ).join(", ");
+  }
+  return String(valor);
+};
+const camposVisiveis = (args, ferramenta) => Object.entries(args).filter(([, valor]) => {
+  if (valor === null || valor === void 0 || valor === "") return false;
+  if (typeof valor === "object" && !Array.isArray(valor)) {
+    return Object.keys(valor).length > 0;
+  }
+  return true;
+}).map(([chave, valor]) => ({
+  chave,
+  rotulo: rotularCampo(chave, ferramenta),
+  valor: formatarValor(chave, valor, ferramenta)
+}));
+export {
+  camposVisiveis,
+  formatarValor,
+  iconeFerramenta,
+  opcoesDoCampo,
+  rotularCampo,
+  rotularExecucao,
+  rotularFerramenta,
+  tipoDoCampo
+};
+//# sourceMappingURL=toolPresentation.js.map

package/dist/@ecme/views/concepts/ai/Chat/components/toolPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolPresentation.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/toolPresentation.ts"],"sourcesContent":["import { formatQuantity } from '@base/utils/functions/stringUtils'\nimport {\n    TbBriefcase,\n    TbBuildingPlus,\n    TbCalendarEvent,\n    TbFilePlus,\n    TbForms,\n    TbListSearch,\n    TbPackage,\n    TbPackages,\n    TbSearch,\n    TbTool,\n    TbUserSearch,\n} from 'react-icons/tb'\nimport type { IconType } from 'react-icons'\n\n/**\n * Como as ferramentas do agente sao apresentadas ao usuario.\n *\n * Compartilhado pelo chip de execucao e pelo card de aprovacao, para os dois\n * falarem a mesma lingua: o usuario ve \"Consulta de contratos\" e \"Mercado\n * interno\", nunca `listar_contratos_armazenagem_graos` ou `MERCADO_INTERNO`.\n *\n * Tudo tem fallback: uma ferramenta ou campo novo no backend nao quebra a tela,\n * so aparece com o nome tecnico humanizado ate ganhar entrada aqui.\n */\n\ntype Ferramenta = {\n    rotulo: string\n    /** Frase no gerundio, para o estado \"executando\". */\n    executando: string\n    icone: IconType\n}\n\nconst FERRAMENTAS: Record<string, Ferramenta> = {\n    buscar_contrato_armazenagem_graos: {\n        rotulo: 'Consulta de contrato',\n        executando: 'Consultando contrato',\n        icone: TbSearch,\n    },\n    listar_contratos_armazenagem_graos: {\n        rotulo: 'Consulta de contratos',\n        executando: 'Consultando contratos',\n        icone: TbListSearch,\n    },\n    criar_contrato_armazenagem_graos: {\n        rotulo: 'Criação de contrato de armazenagem',\n        executando: 'Criando contrato',\n        icone: TbFilePlus,\n    },\n    buscar_area: {\n        rotulo: 'Consulta de área',\n        executando: 'Consultando área',\n        icone: TbSearch,\n    },\n    listar_areas: {\n        rotulo: 'Consulta de áreas',\n        executando: 'Consultando áreas',\n        icone: TbListSearch,\n    },\n    criar_area: {\n        rotulo: 'Criação de área',\n        executando: 'Criando área',\n        icone: TbBuildingPlus,\n    },\n    buscar_usuario: {\n        rotulo: 'Consulta de usuário',\n        executando: 'Consultando usuário',\n        icone: TbUserSearch,\n    },\n    listar_safras: {\n        rotulo: 'Consulta de safras',\n        executando: 'Consultando safras',\n        icone: TbCalendarEvent,\n    },\n    listar_parceiros: {\n        rotulo: 'Consulta de parceiros de negócio',\n        executando: 'Consultando parceiros',\n        icone: TbBriefcase,\n    },\n    listar_produtos: {\n        rotulo: 'Consulta de produtos',\n        executando: 'Consultando produtos',\n        icone: TbPackages,\n    },\n    buscar_produto: {\n        rotulo: 'Consulta de produto',\n        executando: 'Consultando produto',\n        icone: TbPackage,\n    },\n    // Nao executa nada no ERP: e o sinal de que faltam campos. Mas o agente a\n    // pede como qualquer outra, entao um chip aparece junto do formulario.\n    solicitar_dados: {\n        rotulo: 'Dados necessários',\n        executando: 'Verificando os dados',\n        icone: TbForms,\n    },\n}\n\nconst humanizar = (texto: string) =>\n    texto\n        .replaceAll('_', ' ')\n        .toLowerCase()\n        .replace(/^./, (letra) => letra.toUpperCase())\n\nexport const rotularFerramenta = (nome: string) =>\n    FERRAMENTAS[nome]?.rotulo ?? humanizar(nome)\n\nexport const rotularExecucao = (nome: string) =>\n    FERRAMENTAS[nome]?.executando ?? humanizar(nome)\n\nexport const iconeFerramenta = (nome: string): IconType =>\n    FERRAMENTAS[nome]?.icone ?? TbTool\n\n/** Rotulos dos parametros, na linguagem do negocio. */\nconst CAMPOS: Record<string, string> = {\n    business_partner_id: 'Parceiro de negócio',\n    produto_id: 'Produto',\n    safra_id: 'Safra',\n    saldo_negociado: 'Saldo negociado',\n    tipo_contrato: 'Tipo de contrato',\n    contrato_venda: 'Contrato de venda',\n    ordem_venda: 'Ordem de venda',\n    id: 'Código',\n    nome: 'Nome',\n    responsavel_id: 'Responsável',\n    responsavel_nome: 'Nome do responsável',\n    // Safra, produto e parceiro de negócio\n    safra: 'Safra',\n    ids: 'Códigos',\n    search: 'Busca',\n    codigo: 'Código',\n    descricao: 'Descrição',\n    tipo_produto: 'Tipo do produto',\n    is_cultura: 'É cultura',\n    status_material: 'Situação',\n    business_partner: 'Código do parceiro',\n    nome_completo: 'Nome do parceiro',\n    cpf_ou_cnpj: 'CPF ou CNPJ',\n    cpf: 'CPF',\n    cnpj: 'CNPJ',\n    is_cliente: 'É cliente',\n    is_produtor: 'É produtor',\n    is_transportadora: 'É transportadora',\n    is_armazem: 'É armazém',\n    status_elegibilidade: 'Elegibilidade',\n    page_number: 'Página',\n    page_size: 'Itens por página',\n    sort_field: 'Ordenar por',\n    sort_order: 'Ordem',\n    filtro: 'Filtro',\n}\n\n/**\n * Rotulos que dependem da ferramenta.\n *\n * O `id` e o caso: o mesmo parametro nomeia entidades diferentes conforme quem\n * o recebe. Sem isto, buscar o usuario 5 exibiria \"Contrato: #5\".\n */\nconst CAMPO_POR_FERRAMENTA: Record<string, Record<string, string>> = {\n    buscar_contrato_armazenagem_graos: { id: 'Contrato' },\n    buscar_area: { id: 'Área' },\n    listar_areas: { id: 'Área' },\n    buscar_usuario: { id: 'Usuário' },\n    listar_safras: { id: 'Safra' },\n    listar_parceiros: { id: 'Parceiro' },\n    listar_produtos: { id: 'Produto' },\n    buscar_produto: { id: 'Produto' },\n}\n\nexport const rotularCampo = (chave: string, ferramenta?: string) =>\n    CAMPO_POR_FERRAMENTA[ferramenta ?? '']?.[chave] ??\n    CAMPOS[chave] ??\n    humanizar(chave)\n\n/** Campos que sao referencia a um registro: exibidos como \"#123\". */\nconst REFERENCIAS = new Set([\n    'business_partner_id',\n    'produto_id',\n    'safra_id',\n    'contrato_venda',\n    'ordem_venda',\n    'responsavel_id',\n    'id',\n])\n\nconst ORDENACAO: Record<string, string> = { ASC: 'Crescente', DESC: 'Decrescente' }\n\n/**\n * Opcoes dos campos que sao enum no backend.\n *\n * O rotulo sai do mesmo `humanizar` usado na exibicao, entao o formulario e o\n * card de confirmacao mostram exatamente o mesmo texto.\n */\nconst OPCOES: Record<string, string[]> = {\n    tipo_contrato: ['MERCADO_INTERNO', 'MERCADO_EXTERNO'],\n}\n\nexport const opcoesDoCampo = (chave: string) =>\n    (OPCOES[chave] ?? []).map((valor) => ({\n        value: valor,\n        label: humanizar(valor),\n    }))\n\n/**\n * Que tipo de controle o campo pede no formulario de coleta.\n *\n * E so UX (teclado numerico, lista em vez de texto livre): os valores voltam\n * para o modelo, e e ele quem monta a chamada final — um tipo errado nao\n * quebra, so piora o preenchimento.\n */\nexport const tipoDoCampo = (chave: string): 'numero' | 'enum' | 'texto' => {\n    if (OPCOES[chave]) return 'enum'\n    if (REFERENCIAS.has(chave) || chave === 'saldo_negociado') return 'numero'\n    return 'texto'\n}\n\n/** Converte o valor tecnico no que o usuario espera ler. */\nexport const formatarValor = (\n    chave: string,\n    valor: unknown,\n    ferramenta?: string,\n): string => {\n    if (valor === null || valor === undefined || valor === '') {\n        return '—'\n    }\n    if (chave === 'saldo_negociado' && typeof valor === 'number') {\n        return formatQuantity(valor)\n    }\n    if (chave === 'sort_order' && typeof valor === 'string') {\n        return ORDENACAO[valor] ?? humanizar(valor)\n    }\n    if (typeof valor === 'number') {\n        return REFERENCIAS.has(chave) ? `#${valor}` : String(valor)\n    }\n    if (typeof valor === 'boolean') {\n        return valor ? 'Sim' : 'Não'\n    }\n    if (typeof valor === 'string') {\n        // Enums do backend chegam em CAIXA_ALTA_COM_UNDERSCORE.\n        return /^[A-Z][A-Z0-9_]+$/.test(valor) ? humanizar(valor) : valor\n    }\n    if (Array.isArray(valor)) {\n        return valor.length ? `${valor.length} item(ns)` : '—'\n    }\n    if (typeof valor === 'object') {\n        const entradas = Object.entries(valor as Record<string, unknown>)\n        if (!entradas.length) {\n            return '—'\n        }\n        return entradas\n            .map(\n                ([k, v]) =>\n                    `${rotularCampo(k, ferramenta)}: ${formatarValor(k, v, ferramenta)}`,\n            )\n            .join(', ')\n    }\n    return String(valor)\n}\n\n/**\n * Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio.\n *\n * `ferramenta` resolve os rotulos ambiguos (ver CAMPO_POR_FERRAMENTA); quem nao\n * a conhece — o formulario de coleta, por exemplo — pode omitir.\n */\nexport const camposVisiveis = (\n    args: Record<string, unknown>,\n    ferramenta?: string,\n) =>\n    Object.entries(args)\n        .filter(([, valor]) => {\n            if (valor === null || valor === undefined || valor === '') return false\n            if (typeof valor === 'object' && !Array.isArray(valor)) {\n                return Object.keys(valor as object).length > 0\n            }\n            return true\n        })\n        .map(([chave, valor]) => ({\n            chave,\n            rotulo: rotularCampo(chave, ferramenta),\n            valor: formatarValor(chave, valor, ferramenta),\n        }))\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/hooks/useChatConversations.js

@@ -0,0 +1,83 @@
+import { jsx } from "react/jsx-runtime";
+import useSWR from "swr";
+import "../../../../../components/ui/Notification/index.js";
+import "../../../../../components/ui/toast/index.js";
+import { apiGetConversations, apiDeleteConversation, apiRenameConversation } from "../../../../../services/AiService.js";
+import { useSessionUser } from "../../../../../store/authStore.js";
+import { usGenerativeChatStore } from "../store/generativeChatStore.js";
+import { resumoParaHistorico } from "../utils.js";
+import toast from "../../../../../components/ui/toast/toast.js";
+import Notification from "../../../../../components/ui/Notification/Notification.js";
+const avisarFalha = (mensagem) => {
+  toast.push(
+    /* @__PURE__ */ jsx(Notification, { type: "danger", duration: 3e3, children: mensagem }),
+    { placement: "top-center" }
+  );
+};
+const useChatConversations = () => {
+  const {
+    setChatHistory,
+    setChatHistoryName,
+    setSelectedConversation
+  } = usGenerativeChatStore();
+  const userId = useSessionUser((state) => state.user.userId);
+  const signedIn = useSessionUser((state) => state.session.signedIn);
+  useSWR(
+    signedIn && userId ? ["/ai/chat/conversations", userId] : null,
+    // O dono viaja junto com a resposta para o `onSuccess` conferir.
+    async ([, dono]) => ({
+      dono,
+      resumos: await apiGetConversations()
+    }),
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+      onSuccess: ({ dono, resumos }) => {
+        if (dono !== useSessionUser.getState().user.userId) {
+          return;
+        }
+        const atual = usGenerativeChatStore.getState().chatHistory;
+        setChatHistory(mesclar(atual, resumos));
+      }
+    }
+  );
+  const remover = async (id) => {
+    const { chatHistory, selectedConversation } = usGenerativeChatStore.getState();
+    setChatHistory(chatHistory.filter((item) => item.id !== id));
+    if (selectedConversation === id) {
+      setSelectedConversation("");
+    }
+    try {
+      await apiDeleteConversation(id);
+    } catch {
+      setChatHistory(chatHistory);
+      avisarFalha("Não foi possível excluir a conversa.");
+    }
+  };
+  const renomear = async (id, title) => {
+    const anterior = usGenerativeChatStore.getState().chatHistory.find((item) => item.id === id)?.title;
+    setChatHistoryName({ id, title });
+    try {
+      await apiRenameConversation(id, title);
+    } catch {
+      if (anterior !== void 0) {
+        setChatHistoryName({ id, title: anterior });
+      }
+      avisarFalha("Não foi possível renomear a conversa.");
+    }
+  };
+  return { remover, renomear };
+};
+function mesclar(atual, resumos) {
+  const noStore = new Map(atual.map((chat) => [chat.id, chat]));
+  const doBackend = new Set(resumos.map((resumo) => resumo.id));
+  const soNaTela = atual.filter((chat) => !doBackend.has(chat.id));
+  const daLista = resumos.map(
+    (resumo) => noStore.get(resumo.id) ?? resumoParaHistorico(resumo)
+  );
+  return [...soNaTela, ...daLista];
+}
+export {
+  useChatConversations as default
+};
+//# sourceMappingURL=useChatConversations.js.map