@orbe-agro/client-core 5.6.262 → 5.6.264

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiThinkingIndicator.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/AiThinkingIndicator.tsx"],"sourcesContent":["import { TbSparkles } from 'react-icons/tb'\n\n/**\n * Indicador de \"pensando\" do agente Orbe AI — loader profissional exibido\n * enquanto a resposta está sendo gerada (estado isTyping do chat).\n */\nconst AiThinkingIndicator = () => {\n    return (\n        <span className=\"flex items-center gap-2 text-gray-500 dark:text-gray-400\">\n            <TbSparkles\n                size={18}\n                className=\"text-primary motion-safe:animate-pulse\"\n            />\n            <span className=\"text-sm\">Orbe AI está pensando</span>\n            <span className=\"inline-flex items-center gap-1\">\n                <span className=\"size-1.5 rounded-full bg-primary motion-safe:animate-bounce [animation-delay:-0.3s]\" />\n                <span className=\"size-1.5 rounded-full bg-primary motion-safe:animate-bounce [animation-delay:-0.15s]\" />\n                <span className=\"size-1.5 rounded-full bg-primary motion-safe:animate-bounce\" />\n            </span>\n        </span>\n    )\n}\n\nexport default AiThinkingIndicator\n"],"names":[],"mappings":";;AAMA,MAAM,sBAAsB,MAAM;AAC9B,SACI,qBAAC,QAAA,EAAK,WAAU,4DACZ,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,yBAAqB;AAAA,IAC/C,qBAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,sFAAA,CAAsF;AAAA,MACtG,oBAAC,QAAA,EAAK,WAAU,uFAAA,CAAuF;AAAA,MACvG,oBAAC,QAAA,EAAK,WAAU,8DAAA,CAA8D;AAAA,IAAA,EAAA,CAClF;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TbLock } from "react-icons/tb";
+import "../../../../../components/ui/Button/index.js";
+import { iconeFerramenta, camposVisiveis, rotularFerramenta } from "./toolPresentation.js";
+import Button from "../../../../../components/ui/Button/Button.js";
+const ApprovalCard = ({ approval, onDecide }) => {
+  const [decisao, setDecisao] = useState(null);
+  const decidir = (aprovado) => {
+    setDecisao(aprovado ? "aprovar" : "negar");
+    onDecide(aprovado);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "not-prose mt-1 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-gray-200 px-4 py-2.5 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx(TbLock, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: "Confirmação necessária" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-4 py-3.5", children: [
+      approval.calls.map((call) => {
+        const Icone = iconeFerramenta(call.name);
+        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 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900 dark:text-gray-100", children: rotularFerramenta(call.name) }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Revise os dados antes de confirmar." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("dl", { className: "divide-y divide-gray-100 rounded-lg border border-gray-100 dark:divide-gray-700 dark:border-gray-700", children: campos.map((campo) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-baseline justify-between gap-4 px-3 py-2",
+              children: [
+                /* @__PURE__ */ jsx("dt", { className: "shrink-0 text-sm text-gray-500 dark:text-gray-400", children: campo.rotulo }),
+                /* @__PURE__ */ jsx("dd", { className: "truncate text-sm font-medium text-gray-900 dark:text-gray-100", children: campo.valor })
+              ]
+            },
+            campo.chave
+          )) })
+        ] }, call.id);
+      }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "solid",
+            size: "sm",
+            loading: decisao === "aprovar",
+            disabled: decisao !== null,
+            onClick: () => decidir(true),
+            children: "Confirmar"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            loading: decisao === "negar",
+            disabled: decisao !== null,
+            onClick: () => decidir(false),
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-gray-400 dark:text-gray-500", children: "Nada é gravado até você confirmar" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ApprovalCard as default
+};
+//# sourceMappingURL=ApprovalCard.js.map

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

@@ -0,0 +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, 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/ChatHistory.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,55 +1,56 @@
 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: "Help me sound like an expert for an upcoming trip",
