npm - @orbe-agro/client-core - Versions diffs - 5.6.239 → 5.6.241 - Mend

@orbe-agro/client-core 5.6.239 → 5.6.241

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

Files changed (93) hide show

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

@@ -7,14 +7,18 @@ import ChatMobileNav from "./ChatMobileNav.js";
 import ChatCustomContent from "./ChatCustomContent.js";
 import ChatCustomAction from "./ChatCustomAction.js";
 import AiThinkingIndicator from "./AiThinkingIndicator.js";
+import AiErrorMessage from "./AiErrorMessage.js";
+import ToolCallChip from "./ToolCallChip.js";
+import ApprovalCard from "./ApprovalCard.js";
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
 import useChatSend from "../hooks/useChatSend.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 scrollRef = useRef(null);
   const { selectedConversation, chatHistory, isTyping, disabledChatFresh } = usGenerativeChatStore();
-  const { handleSend } = useChatSend();
+  const { handleSend, handleApproval } = useChatSend();
   const scrollToBottom = () => {
     if (scrollRef.current?.getScrollElement) {
       const scrollElement = scrollRef.current.getScrollElement();
@@ -53,7 +57,9 @@ const ChatView = () => {
         showAvatar: false,
         avatarGap: false,
         myBubbleClass: "bg-primary text-white",
-        renderTyping: () => /* @__PURE__ */ jsx(AiThinkingIndicator, {}),
+        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",
         messageListClass: "h-[calc(100%-100px)] xl:h-[calc(100%-70px)]",
         typing: isTyping ? {
@@ -62,20 +68,41 @@ const ChatView = () => {
           avatarImageUrl: "/img/thumbs/ai.jpg"
         } : false,
         customRenderer: (message) => {
+          if (message.isError) {
+            return /* @__PURE__ */ jsx(AiErrorMessage, {});
+          }
           if (message.sender.id === "ai") {
-            return /* @__PURE__ */ jsx(
-              ChatCustomContent,
-              {
-                content: message.content,
-                triggerTyping: message.fresh ? message.fresh : false,
-                onFinish: () => handleFinish(message.id)
-              }
+            const { tools, pendingApproval } = message;
+            const temTexto = Boolean(
+              message.content?.trim()
             );
+            return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1.5", children: [
+              tools?.map((tool) => /* @__PURE__ */ jsx(ToolCallChip, { tool }, tool.id)),
+              temTexto && /* @__PURE__ */ jsx("div", { className: BALAO_AGENTE, children: /* @__PURE__ */ jsx(
+                ChatCustomContent,
+                {
+                  content: message.content,
+                  triggerTyping: message.fresh ? message.fresh : false,
+                  onFinish: () => handleFinish(message.id)
+                }
+              ) }),
+              pendingApproval && /* @__PURE__ */ jsx(
+                ApprovalCard,
+                {
+                  approval: pendingApproval,
+                  onDecide: (aprovado) => handleApproval(
+                    selectedConversation,
+                    message.id,
+                    aprovado
+                  )
+                }
+              )
+            ] });
           }
           return message.content;
         },
         customAction: (message) => {
-          if (message.sender.id === "ai") {
+          if (message.sender.id === "ai" && !message.isError) {
             return /* @__PURE__ */ jsx(
               ChatCustomAction,
               {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport AiThinkingIndicator from './AiThinkingIndicator'\nimport { 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=\"Pergunte algo sobre o Orbe Agro…\"\n showMessageList={Boolean(selectedConversation)}\n showAvatar={false}\n avatarGap={false}\n myBubbleClass=\"bg-primary text-white\"\n renderTyping={() => <AiThinkingIndicator />}\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 && (\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":"~~;;;;;;;;;;;;;AAYA~~,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,eAAc;AAAA,QACd,cAAc,~~MAAM~~,oBAAC,~~qBAAA~~,~~EAAoB~~;AAAA,~~QACzC~~,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,wBACE,oBAAC,OAAA,EAAI,WAAU,kCACX,UAAA,oBAAC,mBAAgB,EAAA,CACrB;AAAA,MAAA;AAAA,IAAA;AAAA,EAER,GACJ;AAER;"}
1	+ {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport AiThinkingIndicator from './AiThinkingIndicator'\nimport AiErrorMessage from './AiErrorMessage'\nimport ToolCallChip from './ToolCallChip'\nimport ApprovalCard from './ApprovalCard'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { Conversation } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\n/*\n O balao de fala do agente, desenhado aqui em vez de vir do ChatBox.\n \n O `botBubbleClass` abaixo zera o balao que o Message desenharia, para os chips\n * de ferramenta e o card de aprovacao ficarem FORA dele — antes tudo dividia a\n * mesma caixa cinza e as ferramentas eram lidas como uma segunda mensagem.\n * Usado tambem pelo indicador de \"pensando\", que passa pelo mesmo balao zerado.\n \n Repete `prose text-sm` do balao original de proposito: o reset de margem do\n * @tailwindcss/typography e `.prose > :first-child`, filho DIRETO. Sem o `prose`\n * aqui, o markdown ficaria um nivel abaixo do container e o primeiro paragrafo\n * voltaria a ter margem, inflando todos os baloes.\n */\nconst BALAO_AGENTE =\n 'prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100'\n\nconst ChatView = () => {\n const scrollRef = useRef<ScrollBarRef>(null)\n const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n usGenerativeChatStore()\n const { handleSend, handleApproval } = useChatSend()\n\n const scrollToBottom = () => {\n if (scrollRef.current?.getScrollElement) {\n const scrollElement = scrollRef.current.getScrollElement()\n if (scrollElement) {\n scrollElement.scrollTop = scrollElement.scrollHeight\n }\n }\n }\n\n useEffect(() => {\n scrollToBottom()\n }, [selectedConversation, chatHistory])\n\n const messageList = useMemo(() => {\n const chat = chatHistory.find(\n (chat) => chat.id === selectedConversation,\n )\n return chat?.conversation \|\| []\n }, [selectedConversation, chatHistory])\n\n const handleInputChange = async ({\n value,\n }: {\n value: string\n attachments?: File[]\n }) => {\n await handleSend(value)\n }\n\n const handleFinish = (id: string) => {\n disabledChatFresh(id)\n scrollToBottom()\n }\n\n return (\n <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n <ChatMobileNav />\n <ChatBox\n ref={scrollRef}\n messageList={messageList}\n placeholder=\"Pergunte algo sobre o Orbe Agro…\"\n showMessageList={Boolean(selectedConversation)}\n showAvatar={false}\n avatarGap={false}\n myBubbleClass=\"bg-primary text-white\"\n botBubbleClass=\"bg-transparent dark:bg-transparent p-0 rounded-none\"\n errorBubbleClass=\"bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20\"\n renderTyping={() => (\n <div className={BALAO_AGENTE}>\n <AiThinkingIndicator />\n </div>\n )}\n containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n typing={\n isTyping\n ? {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n }\n : false\n }\n customRenderer={(message) => {\n if (message.isError) {\n return <AiErrorMessage />\n }\n\n if (message.sender.id === 'ai') {\n // As ferramentas e a aprovacao chegam pelo streaming e\n // vivem no Conversation; o tipo do ChatBox nao os conhece.\n const { tools, pendingApproval } = 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 {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/ToolCallChip.js ADDED Viewed

@@ -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);
+  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 ADDED Viewed

@@ -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)\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 ADDED Viewed

@@ -0,0 +1,99 @@
+import { formatQuantity } from "../../../../../../base/utils/functions/stringUtils.js";
+import { TbFilePlus, TbListSearch, TbSearch, 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
+  }
+};
+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: "Contrato",
+  page_number: "Página",
+  page_size: "Itens por página",
+  sort_field: "Ordenar por",
+  sort_order: "Ordem",
+  filtro: "Filtro"
+};
+const rotularCampo = (chave) => CAMPOS[chave] ?? humanizar(chave);
+const REFERENCIAS = /* @__PURE__ */ new Set([
+  "business_partner_id",
+  "produto_id",
+  "safra_id",
+  "contrato_venda",
+  "ordem_venda",
+  "id"
+]);
+const ORDENACAO = { ASC: "Crescente", DESC: "Decrescente" };
+const formatarValor = (chave, valor) => {
+  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)}: ${formatarValor(k, v)}`).join(", ");
+  }
+  return String(valor);
+};
+const camposVisiveis = (args) => 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),
+  valor: formatarValor(chave, valor)
+}));
+export {
+  camposVisiveis,
+  formatarValor,
+  iconeFerramenta,
+  rotularCampo,
+  rotularExecucao,
+  rotularFerramenta
+};
+//# sourceMappingURL=toolPresentation.js.map

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

@@ -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 { TbFilePlus, TbListSearch, TbSearch, TbTool } 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}\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: 'Contrato',\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\nexport const rotularCampo = (chave: string) => CAMPOS[chave] ?? 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 'id',\n])\n\nconst ORDENACAO: Record<string, string> = { ASC: 'Crescente', DESC: 'Decrescente' }\n\n/** Converte o valor tecnico no que o usuario espera ler. */\nexport const formatarValor = (chave: string, valor: unknown): 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(([k, v]) => `${rotularCampo(k)}: ${formatarValor(k, v)}`)\n .join(', ')\n }\n return String(valor)\n}\n\n/** Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio. */\nexport const camposVisiveis = (args: Record<string, unknown>) =>\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),\n valor: formatarValor(chave, valor),\n }))\n"],"names":[],"mappings":";;AAsBA,MAAM,cAA0C;AAAA,EAC5C,mCAAmC;AAAA,IAC/B,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAEX,oCAAoC;AAAA,IAChC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAEX,kCAAkC;AAAA,IAC9B,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAEf;AAEA,MAAM,YAAY,CAAC,UACf,MACK,WAAW,KAAK,GAAG,EACnB,YAAA,EACA,QAAQ,MAAM,CAAC,UAAU,MAAM,aAAa;AAE9C,MAAM,oBAAoB,CAAC,SAC9B,YAAY,IAAI,GAAG,UAAU,UAAU,IAAI;AAExC,MAAM,kBAAkB,CAAC,SAC5B,YAAY,IAAI,GAAG,cAAc,UAAU,IAAI;AAE5C,MAAM,kBAAkB,CAAC,SAC5B,YAAY,IAAI,GAAG,SAAS;AAGhC,MAAM,SAAiC;AAAA,EACnC,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AACZ;AAEO,MAAM,eAAe,CAAC,UAAkB,OAAO,KAAK,KAAK,UAAU,KAAK;AAG/E,MAAM,kCAAkB,IAAI;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,MAAM,YAAoC,EAAE,KAAK,aAAa,MAAM,cAAA;AAG7D,MAAM,gBAAgB,CAAC,OAAe,UAA2B;AACpE,MAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,IAAI;AACvD,WAAO;AAAA,EACX;AACA,MAAI,UAAU,qBAAqB,OAAO,UAAU,UAAU;AAC1D,WAAO,eAAe,KAAK;AAAA,EAC/B;AACA,MAAI,UAAU,gBAAgB,OAAO,UAAU,UAAU;AACrD,WAAO,UAAU,KAAK,KAAK,UAAU,KAAK;AAAA,EAC9C;AACA,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO,YAAY,IAAI,KAAK,IAAI,IAAI,KAAK,KAAK,OAAO,KAAK;AAAA,EAC9D;AACA,MAAI,OAAO,UAAU,WAAW;AAC5B,WAAO,QAAQ,QAAQ;AAAA,EAC3B;AACA,MAAI,OAAO,UAAU,UAAU;AAE3B,WAAO,oBAAoB,KAAK,KAAK,IAAI,UAAU,KAAK,IAAI;AAAA,EAChE;AACA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MAAM,SAAS,GAAG,MAAM,MAAM,cAAc;AAAA,EACvD;AACA,MAAI,OAAO,UAAU,UAAU;AAC3B,UAAM,WAAW,OAAO,QAAQ,KAAgC;AAChE,QAAI,CAAC,SAAS,QAAQ;AAClB,aAAO;AAAA,IACX;AACA,WAAO,SACF,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC,KAAK,cAAc,GAAG,CAAC,CAAC,EAAE,EAC5D,KAAK,IAAI;AAAA,EAClB;AACA,SAAO,OAAO,KAAK;AACvB;AAGO,MAAM,iBAAiB,CAAC,SAC3B,OAAO,QAAQ,IAAI,EACd,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM;AACnB,MAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,GAAI,QAAO;AAClE,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,GAAG;AACpD,WAAO,OAAO,KAAK,KAAe,EAAE,SAAS;AAAA,EACjD;AACA,SAAO;AACX,CAAC,EACA,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO;AAAA,EACtB;AAAA,EACA,QAAQ,aAAa,KAAK;AAAA,EAC1B,OAAO,cAAc,OAAO,KAAK;AACrC,EAAE;"}

package/dist/@ecme/views/concepts/ai/Chat/hooks/useChatSend.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
-import { apiPostChat } from "../../../../../services/AiService.js";
+import { streamChat, resumeChat } from "../../../../../services/AiService.js";
 import "../../../../../auth/index.js";
 import dayjs from "dayjs";
 import uniqueId from "lodash/uniqueId";
 import useAuth from "../../../../../auth/useAuth.js";
+const AI_ERROR_MESSAGE = "Desculpe, estou com um pequeno problema de comunicação e não consigo te atender no momento. Tente novamente em instantes.";
 const useChatSend = () => {
   const { user } = useAuth();
   const {
@@ -11,6 +12,7 @@ const useChatSend = () => {
     setSelectedConversation,
     pushChatHistory,
     pushConversation,
+    updateConversation,
     setIsTyping
   } = usGenerativeChatStore();
   const creteMyMessage = (id, prompt) => {
@@ -27,31 +29,108 @@ const useChatSend = () => {
       isMyMessage: true
     });
   };
-  const sendMessage = async (id, prompt, attachments) => {
-    const resp = await apiPostChat({
-      prompt,
-      attachments
-    });
-    pushConversation(id, {
-      id: uniqueId("ai-conversation-"),
+  const createAiMessage = (chatId, options) => {
+    const messageId = uniqueId("ai-conversation-");
+    pushConversation(chatId, {
+      id: messageId,
       sender: {
         id: "ai",
         name: "Chat AI",
         avatarImageUrl: "/img/thumbs/ai.jpg"
       },
-      content: resp.choices[0].message.content || "",
+      content: "",
       timestamp: dayjs().toDate(),
       type: "regular",
       isMyMessage: false,
-      fresh: true
+      fresh: false,
+      ...options
     });
-    setIsTyping(false);
+    return messageId;
+  };
+  const consumirStream = async (chatId, messageId, executar, inicial) => {
+    let texto = inicial.texto;
+    let tools = inicial.tools;
+    const aplicar = (evento) => {
+      switch (evento.type) {
+        case "token":
+          texto += evento.data.content;
+          updateConversation(chatId, messageId, { content: texto });
+          break;
+        case "tool_start":
+          tools = [
+            ...tools,
+            {
+              id: evento.data.id,
+              name: evento.data.name,
+              args: evento.data.args,
+              running: true
+            }
+          ];
+          updateConversation(chatId, messageId, { tools });
+          break;
+        case "tool_end":
+          tools = tools.map(
+            (tool) => tool.id === evento.data.id ? {
+              ...tool,
+              running: false,
+              awaitingApproval: false,
+              result: evento.data.content,
+              isError: evento.data.is_error
+            } : tool
+          );
+          updateConversation(chatId, messageId, { tools });
+          break;
+        case "approval_required": {
+          const pausadas = new Set(
+            evento.data.calls.map((call) => call.id)
+          );
+          tools = tools.map(
+            (tool) => pausadas.has(tool.id) ? { ...tool, running: false, awaitingApproval: true } : tool
+          );
+          updateConversation(chatId, messageId, {
+            tools,
+            pendingApproval: evento.data
+          });
+          break;
+        }
+        case "done":
+          updateConversation(chatId, messageId, {
+            content: evento.data.content
+          });
+          break;
+        case "error":
+          updateConversation(chatId, messageId, {
+            content: evento.data.message || AI_ERROR_MESSAGE,
+            isError: true
+          });
+          break;
+      }
+    };
+    try {
+      await executar(aplicar);
+    } catch {
+      updateConversation(chatId, messageId, {
+        content: texto || AI_ERROR_MESSAGE,
+        isError: !texto
+      });
+    } finally {
+      setIsTyping(false);
+    }
+  };
+  const sendMessage = async (chatId, prompt) => {
+    const messageId = createAiMessage(chatId);
+    await consumirStream(
+      chatId,
+      messageId,
+      (onEvent) => streamChat({ prompt, conversationId: chatId, onEvent }),
+      { texto: "", tools: [] }
+    );
   };
-  const createConversation = async (id, prompt, attachments) => {
-    setSelectedConversation(id);
-    await sendMessage(id, prompt, attachments);
+  const createConversation = async (chatId, prompt) => {
+    setSelectedConversation(chatId);
+    await sendMessage(chatId, prompt);
   };
-  const handleSend = async (prompt, attachments) => {
+  const handleSend = async (prompt) => {
     setIsTyping(true);
     if (selectedConversation) {
       creteMyMessage(selectedConversation, prompt);
@@ -67,11 +146,26 @@ const useChatSend = () => {
         enable: false
       });
       creteMyMessage(newId, prompt);
-      await createConversation(newId, prompt, attachments);
+      await createConversation(newId, prompt);
     }
   };
+  const handleApproval = async (chatId, messageId, approved) => {
+    const mensagem = usGenerativeChatStore.getState().chatHistory.find((chat) => chat.id === chatId)?.conversation?.find((item) => item.id === messageId);
+    if (!mensagem?.pendingApproval) {
+      return;
+    }
+    setIsTyping(true);
+    updateConversation(chatId, messageId, { pendingApproval: void 0 });
+    await consumirStream(
+      chatId,
+      messageId,
+      (onEvent) => resumeChat({ approved, conversationId: chatId, onEvent }),
+      { texto: mensagem.content ?? "", tools: mensagem.tools ?? [] }
+    );
+  };
   return {
-    handleSend
+    handleSend,
+    handleApproval
   };
 };
 export {

package/dist/@ecme/views/concepts/ai/Chat/hooks/useChatSend.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiPostChat } from '@/services/AiService'\nimport { useAuth } from '@/auth'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { PostAiChatResponse } from '../types'\n\nconst useChatSend = () => {\n const { user } = useAuth()\n const {\n selectedConversation,\n setSelectedConversation,\n pushChatHistory,\n pushConversation,\n setIsTyping,\n } = usGenerativeChatStore()\n\n const creteMyMessage = (id: string, prompt: string) => {\n pushConversation(id, {\n id: uniqueId('ai-conversation-'),\n sender: {\n id: user.userId ?? 'me',\n name: user.userName ?? 'Você',\n avatarImageUrl: user.avatar ?? undefined,\n },\n content: prompt,\n timestamp: dayjs().toDate(),\n type: 'regular',\n isMyMessage: true,\n })\n }\n\n const sendMessage = async (\n id: string,\n prompt: string,\n attachments?: File[],\n ) => {\n const resp = await apiPostChat<PostAiChatResponse>({\n prompt,\n attachments,\n })\n pushConversation(id, {\n id: uniqueId('ai-conversation-'),\n sender: {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n },\n content: resp.choices[0].message.content \|\| '',\n timestamp: dayjs().toDate(),\n type: 'regular',\n isMyMessage: false,\n fresh: true,\n })\n setIsTyping(false)\n }\n\n const createConversation = async (\n id: string,\n prompt: string,\n attachments?: File[],\n ) => {\n setSelectedConversation(id)\n await sendMessage(id, prompt, attachments)\n }\n\n const handleSend = async (prompt: string, attachments?: File[]) => {\n setIsTyping(true)\n if (selectedConversation) {\n creteMyMessage(selectedConversation, prompt)\n await sendMessage(selectedConversation, prompt)\n } else {\n const newId = uniqueId('ai-chat-')\n pushChatHistory({\n id: newId,\n title: prompt,\n lastConversation: '',\n createdTime: dayjs().unix(),\n updatedTime: dayjs().unix(),\n enable: false,\n })\n creteMyMessage(newId, prompt)\n await createConversation(newId, prompt, attachments)\n }\n }\n\n return {\n handleSend,\n }\n}\n\nexport default useChatSend\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,KAAA,IAAS,QAAA;AACjB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,sBAAA;AAEJ,QAAM,iBAAiB,CAAC,IAAY,WAAmB;AACnD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI,KAAK,UAAU;AAAA,QACnB,MAAM,KAAK,YAAY;AAAA,QACvB,gBAAgB,KAAK,UAAU;AAAA,MAAA;AAAA,MAEnC,SAAS;AAAA,MACT,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EACL;AAEA,QAAM,cAAc,OAChB,IACA,QACA,gBACC;AACD,UAAM,OAAO,MAAM,YAAgC;AAAA,MAC/C;AAAA,MACA;AAAA,IAAA,CACH;AACD,qBAAiB,IAAI;AAAA,MACjB,IAAI,SAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAAS,KAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAW,MAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV;AACD,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,qBAAqB,OACvB,IACA,QACA,gBACC;AACD,4BAAwB,EAAE;AAC1B,UAAM,YAAY,IAAI,QAAQ,WAAW;AAAA,EAC7C;AAEA,QAAM,aAAa,OAAO,QAAgB,gBAAyB;AAC/D,gBAAY,IAAI;AAChB,QAAI,sBAAsB;AACtB,qBAAe,sBAAsB,MAAM;AAC3C,YAAM,YAAY,sBAAsB,MAAM;AAAA,IAClD,OAAO;AACH,YAAM,QAAQ,SAAS,UAAU;AACjC,sBAAgB;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,kBAAkB;AAAA,QAClB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,aAAa,MAAA,EAAQ,KAAA;AAAA,QACrB,QAAQ;AAAA,MAAA,CACX;AACD,qBAAe,OAAO,MAAM;AAC5B,YAAM,mBAAmB,OAAO,QAAQ,WAAW;AAAA,IACvD;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { resumeChat, streamChat } from '@/services/AiService'\nimport { useAuth } from '@/auth'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ChatEvent, Conversation, ToolCall } from '../types'\n\n/** Resposta genérica exibida no chat quando a comunicação com a IA falha. /\nconst AI_ERROR_MESSAGE =\n 'Desculpe, estou com um pequeno problema de comunicação e não consigo te atender no momento. Tente novamente em instantes.'\n\nconst useChatSend = () => {\n const { user } = useAuth()\n const {\n selectedConversation,\n setSelectedConversation,\n pushChatHistory,\n pushConversation,\n updateConversation,\n setIsTyping,\n } = usGenerativeChatStore()\n\n const creteMyMessage = (id: string, prompt: string) => {\n pushConversation(id, {\n id: uniqueId('ai-conversation-'),\n sender: {\n id: user.userId ?? 'me',\n name: user.userName ?? 'Você',\n avatarImageUrl: user.avatar ?? undefined,\n },\n content: prompt,\n timestamp: dayjs().toDate(),\n type: 'regular',\n isMyMessage: true,\n })\n }\n\n /\n Cria a mensagem da IA vazia e devolve o id, para o streaming preenchê-la.\n \n `fresh: false` é obrigatório: `fresh` liga a animação de máquina de\n * escrever do ChatCustomContent, que reinicia do zero a cada mudança de\n * conteúdo — com streaming, o texto ficaria piscando e voltando ao início.\n * A animação agora vem do servidor.\n /\n const createAiMessage = (\n chatId: string,\n options?: Partial<Conversation>,\n ) => {\n const messageId = uniqueId('ai-conversation-')\n pushConversation(chatId, {\n id: messageId,\n sender: {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n },\n content: '',\n timestamp: dayjs().toDate(),\n type: 'regular',\n isMyMessage: false,\n fresh: false,\n ...options,\n })\n return messageId\n }\n\n /\n Consome um stream escrevendo numa mensagem que já existe.\n \n Compartilhado pelo envio e pela retomada de aprovação: quando o usuário\n * aprova, a resposta continua na MESMA mensagem, então o acumulador de\n * texto e de ferramentas precisa partir do que já está lá.\n /\n const consumirStream = async (\n chatId: string,\n messageId: string,\n executar: (onEvent: (evento: ChatEvent) => void) => Promise<void>,\n inicial: { texto: string; tools: ToolCall[] },\n ) => {\n // Acumulados localmente: o store guarda o resultado, mas ler de volta a\n // cada token para concatenar seria uma corrida com o próprio set().\n let texto = inicial.texto\n let tools = inicial.tools\n\n const aplicar = (evento: ChatEvent) => {\n switch (evento.type) {\n case 'token':\n texto += evento.data.content\n updateConversation(chatId, messageId, { content: texto })\n break\n\n case 'tool_start':\n tools = [\n ...tools,\n {\n id: evento.data.id,\n name: evento.data.name,\n args: evento.data.args,\n running: true,\n },\n ]\n updateConversation(chatId, messageId, { tools })\n break\n\n case 'tool_end':\n tools = tools.map((tool) =>\n tool.id === evento.data.id\n ? {\n ...tool,\n running: false,\n awaitingApproval: false,\n result: evento.data.content,\n isError: evento.data.is_error,\n }\n : tool,\n )\n updateConversation(chatId, messageId, { tools })\n break\n\n case 'approval_required': {\n // O tool_start já marcou estas ferramentas como \"running\".\n // Elas não estão executando: estão paradas esperando o\n // clique — senão o chip giraria para sempre.\n const pausadas = new Set(\n evento.data.calls.map((call) => call.id),\n )\n tools = tools.map((tool) =>\n pausadas.has(tool.id)\n ? { ...tool, running: false, awaitingApproval: true }\n : tool,\n )\n updateConversation(chatId, messageId, {\n tools,\n pendingApproval: evento.data,\n })\n break\n }\n\n case 'done':\n // O done traz a resposta final completa e é a fonte\n // autoritativa — se algum token se perdeu, ele corrige.\n updateConversation(chatId, messageId, {\n content: evento.data.content,\n })\n break\n\n case 'error':\n updateConversation(chatId, messageId, {\n content: evento.data.message \|\| AI_ERROR_MESSAGE,\n isError: true,\n })\n break\n }\n }\n\n try {\n await executar(aplicar)\n } catch {\n updateConversation(chatId, messageId, {\n content: texto \|\| AI_ERROR_MESSAGE,\n isError: !texto,\n })\n } finally {\n setIsTyping(false)\n }\n }\n\n const sendMessage = async (chatId: string, prompt: string) => {\n const messageId = createAiMessage(chatId)\n await consumirStream(\n chatId,\n messageId,\n (onEvent) => streamChat({ prompt, conversationId: chatId, onEvent }),\n { texto: '', tools: [] },\n )\n }\n\n const createConversation = async (chatId: string, prompt: string) => {\n setSelectedConversation(chatId)\n await sendMessage(chatId, prompt)\n }\n\n const handleSend = async (prompt: string) => {\n setIsTyping(true)\n if (selectedConversation) {\n creteMyMessage(selectedConversation, prompt)\n await sendMessage(selectedConversation, prompt)\n } else {\n const newId = uniqueId('ai-chat-')\n pushChatHistory({\n id: newId,\n title: prompt,\n lastConversation: '',\n createdTime: dayjs().unix(),\n updatedTime: dayjs().unix(),\n enable: false,\n })\n creteMyMessage(newId, prompt)\n await createConversation(newId, prompt)\n }\n }\n\n /\n Aprova ou nega a operação pendente e retoma a conversa.\n \n Continua escrevendo na mesma mensagem: por isso o acumulador parte do\n * conteúdo e das ferramentas que já estão lá.\n */\n const handleApproval = async (\n chatId: string,\n messageId: string,\n approved: boolean,\n ) => {\n const mensagem = usGenerativeChatStore\n .getState()\n .chatHistory.find((chat) => chat.id === chatId)\n ?.conversation?.find((item) => item.id === messageId)\n\n if (!mensagem?.pendingApproval) {\n return\n }\n\n setIsTyping(true)\n // Some com o card antes da chamada: dois cliques rápidos enviariam duas\n // retomadas, e a segunda falha (o interrupt já foi consumido).\n updateConversation(chatId, messageId, { pendingApproval: undefined })\n\n await consumirStream(\n chatId,\n messageId,\n (onEvent) =>\n resumeChat({ approved, conversationId: chatId, onEvent }),\n { texto: mensagem.content ?? '', tools: mensagem.tools ?? [] },\n )\n }\n\n return {\n handleSend,\n handleApproval,\n }\n}\n\nexport default useChatSend\n"],"names":[],"mappings":"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"}