@orbe-agro/client-core 5.6.253 → 5.6.254

package/dist/@ecme/components/template/Footer.js

@@ -3,7 +3,7 @@ import Container from "../shared/Container.js";
 import classNames from "../../utils/classNames.js";
 import { APP_NAME } from "../../constants/app.constant.js";
 import { PAGE_CONTAINER_GUTTER_X } from "../../constants/theme.constant.js";
-const version = true ? "5.6.253" : "0.0.0";
+const version = true ? "5.6.254" : "0.0.0";
 const FooterContent = () => {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-auto items-center justify-between", children: [
     /* @__PURE__ */ jsxs("span", { children: [

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

@@ -18,7 +18,7 @@ const ApprovalCard = ({ approval, onDecide }) => {
     /* @__PURE__ */ jsxs("div", { className: "px-4 py-3.5", children: [
       approval.calls.map((call) => {
         const Icone = iconeFerramenta(call.name);
-        const campos = camposVisiveis(call.args);
+        const campos = camposVisiveis(call.args, call.name);
         return /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-start gap-2.5", children: [
             /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary-subtle text-primary", children: /* @__PURE__ */ jsx(Icone, { size: 17 }) }),

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

@@ -1 +1 @@
-{"version":3,"file":"ApprovalCard.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ApprovalCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { TbLock } from 'react-icons/tb'\nimport Button from '@/components/ui/Button'\nimport { camposVisiveis, iconeFerramenta, rotularFerramenta } from './toolPresentation'\nimport type { PendingApproval } from '../types'\n\ntype ApprovalCardProps = {\n    approval: PendingApproval\n    onDecide: (approved: boolean) => void\n}\n\n/**\n * Confirmacao de uma operacao que grava no ERP.\n *\n * O agente fica PARADO enquanto este card estiver na tela — so volta a\n * responder depois do clique. Por isso ele nao usa a paleta de alerta: nao e um\n * aviso de erro, e uma decisao de negocio que o usuario precisa tomar.\n */\nconst ApprovalCard = ({ approval, onDecide }: ApprovalCardProps) => {\n    const [decisao, setDecisao] = useState<'aprovar' | 'negar' | null>(null)\n\n    const decidir = (aprovado: boolean) => {\n        setDecisao(aprovado ? 'aprovar' : 'negar')\n        onDecide(aprovado)\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                <TbLock 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                    Confirmação necessária\n                </span>\n            </div>\n\n            <div className=\"px-4 py-3.5\">\n                {approval.calls.map((call) => {\n                    const Icone = iconeFerramenta(call.name)\n                    const campos = camposVisiveis(call.args)\n\n                    return (\n                        <div key={call.id} className=\"mb-4 last:mb-0\">\n                            <div className=\"mb-3 flex items-start gap-2.5\">\n                                <span className=\"mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary-subtle text-primary\">\n                                    <Icone size={17} />\n                                </span>\n                                <div className=\"min-w-0\">\n                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                        {rotularFerramenta(call.name)}\n                                    </div>\n                                    <div className=\"text-sm text-gray-500 dark:text-gray-400\">\n                                        Revise os dados antes de confirmar.\n                                    </div>\n                                </div>\n                            </div>\n\n                            <dl className=\"divide-y divide-gray-100 rounded-lg border border-gray-100 dark:divide-gray-700 dark:border-gray-700\">\n                                {campos.map((campo) => (\n                                    <div\n                                        key={campo.chave}\n                                        className=\"flex items-baseline justify-between gap-4 px-3 py-2\"\n                                    >\n                                        <dt className=\"shrink-0 text-sm text-gray-500 dark:text-gray-400\">\n                                            {campo.rotulo}\n                                        </dt>\n                                        <dd className=\"truncate text-sm font-medium text-gray-900 dark:text-gray-100\">\n                                            {campo.valor}\n                                        </dd>\n                                    </div>\n                                ))}\n                            </dl>\n                        </div>\n                    )\n                })}\n\n                <div className=\"mt-4 flex items-center gap-2\">\n                    <Button\n                        variant=\"solid\"\n                        size=\"sm\"\n                        loading={decisao === 'aprovar'}\n                        disabled={decisao !== null}\n                        onClick={() => decidir(true)}\n                    >\n                        Confirmar\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        loading={decisao === 'negar'}\n                        disabled={decisao !== null}\n                        onClick={() => decidir(false)}\n                    >\n                        Cancelar\n                    </Button>\n                    <span className=\"ml-auto text-xs text-gray-400 dark:text-gray-500\">\n                        Nada é gravado até você confirmar\n                    </span>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ApprovalCard\n"],"names":[],"mappings":";;;;;;AAkBA,MAAM,eAAe,CAAC,EAAE,UAAU,eAAkC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqC,IAAI;AAEvE,QAAM,UAAU,CAAC,aAAsB;AACnC,eAAW,WAAW,YAAY,OAAO;AACzC,aAAS,QAAQ;AAAA,EACrB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,6HACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qFACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,MAAM,IAAI,WAAU,oCAAmC;AAAA,MAC/D,oBAAC,QAAA,EAAK,WAAU,kFAAiF,UAAA,yBAAA,CAEjG;AAAA,IAAA,GACJ;AAAA,IAEA,qBAAC,OAAA,EAAI,WAAU,eACV,UAAA;AAAA,MAAA,SAAS,MAAM,IAAI,CAAC,SAAS;AAC1B,cAAM,QAAQ,gBAAgB,KAAK,IAAI;AACvC,cAAM,SAAS,eAAe,KAAK,IAAI;AAEvC,eACI,qBAAC,OAAA,EAAkB,WAAU,kBACzB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,oBAAC,UAAK,WAAU,qGACZ,8BAAC,OAAA,EAAM,MAAM,IAAI,EAAA,CACrB;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,cAAA,oBAAC,SAAI,WAAU,kDACV,UAAA,kBAAkB,KAAK,IAAI,GAChC;AAAA,cACA,oBAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA,sCAAA,CAE1D;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,8BAEC,MAAA,EAAG,WAAU,wGACT,UAAA,OAAO,IAAI,CAAC,UACT;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,oBAAC,MAAA,EAAG,WAAU,qDACT,UAAA,MAAM,QACX;AAAA,gBACA,oBAAC,MAAA,EAAG,WAAU,iEACT,gBAAM,MAAA,CACX;AAAA,cAAA;AAAA,YAAA;AAAA,YARK,MAAM;AAAA,UAAA,CAUlB,EAAA,CACL;AAAA,QAAA,EAAA,GA7BM,KAAK,EA8Bf;AAAA,MAER,CAAC;AAAA,MAED,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,YAAY;AAAA,YACrB,UAAU,YAAY;AAAA,YACtB,SAAS,MAAM,QAAQ,IAAI;AAAA,YAC9B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAS,YAAY;AAAA,YACrB,UAAU,YAAY;AAAA,YACtB,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,oBAAC,QAAA,EAAK,WAAU,oDAAmD,UAAA,oCAAA,CAEnE;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ApprovalCard.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ApprovalCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { TbLock } from 'react-icons/tb'\nimport Button from '@/components/ui/Button'\nimport { camposVisiveis, iconeFerramenta, rotularFerramenta } from './toolPresentation'\nimport type { PendingApproval } from '../types'\n\ntype ApprovalCardProps = {\n    approval: PendingApproval\n    onDecide: (approved: boolean) => void\n}\n\n/**\n * Confirmacao de uma operacao que grava no ERP.\n *\n * O agente fica PARADO enquanto este card estiver na tela — so volta a\n * responder depois do clique. Por isso ele nao usa a paleta de alerta: nao e um\n * aviso de erro, e uma decisao de negocio que o usuario precisa tomar.\n */\nconst ApprovalCard = ({ approval, onDecide }: ApprovalCardProps) => {\n    const [decisao, setDecisao] = useState<'aprovar' | 'negar' | null>(null)\n\n    const decidir = (aprovado: boolean) => {\n        setDecisao(aprovado ? 'aprovar' : 'negar')\n        onDecide(aprovado)\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                <TbLock 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                    Confirmação necessária\n                </span>\n            </div>\n\n            <div className=\"px-4 py-3.5\">\n                {approval.calls.map((call) => {\n                    const Icone = iconeFerramenta(call.name)\n                    const campos = camposVisiveis(call.args, call.name)\n\n                    return (\n                        <div key={call.id} className=\"mb-4 last:mb-0\">\n                            <div className=\"mb-3 flex items-start gap-2.5\">\n                                <span className=\"mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary-subtle text-primary\">\n                                    <Icone size={17} />\n                                </span>\n                                <div className=\"min-w-0\">\n                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                        {rotularFerramenta(call.name)}\n                                    </div>\n                                    <div className=\"text-sm text-gray-500 dark:text-gray-400\">\n                                        Revise os dados antes de confirmar.\n                                    </div>\n                                </div>\n                            </div>\n\n                            <dl className=\"divide-y divide-gray-100 rounded-lg border border-gray-100 dark:divide-gray-700 dark:border-gray-700\">\n                                {campos.map((campo) => (\n                                    <div\n                                        key={campo.chave}\n                                        className=\"flex items-baseline justify-between gap-4 px-3 py-2\"\n                                    >\n                                        <dt className=\"shrink-0 text-sm text-gray-500 dark:text-gray-400\">\n                                            {campo.rotulo}\n                                        </dt>\n                                        <dd className=\"truncate text-sm font-medium text-gray-900 dark:text-gray-100\">\n                                            {campo.valor}\n                                        </dd>\n                                    </div>\n                                ))}\n                            </dl>\n                        </div>\n                    )\n                })}\n\n                <div className=\"mt-4 flex items-center gap-2\">\n                    <Button\n                        variant=\"solid\"\n                        size=\"sm\"\n                        loading={decisao === 'aprovar'}\n                        disabled={decisao !== null}\n                        onClick={() => decidir(true)}\n                    >\n                        Confirmar\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        loading={decisao === 'negar'}\n                        disabled={decisao !== null}\n                        onClick={() => decidir(false)}\n                    >\n                        Cancelar\n                    </Button>\n                    <span className=\"ml-auto text-xs text-gray-400 dark:text-gray-500\">\n                        Nada é gravado até você confirmar\n                    </span>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ApprovalCard\n"],"names":[],"mappings":";;;;;;AAkBA,MAAM,eAAe,CAAC,EAAE,UAAU,eAAkC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqC,IAAI;AAEvE,QAAM,UAAU,CAAC,aAAsB;AACnC,eAAW,WAAW,YAAY,OAAO;AACzC,aAAS,QAAQ;AAAA,EACrB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,6HACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qFACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,MAAM,IAAI,WAAU,oCAAmC;AAAA,MAC/D,oBAAC,QAAA,EAAK,WAAU,kFAAiF,UAAA,yBAAA,CAEjG;AAAA,IAAA,GACJ;AAAA,IAEA,qBAAC,OAAA,EAAI,WAAU,eACV,UAAA;AAAA,MAAA,SAAS,MAAM,IAAI,CAAC,SAAS;AAC1B,cAAM,QAAQ,gBAAgB,KAAK,IAAI;AACvC,cAAM,SAAS,eAAe,KAAK,MAAM,KAAK,IAAI;AAElD,eACI,qBAAC,OAAA,EAAkB,WAAU,kBACzB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,oBAAC,UAAK,WAAU,qGACZ,8BAAC,OAAA,EAAM,MAAM,IAAI,EAAA,CACrB;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,cAAA,oBAAC,SAAI,WAAU,kDACV,UAAA,kBAAkB,KAAK,IAAI,GAChC;AAAA,cACA,oBAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA,sCAAA,CAE1D;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,8BAEC,MAAA,EAAG,WAAU,wGACT,UAAA,OAAO,IAAI,CAAC,UACT;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,oBAAC,MAAA,EAAG,WAAU,qDACT,UAAA,MAAM,QACX;AAAA,gBACA,oBAAC,MAAA,EAAG,WAAU,iEACT,gBAAM,MAAA,CACX;AAAA,cAAA;AAAA,YAAA;AAAA,YARK,MAAM;AAAA,UAAA,CAUlB,EAAA,CACL;AAAA,QAAA,EAAA,GA7BM,KAAK,EA8Bf;AAAA,MAER,CAAC;AAAA,MAED,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,YAAY;AAAA,YACrB,UAAU,YAAY;AAAA,YACtB,SAAS,MAAM,QAAQ,IAAI;AAAA,YAC9B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAS,YAAY;AAAA,YACrB,UAAU,YAAY;AAAA,YACtB,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,oBAAC,QAAA,EAAK,WAAU,oDAAmD,UAAA,oCAAA,CAEnE;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1,32 +1,30 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import useChatSend from "../hooks/useChatSend.js";
-import { PiCodeDuotone, PiBookOpenTextDuotone, PiCompassDuotone, PiLightbulbDuotone } from "react-icons/pi";
-const suggeustionIcon = {
-  idea: /* @__PURE__ */ jsx(PiLightbulbDuotone, { className: "text-blue-500" }),
-  guide: /* @__PURE__ */ jsx(PiCompassDuotone, { className: "text-emerald-500" }),
-  writing: /* @__PURE__ */ jsx(PiBookOpenTextDuotone, { className: "text-amber-500" }),
-  coding: /* @__PURE__ */ jsx(PiCodeDuotone, { className: "text-indigo-500" })
-};
+import { iconeFerramenta } from "./toolPresentation.js";
 const promptSuggestion = [
   {
-    title: "Como consultar um pedido de venda?",
-    prompt: "Como faço para consultar um pedido de venda no Orbe Agro?",
-    type: "guide"
+    title: "Buscar um usuário pelo ID",
+    prompt: "Quem é o usuário de um dado id?",
+    tool: "buscar_usuario",
+    cor: "text-blue-500"
   },
   {
-    title: "Para que serve o módulo de Trade?",
-    prompt: "Explique para que serve o módulo de Trade no Orbe Agro.",
-    type: "idea"
+    title: "Consultar uma área pelo código",
+    prompt: "Me mostra a área de um dado id?",
+    tool: "buscar_area",
+    cor: "text-emerald-500"
   },
   {
-    title: "Como abrir um processo de armazenagem?",
-    prompt: "Quais são os passos para abrir um processo de armazenagem de grãos no Orbe Agro?",
-    type: "writing"
+    title: "Criar uma nova área",
+    prompt: "Quero criar uma área nova",
+    tool: "criar_area",
+    cor: "text-amber-500"
   },
   {
-    title: "Onde vejo o limite de crédito de um cliente?",
-    prompt: "Onde encontro o limite de crédito de um cliente no Orbe Agro?",
-    type: "coding"
+    title: "Criar um contrato de compra de grãos",
+    prompt: "Quero criar um contrato de compra de armazenagem de grãos",
+    tool: "criar_contrato_armazenagem_graos",
+    cor: "text-indigo-500"
   }
 ];
 const ChatLandingView = () => {
@@ -37,19 +35,22 @@ const ChatLandingView = () => {
       /* @__PURE__ */ jsx("br", {}),
       /* @__PURE__ */ jsx("span", { children: "Como posso te ajudar hoje?" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3", children: promptSuggestion.map((suggestion) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer",
-        role: "button",
-        onClick: () => handleSend(suggestion.title),
-        children: [
-          /* @__PURE__ */ jsx("h6", { className: "font-normal", children: suggestion.title }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 rounded-full p-2 inline-flex", children: /* @__PURE__ */ jsx("span", { className: "text-2xl", children: suggeustionIcon[suggestion.type] }) }) })
-        ]
-      },
-      suggestion.title
-    )) })
+    /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3", children: promptSuggestion.map((suggestion) => {
+      const Icone = iconeFerramenta(suggestion.tool);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer",
+          role: "button",
+          onClick: () => handleSend(suggestion.prompt),
+          children: [
+            /* @__PURE__ */ jsx("h6", { className: "font-normal", children: suggestion.title }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 rounded-full p-2 inline-flex", children: /* @__PURE__ */ jsx("span", { className: "text-2xl", children: /* @__PURE__ */ jsx(Icone, { className: suggestion.cor }) }) }) })
+          ]
+        },
+        suggestion.title
+      );
+    }) })
   ] }) });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\nimport {\n    PiLightbulbDuotone,\n    PiBookOpenTextDuotone,\n    PiCompassDuotone,\n    PiCodeDuotone,\n} from 'react-icons/pi'\nimport type { ReactNode } from 'react'\n\ntype PromptType = 'idea' | 'guide' | 'writing' | 'coding'\n\nconst suggeustionIcon: Record<PromptType, ReactNode> = {\n    idea: <PiLightbulbDuotone className=\"text-blue-500\" />,\n    guide: <PiCompassDuotone className=\"text-emerald-500\" />,\n    writing: <PiBookOpenTextDuotone className=\"text-amber-500\" />,\n    coding: <PiCodeDuotone className=\"text-indigo-500\" />,\n}\n\nconst promptSuggestion: {\n    title: string\n    prompt: string\n    type: PromptType\n}[] = [\n    {\n        title: 'Como consultar um pedido de venda?',\n        prompt: 'Como faço para consultar um pedido de venda no Orbe Agro?',\n        type: 'guide',\n    },\n    {\n        title: 'Para que serve o módulo de Trade?',\n        prompt: 'Explique para que serve o módulo de Trade no Orbe Agro.',\n        type: 'idea',\n    },\n    {\n        title: 'Como abrir um processo de armazenagem?',\n        prompt: 'Quais são os passos para abrir um processo de armazenagem de grãos no Orbe Agro?',\n        type: 'writing',\n    },\n    {\n        title: 'Onde vejo o limite de crédito de um cliente?',\n        prompt: 'Onde encontro o limite de crédito de um cliente no Orbe Agro?',\n        type: 'coding',\n    },\n]\n\nconst ChatLandingView = () => {\n    const { handleSend } = useChatSend()\n\n    return (\n        <div className=\"max-w-[900px] w-full mx-auto mt-6\">\n            <div>\n                <div className=\"heading-text text-2xl leading-snug\">\n                    <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-3xl\">\n                        Olá!\n                    </span>\n                    <br />\n                    <span>Como posso te ajudar hoje?</span>\n                </div>\n                <div className=\"mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                    {promptSuggestion.map((suggestion) => (\n                        <div\n                            key={suggestion.title}\n                            className=\"flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer\"\n                            role=\"button\"\n                            onClick={() => handleSend(suggestion.title)}\n                        >\n                            <h6 className=\"font-normal\">{suggestion.title}</h6>\n                            <div>\n                                <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\n                                    <span className=\"text-2xl\">\n                                        {suggeustionIcon[suggestion.type]}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ChatLandingView\n"],"names":[],"mappings":";;;AAWA,MAAM,kBAAiD;AAAA,EACnD,MAAM,oBAAC,oBAAA,EAAmB,WAAU,gBAAA,CAAgB;AAAA,EACpD,OAAO,oBAAC,kBAAA,EAAiB,WAAU,mBAAA,CAAmB;AAAA,EACtD,SAAS,oBAAC,uBAAA,EAAsB,WAAU,iBAAA,CAAiB;AAAA,EAC3D,QAAQ,oBAAC,eAAA,EAAc,WAAU,kBAAA,CAAkB;AACvD;AAEA,MAAM,mBAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,SACI,oBAAC,OAAA,EAAI,WAAU,qCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,QAEnH;AAAA,0BACC,MAAA,EAAG;AAAA,MACJ,oBAAC,UAAK,UAAA,6BAAA,CAA0B;AAAA,IAAA,GACpC;AAAA,wBACC,OAAA,EAAI,WAAU,8CACV,UAAA,iBAAiB,IAAI,CAAC,eACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,WAAW,WAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,eAAe,UAAA,WAAW,OAAM;AAAA,UAC9C,oBAAC,OAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,0DACX,UAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,gBAAgB,WAAW,IAAI,GACpC,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,WAAW;AAAA,IAAA,CAcvB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\nimport { iconeFerramenta } from './toolPresentation'\n\n/**\n * O que o agente sabe fazer, em quatro exemplos que executam de verdade.\n *\n * `title` e o rotulo curto do card; `prompt` e a frase enviada ao agente.\n * `tool` nomeia a ferramenta que o exemplo exercita e de onde sai o icone —\n * o MESMO que aparecera no chip quando ela rodar, entao o card e a execucao\n * falam a mesma lingua e ha um registro so (ver toolPresentation.ts).\n *\n * Os dois exemplos de criacao mandam a intencao SEM os dados de proposito: o\n * agente pede os campos que faltam por formulario e so entao abre a tela de\n * aprovacao — o fluxo humano inteiro em um clique. Nada e gravado sem confirmar.\n */\nconst promptSuggestion: {\n    title: string\n    prompt: string\n    tool: string\n    cor: string\n}[] = [\n    {\n        title: 'Buscar um usuário pelo ID',\n        prompt: 'Quem é o usuário de um dado id?',\n        tool: 'buscar_usuario',\n        cor: 'text-blue-500',\n    },\n    {\n        title: 'Consultar uma área pelo código',\n        prompt: 'Me mostra a área de um dado id?',\n        tool: 'buscar_area',\n        cor: 'text-emerald-500',\n    },\n    {\n        title: 'Criar uma nova área',\n        prompt: 'Quero criar uma área nova',\n        tool: 'criar_area',\n        cor: 'text-amber-500',\n    },\n    {\n        title: 'Criar um contrato de compra de grãos',\n        prompt: 'Quero criar um contrato de compra de armazenagem de grãos',\n        tool: 'criar_contrato_armazenagem_graos',\n        cor: 'text-indigo-500',\n    },\n]\n\nconst ChatLandingView = () => {\n    const { handleSend } = useChatSend()\n\n    return (\n        <div className=\"max-w-[900px] w-full mx-auto mt-6\">\n            <div>\n                <div className=\"heading-text text-2xl leading-snug\">\n                    <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-3xl\">\n                        Olá!\n                    </span>\n                    <br />\n                    <span>Como posso te ajudar hoje?</span>\n                </div>\n                <div className=\"mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                    {promptSuggestion.map((suggestion) => {\n                        const Icone = iconeFerramenta(suggestion.tool)\n\n                        return (\n                            <div\n                                key={suggestion.title}\n                                className=\"flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer\"\n                                role=\"button\"\n                                onClick={() => handleSend(suggestion.prompt)}\n                            >\n                                <h6 className=\"font-normal\">\n                                    {suggestion.title}\n                                </h6>\n                                <div>\n                                    <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\n                                        <span className=\"text-2xl\">\n                                            <Icone className={suggestion.cor} />\n                                        </span>\n                                    </div>\n                                </div>\n                            </div>\n                        )\n                    })}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ChatLandingView\n"],"names":[],"mappings":";;;AAeA,MAAM,mBAKA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAET;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAET;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAET;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAEb;AAEA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,SACI,oBAAC,OAAA,EAAI,WAAU,qCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,QAEnH;AAAA,0BACC,MAAA,EAAG;AAAA,MACJ,oBAAC,UAAK,UAAA,6BAAA,CAA0B;AAAA,IAAA,GACpC;AAAA,wBACC,OAAA,EAAI,WAAU,8CACV,UAAA,iBAAiB,IAAI,CAAC,eAAe;AAClC,YAAM,QAAQ,gBAAgB,WAAW,IAAI;AAE7C,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,WAAW,MAAM;AAAA,UAE3C,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,eACT,UAAA,WAAW,OAChB;AAAA,gCACC,OAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,0DACX,UAAA,oBAAC,QAAA,EAAK,WAAU,YACZ,8BAAC,OAAA,EAAM,WAAW,WAAW,IAAA,CAAK,EAAA,CACtC,GACJ,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAdK,WAAW;AAAA,MAAA;AAAA,IAiB5B,CAAC,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

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

