@orbe-agro/client-core 5.6.201 → 5.6.202

package/dist/@types/@ecme/services/axios/AxiosBase.d.ts

@@ -1,3 +1,15 @@
+/**
+ * Permite que uma requisição específica seja excluída do loading global
+ * (overlay de tela cheia). Útil para chamadas que exibem seu próprio
+ * indicador de carregamento — ex.: o chat de IA, que mostra o balãozinho
+ * de "digitando". Comportamento padrão inalterado: só afeta requisições
+ * que marcarem explicitamente `skipGlobalLoading: true`.
+ */
+declare module "axios" {
+    interface AxiosRequestConfig {
+        skipGlobalLoading?: boolean;
+    }
+}
 declare const AxiosBase: import("axios").AxiosInstance;
 export default AxiosBase;
 //# sourceMappingURL=AxiosBase.d.ts.map

package/dist/@types/@ecme/services/axios/AxiosBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AxiosBase.d.ts","sourceRoot":"","sources":["../../../../../lib/@ecme/services/axios/AxiosBase.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,SAAS,+BAGb,CAAC;AAuDH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AxiosBase.d.ts","sourceRoot":"","sources":["../../../../../lib/@ecme/services/axios/AxiosBase.ts"],"names":[],"mappings":"AAQA;;;;;;GAMG;AACH,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,kBAAkB;QAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B;CACF;AAED,QAAA,MAAM,SAAS,+BAGb,CAAC;AA+DH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Indicador de "pensando" do agente Orbe AI — loader profissional exibido
+ * enquanto a resposta está sendo gerada (estado isTyping do chat).
+ */
+declare const AiThinkingIndicator: () => import("react/jsx-runtime").JSX.Element;
+export default AiThinkingIndicator;
+//# sourceMappingURL=AiThinkingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiThinkingIndicator.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/AiThinkingIndicator.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,mBAAmB,+CAexB,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,QAAQ,+CA6Fb,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,QAAQ,+CAmGb,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,8 @@
+/**
+ * Seletor do modelo de IA do chat (GET /ai/models). Se o backend estiver
+ * indisponivel ou nao expuser modelos, o seletor nao aparece e o backend usa o
+ * modelo default — por isso ele pode ser montado sem medo em qualquer MFE.
+ */
+declare const ModelSelect: () => import("react/jsx-runtime").JSX.Element | null;
+export default ModelSelect;
+//# sourceMappingURL=ModelSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSelect.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ModelSelect.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,QAAA,MAAM,WAAW,sDAqDhB,CAAA;AAED,eAAe,WAAW,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":"AAMA,QAAA,MAAM,WAAW;yBA0DqB,MAAM,gBAAgB,IAAI,EAAE;CAuBjE,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"useChatSend.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;yBA2DqB,MAAM,gBAAgB,IAAI,EAAE;CAuBjE,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/@types/@ecme/views/concepts/ai/Chat/store/aiModelStore.d.ts

@@ -0,0 +1,25 @@
+type AiModelState = {
+    selectedModel: string | null;
+    setSelectedModel: (model: string) => void;
+};
+/**
+ * Modelo de IA escolhido pelo usuario para o chat do Orbe AI.
+ *
+ * Persistido em localStorage: como todos os MFEs vivem na mesma origem, a
+ * escolha acompanha o usuario entre os modulos e entre sessoes.
+ */
+export declare const useAiModelStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AiModelState>, "setState" | "persist"> & {
+    setState(partial: AiModelState | Partial<AiModelState> | ((state: AiModelState) => AiModelState | Partial<AiModelState>), replace?: false | undefined): unknown;
+    setState(state: AiModelState | ((state: AiModelState) => AiModelState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AiModelState, AiModelState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AiModelState) => void) => () => void;
+        onFinishHydration: (fn: (state: AiModelState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AiModelState, AiModelState, unknown>>;
+    };
+}>;
+export {};
+//# sourceMappingURL=aiModelStore.d.ts.map

package/dist/@types/@ecme/views/concepts/ai/Chat/store/aiModelStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiModelStore.d.ts","sourceRoot":"","sources":["../../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/aiModelStore.ts"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;EAQ3B,CAAA"}

