@oondemand/oon-core-front 0.3.35 → 0.3.37

package/dist/index.js

@@ -642,7 +642,7 @@ function OonProviders({ config, http, storage, children }) {
 
 // src/components/CoreCollection.tsx
 import { useState as useState10 } from "react";
-import { Box as Box9, Heading as Heading4, Stack as Stack4, Text as Text11 } from "@chakra-ui/react";
+import { Box as Box10, Heading as Heading4, Stack as Stack4, Text as Text11 } from "@chakra-ui/react";
 import { useMutation as useMutation2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 
 // src/components/internal/fieldUtils.ts
@@ -1833,12 +1833,12 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
 
 // src/components/internal/CoreDetailModal.tsx
 import { useEffect as useEffect6, useMemo as useMemo7, useState as useState9 } from "react";
-import { Box as Box8, Button as Button8, Flex as Flex7, Heading as Heading3, IconButton, Text as Text10 } from "@chakra-ui/react";
+import { Box as Box9, Button as Button8, Flex as Flex7, Heading as Heading3, IconButton, Text as Text10 } from "@chakra-ui/react";
 import { useQuery as useQuery6, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 
 // src/components/internal/CoreTabbedDetail.tsx
 import { useEffect as useEffect5, useMemo as useMemo6, useState as useState8 } from "react";
-import { Box as Box7, Button as Button7, Flex as Flex6, Input as Input5, NativeSelect as NativeSelect4, SimpleGrid as SimpleGrid3, Stack as Stack3, Text as Text9, Textarea as Textarea3 } from "@chakra-ui/react";
+import { Box as Box8, Button as Button7, Flex as Flex6, Input as Input5, NativeSelect as NativeSelect4, SimpleGrid as SimpleGrid3, Stack as Stack3, Text as Text9, Textarea as Textarea3 } from "@chakra-ui/react";
 
 // src/components/internal/CoreSummaryCards.tsx
 import { SimpleGrid as SimpleGrid2, Box as Box5, Text as Text6, Badge as Badge2 } from "@chakra-ui/react";
@@ -1894,7 +1894,7 @@ function CoreSummaryCards({ cards = [], parent, relations }) {
 
 // src/components/internal/CoreRelatedGrid.tsx
 import { useMemo as useMemo5, useState as useState7 } from "react";
-import { Badge as Badge3, Box as Box6, Button as Button6, Flex as Flex5, Table as Table2, Text as Text8 } from "@chakra-ui/react";
+import { Badge as Badge3, Box as Box7, Button as Button6, Flex as Flex5, Table as Table2, Text as Text8 } from "@chakra-ui/react";
 import { useMutation, useQuery as useQuery5, useQueryClient } from "@tanstack/react-query";
 
 // src/components/internal/CoreInlineEditableCell.tsx
@@ -1944,7 +1944,60 @@ function CoreInlineEditableCell({ column, meta, value, onChange }) {
 
 // src/components/internal/CoreRowAction.tsx
 import { useState as useState6 } from "react";
-import { Button as Button5, Text as Text7 } from "@chakra-ui/react";
+import { Box as Box6, Button as Button5, Text as Text7 } from "@chakra-ui/react";
+
+// src/components/internal/actionError.ts
+function asRecord(value) {
+  return value && typeof value === "object" ? value : void 0;
+}
+function firstText(...values) {
+  return values.find((value) => typeof value === "string" && value.trim().length > 0)?.trim();
+}
+function firstNumber(...values) {
+  return values.find((value) => typeof value === "number" && Number.isFinite(value));
+}
+function collectDetailMessages(value, visited = /* @__PURE__ */ new WeakSet(), depth = 0) {
+  if (depth > 4 || value == null) return [];
+  if (typeof value === "string") return value.trim() ? [value.trim()] : [];
+  if (Array.isArray(value)) {
+    return value.flatMap((item) => collectDetailMessages(item, visited, depth + 1));
+  }
+  if (typeof value !== "object" || visited.has(value)) return [];
+  visited.add(value);
+  const record = value;
+  const field = firstText(record.field, record.path, record.property, record.name);
+  const message = firstText(record.message, record.msg, record.reason);
+  const direct = message ? [field ? `${field}: ${message}` : message] : [];
+  const nestedKeys = ["details", "errors", "validation", "fields"];
+  const nested = nestedKeys.flatMap((key) => collectDetailMessages(record[key], visited, depth + 1));
+  if (direct.length || nested.length) return [...direct, ...nested];
+  return Object.entries(record).filter(([key]) => !["code", "status", "statusCode", "requestId"].includes(key)).flatMap(([, nestedValue]) => collectDetailMessages(nestedValue, visited, depth + 1));
+}
+function unique(values) {
+  return [...new Set(values.map((value) => value.trim()).filter(Boolean))];
+}
+function describeActionError(error) {
+  if (error instanceof Error) return { message: error.message };
+  if (typeof error === "string") return { message: error };
+  const record = asRecord(error);
+  if (!record) return { message: "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o." };
+  const envelope = asRecord(record.error) ?? record;
+  const message = firstText(envelope.message, record.message) ?? "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o.";
+  const details = unique(collectDetailMessages(envelope.details ?? record.details)).filter((detail) => detail !== message).slice(0, 3);
+  const code = firstText(envelope.code, record.code);
+  const status = firstNumber(envelope.status, envelope.statusCode, record.status, record.statusCode);
+  const requestId = firstText(envelope.requestId, record.requestId);
+  const technical = [
+    code ? `C\xF3digo: ${code}` : void 0,
+    status ? `HTTP: ${status}` : void 0,
+    requestId ? `ID da requisi\xE7\xE3o: ${requestId}` : void 0
+  ].filter((value) => Boolean(value));
+  const contextParts = [...details, ...technical];
+  return {
+    message,
+    ...contextParts.length ? { context: contextParts.join(" \u2022 ") } : {}
+  };
+}
 
 // src/components/internal/conditions.ts
 function valueAt(source, path) {
@@ -1987,8 +2040,25 @@ var ACTION_TONES = {
   neutral: { bg: "#F1F5F9", color: "#334155", border: "#E2E8F0", hover: "#E8EEF5" },
   brand: { bg: "#E0F2FE", color: "#075985", border: "#BAE6FD", hover: "#D5EEFC" }
 };
-function messageOf2(error) {
-  return error instanceof Error ? error.message : typeof error === "string" ? error : "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o.";
+function ActionErrorMessage({ error }) {
+  const description = describeActionError(error);
+  return /* @__PURE__ */ jsxs8(
+    Box6,
+    {
+      role: "alert",
+      mt: "5px",
+      maxW: "420px",
+      p: "7px 9px",
+      bg: "#FEF3F2",
+      borderWidth: "1px",
+      borderColor: "#FECDCA",
+      borderRadius: "6px",
+      children: [
+        /* @__PURE__ */ jsx12(Text7, { color: "#B42318", fontSize: "10px", fontWeight: "600", lineHeight: "1.35", children: description.message }),
+        description.context ? /* @__PURE__ */ jsx12(Text7, { mt: "2px", color: "#7A271A", fontSize: "9px", lineHeight: "1.35", children: description.context }) : null
+      ]
+    }
+  );
 }
 function unwrap2(value) {
   if (!value || typeof value !== "object") return {};
@@ -2112,7 +2182,7 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
         ]
       }
     ),
-    error ? /* @__PURE__ */ jsx12(Text7, { mt: "3px", color: "#B42318", fontSize: "9px", children: messageOf2(error) }) : null,
+    error ? /* @__PURE__ */ jsx12(ActionErrorMessage, { error }) : null,
     formOpen && pipelineAction.type === "formAction" ? /* @__PURE__ */ jsx12(
       DynamicForm,
       {
@@ -2214,12 +2284,12 @@ function CoreRelatedGrid({
     [id]: { ...current[id] ?? {}, [field]: value }
   }));
   const createFields = tab.create?.fields?.length ? tab.create.fields : formFieldsFromMeta(schema?.fields ?? []).filter((field) => ![relation.foreignKey, "_id", "createdAt", "updatedAt"].includes(field.field));
-  return /* @__PURE__ */ jsxs9(Box6, { children: [
+  return /* @__PURE__ */ jsxs9(Box7, { children: [
     canCreate ? /* @__PURE__ */ jsx13(Flex5, { justify: "flex-end", mb: "10px", children: /* @__PURE__ */ jsx13(Button6, { size: "sm", colorPalette: "brand", onClick: () => {
       setCreateError(null);
       setCreating(true);
     }, children: tab.create?.label ?? "Novo registro" }) }) : null,
-    /* @__PURE__ */ jsx13(Box6, { overflowX: "auto", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: /* @__PURE__ */ jsxs9(Table2.Root, { size: "sm", minW: "760px", children: [
+    /* @__PURE__ */ jsx13(Box7, { overflowX: "auto", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: /* @__PURE__ */ jsxs9(Table2.Root, { size: "sm", minW: "760px", children: [
       /* @__PURE__ */ jsx13(Table2.Header, { children: /* @__PURE__ */ jsxs9(Table2.Row, { bg: "#F4F7F9", children: [
         columns.map((column) => /* @__PURE__ */ jsx13(Table2.ColumnHeader, { fontSize: "10px", children: column.label ?? column.field }, column.field)),
         hasActions ? /* @__PURE__ */ jsx13(Table2.ColumnHeader, { children: "A\xE7\xF5es" }) : null
@@ -2332,7 +2402,7 @@ function initialFieldValue2(field, value) {
 function isMultiline2(field) {
   return /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
-function messageOf3(error) {
+function messageOf2(error) {
   if (!error) return null;
   if (typeof error === "string") return error;
   if (error instanceof Error) return error.message;
@@ -2420,9 +2490,9 @@ function FieldControl({
     const checkedValue = String(field.checkedValue ?? true);
     const uncheckedValue = String(field.uncheckedValue ?? false);
     const checked = (value || uncheckedValue) === checkedValue;
-    return /* @__PURE__ */ jsxs10(Box7, { children: [
+    return /* @__PURE__ */ jsxs10(Box8, { children: [
       /* @__PURE__ */ jsxs10(
-        Box7,
+        Box8,
         {
           as: "label",
           display: "flex",
@@ -2458,7 +2528,7 @@ function FieldControl({
   }
   if (field.kind === "ref" && field.ref) {
     const reference = resolveReference2(field, values);
-    return /* @__PURE__ */ jsxs10(Box7, { children: [
+    return /* @__PURE__ */ jsxs10(Box8, { children: [
       /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
       /* @__PURE__ */ jsx14(
         ReferenceSelect,
@@ -2510,7 +2580,7 @@ function FieldControl({
       onChange: (event) => onChange(parseMaskedInput(event.currentTarget.value, mask))
     }
   );
-  return /* @__PURE__ */ jsxs10(Box7, { children: [
+  return /* @__PURE__ */ jsxs10(Box8, { children: [
     /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
     control,
     /* @__PURE__ */ jsx14(ErrorText2, { id: errorId, message: error })
@@ -2526,9 +2596,9 @@ function GroupSection({
 }) {
   if (!fields.length) return null;
   const columns = group.columns ?? 2;
-  return /* @__PURE__ */ jsxs10(Box7, { p: { base: "12px", md: "14px" }, bg: "#FAFCFD", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "9px", children: [
+  return /* @__PURE__ */ jsxs10(Box8, { p: { base: "12px", md: "14px" }, bg: "#FAFCFD", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "9px", children: [
     /* @__PURE__ */ jsx14(Text9, { color: "#344054", fontSize: "12px", fontWeight: "700", children: group.label }),
-    group.description ? /* @__PURE__ */ jsx14(Text9, { mt: "2px", mb: "12px", color: "#667085", fontSize: "10px", children: group.description }) : /* @__PURE__ */ jsx14(Box7, { h: "10px" }),
+    group.description ? /* @__PURE__ */ jsx14(Text9, { mt: "2px", mb: "12px", color: "#667085", fontSize: "10px", children: group.description }) : /* @__PURE__ */ jsx14(Box8, { h: "10px" }),
     /* @__PURE__ */ jsx14(SimpleGrid3, { columns: { base: 1, md: Math.min(columns, 2), xl: columns }, gapX: "16px", gapY: "14px", children: fields.map((field) => /* @__PURE__ */ jsx14(
       FieldControl,
       {
@@ -2641,7 +2711,7 @@ function InlineParentForm({
         }
       },
       children: /* @__PURE__ */ jsxs10(Stack3, { gap: "16px", children: [
-        error ? /* @__PURE__ */ jsx14(Box7, { role: "alert", p: "10px 12px", color: "#B42318", bg: "#FEF3F2", borderWidth: "1px", borderColor: "#FECDCA", borderRadius: "7px", fontSize: "11px", children: messageOf3(error) }) : null,
+        error ? /* @__PURE__ */ jsx14(Box8, { role: "alert", p: "10px 12px", color: "#B42318", bg: "#FEF3F2", borderWidth: "1px", borderColor: "#FECDCA", borderRadius: "7px", fontSize: "11px", children: messageOf2(error) }) : null,
         renderFields(),
         !externalSubmit ? /* @__PURE__ */ jsx14(Flex6, { justify: "flex-end", children: /* @__PURE__ */ jsx14(Button7, { type: "submit", colorPalette: "brand", loading: saving, children: "Salvar dados principais" }) }) : null
       ] })
@@ -2679,7 +2749,7 @@ function CoreTabbedDetail({
         tab.id
       );
     }) }),
-    /* @__PURE__ */ jsx14(Box7, { children: !active ? null : active.type === "summary" && parent ? /* @__PURE__ */ jsx14(CoreSummaryCards, { cards: active.cards, parent, relations }) : active.type === "form" ? /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx14(Box8, { children: !active ? null : active.type === "summary" && parent ? /* @__PURE__ */ jsx14(CoreSummaryCards, { cards: active.cards, parent, relations }) : active.type === "form" ? /* @__PURE__ */ jsx14(
       InlineParentForm,
       {
         fields: fieldsForTab(formFields, active.fields ?? active.groups?.flatMap((group) => group.fields)),
@@ -2765,9 +2835,9 @@ function CoreDetailModal({
   const displayTitle = parent?.[config.titleField ?? ""] ? String(parent[config.titleField ?? ""]) : title;
   const activeIsForm = (config.tabs.find((tab) => tab.id === activeTab) ?? config.tabs[0])?.type === "form";
   const formId = `oon-detail-form-${model.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
-  return /* @__PURE__ */ jsx15(Flex7, { position: "fixed", inset: 0, zIndex: 1e3, align: "center", justify: "center", p: 4, bg: "rgba(15,23,42,.48)", children: /* @__PURE__ */ jsxs11(Box8, { role: "dialog", "aria-modal": "true", display: "flex", flexDirection: "column", w: `min(${width}, 98vw)`, h: "94vh", maxH: "94vh", overflow: "hidden", bg: "white", borderRadius: "14px", boxShadow: "0 24px 70px rgba(15,23,42,.24)", children: [
+  return /* @__PURE__ */ jsx15(Flex7, { position: "fixed", inset: 0, zIndex: 1e3, align: "center", justify: "center", p: 4, bg: "rgba(15,23,42,.48)", children: /* @__PURE__ */ jsxs11(Box9, { role: "dialog", "aria-modal": "true", display: "flex", flexDirection: "column", w: `min(${width}, 98vw)`, h: "94vh", maxH: "94vh", overflow: "hidden", bg: "white", borderRadius: "14px", boxShadow: "0 24px 70px rgba(15,23,42,.24)", children: [
     /* @__PURE__ */ jsxs11(Flex7, { minH: "72px", px: "20px", py: "10px", align: "center", justify: "space-between", gap: 4, borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
-      /* @__PURE__ */ jsxs11(Box8, { minW: "160px", children: [
+      /* @__PURE__ */ jsxs11(Box9, { minW: "160px", children: [
         /* @__PURE__ */ jsx15(Text10, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Detalhe" }),
         /* @__PURE__ */ jsx15(Heading3, { size: "md", children: recordId ? displayTitle : `Novo ${title}` })
       ] }),
@@ -2794,7 +2864,7 @@ function CoreDetailModal({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(Box8, { flex: "1", minH: 0, p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx15(Box9, { flex: "1", minH: 0, p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(
       CoreTabbedDetail,
       {
         tabs: config.tabs,
@@ -2830,7 +2900,7 @@ function CoreDetailModal({
         borderColor: "#E5E9ED",
         boxShadow: "0 -8px 24px rgba(15,23,42,.06)",
         children: [
-          /* @__PURE__ */ jsx15(Box8, { children: recordId ? bottomActions : null }),
+          /* @__PURE__ */ jsx15(Box9, { children: recordId ? bottomActions : null }),
           /* @__PURE__ */ jsx15(Button8, { type: "submit", form: formId, colorPalette: "brand", disabled: !activeIsForm || schemaQuery.isLoading || parentQuery.isLoading, children: "Salvar" })
         ]
       }
@@ -2885,7 +2955,7 @@ function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynam
   if (needsSchema && schemaQuery.isError) return /* @__PURE__ */ jsx16(ErrorState, { error: schemaQuery.error });
   const title = label ?? schema?.name ?? model;
   return /* @__PURE__ */ jsxs12(Stack4, { gap: 5, children: [
-    /* @__PURE__ */ jsxs12(Box9, { children: [
+    /* @__PURE__ */ jsxs12(Box10, { children: [
       /* @__PURE__ */ jsx16(Text11, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: section }),
       /* @__PURE__ */ jsx16(Heading4, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: title }),
       /* @__PURE__ */ jsx16(Text11, { mt: 1, fontSize: "13px", color: "gray.500", children: "Consulte, filtre e mantenha os registros desta opera\xE7\xE3o." })
@@ -2979,8 +3049,8 @@ function CoreDocument({ model, label, endpoint, columns, form }) {
 }
 
 // src/components/CorePipeline.tsx
-import { useState as useState11 } from "react";
-import { Badge as Badge4, Box as Box10, Button as Button9, Flex as Flex8, Heading as Heading5, Input as Input6, NativeSelect as NativeSelect5, Stack as Stack5, Text as Text12 } from "@chakra-ui/react";
+import { useEffect as useEffect7, useRef as useRef2, useState as useState11 } from "react";
+import { Badge as Badge4, Box as Box11, Button as Button9, Flex as Flex8, Heading as Heading5, Input as Input6, NativeSelect as NativeSelect5, Stack as Stack5, Text as Text12 } from "@chakra-ui/react";
 import { useMutation as useMutation3, useQuery as useQuery7, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 
 // src/pipelineTicket.ts
@@ -3108,6 +3178,19 @@ function groupPipelineActions(actions) {
   };
 }
 
+// src/components/internal/pipelineBoardScroll.ts
+var EDGE_TOLERANCE = 2;
+function resolveHorizontalScrollState(metrics) {
+  const maxScrollLeft = Math.max(0, metrics.scrollWidth - metrics.clientWidth);
+  return {
+    canScrollLeft: metrics.scrollLeft > EDGE_TOLERANCE,
+    canScrollRight: metrics.scrollLeft < maxScrollLeft - EDGE_TOLERANCE
+  };
+}
+function pipelineBoardScrollStep(clientWidth) {
+  return Math.max(280, Math.round(clientWidth * 0.75));
+}
+
 // src/components/CorePipeline.tsx
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function ticketId(row) {
@@ -3131,6 +3214,10 @@ function workStatusColor(value) {
   if (/revisar|revisao|review/.test(normalized2)) return "#DC2626";
   return "#94A3B8";
 }
+function PipelineArrowIcon({ direction }) {
+  const path = direction === "left" ? "M12.5 5 7.5 10l5 5" : "m7.5 5 5 5-5 5";
+  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 20 20", width: "18", height: "18", "aria-hidden": "true", children: /* @__PURE__ */ jsx18("path", { d: path, fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
 function PipelineFilterControl({
   filter,
   value,
@@ -3138,7 +3225,7 @@ function PipelineFilterControl({
   onChange
 }) {
   if (filter.type === "ref" && meta?.ref) {
-    return /* @__PURE__ */ jsx18(Box10, { w: "220px", children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx18(Box11, { w: "220px", children: /* @__PURE__ */ jsx18(
       ReferenceSelect,
       {
         field: filter.field,
@@ -3206,6 +3293,8 @@ function CorePipeline({
   const [selectedTicket, setSelectedTicket] = useState11(null);
   const [creating, setCreating] = useState11(false);
   const [formError, setFormError] = useState11(null);
+  const boardRef = useRef2(null);
+  const [boardScrollState, setBoardScrollState] = useState11({ canScrollLeft: false, canScrollRight: false });
   const effectiveFilters = Object.fromEntries(
     Object.entries(filterValues).filter(([, value]) => value !== "" && value != null)
   );
@@ -3214,6 +3303,23 @@ function CorePipeline({
     queryFn: () => resource.list({ pageSize: 200, ...effectiveFilters }),
     enabled: !!schema && viewMode === "board"
   });
+  useEffect7(() => {
+    if (viewMode !== "board") return void 0;
+    const board = boardRef.current;
+    if (!board) return void 0;
+    const sync = () => setBoardScrollState(resolveHorizontalScrollState(board));
+    sync();
+    board.addEventListener("scroll", sync, { passive: true });
+    window.addEventListener("resize", sync);
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(sync) : void 0;
+    resizeObserver?.observe(board);
+    Array.from(board.children).forEach((child) => resizeObserver?.observe(child));
+    return () => {
+      board.removeEventListener("scroll", sync);
+      window.removeEventListener("resize", sync);
+      resizeObserver?.disconnect();
+    };
+  }, [viewMode, listQuery.data?.results?.length, stages?.length, schema?.fields.length]);
   const invalidate = async () => {
     await Promise.all([
       queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] }),
@@ -3270,6 +3376,12 @@ function CorePipeline({
       ...defaultStage ? { [stageField]: defaultStage } : {}
     });
   };
+  const scrollBoard = (direction) => {
+    const board = boardRef.current;
+    if (!board) return;
+    const step = pipelineBoardScrollStep(board.clientWidth);
+    board.scrollBy({ left: direction === "left" ? -step : step, behavior: "smooth" });
+  };
   const renderModalAction = (action, index) => selectedTicket ? /* @__PURE__ */ jsx18(
     CoreRowAction,
     {
@@ -3296,7 +3408,7 @@ function CorePipeline({
   ] }) : null;
   return /* @__PURE__ */ jsxs13(Stack5, { gap: 5, children: [
     /* @__PURE__ */ jsxs13(Flex8, { align: { base: "stretch", md: "flex-end" }, justify: "space-between", gap: 4, direction: { base: "column", md: "row" }, children: [
-      /* @__PURE__ */ jsxs13(Box10, { children: [
+      /* @__PURE__ */ jsxs13(Box11, { children: [
         /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: "Esteira de processo" }),
         /* @__PURE__ */ jsx18(Heading5, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: label ?? schema?.name ?? model }),
         /* @__PURE__ */ jsx18(Text12, { mt: 1, fontSize: "13px", color: "gray.500", children: "Acompanhe os tickets por etapa e visualize os principais dados de cada item." })
@@ -3309,7 +3421,7 @@ function CorePipeline({
     filters.length ? /* @__PURE__ */ jsxs13(Flex8, { p: "12px", gap: "10px", align: "flex-end", wrap: "wrap", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: [
       filters.map((filter) => {
         const meta = schema?.fields.find((field) => field.name === filter.field);
-        return /* @__PURE__ */ jsxs13(Box10, { children: [
+        return /* @__PURE__ */ jsxs13(Box11, { children: [
           /* @__PURE__ */ jsx18(Text12, { mb: "4px", fontSize: "10px", color: "#667085", fontWeight: "600", children: filter.label ?? fieldLabel({ name: filter.field }) }),
           /* @__PURE__ */ jsx18(
             PipelineFilterControl,
@@ -3345,69 +3457,143 @@ function CorePipeline({
           setSelectedTicket(row);
         }
       }
-    ) : /* @__PURE__ */ jsx18(Flex8, { gap: 4, align: "stretch", overflowX: "auto", pb: 3, minH: "420px", children: Array.from(byStage.entries()).map(([stageId, items]) => {
-      const stageLabel = resolvedStages.find((stage) => stage.id === stageId)?.label ?? (stageId || "Sem etapa");
-      return /* @__PURE__ */ jsxs13(Box10, { minW: "300px", maxW: "340px", flex: "1 0 300px", bg: "#E8ECEF", borderRadius: "12px", p: 3, borderWidth: "1px", borderColor: "#DDE3E7", children: [
-        /* @__PURE__ */ jsxs13(Flex8, { align: "center", justify: "space-between", mb: 3, px: 1, children: [
-          /* @__PURE__ */ jsx18(Text12, { fontWeight: "700", fontSize: "12px", color: "#33434C", textTransform: "uppercase", letterSpacing: "0.03em", children: stageLabel }),
-          /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
-        ] }),
-        /* @__PURE__ */ jsx18(Stack5, { gap: 2, children: items.length === 0 ? /* @__PURE__ */ jsx18(Box10, { borderWidth: "1px", borderStyle: "dashed", borderColor: "#C8D0D5", borderRadius: "10px", p: 5, textAlign: "center", children: /* @__PURE__ */ jsx18(Text12, { fontSize: "12px", color: "gray.500", children: "Nenhum ticket nesta etapa." }) }) : items.map((row, index) => {
-          const ticketTitle = formatCell(row[resolvedTitleField], "string");
-          return /* @__PURE__ */ jsxs13(
-            Button9,
-            {
-              type: "button",
-              variant: "plain",
-              display: "block",
-              w: "100%",
-              h: "auto",
-              minH: "auto",
-              p: 3,
-              bg: "white",
-              borderRadius: "10px",
-              borderWidth: "1px",
-              borderColor: "#DDE3E7",
-              boxShadow: "0 3px 10px rgba(7, 38, 46, 0.05)",
-              textAlign: "left",
-              whiteSpace: "normal",
-              "aria-label": `Abrir ticket ${ticketTitle}`,
-              onClick: () => {
-                setFormError(null);
-                setCreating(false);
-                setSelectedTicket(row);
-              },
-              _hover: { borderColor: "brand.300", transform: "translateY(-1px)", boxShadow: "0 7px 18px rgba(7, 38, 46, 0.09)" },
-              children: [
-                /* @__PURE__ */ jsxs13(Flex8, { align: "flex-start", justify: "space-between", gap: "8px", mb: 2, children: [
-                  /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", lineClamp: 2, children: ticketTitle }),
-                  /* @__PURE__ */ jsx18(
-                    Box10,
-                    {
-                      as: "span",
-                      title: `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
-                      "aria-label": `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
-                      flex: "0 0 auto",
-                      w: "10px",
-                      h: "10px",
-                      mt: "4px",
-                      borderRadius: "full",
-                      bg: workStatusColor(row[workStatusField]),
-                      boxShadow: "0 0 0 3px white, 0 0 0 4px #E2E8F0"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx18(Stack5, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs13(Flex8, { gap: 2, align: "baseline", justify: "space-between", children: [
-                  /* @__PURE__ */ jsx18(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
-                  /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
-                ] }, field.name)) })
-              ]
-            },
-            ticketId(row) ?? index
-          );
-        }) })
-      ] }, stageId);
-    }) }),
+    ) : /* @__PURE__ */ jsxs13(Box11, { position: "relative", children: [
+      /* @__PURE__ */ jsx18(
+        Flex8,
+        {
+          ref: boardRef,
+          "data-oon-pipeline-board": "true",
+          gap: 4,
+          align: "stretch",
+          overflowX: "auto",
+          overflowY: "auto",
+          h: "clamp(420px, calc(100vh - 250px), 760px)",
+          minH: "420px",
+          pb: "18px",
+          pr: "2px",
+          scrollBehavior: "smooth",
+          scrollbarGutter: "stable both-edges",
+          overscrollBehaviorX: "contain",
+          children: Array.from(byStage.entries()).map(([stageId, items]) => {
+            const stageLabel = resolvedStages.find((stage) => stage.id === stageId)?.label ?? (stageId || "Sem etapa");
+            return /* @__PURE__ */ jsxs13(Box11, { minW: "300px", maxW: "340px", flex: "1 0 300px", bg: "#E8ECEF", borderRadius: "12px", p: 3, borderWidth: "1px", borderColor: "#DDE3E7", children: [
+              /* @__PURE__ */ jsxs13(Flex8, { align: "center", justify: "space-between", mb: 3, px: 1, children: [
+                /* @__PURE__ */ jsx18(Text12, { fontWeight: "700", fontSize: "12px", color: "#33434C", textTransform: "uppercase", letterSpacing: "0.03em", children: stageLabel }),
+                /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
+              ] }),
+              /* @__PURE__ */ jsx18(Stack5, { gap: 2, children: items.length === 0 ? /* @__PURE__ */ jsx18(Box11, { borderWidth: "1px", borderStyle: "dashed", borderColor: "#C8D0D5", borderRadius: "10px", p: 5, textAlign: "center", children: /* @__PURE__ */ jsx18(Text12, { fontSize: "12px", color: "gray.500", children: "Nenhum ticket nesta etapa." }) }) : items.map((row, index) => {
+                const ticketTitle = formatCell(row[resolvedTitleField], "string");
+                return /* @__PURE__ */ jsxs13(
+                  Button9,
+                  {
+                    type: "button",
+                    variant: "plain",
+                    display: "block",
+                    w: "100%",
+                    h: "auto",
+                    minH: "auto",
+                    p: 3,
+                    bg: "white",
+                    borderRadius: "10px",
+                    borderWidth: "1px",
+                    borderColor: "#DDE3E7",
+                    boxShadow: "0 3px 10px rgba(7, 38, 46, 0.05)",
+                    textAlign: "left",
+                    whiteSpace: "normal",
+                    "aria-label": `Abrir ticket ${ticketTitle}`,
+                    onClick: () => {
+                      setFormError(null);
+                      setCreating(false);
+                      setSelectedTicket(row);
+                    },
+                    _hover: { borderColor: "brand.300", transform: "translateY(-1px)", boxShadow: "0 7px 18px rgba(7, 38, 46, 0.09)" },
+                    children: [
+                      /* @__PURE__ */ jsxs13(Flex8, { align: "flex-start", justify: "space-between", gap: "8px", mb: 2, children: [
+                        /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", lineClamp: 2, children: ticketTitle }),
+                        /* @__PURE__ */ jsx18(
+                          Box11,
+                          {
+                            as: "span",
+                            title: `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
+                            "aria-label": `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
+                            flex: "0 0 auto",
+                            w: "10px",
+                            h: "10px",
+                            mt: "4px",
+                            borderRadius: "full",
+                            bg: workStatusColor(row[workStatusField]),
+                            boxShadow: "0 0 0 3px white, 0 0 0 4px #E2E8F0"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx18(Stack5, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs13(Flex8, { gap: 2, align: "baseline", justify: "space-between", children: [
+                        /* @__PURE__ */ jsx18(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
+                        /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
+                      ] }, field.name)) })
+                    ]
+                  },
+                  ticketId(row) ?? index
+                );
+              }) })
+            ] }, stageId);
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx18(
+        Button9,
+        {
+          type: "button",
+          "aria-label": "Deslizar quadro para a esquerda",
+          title: "Deslizar para a esquerda",
+          position: "absolute",
+          left: "8px",
+          top: "50%",
+          transform: "translateY(-50%)",
+          zIndex: 3,
+          minW: "34px",
+          w: "34px",
+          h: "34px",
+          p: 0,
+          borderRadius: "full",
+          variant: "outline",
+          bg: "rgba(255,255,255,.96)",
+          borderColor: "#CBD5E1",
+          boxShadow: "0 5px 16px rgba(15,23,42,.16)",
+          disabled: !boardScrollState.canScrollLeft,
+          onClick: () => scrollBoard("left"),
+          _hover: { bg: "white", borderColor: "brand.400" },
+          _disabled: { opacity: 0.25, cursor: "not-allowed" },
+          children: /* @__PURE__ */ jsx18(PipelineArrowIcon, { direction: "left" })
+        }
+      ),
+      /* @__PURE__ */ jsx18(
+        Button9,
+        {
+          type: "button",
+          "aria-label": "Deslizar quadro para a direita",
+          title: "Deslizar para a direita",
+          position: "absolute",
+          right: "8px",
+          top: "50%",
+          transform: "translateY(-50%)",
+          zIndex: 3,
+          minW: "34px",
+          w: "34px",
+          h: "34px",
+          p: 0,
+          borderRadius: "full",
+          variant: "outline",
+          bg: "rgba(255,255,255,.96)",
+          borderColor: "#CBD5E1",
+          boxShadow: "0 5px 16px rgba(15,23,42,.16)",
+          disabled: !boardScrollState.canScrollRight,
+          onClick: () => scrollBoard("right"),
+          _hover: { bg: "white", borderColor: "brand.400" },
+          _disabled: { opacity: 0.25, cursor: "not-allowed" },
+          children: /* @__PURE__ */ jsx18(PipelineArrowIcon, { direction: "right" })
+        }
+      )
+    ] }),
     selectedTicket && ticketModal && ticketModal.enabled !== false ? /* @__PURE__ */ jsx18(
       CoreDetailModal,
       {
@@ -3461,7 +3647,7 @@ function CorePipeline({
 }
 
 // src/components/CoreDashboard.tsx
-import { Box as Box11, Heading as Heading6, SimpleGrid as SimpleGrid4, Stack as Stack6, Text as Text13 } from "@chakra-ui/react";
+import { Box as Box12, Heading as Heading6, SimpleGrid as SimpleGrid4, Stack as Stack6, Text as Text13 } from "@chakra-ui/react";
 import { useQueries } from "@tanstack/react-query";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function CoreDashboard({ label = "Dashboard", widgets = [] }) {
@@ -3484,11 +3670,11 @@ function CoreDashboard({ label = "Dashboard", widgets = [] }) {
     /* @__PURE__ */ jsx19(Heading6, { size: "lg", children: label }),
     /* @__PURE__ */ jsx19(SimpleGrid4, { columns: { base: 1, md: 2, lg: 3 }, gap: 4, children: widgets.map((w) => {
       if (w.kind === "custom" && w.render) {
-        return /* @__PURE__ */ jsx19(Box11, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: w.render() }, w.id);
+        return /* @__PURE__ */ jsx19(Box12, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: w.render() }, w.id);
       }
       const q = queries[queryIdx++];
       const value = q?.isLoading ? "\u2026" : q?.isError ? "\u2014" : formatWidget(q?.data, w.kind, w.field);
-      return /* @__PURE__ */ jsxs14(Box11, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: [
+      return /* @__PURE__ */ jsxs14(Box12, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: [
         /* @__PURE__ */ jsx19(Text13, { fontSize: "sm", color: "gray.500", children: w.label }),
         /* @__PURE__ */ jsx19(Heading6, { size: "xl", mt: 1, children: value })
       ] }, w.id);
@@ -3504,7 +3690,7 @@ function formatWidget(value, kind, field) {
 }
 
 // src/components/ui-v2/CorePage.tsx
-import { Box as Box14, Heading as Heading8, Stack as Stack7, Text as Text16 } from "@chakra-ui/react";
+import { Box as Box15, Heading as Heading8, Stack as Stack7, Text as Text16 } from "@chakra-ui/react";
 
 // src/security/PermissionGate.tsx
 import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
@@ -3518,7 +3704,7 @@ function PermissionGate({
 }
 
 // src/app/componentRegistry.tsx
-import { Box as Box12, Text as Text14 } from "@chakra-ui/react";
+import { Box as Box13, Text as Text14 } from "@chakra-ui/react";
 import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var PREFIX_BUCKETS = {
   "custom": "pageComponents",
@@ -3540,7 +3726,7 @@ function resolveComponent(registry, key, bucket) {
 }
 function MissingRenderer({ renderer, children }) {
   if (import.meta.env?.MODE === "production") return /* @__PURE__ */ jsx21(Fragment4, { children: children ?? null });
-  return /* @__PURE__ */ jsxs15(Box12, { borderWidth: "1px", borderStyle: "dashed", borderColor: "orange.300", bg: "orange.50", color: "orange.900", borderRadius: "md", p: 3, children: [
+  return /* @__PURE__ */ jsxs15(Box13, { borderWidth: "1px", borderStyle: "dashed", borderColor: "orange.300", bg: "orange.50", color: "orange.900", borderRadius: "md", p: 3, children: [
     /* @__PURE__ */ jsx21(Text14, { fontSize: "sm", fontWeight: "600", children: "Renderer n\xE3o encontrado" }),
     /* @__PURE__ */ jsxs15(Text14, { fontSize: "xs", children: [
       "Registre a chave ",
@@ -3552,14 +3738,14 @@ function MissingRenderer({ renderer, children }) {
 }
 
 // src/components/ui-v2/CorePrimitives.tsx
-import { Box as Box13, Button as Button10, Flex as Flex9, Heading as Heading7, Spinner as Spinner3, Text as Text15 } from "@chakra-ui/react";
+import { Box as Box14, Button as Button10, Flex as Flex9, Heading as Heading7, Spinner as Spinner3, Text as Text15 } from "@chakra-ui/react";
 import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function CorePage({ children }) {
-  return /* @__PURE__ */ jsx22(Box13, { children });
+  return /* @__PURE__ */ jsx22(Box14, { children });
 }
 function CorePageHeader({ title, description, actions }) {
   return /* @__PURE__ */ jsxs16(Flex9, { align: "start", justify: "space-between", gap: 4, mb: 6, children: [
-    /* @__PURE__ */ jsxs16(Box13, { children: [
+    /* @__PURE__ */ jsxs16(Box14, { children: [
       title ? /* @__PURE__ */ jsx22(Heading7, { size: "lg", children: title }) : null,
       description ? /* @__PURE__ */ jsx22(Text15, { color: "gray.600", mt: 1, children: description }) : null
     ] }),
@@ -3576,10 +3762,10 @@ function CoreCards(props) {
   return /* @__PURE__ */ jsx22(CoreCollection, { model: props.model, mode: "minimal", label: props.model });
 }
 function CoreForm(props) {
-  return /* @__PURE__ */ jsx22(Box13, { children: props.children });
+  return /* @__PURE__ */ jsx22(Box14, { children: props.children });
 }
 function CoreField({ label, children }) {
-  return /* @__PURE__ */ jsxs16(Box13, { children: [
+  return /* @__PURE__ */ jsxs16(Box14, { children: [
     /* @__PURE__ */ jsx22(Text15, { fontSize: "sm", fontWeight: "600", children: label }),
     children
   ] });
@@ -3591,7 +3777,7 @@ function CoreActions({ children }) {
   return /* @__PURE__ */ jsx22(Flex9, { gap: 2, children });
 }
 function CoreEmptyState({ title = "Nenhum dado encontrado", actionLabel, onAction }) {
-  return /* @__PURE__ */ jsxs16(Box13, { textAlign: "center", py: 10, children: [
+  return /* @__PURE__ */ jsxs16(Box14, { textAlign: "center", py: 10, children: [
     /* @__PURE__ */ jsx22(Text15, { children: title }),
     actionLabel ? /* @__PURE__ */ jsx22(Button10, { mt: 3, onClick: onAction, children: actionLabel }) : null
   ] });
@@ -3627,7 +3813,7 @@ function CoreBlock({ block, registry }) {
         return Component ? /* @__PURE__ */ jsx23(Component, { block, model: block.model }) : /* @__PURE__ */ jsx23(CoreCards, { model: block.model, renderer: block.renderer });
       }
       case "section":
-        return /* @__PURE__ */ jsxs17(Box14, { children: [
+        return /* @__PURE__ */ jsxs17(Box15, { children: [
           /* @__PURE__ */ jsx23(Heading8, { size: "md", mb: block.description ? 1 : 4, children: block.title }),
           block.description ? /* @__PURE__ */ jsx23(Text16, { color: "gray.600", mb: 4, children: block.description }) : null,
           /* @__PURE__ */ jsx23(Stack7, { gap: 4, children: block.blocks?.map((child, index) => /* @__PURE__ */ jsx23(CoreBlock, { block: child, registry }, child.id ?? index)) })
@@ -3798,11 +3984,11 @@ import {
 } from "react-router-dom";
 
 // src/shell/DefaultShell.tsx
-import { Box as Box16, Button as Button11, Flex as Flex11, Spacer as Spacer2, Text as Text18 } from "@chakra-ui/react";
+import { Box as Box17, Button as Button11, Flex as Flex11, Spacer as Spacer2, Text as Text18 } from "@chakra-ui/react";
 import { Outlet } from "react-router-dom";
 
 // src/shell/Sidebar.tsx
-import { Box as Box15, Flex as Flex10, Image, Stack as Stack8, Text as Text17 } from "@chakra-ui/react";
+import { Box as Box16, Flex as Flex10, Image, Stack as Stack8, Text as Text17 } from "@chakra-ui/react";
 import { NavLink } from "react-router-dom";
 import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function groupBySection(items) {
@@ -3818,7 +4004,7 @@ function Sidebar({ app, menu, registry }) {
   const { hasPermission } = useOonAuth();
   const visible = menu.filter((item) => !item.hidden && hasPermission(item.permissions));
   return /* @__PURE__ */ jsxs18(
-    Box15,
+    Box16,
     {
       as: "nav",
       w: { base: "76px", lg: "248px" },
@@ -3850,7 +4036,7 @@ function Sidebar({ app, menu, registry }) {
               children: "O"
             }
           ),
-          /* @__PURE__ */ jsxs18(Box15, { display: { base: "none", lg: "block" }, minW: 0, children: [
+          /* @__PURE__ */ jsxs18(Box16, { display: { base: "none", lg: "block" }, minW: 0, children: [
             /* @__PURE__ */ jsx25(Text17, { fontWeight: "700", fontSize: "sm", color: "#07262E", lineClamp: 1, children: app.name }),
             /* @__PURE__ */ jsx25(Text17, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Opera\xE7\xE3o digital" })
           ] })
@@ -3891,7 +4077,7 @@ function Sidebar({ app, menu, registry }) {
                 transition: "all 0.15s ease",
                 _hover: { bg: isActive ? "brand.50" : "#F8F9FA", color: "brand.700" },
                 children: [
-                  item.icon ? /* @__PURE__ */ jsx25(Box15, { flex: "0 0 auto", children: item.icon }) : /* @__PURE__ */ jsx25(Box15, { w: "7px", h: "7px", borderRadius: "full", bg: isActive ? "brand.500" : "gray.300" }),
+                  item.icon ? /* @__PURE__ */ jsx25(Box16, { flex: "0 0 auto", children: item.icon }) : /* @__PURE__ */ jsx25(Box16, { w: "7px", h: "7px", borderRadius: "full", bg: isActive ? "brand.500" : "gray.300" }),
                   /* @__PURE__ */ jsx25(Text17, { display: { base: "none", lg: "block" }, lineClamp: 1, children: item.label })
                 ]
               }
@@ -3908,13 +4094,13 @@ import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 function CoreTopbar({ app }) {
   const { user, logout } = useOonAuth();
   return /* @__PURE__ */ jsxs19(Flex11, { as: "header", align: "center", minH: "64px", px: { base: 4, lg: 6 }, py: 3, borderBottomWidth: "1px", borderColor: "#E8ECEF", bg: "rgba(255, 255, 255, 0.96)", backdropFilter: "blur(10px)", position: "sticky", top: 0, zIndex: 10, children: [
-    /* @__PURE__ */ jsxs19(Box16, { children: [
+    /* @__PURE__ */ jsxs19(Box17, { children: [
       /* @__PURE__ */ jsx26(Text18, { fontSize: "xs", fontWeight: "600", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Central Oon" }),
       /* @__PURE__ */ jsx26(Text18, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: app.title ?? app.name })
     ] }),
     /* @__PURE__ */ jsx26(Spacer2, {}),
     user ? /* @__PURE__ */ jsxs19(Flex11, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs19(Box16, { textAlign: "right", display: { base: "none", md: "block" }, children: [
+      /* @__PURE__ */ jsxs19(Box17, { textAlign: "right", display: { base: "none", md: "block" }, children: [
         /* @__PURE__ */ jsx26(Text18, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: user.nome }),
         user.email ? /* @__PURE__ */ jsx26(Text18, { fontSize: "xs", color: "gray.500", children: user.email }) : null
       ] }),
@@ -3930,7 +4116,7 @@ function Slot({ name, slot, registry, app, menu }) {
   }
   if (name === "sidebar") return /* @__PURE__ */ jsx26(Sidebar, { app, menu, registry });
   if (name === "topbar") return /* @__PURE__ */ jsx26(CoreTopbar, { app });
-  if (name === "footer" && slot === "core") return /* @__PURE__ */ jsx26(Box16, { as: "footer", px: 6, py: 4, color: "gray.500", fontSize: "xs", borderTopWidth: "1px", children: "OonCore" });
+  if (name === "footer" && slot === "core") return /* @__PURE__ */ jsx26(Box17, { as: "footer", px: 6, py: 4, color: "gray.500", fontSize: "xs", borderTopWidth: "1px", children: "OonCore" });
   return null;
 }
 function DefaultShell({ app, menu, layout, registry }) {
@@ -3941,7 +4127,7 @@ function DefaultShell({ app, menu, layout, registry }) {
     /* @__PURE__ */ jsxs19(Flex11, { direction: "column", flex: "1", minW: 0, children: [
       /* @__PURE__ */ jsx26(Slot, { name: "topbar", slot: layout?.topbar ?? "core", registry, app, menu }),
       /* @__PURE__ */ jsx26(Slot, { name: "header", slot: layout?.header, registry, app, menu }),
-      /* @__PURE__ */ jsx26(Box16, { as: "main", flex: "1", p: mainPadding, minW: 0, children: /* @__PURE__ */ jsx26(Box16, { maxW: portal ? "1180px" : "1680px", mx: "auto", children: /* @__PURE__ */ jsx26(Outlet, {}) }) }),
+      /* @__PURE__ */ jsx26(Box17, { as: "main", flex: "1", p: mainPadding, minW: 0, children: /* @__PURE__ */ jsx26(Box17, { maxW: portal ? "1180px" : "1680px", mx: "auto", children: /* @__PURE__ */ jsx26(Outlet, {}) }) }),
       /* @__PURE__ */ jsx26(Slot, { name: "footer", slot: layout?.footer ?? "none", registry, app, menu })
     ] })
   ] });
@@ -3962,7 +4148,7 @@ function AuthenticatedLayout({ app, menu, layout, registry }) {
 }
 
 // src/security/AccessDeniedPage.tsx
-import { Box as Box17, Button as Button12, Flex as Flex12, Heading as Heading9, Text as Text19, VStack } from "@chakra-ui/react";
+import { Box as Box18, Button as Button12, Flex as Flex12, Heading as Heading9, Text as Text19, VStack } from "@chakra-ui/react";
 import { useNavigate } from "react-router-dom";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function AccessDeniedPage({ app }) {
@@ -3973,7 +4159,7 @@ function AccessDeniedPage({ app }) {
     navigate("/login", { replace: true });
   }
   return /* @__PURE__ */ jsx28(Flex12, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx28(
-    Box17,
+    Box18,
     {
       width: "100%",
       maxW: "560px",
@@ -3985,7 +4171,7 @@ function AccessDeniedPage({ app }) {
       p: { base: 6, md: 10 },
       children: /* @__PURE__ */ jsxs20(VStack, { align: "stretch", gap: 6, children: [
         /* @__PURE__ */ jsx28(
-          Box17,
+          Box18,
           {
             width: "56px",
             height: "56px",
@@ -4001,7 +4187,7 @@ function AccessDeniedPage({ app }) {
             children: "!"
           }
         ),
-        /* @__PURE__ */ jsxs20(Box17, { children: [
+        /* @__PURE__ */ jsxs20(Box18, { children: [
           /* @__PURE__ */ jsx28(
             Text19,
             {
@@ -4077,7 +4263,7 @@ function AppAccessGuard({ children }) {
 // src/security/LoginPage.tsx
 import { useState as useState12 } from "react";
 import {
-  Box as Box18,
+  Box as Box19,
   Button as Button13,
   Flex as Flex13,
   Heading as Heading10,
@@ -4126,7 +4312,7 @@ function LoginPage({ app }) {
     }
   }
   return /* @__PURE__ */ jsx30(Flex13, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx30(
-    Box18,
+    Box19,
     {
       width: "100%",
       maxW: "440px",
@@ -4137,7 +4323,7 @@ function LoginPage({ app }) {
       boxShadow: "0 24px 70px rgba(7, 38, 46, 0.10)",
       p: { base: 6, md: 9 },
       children: /* @__PURE__ */ jsx30("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs21(VStack2, { align: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsxs21(Box18, { children: [
+        /* @__PURE__ */ jsxs21(Box19, { children: [
           /* @__PURE__ */ jsx30(
             Text20,
             {
@@ -4153,7 +4339,7 @@ function LoginPage({ app }) {
           /* @__PURE__ */ jsx30(Text20, { mt: 2, color: "gray.600", fontSize: "sm", children: "Entre com seu usu\xE1rio autorizado para acessar este aplicativo." })
         ] }),
         /* @__PURE__ */ jsxs21(VStack2, { align: "stretch", gap: 4, children: [
-          /* @__PURE__ */ jsxs21(Box18, { children: [
+          /* @__PURE__ */ jsxs21(Box19, { children: [
             /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "E-mail" }),
             /* @__PURE__ */ jsx30(
               Input7,
@@ -4167,7 +4353,7 @@ function LoginPage({ app }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs21(Box18, { children: [
+          /* @__PURE__ */ jsxs21(Box19, { children: [
             /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
             /* @__PURE__ */ jsx30(
               Input7,
@@ -4183,7 +4369,7 @@ function LoginPage({ app }) {
           ] })
         ] }),
         message ? /* @__PURE__ */ jsx30(
-          Box18,
+          Box19,
           {
             role: "alert",
             borderRadius: "10px",
@@ -4212,8 +4398,8 @@ function LoginPage({ app }) {
 }
 
 // src/security/ActivationPage.tsx
-import { useEffect as useEffect7, useState as useState13 } from "react";
-import { Box as Box19, Button as Button14, Heading as Heading11, Input as Input8, Text as Text21, VStack as VStack3 } from "@chakra-ui/react";
+import { useEffect as useEffect8, useState as useState13 } from "react";
+import { Box as Box20, Button as Button14, Heading as Heading11, Input as Input8, Text as Text21, VStack as VStack3 } from "@chakra-ui/react";
 import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function encodeBasicCredentials2(email, password) {
   const bytes = new TextEncoder().encode(`${email}:${password}`);
@@ -4239,7 +4425,7 @@ function ActivationPage() {
   const [devResult, setDevResult] = useState13(null);
   const [error, setError] = useState13(null);
   const [submitting, setSubmitting] = useState13(false);
-  useEffect7(() => {
+  useEffect8(() => {
     http.get("/ativacao/configuracao").then((response) => {
       setConfig(response.data);
       setGlobal(response.data.defaults || {});
@@ -4247,7 +4433,7 @@ function ActivationPage() {
       () => setError("N\xE3o foi poss\xEDvel carregar a configura\xE7\xE3o de ativa\xE7\xE3o.")
     );
   }, [http]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (activation.status === "active") {
       window.location.replace("/login");
     }
@@ -4348,7 +4534,7 @@ function ActivationPage() {
     }
   }
   function renderField(field, values, setValues) {
-    return /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+    return /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
       /* @__PURE__ */ jsxs22(Text21, { fontWeight: "medium", children: [
         field.label,
         field.required ? " *" : ""
@@ -4371,7 +4557,7 @@ function ActivationPage() {
   function renderDevLocalActivation() {
     return /* @__PURE__ */ jsxs22(Fragment6, { children: [
       /* @__PURE__ */ jsx31(Text21, { color: "gray.700", children: "Entre com seu e-mail e senha para ativar esta Central em ambiente de desenvolvimento. Se o e-mail ainda n\xE3o existir na Central de Ativa\xE7\xF5es, o usu\xE1rio ser\xE1 criado automaticamente com perfil de desenvolvedor." }),
-      /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+      /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
         /* @__PURE__ */ jsx31(
           Input8,
@@ -4383,7 +4569,7 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+      /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail *" }),
         /* @__PURE__ */ jsx31(
           Input8,
@@ -4396,7 +4582,7 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+      /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
         /* @__PURE__ */ jsx31(
           Input8,
@@ -4434,7 +4620,7 @@ function ActivationPage() {
   const rootMode = config?.mode === "root-bootstrap" || activation.details?.role === "root";
   const isDevelopmentMember = !rootMode && config?.technical?.ambiente === "desenvolvimento";
   if (activation.status === "loading" || !config) {
-    return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsx31(Box20, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
       VStack3,
       {
         maxW: "760px",
@@ -4452,7 +4638,7 @@ function ActivationPage() {
     ) });
   }
   if (rootMode) {
-    return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsx31(Box20, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
       VStack3,
       {
         maxW: "560px",
@@ -4474,7 +4660,7 @@ function ActivationPage() {
           ] }),
           error ? /* @__PURE__ */ jsx31(Text21, { color: "red.600", children: error }) : null,
           step !== 6 ? /* @__PURE__ */ jsxs22(Fragment6, { children: [
-            /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+            /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
               /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail do administrador *" }),
               /* @__PURE__ */ jsx31(
                 Input8,
@@ -4487,7 +4673,7 @@ function ActivationPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+            /* @__PURE__ */ jsxs22(Box20, { w: "100%", children: [
               /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
               /* @__PURE__ */ jsx31(
                 Input8,
@@ -4519,7 +4705,7 @@ function ActivationPage() {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx31(Box20, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
     VStack3,
     {
       maxW: "760px",
@@ -4618,7 +4804,7 @@ function InstanceBlockedPage({
   title,
   message
 }) {
-  return /* @__PURE__ */ jsxs22(Box19, { p: 8, children: [
+  return /* @__PURE__ */ jsxs22(Box20, { p: 8, children: [
     /* @__PURE__ */ jsx31(Heading11, { children: title }),
     /* @__PURE__ */ jsx31(Text21, { children: message })
   ] });
@@ -4932,7 +5118,7 @@ function defineOonModule(mod) {
 }
 
 // src/components/CoreIntegration.tsx
-import { Badge as Badge5, Box as Box20, Button as Button15, Flex as Flex14, Heading as Heading12, Stack as Stack9, Text as Text22 } from "@chakra-ui/react";
+import { Badge as Badge5, Box as Box21, Button as Button15, Flex as Flex14, Heading as Heading12, Stack as Stack9, Text as Text22 } from "@chakra-ui/react";
 import { useMutation as useMutation4 } from "@tanstack/react-query";
 import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
@@ -4950,7 +5136,7 @@ function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
       /* @__PURE__ */ jsx37(Button15, { size: "sm", variant: "outline", loading: reprocess.isPending, onClick: () => reprocess.mutate(), children: "Reprocessar ativos" })
     ] }),
     /* @__PURE__ */ jsx37(Stack9, { gap: 3, children: integrations.length === 0 ? /* @__PURE__ */ jsx37(Text22, { color: "gray.400", children: "Nenhuma integra\xE7\xE3o declarada." }) : integrations.map((it, idx) => /* @__PURE__ */ jsx37(
-      Box20,
+      Box21,
       {
         borderWidth: "1px",
         borderColor: "gray.200",
@@ -4990,7 +5176,7 @@ function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/mo
 
 // src/components/CoreAssistant.tsx
 import { useState as useState14 } from "react";
-import { Box as Box21, Button as Button17, Flex as Flex16, Heading as Heading14, Input as Input9, Stack as Stack11, Text as Text24 } from "@chakra-ui/react";
+import { Box as Box22, Button as Button17, Flex as Flex16, Heading as Heading14, Input as Input9, Stack as Stack11, Text as Text24 } from "@chakra-ui/react";
 import { useMutation as useMutation6 } from "@tanstack/react-query";
 import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint = "/assistant-runs" }) {
@@ -5023,9 +5209,9 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
   };
   return /* @__PURE__ */ jsxs25(Stack11, { gap: 4, maxW: "560px", children: [
     /* @__PURE__ */ jsx39(Heading14, { size: "md", children: label }),
-    /* @__PURE__ */ jsx39(Box21, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 4, minH: "240px", children: /* @__PURE__ */ jsxs25(Stack11, { gap: 3, children: [
+    /* @__PURE__ */ jsx39(Box22, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 4, minH: "240px", children: /* @__PURE__ */ jsxs25(Stack11, { gap: 3, children: [
       messages.length === 0 ? /* @__PURE__ */ jsx39(Text24, { color: "gray.400", fontSize: "sm", children: "Fa\xE7a uma pergunta ao assistente." }) : messages.map((m, idx) => /* @__PURE__ */ jsx39(Flex16, { justify: m.role === "user" ? "flex-end" : "flex-start", children: /* @__PURE__ */ jsx39(
-        Box21,
+        Box22,
         {
           bg: m.role === "user" ? "brand.500" : "gray.100",
           color: m.role === "user" ? "white" : "gray.800",