@@ -38,7 +38,7 @@ const ToolCallChip = ({ tool }) => {
   const estado = estadoDe(tool);
   const IconeFerramenta = iconeFerramenta(tool.name);
   const emAndamento = tool.running && !tool.awaitingApproval;
-  const campos = camposVisiveis(tool.args);
+  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

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

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

@@ -1,5 +1,5 @@
 import { formatQuantity } from "../../../../../../base/utils/functions/stringUtils.js";
-import { TbFilePlus, TbListSearch, TbSearch, TbTool } from "react-icons/tb";
+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",
@@ -15,6 +15,53 @@ const FERRAMENTAS = {
     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());
@@ -29,20 +76,53 @@ const CAMPOS = {
   tipo_contrato: "Tipo de contrato",
   contrato_venda: "Contrato de venda",
   ordem_venda: "Ordem de venda",
-  id: "Contrato",
+  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 rotularCampo = (chave) => CAMPOS[chave] ?? humanizar(chave);
+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" };
@@ -58,7 +138,7 @@ const tipoDoCampo = (chave) => {
   if (REFERENCIAS.has(chave) || chave === "saldo_negociado") return "numero";
   return "texto";
 };
-const formatarValor = (chave, valor) => {
+const formatarValor = (chave, valor, ferramenta) => {
   if (valor === null || valor === void 0 || valor === "") {
     return "—";
   }
@@ -85,11 +165,13 @@ const formatarValor = (chave, valor) => {
     if (!entradas.length) {
       return "—";
     }
-    return entradas.map(([k, v]) => `${rotularCampo(k)}: ${formatarValor(k, v)}`).join(", ");
+    return entradas.map(
+      ([k, v]) => `${rotularCampo(k, ferramenta)}: ${formatarValor(k, v, ferramenta)}`
+    ).join(", ");
   }
   return String(valor);
 };
-const camposVisiveis = (args) => Object.entries(args).filter(([, 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;
@@ -97,8 +179,8 @@ const camposVisiveis = (args) => Object.entries(args).filter(([, valor]) => {
   return true;
 }).map(([chave, valor]) => ({
   chave,
-  rotulo: rotularCampo(chave),
-  valor: formatarValor(chave, valor)
+  rotulo: rotularCampo(chave, ferramenta),
+  valor: formatarValor(chave, valor, ferramenta)
 }));
 export {
   camposVisiveis,

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

@@ -1 +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/**\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 = (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":"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"}
+{"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/useChatSend.js

@@ -99,9 +99,8 @@ const useChatSend = () => {
           });
           break;
         case "done":
-          updateConversation(chatId, messageId, {
-            content: evento.data.content
-          });
+          texto = inicial.texto + evento.data.content;
+          updateConversation(chatId, messageId, { content: texto });
           break;
         case "error":
           updateConversation(chatId, messageId, {

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

@@ -1 +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 'input_required':\n                    // Diferente da aprovação, aqui nenhuma ferramenta foi\n                    // pedida ao ERP: o agente só percebeu que faltam campos.\n                    // Por isso não há chip de ferramenta para ajustar.\n                    updateConversation(chatId, messageId, {\n                        pendingInput: evento.data,\n                    })\n                    break\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    /**\n     * Envia os dados que faltavam (ou o cancelamento) e retoma a conversa.\n     *\n     * Mesma mecânica do `handleApproval`: continua na MESMA mensagem, então o\n     * acumulador parte do que já está lá.\n     */\n    const handleDataSubmit = async (\n        chatId: string,\n        messageId: string,\n        dados: Record<string, unknown> | null,\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?.pendingInput) {\n            return\n        }\n\n        setIsTyping(true)\n        // Some com o formulário antes da chamada: dois envios mandariam duas\n        // retomadas, e a segunda falha (o interrupt já foi consumido).\n        updateConversation(chatId, messageId, { pendingInput: undefined })\n\n        await consumirStream(\n            chatId,\n            messageId,\n            (onEvent) => resumeChat({ dados, conversationId: chatId, onEvent }),\n            { texto: mensagem.content ?? '', tools: mensagem.tools ?? [] },\n        )\n    }\n\n    return {\n        handleSend,\n        handleApproval,\n        handleDataSubmit,\n    }\n}\n\nexport default useChatSend\n"],"names":[],"mappings":"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"}
+{"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 'input_required':\n                    // Diferente da aprovação, aqui nenhuma ferramenta foi\n                    // pedida ao ERP: o agente só percebeu que faltam campos.\n                    // Por isso não há chip de ferramenta para ajustar.\n                    updateConversation(chatId, messageId, {\n                        pendingInput: evento.data,\n                    })\n                    break\n\n                case 'done':\n                    // O done é a fonte autoritativa do texto DESTA requisição —\n                    // se algum token se perdeu, ele corrige.\n                    //\n                    // Numa retomada, porém, o que o agente disse ANTES da pausa\n                    // não vem nele (o backend acumula as falas por requisição):\n                    // veio em `inicial.texto`. Sem concatenar, a bolha encolhia\n                    // para só a frase final — \"Vou criar a área para você…\"\n                    // virava \"Nada foi criado\" — e o agente parecia ter\n                    // esquecido tudo. No primeiro envio `inicial.texto` é '',\n                    // então nada muda ali.\n                    texto = inicial.texto + evento.data.content\n                    updateConversation(chatId, messageId, { content: texto })\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    /**\n     * Envia os dados que faltavam (ou o cancelamento) e retoma a conversa.\n     *\n     * Mesma mecânica do `handleApproval`: continua na MESMA mensagem, então o\n     * acumulador parte do que já está lá.\n     */\n    const handleDataSubmit = async (\n        chatId: string,\n        messageId: string,\n        dados: Record<string, unknown> | null,\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?.pendingInput) {\n            return\n        }\n\n        setIsTyping(true)\n        // Some com o formulário antes da chamada: dois envios mandariam duas\n        // retomadas, e a segunda falha (o interrupt já foi consumido).\n        updateConversation(chatId, messageId, { pendingInput: undefined })\n\n        await consumirStream(\n            chatId,\n            messageId,\n            (onEvent) => resumeChat({ dados, conversationId: chatId, onEvent }),\n            { texto: mensagem.content ?? '', tools: mensagem.tools ?? [] },\n        )\n    }\n\n    return {\n        handleSend,\n        handleApproval,\n        handleDataSubmit,\n    }\n}\n\nexport default useChatSend\n"],"names":[],"mappings":"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"}

package/dist/@types/@ecme/views/concepts/ai/Chat/components/ChatLandingView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatLandingView.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"names":[],"mappings":"AA6CA,QAAA,MAAM,eAAe,+CAmCpB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ChatLandingView.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"names":[],"mappings":"AA+CA,QAAA,MAAM,eAAe,+CAyCpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/@types/@ecme/views/concepts/ai/Chat/components/toolPresentation.d.ts

@@ -2,7 +2,7 @@ import type { IconType } from 'react-icons';
 export declare const rotularFerramenta: (nome: string) => string;
 export declare const rotularExecucao: (nome: string) => string;
 export declare const iconeFerramenta: (nome: string) => IconType;
-export declare const rotularCampo: (chave: string) => string;
+export declare const rotularCampo: (chave: string, ferramenta?: string) => string;
 export declare const opcoesDoCampo: (chave: string) => {
     value: string;
     label: string;
@@ -16,9 +16,14 @@ export declare const opcoesDoCampo: (chave: string) => {
  */
 export declare const tipoDoCampo: (chave: string) => "numero" | "enum" | "texto";
 /** Converte o valor tecnico no que o usuario espera ler. */
-export declare const formatarValor: (chave: string, valor: unknown) => string;
-/** Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio. */
-export declare const camposVisiveis: (args: Record<string, unknown>) => {
+export declare const formatarValor: (chave: string, valor: unknown, ferramenta?: string) => string;
+/**
+ * Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio.
+ *
+ * `ferramenta` resolve os rotulos ambiguos (ver CAMPO_POR_FERRAMENTA); quem nao
+ * a conhece — o formulario de coleta, por exemplo — pode omitir.
+ */
+export declare const camposVisiveis: (args: Record<string, unknown>, ferramenta?: string) => {
     chave: string;
     rotulo: string;
     valor: string;

package/dist/@types/@ecme/views/concepts/ai/Chat/components/toolPresentation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolPresentation.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/toolPresentation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA4C3C,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,WACE,CAAA;AAEhD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,WACQ,CAAA;AAEpD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,QACT,CAAA;AAmBtC,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,WAAsC,CAAA;AAwBhF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM;;;GAIpC,CAAA;AAEP;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,QAAQ,GAAG,MAAM,GAAG,OAI/D,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,OAAO,OAAO,KAAG,MAiC7D,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;GAajD,CAAA"}
+{"version":3,"file":"toolPresentation.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/toolPresentation.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA2F3C,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,WACE,CAAA;AAEhD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,WACQ,CAAA;AAEpD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,QACT,CAAA;AA0DtC,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,aAAa,MAAM,WAG3C,CAAA;AAyBpB,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM;;;GAIpC,CAAA;AAEP;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,QAAQ,GAAG,MAAM,GAAG,OAI/D,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,aAAa,GACtB,OAAO,MAAM,EACb,OAAO,OAAO,EACd,aAAa,MAAM,KACpB,MAoCF,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACvB,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,aAAa,MAAM;;;;GAcZ,CAAA"}

package/dist/@types/@ecme/views/concepts/ai/Chat/hooks/useChatSend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatSend.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,WAAW;yBAqLqB,MAAM;6BA2B5B,MAAM,aACH,MAAM,YACP,OAAO;+BAgCT,MAAM,aACH,MAAM,SACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CA6B5C,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"useChatSend.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,WAAW;yBA4LqB,MAAM;6BA2B5B,MAAM,aACH,MAAM,YACP,OAAO;+BAgCT,MAAM,aACH,MAAM,SACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CA6B5C,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -36,7 +36,7 @@ const ApprovalCard = ({ approval, onDecide }: ApprovalCardProps) => {
             <div className="px-4 py-3.5">
                 {approval.calls.map((call) => {
                     const Icone = iconeFerramenta(call.name)
-                    const campos = camposVisiveis(call.args)
+                    const campos = camposVisiveis(call.args, call.name)
 
                     return (
                         <div key={call.id} className="mb-4 last:mb-0">

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

@@ -1,45 +1,47 @@
 import useChatSend from '../hooks/useChatSend'
-import {
-    PiLightbulbDuotone,
-    PiBookOpenTextDuotone,
-    PiCompassDuotone,
-    PiCodeDuotone,
-} from 'react-icons/pi'
-import type { ReactNode } from 'react'
-
-type PromptType = 'idea' | 'guide' | 'writing' | 'coding'
-
-const suggeustionIcon: Record<PromptType, ReactNode> = {
-    idea: <PiLightbulbDuotone className="text-blue-500" />,
-    guide: <PiCompassDuotone className="text-emerald-500" />,
-    writing: <PiBookOpenTextDuotone className="text-amber-500" />,
-    coding: <PiCodeDuotone className="text-indigo-500" />,
-}
+import { iconeFerramenta } from './toolPresentation'
 
+/**
+ * O que o agente sabe fazer, em quatro exemplos que executam de verdade.
+ *
+ * `title` e o rotulo curto do card; `prompt` e a frase enviada ao agente.
+ * `tool` nomeia a ferramenta que o exemplo exercita e de onde sai o icone —
+ * o MESMO que aparecera no chip quando ela rodar, entao o card e a execucao
+ * falam a mesma lingua e ha um registro so (ver toolPresentation.ts).
+ *
+ * Os dois exemplos de criacao mandam a intencao SEM os dados de proposito: o
+ * agente pede os campos que faltam por formulario e so entao abre a tela de
+ * aprovacao — o fluxo humano inteiro em um clique. Nada e gravado sem confirmar.
+ */
 const promptSuggestion: {
     title: string
     prompt: string
-    type: PromptType
+    tool: string
+    cor: string
 }[] = [
     {
-        title: 'Como consultar um pedido de venda?',
-        prompt: 'Como faço para consultar um pedido de venda no Orbe Agro?',
-        type: 'guide',
+        title: 'Buscar um usuário pelo ID',
+        prompt: 'Quem é o usuário de um dado id?',
+        tool: 'buscar_usuario',
+        cor: 'text-blue-500',
     },
     {
-        title: 'Para que serve o módulo de Trade?',
-        prompt: 'Explique para que serve o módulo de Trade no Orbe Agro.',
-        type: 'idea',
+        title: 'Consultar uma área pelo código',
+        prompt: 'Me mostra a área de um dado id?',
+        tool: 'buscar_area',
+        cor: 'text-emerald-500',
     },
     {
-        title: 'Como abrir um processo de armazenagem?',
-        prompt: 'Quais são os passos para abrir um processo de armazenagem de grãos no Orbe Agro?',
-        type: 'writing',
+        title: 'Criar uma nova área',
+        prompt: 'Quero criar uma área nova',
+        tool: 'criar_area',
+        cor: 'text-amber-500',
     },
     {
-        title: 'Onde vejo o limite de crédito de um cliente?',
-        prompt: 'Onde encontro o limite de crédito de um cliente no Orbe Agro?',
-        type: 'coding',
+        title: 'Criar um contrato de compra de grãos',
+        prompt: 'Quero criar um contrato de compra de armazenagem de grãos',
+        tool: 'criar_contrato_armazenagem_graos',
+        cor: 'text-indigo-500',
     },
 ]
 
@@ -57,23 +59,29 @@ const ChatLandingView = () => {
                     <span>Como posso te ajudar hoje?</span>
                 </div>
                 <div className="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3">
-                    {promptSuggestion.map((suggestion) => (
-                        <div
-                            key={suggestion.title}
-                            className="flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer"
-                            role="button"
-                            onClick={() => handleSend(suggestion.title)}
-                        >
-                            <h6 className="font-normal">{suggestion.title}</h6>
-                            <div>
-                                <div className="bg-white dark:bg-gray-800 rounded-full p-2 inline-flex">
-                                    <span className="text-2xl">
-                                        {suggeustionIcon[suggestion.type]}
-                                    </span>
+                    {promptSuggestion.map((suggestion) => {
+                        const Icone = iconeFerramenta(suggestion.tool)
+
+                        return (
+                            <div
+                                key={suggestion.title}
+                                className="flex flex-col gap-3 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-4 min-h-28 cursor-pointer"
+                                role="button"
+                                onClick={() => handleSend(suggestion.prompt)}
+                            >
+                                <h6 className="font-normal">
+                                    {suggestion.title}
+                                </h6>
+                                <div>
+                                    <div className="bg-white dark:bg-gray-800 rounded-full p-2 inline-flex">
+                                        <span className="text-2xl">
+                                            <Icone className={suggestion.cor} />
+                                        </span>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    ))}
+                        )
+                    })}
                 </div>
             </div>
         </div>

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

@@ -80,7 +80,7 @@ const ToolCallChip = ({ tool }: ToolCallChipProps) => {
     const estado = estadoDe(tool)
     const IconeFerramenta = iconeFerramenta(tool.name)
     const emAndamento = tool.running && !tool.awaitingApproval
-    const campos = camposVisiveis(tool.args)
+    const campos = camposVisiveis(tool.args, tool.name)
     const rotulo = emAndamento
         ? `${rotularExecucao(tool.name)}…`
         : rotularFerramenta(tool.name)

package/lib/@ecme/views/concepts/ai/Chat/components/toolPresentation.ts

@@ -1,5 +1,17 @@
 import { formatQuantity } from '@base/utils/functions/stringUtils'
-import { TbFilePlus, TbListSearch, TbSearch, TbTool } from 'react-icons/tb'
+import {
+    TbBriefcase,
+    TbBuildingPlus,
+    TbCalendarEvent,
+    TbFilePlus,
+    TbForms,
+    TbListSearch,
+    TbPackage,
+    TbPackages,
+    TbSearch,
+    TbTool,
+    TbUserSearch,
+} from 'react-icons/tb'
 import type { IconType } from 'react-icons'
 
 /**
@@ -36,6 +48,53 @@ const FERRAMENTAS: Record<string, Ferramenta> = {
         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: string) =>
@@ -62,7 +121,29 @@ const CAMPOS: Record<string, string> = {
     tipo_contrato: 'Tipo de contrato',
     contrato_venda: 'Contrato de venda',
     ordem_venda: 'Ordem de venda',
-    id: 'Contrato',
+    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',
@@ -70,7 +151,27 @@ const CAMPOS: Record<string, string> = {
     filtro: 'Filtro',
 }
 
-export const rotularCampo = (chave: string) => CAMPOS[chave] ?? humanizar(chave)
+/**
+ * Rotulos que dependem da ferramenta.
+ *
+ * O `id` e o caso: o mesmo parametro nomeia entidades diferentes conforme quem
+ * o recebe. Sem isto, buscar o usuario 5 exibiria "Contrato: #5".
+ */
+const CAMPO_POR_FERRAMENTA: Record<string, Record<string, string>> = {
+    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' },
+}
+
+export const rotularCampo = (chave: string, ferramenta?: string) =>
+    CAMPO_POR_FERRAMENTA[ferramenta ?? '']?.[chave] ??
+    CAMPOS[chave] ??
+    humanizar(chave)
 
 /** Campos que sao referencia a um registro: exibidos como "#123". */
 const REFERENCIAS = new Set([
@@ -79,6 +180,7 @@ const REFERENCIAS = new Set([
     'safra_id',
     'contrato_venda',
     'ordem_venda',
+    'responsavel_id',
     'id',
 ])
 
@@ -114,7 +216,11 @@ export const tipoDoCampo = (chave: string): 'numero' | 'enum' | 'texto' => {
 }
 
 /** Converte o valor tecnico no que o usuario espera ler. */
-export const formatarValor = (chave: string, valor: unknown): string => {
+export const formatarValor = (
+    chave: string,
+    valor: unknown,
+    ferramenta?: string,
+): string => {
     if (valor === null || valor === undefined || valor === '') {
         return '—'
     }
@@ -143,14 +249,25 @@ export const formatarValor = (chave: string, valor: unknown): string => {
             return '—'
         }
         return entradas
-            .map(([k, v]) => `${rotularCampo(k)}: ${formatarValor(k, v)}`)
+            .map(
+                ([k, v]) =>
+                    `${rotularCampo(k, ferramenta)}: ${formatarValor(k, v, ferramenta)}`,
+            )
             .join(', ')
     }
     return String(valor)
 }
 
-/** Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio. */
-export const camposVisiveis = (args: Record<string, unknown>) =>
+/**
+ * Pares (rotulo, valor) prontos para exibir, ignorando o que esta vazio.
+ *
+ * `ferramenta` resolve os rotulos ambiguos (ver CAMPO_POR_FERRAMENTA); quem nao
+ * a conhece — o formulario de coleta, por exemplo — pode omitir.
+ */
+export const camposVisiveis = (
+    args: Record<string, unknown>,
+    ferramenta?: string,
+) =>
     Object.entries(args)
         .filter(([, valor]) => {
             if (valor === null || valor === undefined || valor === '') return false
@@ -161,6 +278,6 @@ export const camposVisiveis = (args: Record<string, unknown>) =>
         })
         .map(([chave, valor]) => ({
             chave,
-            rotulo: rotularCampo(chave),
-            valor: formatarValor(chave, valor),
+            rotulo: rotularCampo(chave, ferramenta),
+            valor: formatarValor(chave, valor, ferramenta),
         }))

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

@@ -147,11 +147,18 @@ const useChatSend = () => {
                     break
 
                 case 'done':
-                    // O done traz a resposta final completa e é a fonte
-                    // autoritativa — se algum token se perdeu, ele corrige.
-                    updateConversation(chatId, messageId, {
-                        content: evento.data.content,
-                    })
+                    // O done é a fonte autoritativa do texto DESTA requisição —
+                    // se algum token se perdeu, ele corrige.
+                    //
+                    // Numa retomada, porém, o que o agente disse ANTES da pausa
+                    // não vem nele (o backend acumula as falas por requisição):
+                    // veio em `inicial.texto`. Sem concatenar, a bolha encolhia
+                    // para só a frase final — "Vou criar a área para você…"
+                    // virava "Nada foi criado" — e o agente parecia ter
+                    // esquecido tudo. No primeiro envio `inicial.texto` é '',
+                    // então nada muda ali.
+                    texto = inicial.texto + evento.data.content
+                    updateConversation(chatId, messageId, { content: texto })
                     break
 
                 case 'error':

package/package.json

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