package/dist/@types/base/components/forms/GenericForms/GenericArrayFormSection.d.ts

@@ -1,5 +1,5 @@
 import { IFormSectionBaseProps } from '@base/@types/forms';
-import { ArrayPath, FieldArray, FieldValues } from 'react-hook-form';
+import { ArrayPath, FieldValues } from 'react-hook-form';
 type OptionType<L = string, V = unknown> = {
     label: L;
     value: V;
@@ -11,7 +11,7 @@ type SelectConfig<L = string, V = unknown> = {
 };
 type GeneralFormSectionProps<T extends FieldValues, K extends ArrayPath<T>> = IFormSectionBaseProps<T> & {
     nameArray: K;
-    defaultAppendItem: FieldArray<T, K>;
+    defaultAppendItem: any;
     nameCampoStringArray: string[];
     nameCampoNumberArray: string[];
     nameCampoSelectArray?: string[];

package/dist/@types/base/components/forms/GenericForms/GenericArrayFormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericArrayFormSection.d.ts","sourceRoot":"","sources":["../../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EACH,SAAS,EACT,UAAU,EACV,WAAW,EAGd,MAAM,iBAAiB,CAAA;AAMxB,KAAK,UAAU,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,OAAO,IAAI;IACvC,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,CAAC,CAAA;CACX,CAAA;AAED,KAAK,YAAY,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,OAAO,IAAI;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,CAAC,CAAA;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAA;CACvD,CAAA;AAED,KAAK,uBAAuB,CACxB,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,IACtB,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAA;IACZ,iBAAiB,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;CACjC,CAAA;AAED,iBAAS,uBAAuB,CAC5B,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EACxB,EACE,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,GACpB,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,2CA0E/B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"GenericArrayFormSection.d.ts","sourceRoot":"","sources":["../../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EACH,SAAS,EAET,WAAW,EAGd,MAAM,iBAAiB,CAAA;AAMxB,KAAK,UAAU,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,OAAO,IAAI;IACvC,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,CAAC,CAAA;CACX,CAAA;AAED,KAAK,YAAY,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,OAAO,IAAI;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,CAAC,CAAA;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAA;CACvD,CAAA;AAED,KAAK,uBAAuB,CACxB,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,IACtB,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAA;IACZ,iBAAiB,EAAE,GAAG,CAAA;IACtB,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;CACjC,CAAA;AAED,iBAAS,uBAAuB,CAC5B,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EACxB,EACE,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,GACpB,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,2CA0E/B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/base/assets/styles/init.css

@@ -5106,6 +5106,9 @@ video {
 .bottom-4{
   bottom: 1rem;
 }
+.bottom-6{
+  bottom: 1.5rem;
+}
 .bottom-full{
   bottom: 100%;
 }
@@ -5127,6 +5130,9 @@ video {
 .right-4{
   right: 1rem;
 }
+.right-6{
+  right: 1.5rem;
+}
 .top-0{
   top: 0px;
 }
@@ -5148,9 +5154,15 @@ video {
 .z-10{
   z-index: 10;
 }
+.z-20{
+  z-index: 20;
+}
 .z-30{
   z-index: 30;
 }
+.z-40{
+  z-index: 40;
+}
 .z-50{
   z-index: 50;
 }
@@ -5631,6 +5643,9 @@ video {
 .max-h-full{
   max-height: 100%;
 }
+.min-h-0{
+  min-height: 0px;
+}
 .min-h-10{
   min-height: 2.5rem;
 }
@@ -5640,8 +5655,8 @@ video {
 .min-h-14{
   min-height: 3.5rem;
 }
-.min-h-40{
-  min-height: 10rem;
+.min-h-28{
+  min-height: 7rem;
 }
 .min-h-6{
   min-height: 1.5rem;
@@ -5689,6 +5704,9 @@ video {
 .w-1{
   width: 0.25rem;
 }
+.w-1\.5{
+  width: 0.375rem;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -5936,6 +5954,9 @@ video {
 .max-w-\[900px\]{
   max-width: 900px;
 }
+.max-w-\[9rem\]{
+  max-width: 9rem;
+}
 .max-w-full{
   max-width: 100%;
 }
@@ -6010,9 +6031,21 @@ video {
 .cursor-default{
   cursor: default;
 }
+.cursor-ew-resize{
+  cursor: ew-resize;
+}
+.cursor-nesw-resize{
+  cursor: nesw-resize;
+}
 .cursor-not-allowed{
   cursor: not-allowed;
 }
+.cursor-ns-resize{
+  cursor: ns-resize;
+}
+.cursor-nwse-resize{
+  cursor: nwse-resize;
+}
 .cursor-pointer{
   cursor: pointer;
 }
@@ -7455,6 +7488,12 @@ video {
 .ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\[animation-delay\:-0\.15s\]{
+  animation-delay: -0.15s;
+}
+.\[animation-delay\:-0\.3s\]{
+  animation-delay: -0.3s;
+}
 .\[transform\:translateZ\(0\)\]{
   transform: translateZ(0);
 }
@@ -7638,6 +7677,10 @@ video {
   background-color: var(--primary);
 }
 
+.hover\:bg-primary-deep:hover{
+  background-color: var(--primary-deep);
+}
+
 .hover\:bg-primary-mild:hover{
   background-color: var(--primary-mild);
 }
@@ -7658,6 +7701,10 @@ video {
   color: var(--gray-300);
 }
 
+.hover\:text-gray-700:hover{
+  color: var(--gray-700);
+}
+
 .hover\:text-gray-800:hover{
   color: var(--gray-800);
 }
@@ -7785,6 +7832,20 @@ video {
   outline-offset: 2px;
 }
 
+.focus-visible\:ring-2:focus-visible{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-visible\:ring-primary:focus-visible{
+  --tw-ring-color: var(--primary);
+}
+
+.focus-visible\:ring-offset-2:focus-visible{
+  --tw-ring-offset-width: 2px;
+}
+
 .active\:bg-gray-100:active{
   background-color: var(--gray-100);
 }
@@ -7895,6 +7956,27 @@ video {
   .motion-safe\:animate-\[bounce_1s_ease-in-out_infinite\]{
     animation: bounce 1s ease-in-out infinite;
   }
+  @keyframes bounce{
+    0%, 100%{
+      transform: translateY(-25%);
+      animation-timing-function: cubic-bezier(0.8,0,1,1);
+    }
+    50%{
+      transform: none;
+      animation-timing-function: cubic-bezier(0,0,0.2,1);
+    }
+  }
+  .motion-safe\:animate-bounce{
+    animation: bounce 1s infinite;
+  }
+  @keyframes pulse{
+    50%{
+      opacity: .5;
+    }
+  }
+  .motion-safe\:animate-pulse{
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
 }
 
 .dark\:border:is(.dark *){
@@ -8355,6 +8437,10 @@ video {
   color: var(--gray-100);
 }
 
+.dark\:hover\:text-gray-200:hover:is(.dark *){
+  color: var(--gray-200);
+}
+
 .dark\:hover\:text-white:hover:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -8750,9 +8836,6 @@ video {
   .\32xl\:grid{
     display: grid;
   }
-  .\32xl\:min-h-60{
-    min-height: 15rem;
-  }
   .\32xl\:w-\[500px\]{
     width: 500px;
   }

package/dist/base/components/forms/GenericForms/GenericArrayFormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericArrayFormSection.js","sources":["../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"sourcesContent":["import { IFormSectionBaseProps } from '@base/@types/forms'\nimport {\n    ArrayPath,\n    FieldArray,\n    FieldValues,\n    Path,\n    useFieldArray,\n} from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { FaTrash } from 'react-icons/fa'\nimport GenericArrayNumberFormSection from './../ArraysForms/GenericArrayNumberFormSection'\nimport GenericArrayStringFormSection from './../ArraysForms/GenericArrayStringFormSection'\n\ntype OptionType<L = string, V = unknown> = {\n    label: L\n    value: V\n}\n\ntype SelectConfig<L = string, V = unknown> = {\n    campo: string\n    valueMapper: (item: unknown) => V\n    getOptionLabel: (option: OptionType<L, V>) => string\n}\n\ntype GeneralFormSectionProps<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n> = IFormSectionBaseProps<T> & {\n    nameArray: K\n    defaultAppendItem: FieldArray<T, K>\n    nameCampoStringArray: string[]\n    nameCampoNumberArray: string[]\n    nameCampoSelectArray?: string[]\n    selectConfigs?: SelectConfig[]\n}\n\nfunction GenericArrayFormSection<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n>({\n    control,\n    errors,\n    isView,\n    nameArray,\n    nameCampoStringArray,\n    nameCampoNumberArray,\n    defaultAppendItem,\n}: GeneralFormSectionProps<T, K>) {\n    const { t } = useTranslation()\n    const { fields, append, remove } = useFieldArray({\n        control,\n        name: nameArray,\n    })\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {/* Lista de margens */}\n            {fields.map((field, index) => (\n                <div key={field.id} className=\"flex gap-2 items-center\">\n                    {nameCampoStringArray.map((campo) => (\n                        <GenericArrayStringFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameStringArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    {nameCampoNumberArray.map((campo) => (\n                        <GenericArrayNumberFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameNumberArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    <button\n                        type=\"button\"\n                        className=\"text-red-500 hover:text-red-700 ml-4\"\n                        onClick={() => remove(index)}\n                    >\n                        <FaTrash className=\"w-5 h-5\" />\n                    </button>\n                </div>\n            ))}\n\n            {errors?.[nameArray as string]?.message &&\n                typeof errors?.[nameArray as string]?.message === 'string' && (\n                    <p className=\"text-red-500 text-sm mt-2\">\n                        {String(errors?.[nameArray as string]?.message || '')}\n                    </p>\n                )}\n\n            {/* Botão separado */}\n            <label className=\"form-label mb-2\">\n                {t(`page.form.${nameArray}.label`)}\n            </label>\n            <div>\n                <button\n                    type=\"button\"\n                    className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600\"\n                    onClick={() => append(defaultAppendItem)}\n                >\n                    {t(`page.form.${nameArray}.nameButton`)}\n                </button>\n            </div>\n        </div>\n    )\n}\n\nexport default GenericArrayFormSection\n"],"names":[],"mappings":";;;;;;AAoCA,SAAS,wBAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAkC;AAC9B,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,QAAQ,QAAQ,OAAA,IAAW,cAAc;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,EAAA,CACT;AAED,SACI,qBAAC,OAAA,EAAI,WAAU,uBAEV,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,OAAO,UAChB,qBAAC,OAAA,EAAmB,WAAU,2BACzB,UAAA;AAAA,MAAA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAEA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAED;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,OAAO,KAAK;AAAA,UAE3B,UAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjC,KArCM,MAAM,EAsChB,CACH;AAAA,IAEA,SAAS,SAAmB,GAAG,WAC5B,OAAO,SAAS,SAAmB,GAAG,YAAY,gCAC7C,KAAA,EAAE,WAAU,6BACR,UAAA,OAAO,SAAS,SAAmB,GAAG,WAAW,EAAE,GACxD;AAAA,IAIR,oBAAC,WAAM,WAAU,mBACZ,YAAE,aAAa,SAAS,QAAQ,EAAA,CACrC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,OAAO,iBAAiB;AAAA,QAEtC,UAAA,EAAE,aAAa,SAAS,aAAa;AAAA,MAAA;AAAA,IAAA,EAC1C,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"GenericArrayFormSection.js","sources":["../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"sourcesContent":["import { IFormSectionBaseProps } from '@base/@types/forms'\nimport {\n    ArrayPath,\n    FieldArray,\n    FieldValues,\n    Path,\n    useFieldArray,\n} from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { FaTrash } from 'react-icons/fa'\nimport GenericArrayNumberFormSection from './../ArraysForms/GenericArrayNumberFormSection'\nimport GenericArrayStringFormSection from './../ArraysForms/GenericArrayStringFormSection'\n\ntype OptionType<L = string, V = unknown> = {\n    label: L\n    value: V\n}\n\ntype SelectConfig<L = string, V = unknown> = {\n    campo: string\n    valueMapper: (item: unknown) => V\n    getOptionLabel: (option: OptionType<L, V>) => string\n}\n\ntype GeneralFormSectionProps<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n> = IFormSectionBaseProps<T> & {\n    nameArray: K\n    defaultAppendItem: any\n    nameCampoStringArray: string[]\n    nameCampoNumberArray: string[]\n    nameCampoSelectArray?: string[]\n    selectConfigs?: SelectConfig[]\n}\n\nfunction GenericArrayFormSection<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n>({\n    control,\n    errors,\n    isView,\n    nameArray,\n    nameCampoStringArray,\n    nameCampoNumberArray,\n    defaultAppendItem,\n}: GeneralFormSectionProps<T, K>) {\n    const { t } = useTranslation()\n    const { fields, append, remove } = useFieldArray({\n        control,\n        name: nameArray,\n    })\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {/* Lista de margens */}\n            {fields.map((field, index) => (\n                <div key={field.id} className=\"flex gap-2 items-center\">\n                    {nameCampoStringArray.map((campo) => (\n                        <GenericArrayStringFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameStringArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    {nameCampoNumberArray.map((campo) => (\n                        <GenericArrayNumberFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameNumberArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    <button\n                        type=\"button\"\n                        className=\"text-red-500 hover:text-red-700 ml-4\"\n                        onClick={() => remove(index)}\n                    >\n                        <FaTrash className=\"w-5 h-5\" />\n                    </button>\n                </div>\n            ))}\n\n            {errors?.[nameArray as string]?.message &&\n                typeof errors?.[nameArray as string]?.message === 'string' && (\n                    <p className=\"text-red-500 text-sm mt-2\">\n                        {String(errors?.[nameArray as string]?.message || '')}\n                    </p>\n                )}\n\n            {/* Botão separado */}\n            <label className=\"form-label mb-2\">\n                {t(`page.form.${nameArray}.label`)}\n            </label>\n            <div>\n                <button\n                    type=\"button\"\n                    className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600\"\n                    onClick={() => append(defaultAppendItem)}\n                >\n                    {t(`page.form.${nameArray}.nameButton`)}\n                </button>\n            </div>\n        </div>\n    )\n}\n\nexport default GenericArrayFormSection\n"],"names":[],"mappings":";;;;;;AAoCA,SAAS,wBAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAkC;AAC9B,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,QAAQ,QAAQ,OAAA,IAAW,cAAc;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,EAAA,CACT;AAED,SACI,qBAAC,OAAA,EAAI,WAAU,uBAEV,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,OAAO,UAChB,qBAAC,OAAA,EAAmB,WAAU,2BACzB,UAAA;AAAA,MAAA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAEA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAED;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,OAAO,KAAK;AAAA,UAE3B,UAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjC,KArCM,MAAM,EAsChB,CACH;AAAA,IAEA,SAAS,SAAmB,GAAG,WAC5B,OAAO,SAAS,SAAmB,GAAG,YAAY,gCAC7C,KAAA,EAAE,WAAU,6BACR,UAAA,OAAO,SAAS,SAAmB,GAAG,WAAW,EAAE,GACxD;AAAA,IAIR,oBAAC,WAAM,WAAU,mBACZ,YAAE,aAAa,SAAS,QAAQ,EAAA,CACrC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,OAAO,iBAAiB;AAAA,QAEtC,UAAA,EAAE,aAAa,SAAS,aAAa;AAAA,MAAA;AAAA,IAAA,EAC1C,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/lib/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.tsx

@@ -15,8 +15,8 @@ import { LinkRenderer } from "../Layouts";
 import { useLocation } from "react-router-dom";
 import { Routes } from "@/@types";
 import { protectedRoutes, publicRoutes } from "@/configs";
-import { useThemeStore } from "@/store";
 import GlobalLoading from "@/components/shared/loaders/GlobalLoading";
+import OrbeAiWidget from "@/components/template/OrbeAiWidget";
 
 type Layouts = Record<
   string,
@@ -66,6 +66,7 @@ const PostLoginLayout = ({
   return (
     <>
       <GlobalLoading />
+      <OrbeAiWidget />
       <Suspense
         fallback={
           <div className="flex flex-auto flex-col h-[100vh]">

package/lib/@ecme/components/template/OrbeAiWidget/OrbeAiWidget.tsx

@@ -0,0 +1,125 @@
+import { useState } from 'react'
+import { AnimatePresence, motion } from 'framer-motion'
+import {
+    TbMessageChatbot,
+    TbArrowsMaximize,
+    TbArrowsMinimize,
+} from 'react-icons/tb'
+import { HiX } from 'react-icons/hi'
+import ChatView from '@/views/concepts/ai/Chat/components/ChatView'
+import ChatHistoryRenameDialog from '@/views/concepts/ai/Chat/components/ChatHistoryRenameDialog'
+import ModelSelect from '@/views/concepts/ai/Chat/components/ModelSelect'
+import useResizablePanel from './useResizablePanel'
+import ResizeHandles from './ResizeHandles'
+
+const iconButtonClass =
+    'flex h-8 w-8 items-center justify-center rounded-full text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200'
+
+const OrbeAiWidget = () => {
+    const [open, setOpen] = useState(false)
+    const [fullscreen, setFullscreen] = useState(false)
+    const { rect, startResize } = useResizablePanel()
+
+    const toggleOpen = () => setOpen((prev) => !prev)
+    const toggleFullscreen = () => setFullscreen((prev) => !prev)
+    const close = () => {
+        setOpen(false)
+        setFullscreen(false)
+    }
+
+    // Tela cheia: cobre o viewport inteiro (inset-0). Flutuante: usa o retângulo do resize.
+    const panelStyle = fullscreen
+        ? undefined
+        : {
+              top: rect.top,
+              left: rect.left,
+              width: rect.width,
+              height: rect.height,
+          }
+    const panelVariantClass = fullscreen
+        ? 'inset-0 rounded-none border-0'
+        : 'rounded-2xl border shadow-2xl'
+
+    return (
+        <div
+            className={`fixed bottom-6 right-6 flex flex-col items-end gap-3 print:hidden ${
+                fullscreen ? 'z-[9999]' : 'z-40'
+            }`}
+        >
+            <AnimatePresence>
+                {open && (
+                    <motion.div
+                        key="orbe-ai-panel"
+                        initial={{ opacity: 0, y: 24, scale: 0.96 }}
+                        animate={{ opacity: 1, y: 0, scale: 1 }}
+                        exit={{ opacity: 0, y: 24, scale: 0.96 }}
+                        transition={{ duration: 0.2, ease: 'easeOut' }}
+                        style={panelStyle}
+                        className={`fixed flex flex-col overflow-hidden border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800 ${panelVariantClass}`}
+                    >
+                        {!fullscreen && (
+                            <ResizeHandles onResizeStart={startResize} />
+                        )}
+
+                        <div className="flex items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-gray-700">
+                            <div className="flex items-center gap-2">
+                                <span className="flex h-8 w-8 items-center justify-center rounded-full bg-primary text-white">
+                                    <TbMessageChatbot size={20} />
+                                </span>
+                                <span className="font-semibold text-gray-900 dark:text-gray-100">
+                                    Orbe AI
+                                </span>
+                            </div>
+                            <div className="flex items-center gap-2">
+                                <ModelSelect />
+                                <button
+                                    type="button"
+                                    className={iconButtonClass}
+                                    onClick={toggleFullscreen}
+                                    aria-label={
+                                        fullscreen
+                                            ? 'Sair da tela cheia'
+                                            : 'Tela cheia'
+                                    }
+                                >
+                                    {fullscreen ? (
+                                        <TbArrowsMinimize size={18} />
+                                    ) : (
+                                        <TbArrowsMaximize size={18} />
+                                    )}
+                                </button>
+                                <button
+                                    type="button"
+                                    className={iconButtonClass}
+                                    onClick={close}
+                                    aria-label="Fechar chat Orbe AI"
+                                >
+                                    <HiX size={18} />
+                                </button>
+                            </div>
+                        </div>
+
+                        <div className="min-h-0 flex-1 p-2">
+                            <ChatView />
+                            <ChatHistoryRenameDialog />
+                        </div>
+                    </motion.div>
+                )}
+            </AnimatePresence>
+
+            {!fullscreen && (
+                <button
+                    type="button"
+                    className="flex h-14 w-14 items-center justify-center rounded-full bg-primary text-white shadow-lg transition-colors hover:bg-primary-deep focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
+                    onClick={toggleOpen}
+                    aria-label={open ? 'Fechar chat Orbe AI' : 'Abrir chat Orbe AI'}
+                    aria-expanded={open}
+                >
+                    {open ? <HiX size={24} /> : <TbMessageChatbot size={26} />}
+                </button>
+            )}
+        </div>
+    )
+}
+
+export default OrbeAiWidget

package/lib/@ecme/components/template/OrbeAiWidget/ResizeHandles.tsx

@@ -0,0 +1,47 @@
+import type { PointerEvent as ReactPointerEvent } from 'react'
+import type { ResizeDirection } from './useResizablePanel'
+
+type ResizeHandlesProps = {
+    onResizeStart: (
+        event: ReactPointerEvent,
+        direction: ResizeDirection,
+    ) => void
+}
+
+const EDGES: { direction: ResizeDirection; className: string }[] = [
+    { direction: 'top', className: 'left-0 right-0 top-0 h-1.5 cursor-ns-resize' },
+    { direction: 'bottom', className: 'bottom-0 left-0 right-0 h-1.5 cursor-ns-resize' },
+    { direction: 'left', className: 'bottom-0 left-0 top-0 w-1.5 cursor-ew-resize' },
+    { direction: 'right', className: 'bottom-0 right-0 top-0 w-1.5 cursor-ew-resize' },
+]
+
+const CORNERS: { direction: ResizeDirection; className: string }[] = [
+    { direction: 'top-left', className: 'left-0 top-0 cursor-nwse-resize' },
+    { direction: 'top-right', className: 'right-0 top-0 cursor-nesw-resize' },
+    { direction: 'bottom-left', className: 'bottom-0 left-0 cursor-nesw-resize' },
+    { direction: 'bottom-right', className: 'bottom-0 right-0 cursor-nwse-resize' },
+]
+
+/** Alças transparentes de redimensionamento nas 4 bordas + 4 cantos do painel. */
+const ResizeHandles = ({ onResizeStart }: ResizeHandlesProps) => (
+    <>
+        {EDGES.map(({ direction, className }) => (
+            <span
+                key={direction}
+                aria-hidden
+                onPointerDown={(event) => onResizeStart(event, direction)}
+                className={`absolute z-20 ${className}`}
+            />
+        ))}
+        {CORNERS.map(({ direction, className }) => (
+            <span
+                key={direction}
+                aria-hidden
+                onPointerDown={(event) => onResizeStart(event, direction)}
+                className={`absolute z-30 h-3 w-3 ${className}`}
+            />
+        ))}
+    </>
+)
+
+export default ResizeHandles

package/lib/@ecme/components/template/OrbeAiWidget/index.ts

@@ -0,0 +1 @@
+export { default } from './OrbeAiWidget'

package/lib/@ecme/components/template/OrbeAiWidget/useResizablePanel.ts

@@ -0,0 +1,108 @@
+import { useCallback, useState } from 'react'
+import type { PointerEvent as ReactPointerEvent } from 'react'
+
+export type Rect = { top: number; left: number; width: number; height: number }
+
+export type ResizeDirection =
+    | 'top'
+    | 'bottom'
+    | 'left'
+    | 'right'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right'
+
+const MIN = { width: 360, height: 420 }
+const DEFAULT = { width: 480, height: 720 }
+const MARGIN = 12 // distância mínima das bordas do viewport
+const ANCHOR = { right: 24, bottomOffset: 92 } // canto inferior-direito, acima do FAB
+
+const clamp = (value: number, min: number, max: number) =>
+    Math.min(Math.max(value, min), max)
+
+/** Retângulo inicial: ancorado no canto inferior-direito, logo acima do FAB. */
+const getDefaultRect = (): Rect => {
+    const width = Math.min(DEFAULT.width, window.innerWidth - MARGIN * 2)
+    const height = Math.min(DEFAULT.height, window.innerHeight - MARGIN * 2)
+    return {
+        width,
+        height,
+        left: Math.max(MARGIN, window.innerWidth - width - ANCHOR.right),
+        top: Math.max(MARGIN, window.innerHeight - height - ANCHOR.bottomOffset),
+    }
+}
+
+/**
+ * Painel redimensionável por qualquer borda/canto. O painel é posicionado
+ * livremente (`fixed` com top/left/width/height); cada direção move sua borda
+ * mantendo a borda oposta fixa, com limites de mínimo e do viewport.
+ */
+const useResizablePanel = () => {
+    const [rect, setRect] = useState<Rect>(getDefaultRect)
+
+    const startResize = useCallback(
+        (event: ReactPointerEvent, direction: ResizeDirection) => {
+            event.preventDefault()
+            event.stopPropagation()
+
+            const startX = event.clientX
+            const startY = event.clientY
+            const start = rect
+            const right = start.left + start.width
+            const bottom = start.top + start.height
+
+            const previousUserSelect = document.body.style.userSelect
+            document.body.style.userSelect = 'none'
+
+            const handleMove = (moveEvent: PointerEvent) => {
+                const dx = moveEvent.clientX - startX
+                const dy = moveEvent.clientY - startY
+                const next: Rect = { ...start }
+
+                if (direction.includes('right')) {
+                    next.width = clamp(
+                        start.width + dx,
+                        MIN.width,
+                        window.innerWidth - start.left - MARGIN,
+                    )
+                }
+                if (direction.includes('left')) {
+                    next.width = clamp(start.width - dx, MIN.width, right - MARGIN)
+                    next.left = right - next.width
+                }
+                if (direction.includes('bottom')) {
+                    next.height = clamp(
+                        start.height + dy,
+                        MIN.height,
+                        window.innerHeight - start.top - MARGIN,
+                    )
+                }
+                if (direction.includes('top')) {
+                    next.height = clamp(
+                        start.height - dy,
+                        MIN.height,
+                        bottom - MARGIN,
+                    )
+                    next.top = bottom - next.height
+                }
+
+                setRect(next)
+            }
+
+            const stopResize = () => {
+                document.body.style.userSelect = previousUserSelect
+                window.removeEventListener('pointermove', handleMove)
+                window.removeEventListener('pointerup', stopResize)
+            }
+
+            window.addEventListener('pointermove', handleMove)
+            window.addEventListener('pointerup', stopResize)
+        },
+        [rect],
+    )
+
+    return { rect, startResize }
+}
+
+export default useResizablePanel

package/lib/@ecme/components/view/ChatBox/ChatBox.tsx

@@ -32,6 +32,9 @@ const ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {
         customRenderer,
         customAction,
         bubbleClass,
+        myBubbleClass,
+        botBubbleClass,
+        renderTyping,
         typing,
         messageListClass,
         containerClass,
@@ -59,6 +62,9 @@ const ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {
                     typing={typing}
                     messageListClass={messageListClass}
                     bubbleClass={bubbleClass}
+                    myBubbleClass={myBubbleClass}
+                    botBubbleClass={botBubbleClass}
+                    renderTyping={renderTyping}
                 />            )}
             {children}
         </ChatContainer>