-    prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,
-    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: "Outline an logical sales pitch for a new product",
-    prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,
-    type: "writing"
+    title: "Consultar uma área pelo código",
+    prompt: "Me mostra a área de um dado id?",
+    tool: "buscar_area",
+    cor: "text-emerald-500"
   },
   {
-    title: "Help me get organized with a list of 10 tips",
-    prompt: `Give me 10 tips for room organization. `,
-    type: "idea"
+    title: "Criar uma nova área",
+    prompt: "Quero criar uma área nova",
+    tool: "criar_area",
+    cor: "text-amber-500"
   },
   {
-    title: "Write code for a specific task, including edge cases",
-    prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,
-    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 = () => {
   const { handleSend } = useChatSend();
-  return /* @__PURE__ */ jsx("div", { className: "max-w-[900px] w-full mx-auto mt-20", children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "heading-text text-4xl leading-snug", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl", children: "Hello, there" }),
+  return /* @__PURE__ */ jsx("div", { className: "max-w-[900px] w-full mx-auto mt-6", children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "heading-text text-2xl leading-snug", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-3xl", children: "Olá!" }),
       /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx("span", { children: "How can I help you today?" })
+      /* @__PURE__ */ jsx("span", { children: "Como posso te ajudar hoje?" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4", children: promptSuggestion.map((suggestion) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 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: 'Help me sound like an expert for an upcoming trip',\n        prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,\n        type: 'guide',\n    },\n    {\n        title: 'Outline an logical sales pitch for a new product',\n        prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,\n        type: 'writing',\n    },\n    {\n        title: 'Help me get organized with a list of 10 tips',\n        prompt: `Give me 10 tips for room organization. `,\n        type: 'idea',\n    },\n    {\n        title: 'Write code for a specific task, including edge cases',\n        prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,\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-20\">\n            <div>\n                <div className=\"heading-text text-4xl leading-snug\">\n                    <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl\">\n                        Hello, there\n                    </span>\n                    <br />\n                    <span>How can I help you today?</span>\n                </div>\n                <div className=\"mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4\">\n                    {promptSuggestion.map((suggestion) => (\n                        <div\n                            key={suggestion.title}\n                            className=\"flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 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,sCACX,+BAAC,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,gBAEnH;AAAA,0BACC,MAAA,EAAG;AAAA,MACJ,oBAAC,UAAK,UAAA,4BAAA,CAAyB;AAAA,IAAA,GACnC;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/ChatView.js

@@ -6,14 +6,22 @@ import ChatLandingView from "./ChatLandingView.js";
 import ChatMobileNav from "./ChatMobileNav.js";
 import ChatCustomContent from "./ChatCustomContent.js";
 import ChatCustomAction from "./ChatCustomAction.js";
+import AiThinkingIndicator from "./AiThinkingIndicator.js";
+import AiErrorMessage from "./AiErrorMessage.js";
+import ToolCallChip from "./ToolCallChip.js";
+import ApprovalCard from "./ApprovalCard.js";
+import DataRequestCard from "./DataRequestCard.js";
 import { usGenerativeChatStore } from "../store/generativeChatStore.js";
 import useChatSend from "../hooks/useChatSend.js";
+import useConversationMessages from "../hooks/useConversationMessages.js";
 import Card from "../../../../../components/ui/Card/Card.js";
 import ChatBox from "../../../../../components/view/ChatBox/ChatBox.js";
-const ChatView = () => {
+const BALAO_AGENTE = "prose rounded-xl bg-gray-100 px-5 py-2.5 text-sm text-gray-900 dark:bg-gray-700 dark:text-gray-100";
+const ChatView = ({ showMobileNav = true }) => {
   const scrollRef = useRef(null);
   const { selectedConversation, chatHistory, isTyping, disabledChatFresh } = usGenerativeChatStore();
-  const { handleSend } = useChatSend();
+  const { handleSend, handleApproval, handleDataSubmit } = useChatSend();
+  const { carregando } = useConversationMessages();
   const scrollToBottom = () => {
     if (scrollRef.current?.getScrollElement) {
       const scrollElement = scrollRef.current.getScrollElement();
@@ -41,38 +49,74 @@ const ChatView = () => {
     scrollToBottom();
   };
   return /* @__PURE__ */ jsxs(Card, { className: "flex-1 h-full", bodyClass: "h-full", children: [
-    /* @__PURE__ */ jsx(ChatMobileNav, {}),
+    showMobileNav && /* @__PURE__ */ jsx(ChatMobileNav, {}),
     /* @__PURE__ */ jsx(
       ChatBox,
       {
         ref: scrollRef,
         messageList,
-        placeholder: "Enter a prompt here",
+        placeholder: "Pergunte algo sobre o Orbe Agro…",
         showMessageList: Boolean(selectedConversation),
-        showAvatar: true,
-        avatarGap: true,
-        containerClass: "h-[calc(100%-30px)] xl:h-full",
-        messageListClass: "h-[calc(100%-100px)] xl:h-[calc(100%-70px)]",
-        typing: isTyping ? {
+        showAvatar: false,
+        avatarGap: false,
+        myBubbleClass: "bg-primary text-white",
+        botBubbleClass: "bg-transparent dark:bg-transparent p-0 rounded-none",
+        errorBubbleClass: "bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20",
+        renderTyping: () => /* @__PURE__ */ jsx("div", { className: BALAO_AGENTE, children: /* @__PURE__ */ jsx(AiThinkingIndicator, {}) }),
+        containerClass: showMobileNav ? "h-[calc(100%-30px)] xl:h-full" : "h-full",
+        messageListClass: "h-[calc(100%-124px)] xl:h-[calc(100%-94px)]",
+        typing: isTyping || carregando ? {
           id: "ai",
           name: "Chat AI",
           avatarImageUrl: "/img/thumbs/ai.jpg"
         } : false,
         customRenderer: (message) => {
+          if (message.isError) {
+            return /* @__PURE__ */ jsx(AiErrorMessage, {});
+          }
           if (message.sender.id === "ai") {
-            return /* @__PURE__ */ jsx(
-              ChatCustomContent,
-              {
-                content: message.content,
-                triggerTyping: message.fresh ? message.fresh : false,
-                onFinish: () => handleFinish(message.id)
-              }
+            const { tools, pendingApproval, pendingInput } = message;
+            const temTexto = Boolean(
+              message.content?.trim()
             );
+            return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1.5", children: [
+              tools?.map((tool) => /* @__PURE__ */ jsx(ToolCallChip, { tool }, tool.id)),
+              temTexto && /* @__PURE__ */ jsx("div", { className: BALAO_AGENTE, children: /* @__PURE__ */ jsx(
+                ChatCustomContent,
+                {
+                  content: message.content,
+                  triggerTyping: message.fresh ? message.fresh : false,
+                  onFinish: () => handleFinish(message.id)
+                }
+              ) }),
+              pendingInput && /* @__PURE__ */ jsx(
+                DataRequestCard,
+                {
+                  input: pendingInput,
+                  onSubmit: (dados) => handleDataSubmit(
+                    selectedConversation,
+                    message.id,
+                    dados
+                  )
+                }
+              ),
+              pendingApproval && /* @__PURE__ */ jsx(
+                ApprovalCard,
+                {
+                  approval: pendingApproval,
+                  onDecide: (aprovado) => handleApproval(
+                    selectedConversation,
+                    message.id,
+                    aprovado
+                  )
+                }
+              )
+            ] });
           }
           return message.content;
         },
         customAction: (message) => {
-          if (message.sender.id === "ai") {
+          if (message.sender.id === "ai" && !message.isError) {
             return /* @__PURE__ */ jsx(
               ChatCustomAction,
               {
@@ -83,7 +127,7 @@ const ChatView = () => {
           return null;
         },
         onInputChange: handleInputChange,
-        children: !selectedConversation && /* @__PURE__ */ jsx(ChatLandingView, {})
+        children: selectedConversation ? /* @__PURE__ */ jsx("p", { className: "py-1 text-center text-xs text-gray-500 dark:text-gray-400", children: "Orbe-AI é uma inteligência artificial e pode cometer erros." }) : /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx(ChatLandingView, {}) })
       }
     )
   ] });