@oondemand/oon-core-front 0.3.11 → 0.3.12

package/dist/index.js

@@ -3,7 +3,7 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 
 // src/app/OonApp.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { RouterProvider } from "react-router-dom";
 
 // src/api/createRestClient.ts
@@ -640,9 +640,9 @@ function OonProviders({ config, http, storage, children }) {
 }
 
 // src/components/CoreCollection.tsx
-import { useState as useState6 } from "react";
-import { Box as Box5, Heading as Heading3, Stack as Stack3, Text as Text6 } from "@chakra-ui/react";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useState as useState10 } from "react";
+import { Box as Box9, 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
 var HIDDEN_FIELDS = /* @__PURE__ */ new Set(["__v", "_id", "createdAt", "updatedAt", "criadoEm", "atualizadoEm"]);
@@ -795,16 +795,21 @@ function DataGrid({
   onCreate,
   onEdit,
   onDelete,
-  toolbarExtra
+  toolbarExtra,
+  filters = [],
+  queryExtra,
+  renderRowActions
 }) {
   const [pageIndex, setPageIndex] = useState3(0);
   const [pageSize, setPageSize] = useState3(20);
   const [searchTerm, setSearchTerm] = useState3("");
   const deferredSearch = useDeferredValue(searchTerm);
   const [sort, setSort] = useState3(void 0);
+  const [filterValues, setFilterValues] = useState3(() => Object.fromEntries(filters.map((filter) => [filter.field, filter.defaultValue ?? ""])));
+  const effectiveFilters = Object.fromEntries(Object.entries({ ...queryExtra, ...filterValues }).filter(([, value]) => value !== "" && value != null));
   const query = useQuery2({
-    queryKey: ["oon", "list", resourceKey, { pageIndex, pageSize, searchTerm: deferredSearch, sort }],
-    queryFn: () => resource.list({ pageIndex, pageSize, searchTerm: deferredSearch || void 0, sort }),
+    queryKey: ["oon", "list", resourceKey, { pageIndex, pageSize, searchTerm: deferredSearch, sort, filters: effectiveFilters }],
+    queryFn: () => resource.list({ pageIndex, pageSize, searchTerm: deferredSearch || void 0, sort, ...effectiveFilters }),
     placeholderData: keepPreviousData
   });
   const toggleSort = (field) => {
@@ -820,7 +825,7 @@ function DataGrid({
   const totalItems = pagination?.totalItems ?? rows.length;
   const totalPages = Math.max(1, pagination?.totalPages ?? 1);
   const currentPage = Math.min(pageIndex + 1, totalPages);
-  const actionCount = onEdit || onDelete ? 1 : 0;
+  const actionCount = onEdit || onDelete || renderRowActions ? 1 : 0;
   return /* @__PURE__ */ jsxs3(Box2, { bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", boxShadow: "0 1px 2px rgba(15,23,42,.06)", overflow: "hidden", children: [
     /* @__PURE__ */ jsxs3(Flex2, { minH: "60px", px: "14px", py: "12px", align: "center", gap: 4, borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
       search ? /* @__PURE__ */ jsxs3(Flex2, { minW: { base: "100%", md: "min(420px, 55vw)" }, maxW: "420px", h: "35px", px: "10px", align: "center", gap: 2, color: "#98A2B3", bg: "white", borderWidth: "1px", borderColor: "#D5DDE3", borderRadius: "6px", _focusWithin: { borderColor: "#0F8DD0", boxShadow: "0 0 0 3px rgba(15,141,208,.10)" }, children: [
@@ -847,6 +852,16 @@ function DataGrid({
         )
       ] }) : null,
       /* @__PURE__ */ jsx7(Spacer, {}),
+      filters.map((filter) => filter.type === "select" ? /* @__PURE__ */ jsxs3(NativeSelect.Root, { size: "xs", w: "180px", children: [
+        /* @__PURE__ */ jsx7(NativeSelect.Field, { value: String(filterValues[filter.field] ?? ""), onChange: (event) => {
+          setFilterValues((current) => ({ ...current, [filter.field]: event.currentTarget.value }));
+          setPageIndex(0);
+        }, children: (filter.options ?? []).map((option) => /* @__PURE__ */ jsx7("option", { value: String(option.value ?? ""), children: option.label }, String(option.value ?? ""))) }),
+        /* @__PURE__ */ jsx7(NativeSelect.Indicator, {})
+      ] }, filter.field) : /* @__PURE__ */ jsx7(Input, { w: "180px", h: "35px", fontSize: "11px", placeholder: filter.placeholder ?? filter.label ?? filter.field, type: filter.type === "date" ? "date" : filter.type === "boolean" ? "text" : "text", value: String(filterValues[filter.field] ?? ""), onChange: (event) => {
+        setFilterValues((current) => ({ ...current, [filter.field]: event.currentTarget.value }));
+        setPageIndex(0);
+      } }, filter.field)),
       /* @__PURE__ */ jsxs3(Flex2, { align: "center", gap: 3, color: "#98A2B3", fontSize: "10px", children: [
         query.isFetching ? /* @__PURE__ */ jsx7(Text3, { children: "Atualizando..." }) : null,
         /* @__PURE__ */ jsxs3(Text3, { as: "strong", color: "#667085", fontWeight: "600", children: [
@@ -892,7 +907,8 @@ function DataGrid({
         columns.map((column) => /* @__PURE__ */ jsx7(Table.Cell, { maxW: "250px", h: "42px", px: "10px", py: "8px", overflow: "hidden", color: "#52606D", borderBottomWidth: "1px", borderColor: "#EEF1F3", fontSize: "11px", textOverflow: "ellipsis", whiteSpace: "nowrap", children: renderCell(row[column.field], column.kind) }, column.field)),
         actionCount ? /* @__PURE__ */ jsx7(Table.Cell, { h: "42px", px: "10px", py: "5px", borderBottomWidth: "1px", borderColor: "#EEF1F3", textAlign: "center", children: /* @__PURE__ */ jsxs3(Flex2, { justify: "center", gap: "5px", children: [
           onEdit ? /* @__PURE__ */ jsx7(Button2, { type: "button", "aria-label": "Editar", w: "31px", minW: "31px", h: "31px", p: 0, color: "#667085", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "6px", onClick: () => onEdit(row), _hover: { color: "#036491", bg: "#F0F7FF", borderColor: "#B8D9EB" }, children: /* @__PURE__ */ jsx7(EditIcon, {}) }) : null,
-          onDelete ? /* @__PURE__ */ jsx7(Button2, { type: "button", "aria-label": "Excluir", w: "31px", minW: "31px", h: "31px", p: 0, color: "#667085", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "6px", onClick: () => onDelete(row), _hover: { color: "#B42318", bg: "#FFF5F5", borderColor: "#FECACA" }, children: /* @__PURE__ */ jsx7(TrashIcon, {}) }) : null
+          onDelete ? /* @__PURE__ */ jsx7(Button2, { type: "button", "aria-label": "Excluir", w: "31px", minW: "31px", h: "31px", p: 0, color: "#667085", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "6px", onClick: () => onDelete(row), _hover: { color: "#B42318", bg: "#FFF5F5", borderColor: "#FECACA" }, children: /* @__PURE__ */ jsx7(TrashIcon, {}) }) : null,
+          renderRowActions?.(row)
         ] }) }) : null
       ] }, row._id ?? index)) })
     ] }) }),
@@ -1554,21 +1570,362 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
   ] }) });
 }
 
+// src/components/internal/CoreDetailModal.tsx
+import { useEffect as useEffect6, useMemo as useMemo5, useState as useState9 } from "react";
+import { Box as Box8, Button as Button8, Flex as Flex7, Heading as Heading3, 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, 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 } 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";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+
+// src/components/internal/manifestUtils.ts
+function normalizeColumn(column, schema) {
+  if (typeof column !== "string") {
+    const meta2 = schema?.fields.find((field) => field.name === column.field);
+    return { label: meta2 ? fieldLabel(meta2) : column.field, kind: meta2?.kind, ...column };
+  }
+  const meta = schema?.fields.find((field) => field.name === column);
+  return { field: column, label: meta ? fieldLabel(meta) : fieldLabel({ name: column }), kind: meta?.kind, sortable: true };
+}
+function fieldsForTab(fields, selected) {
+  if (!selected?.length) return fields;
+  const wanted = new Set(selected);
+  return fields.filter((field) => wanted.has(field.field));
+}
+function relationFrom(input, relations) {
+  return typeof input === "string" ? relations?.[input] : input;
+}
+
+// src/components/internal/CoreSummaryCards.tsx
+import { Fragment, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function format(value, format2) {
+  if (format2 === "currency") return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(value ?? 0));
+  if (format2 === "percent") return `${Number(value ?? 0).toLocaleString("pt-BR")}%`;
+  if (format2 === "date") return formatCell(value, "date");
+  return value == null || value === "" ? "\u2014" : String(value);
+}
+function RelatedMetric({ card, relation, parent }) {
+  const schema = useModelSchema(relation.model).data;
+  const resource = useOonResource(schema?.basePath ?? `/${relation.model.toLowerCase()}s`);
+  const parentValue = parent[relation.parentKey ?? "_id"];
+  const query = useQuery4({ queryKey: ["oon", "summary", relation.model, relation.foreignKey, parentValue, card.source, card.field], queryFn: () => resource.list({ [relation.foreignKey]: parentValue, pageSize: 1e3 }) });
+  const rows = query.data?.results ?? [];
+  let value = rows.length;
+  if (card.source === "relatedSum") value = rows.reduce((sum, row) => sum + Number(row[card.field ?? ""] ?? 0), 0);
+  if (card.source === "relatedAvg") value = rows.length ? rows.reduce((sum, row) => sum + Number(row[card.field ?? ""] ?? 0), 0) / rows.length : 0;
+  return /* @__PURE__ */ jsx10(Fragment, { children: query.isLoading ? "..." : format(value, card.format) });
+}
+function CoreSummaryCards({ cards = [], parent, relations }) {
+  return /* @__PURE__ */ jsx10(SimpleGrid2, { columns: { base: 1, md: 3 }, gap: 3, children: cards.map((card, index) => {
+    const relation = card.relation ? relationFrom(card.relation, relations) : void 0;
+    const content = relation && card.source?.startsWith("related") ? /* @__PURE__ */ jsx10(RelatedMetric, { card, relation, parent }) : format(parent[card.field ?? ""], card.format);
+    return /* @__PURE__ */ jsxs6(Box5, { p: "14px", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: [
+      /* @__PURE__ */ jsx10(Text6, { color: "#667085", fontSize: "10px", fontWeight: "600", children: card.label }),
+      /* @__PURE__ */ jsx10(Text6, { mt: "6px", color: "#24323A", fontSize: "20px", fontWeight: "700", children: card.format === "badge" ? /* @__PURE__ */ jsx10(Badge2, { children: content }) : content })
+    ] }, `${card.label}-${index}`);
+  }) });
+}
+
+// src/components/internal/CoreRelatedGrid.tsx
+import { useMemo as useMemo4, 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 { useMutation, useQuery as useQuery5, useQueryClient } from "@tanstack/react-query";
+
+// src/components/internal/CoreInlineEditableCell.tsx
+import { Input as Input4, NativeSelect as NativeSelect3, Textarea as Textarea2 } from "@chakra-ui/react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function CoreInlineEditableCell({ column, meta, value, onChange }) {
+  const kind = column.editor ?? meta?.kind ?? column.kind ?? "string";
+  const common = { size: "xs", fontSize: "11px", value: value == null ? "" : String(value), onChange: (event) => onChange(event.currentTarget.value) };
+  if (kind === "boolean") return /* @__PURE__ */ jsxs7(NativeSelect3.Root, { size: "xs", children: [
+    /* @__PURE__ */ jsxs7(NativeSelect3.Field, { ...common, children: [
+      /* @__PURE__ */ jsx11("option", { value: "", children: "\u2014" }),
+      /* @__PURE__ */ jsx11("option", { value: "true", children: "Sim" }),
+      /* @__PURE__ */ jsx11("option", { value: "false", children: "N\xE3o" })
+    ] }),
+    /* @__PURE__ */ jsx11(NativeSelect3.Indicator, {})
+  ] });
+  if ((kind === "enum" || kind === "select") && meta?.options?.length) return /* @__PURE__ */ jsxs7(NativeSelect3.Root, { size: "xs", children: [
+    /* @__PURE__ */ jsxs7(NativeSelect3.Field, { ...common, children: [
+      /* @__PURE__ */ jsx11("option", { value: "", children: "\u2014" }),
+      meta.options.map((option) => /* @__PURE__ */ jsx11("option", { value: option, children: option }, option))
+    ] }),
+    /* @__PURE__ */ jsx11(NativeSelect3.Indicator, {})
+  ] });
+  if (kind === "textarea") return /* @__PURE__ */ jsx11(Textarea2, { ...common, rows: 2 });
+  const type = kind === "date" ? "date" : ["number", "currency"].includes(kind) ? "number" : "text";
+  return /* @__PURE__ */ jsx11(Input4, { ...common, type, step: type === "number" ? "any" : void 0 });
+}
+
+// src/components/internal/CoreRowAction.tsx
+import { useState as useState6 } from "react";
+import { Button as Button5, Text as Text7 } from "@chakra-ui/react";
+
+// src/components/internal/conditions.ts
+function valueAt(source, path) {
+  if (!source) return void 0;
+  return path.split(".").reduce((current, part) => {
+    if (current && typeof current === "object") return current[part];
+    return void 0;
+  }, source);
+}
+function evaluateCondition(condition, row) {
+  if (!condition) return false;
+  const value = valueAt(row, condition.field);
+  if ("exists" in condition) return condition.exists ? value != null && value !== "" : value == null || value === "";
+  if ("equals" in condition) return value === condition.equals;
+  if ("notEquals" in condition) return value !== condition.notEquals;
+  if ("in" in condition) return condition.in.includes(value);
+  const numeric = Number(value);
+  if (Number.isNaN(numeric)) return false;
+  if ("gt" in condition) return numeric > condition.gt;
+  if ("gte" in condition) return numeric >= condition.gte;
+  if ("lt" in condition) return numeric < condition.lt;
+  if ("lte" in condition) return numeric <= condition.lte;
+  return false;
+}
+function interpolateEndpoint(endpoint, row, parent) {
+  return endpoint.replace(/:([A-Za-z0-9_.]+)/g, (_, token) => {
+    if (token === "id") return encodeURIComponent(String(row._id ?? row.id ?? ""));
+    if (token === "parentId") return encodeURIComponent(String(parent?._id ?? parent?.id ?? ""));
+    if (token.startsWith("parent.")) return encodeURIComponent(String(valueAt(parent, token.slice(7)) ?? ""));
+    return encodeURIComponent(String(valueAt(row, token) ?? ""));
+  });
+}
+
+// src/components/internal/CoreRowAction.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function messageOf2(error) {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o.";
+}
+function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh }) {
+  const { http } = useOonApi();
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  if (evaluateCondition(action.hiddenWhen, row)) return null;
+  const disabled = evaluateCondition(action.disabledWhen, row) || loading;
+  const run = async () => {
+    setError(null);
+    if (action.type === "openDetailModal") return onOpenDetail?.(row, action.initialTab);
+    if (action.type === "navigate") {
+      const href = action.href ?? action.endpoint;
+      if (href) window.location.assign(interpolateEndpoint(href, row, parent));
+      return;
+    }
+    if (action.type !== "apiAction" || !action.endpoint) return;
+    const ok = action.confirm ? window.confirm(action.confirm.description ?? action.confirm.title ?? `Executar ${action.label}?`) : true;
+    if (!ok) return;
+    setLoading(true);
+    try {
+      const url = interpolateEndpoint(action.endpoint, row, parent);
+      await http.request({ url, method: action.method ?? "POST" });
+      onRefresh?.(action.refresh);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs8("span", { children: [
+    /* @__PURE__ */ jsx12(Button5, { type: "button", size: "xs", minH: "28px", px: "9px", borderRadius: "6px", fontSize: "10px", loading, disabled, onClick: run, children: action.label }),
+    error ? /* @__PURE__ */ jsx12(Text7, { mt: "3px", color: "#B42318", fontSize: "9px", children: messageOf2(error) }) : null
+  ] });
+}
+
+// src/components/internal/CoreRelatedGrid.tsx
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function CoreRelatedGrid({ tab, parent, relations, refreshToken, onRefresh }) {
+  const relation = relationFrom(tab.relation, relations);
+  const schemaQuery = useModelSchema(relation?.model ?? "");
+  const schema = schemaQuery.data;
+  const resource = useOonResource(schema?.basePath ?? `/${relation?.model?.toLowerCase() ?? "related"}s`);
+  const queryClient = useQueryClient();
+  const parentValue = relation ? parent[relation.parentKey ?? "_id"] : void 0;
+  const key = ["oon", "related", relation?.model, relation?.foreignKey, parentValue, refreshToken];
+  const query = useQuery5({ queryKey: key, enabled: !!relation && parentValue != null, queryFn: () => resource.list({ [relation.foreignKey]: parentValue, pageSize: 1e3 }) });
+  const columns = useMemo4(() => (tab.columns?.length ? tab.columns : schema?.fields.slice(0, 8).map((f) => f.name) ?? []).map((column) => normalizeColumn(column, schema)).filter((column) => !column.hidden), [tab.columns, schema]);
+  const [drafts, setDrafts] = useState7({});
+  const [errors, setErrors] = useState7({});
+  const editable = tab.type === "relatedGrid" && tab.editable && tab.editMode === "inline";
+  const mutation = useMutation({ mutationFn: ({ id, values }) => resource.update(id, values), onSuccess: () => {
+    queryClient.invalidateQueries({ queryKey: key });
+    onRefresh?.(["self"]);
+  } });
+  if (!relation) return /* @__PURE__ */ jsx13(Text8, { color: "#B42318", children: "Rela\xE7\xE3o n\xE3o encontrada." });
+  if (query.isLoading) return /* @__PURE__ */ jsx13(Text8, { color: "#667085", children: "Carregando..." });
+  const rows = query.data?.results ?? [];
+  const setDraft = (id, field, value) => setDrafts((current) => ({ ...current, [id]: { ...current[id] ?? {}, [field]: value } }));
+  return /* @__PURE__ */ jsx13(Box6, { 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((c) => /* @__PURE__ */ jsx13(Table2.ColumnHeader, { fontSize: "10px", children: c.label ?? c.field }, c.field)),
+      editable || tab.rowActions?.length ? /* @__PURE__ */ jsx13(Table2.ColumnHeader, { children: "A\xE7\xF5es" }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs9(Table2.Body, { children: [
+      rows.map((row, index) => {
+        const id = String(row._id ?? row.id ?? index);
+        const draft = drafts[id] ?? {};
+        const dirty = Object.keys(draft).length > 0;
+        return /* @__PURE__ */ jsxs9(Table2.Row, { bg: dirty ? "#FFFBEB" : index % 2 ? "#FBFCFD" : "white", children: [
+          columns.map((column) => {
+            const value = column.field in draft ? draft[column.field] : row[column.field];
+            const meta = schema?.fields.find((f) => f.name === column.field);
+            const canEdit = editable && column.readonly !== true && (column.editable === true || !column.readonly);
+            return /* @__PURE__ */ jsx13(Table2.Cell, { fontSize: "11px", children: canEdit ? /* @__PURE__ */ jsx13(CoreInlineEditableCell, { column, meta, value, onChange: (next) => setDraft(id, column.field, next) }) : column.display === "badgeExists" ? /* @__PURE__ */ jsx13(Badge3, { colorPalette: value ? "green" : "gray", children: value ? "Sim" : "N\xE3o" }) : formatCell(value, column.kind) }, column.field);
+          }),
+          editable || tab.rowActions?.length ? /* @__PURE__ */ jsx13(Table2.Cell, { children: /* @__PURE__ */ jsxs9(Flex5, { gap: "5px", align: "center", wrap: "wrap", children: [
+            dirty ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+              /* @__PURE__ */ jsx13(Button6, { size: "xs", loading: mutation.isPending, onClick: () => {
+                setErrors((e) => ({ ...e, [id]: void 0 }));
+                mutation.mutate({ id, values: draft }, { onSuccess: () => setDrafts((d) => {
+                  const n = { ...d };
+                  delete n[id];
+                  return n;
+                }), onError: (err) => setErrors((e) => ({ ...e, [id]: err })) });
+              }, children: "Salvar" }),
+              /* @__PURE__ */ jsx13(Button6, { size: "xs", variant: "outline", onClick: () => setDrafts((d) => {
+                const n = { ...d };
+                delete n[id];
+                return n;
+              }), children: "Cancelar" })
+            ] }) : null,
+            tab.rowActions?.map((action) => /* @__PURE__ */ jsx13(CoreRowAction, { action, row, parent, onRefresh }, action.id ?? action.label)),
+            errors[id] ? /* @__PURE__ */ jsx13(Text8, { color: "#B42318", fontSize: "9px", children: "Erro ao salvar." }) : null
+          ] }) }) : null
+        ] }, id);
+      }),
+      rows.length === 0 ? /* @__PURE__ */ jsx13(Table2.Row, { children: /* @__PURE__ */ jsx13(Table2.Cell, { colSpan: columns.length + 1, children: /* @__PURE__ */ jsx13(Text8, { p: "8", textAlign: "center", color: "#98A2B3", children: "Nenhum registro relacionado." }) }) }) : null
+    ] })
+  ] }) });
+}
+
+// src/components/internal/CoreTabbedDetail.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function coerce2(value, kind) {
+  if (value === "") return void 0;
+  if (["number", "currency", "currencyConverted"].includes(kind ?? "")) return Number(value);
+  if (kind === "boolean") return value === "true";
+  return value;
+}
+function toValue2(value) {
+  return value == null ? "" : String(typeof value === "object" ? value._id ?? "" : value);
+}
+function InlineParentForm({ fields, parent, resource, onSaved }) {
+  const [values, setValues] = useState8({});
+  const [saving, setSaving] = useState8(false);
+  const [error, setError] = useState8(null);
+  useEffect5(() => setValues(Object.fromEntries(fields.map((f) => [f.field, toValue2(parent[f.field])]))), [parent, fields]);
+  return /* @__PURE__ */ jsx14("form", { onSubmit: async (event) => {
+    event.preventDefault();
+    setSaving(true);
+    setError(null);
+    try {
+      const payload = Object.fromEntries(fields.map((f) => [f.field, coerce2(values[f.field] ?? "", f.kind)]).filter(([, v]) => v !== void 0));
+      const saved = parent._id ? await resource.update(String(parent._id), payload) : await resource.create(payload);
+      onSaved(saved);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setSaving(false);
+    }
+  }, children: /* @__PURE__ */ jsxs10(Stack3, { gap: 4, children: [
+    error ? /* @__PURE__ */ jsx14(Text9, { color: "#B42318", fontSize: "11px", children: "N\xE3o foi poss\xEDvel salvar." }) : null,
+    /* @__PURE__ */ jsx14(SimpleGrid3, { columns: { base: 1, md: 2 }, gap: 3, children: fields.map((field) => /* @__PURE__ */ jsxs10(Box7, { children: [
+      /* @__PURE__ */ jsx14(Text9, { as: "label", display: "block", mb: "5px", fontSize: "11px", fontWeight: "600", children: fieldLabel({ name: field.field, label: field.label }) }),
+      field.kind === "boolean" ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
+        /* @__PURE__ */ jsxs10(NativeSelect4.Field, { value: values[field.field] ?? "", onChange: (e) => setValues((v) => ({ ...v, [field.field]: e.currentTarget.value })), children: [
+          /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014" }),
+          /* @__PURE__ */ jsx14("option", { value: "true", children: "Sim" }),
+          /* @__PURE__ */ jsx14("option", { value: "false", children: "N\xE3o" })
+        ] }),
+        /* @__PURE__ */ jsx14(NativeSelect4.Indicator, {})
+      ] }) : /* @__PURE__ */ jsx14(Input5, { size: "sm", type: field.kind === "date" ? "date" : ["number", "currency"].includes(field.kind ?? "") ? "number" : "text", value: values[field.field] ?? "", onChange: (e) => setValues((v) => ({ ...v, [field.field]: e.currentTarget.value })) })
+    ] }, field.field)) }),
+    /* @__PURE__ */ jsx14(Flex6, { justify: "flex-end", children: /* @__PURE__ */ jsx14(Button7, { type: "submit", colorPalette: "brand", loading: saving, children: "Salvar dados principais" }) })
+  ] }) });
+}
+function CoreTabbedDetail({ tabs, activeTab, onTabChange, parent, formFields, resource, relations, refreshTokens, onRefresh, onParentSaved }) {
+  const active = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];
+  return /* @__PURE__ */ jsxs10(Stack3, { gap: 4, children: [
+    /* @__PURE__ */ jsx14(Flex6, { gap: 2, borderBottomWidth: "1px", borderColor: "#E5E9ED", overflowX: "auto", children: tabs.map((tab) => {
+      const disabled = !parent?._id && (tab.type === "relatedGrid" || tab.type === "readonlyGrid" || tab.type === "summary");
+      return /* @__PURE__ */ jsx14(Button7, { type: "button", variant: active?.id === tab.id ? "solid" : "ghost", colorPalette: active?.id === tab.id ? "brand" : void 0, disabled, onClick: () => onTabChange(tab.id), children: tab.label }, 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(InlineParentForm, { fields: fieldsForTab(formFields, active.fields ?? active.groups?.flatMap((g) => g.fields)), parent: parent ?? {}, resource, onSaved: onParentSaved }) : (active.type === "relatedGrid" || active.type === "readonlyGrid") && parent ? /* @__PURE__ */ jsx14(CoreRelatedGrid, { tab: active, parent, relations, refreshToken: refreshTokens[active.id], onRefresh }) : active.type === "customComponent" ? /* @__PURE__ */ jsxs10(Text9, { color: "#667085", children: [
+      "Componente customizado: ",
+      active.component
+    ] }) : /* @__PURE__ */ jsx14(Text9, { color: "#667085", children: "Salve o registro principal para liberar esta aba." }) })
+  ] });
+}
+
+// src/components/internal/CoreDetailModal.tsx
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function CoreDetailModal({ model, title, config, recordId, initialRecord, initialTab, relations, onClose, onSaved }) {
+  const schemaQuery = useModelSchema(model);
+  const schema = schemaQuery.data;
+  const resource = useOonResource(schema?.basePath ?? `/${model.toLowerCase()}s`);
+  const queryClient = useQueryClient2();
+  const [parent, setParent] = useState9(initialRecord);
+  const [activeTab, setActiveTab] = useState9(initialTab ?? config.defaultTab ?? config.tabs[0]?.id ?? "dados");
+  const [refreshTokens, setRefreshTokens] = useState9({});
+  const parentQuery = useQuery6({ queryKey: ["oon", "detail", model, recordId], enabled: !!recordId, queryFn: () => resource.get(recordId) });
+  useEffect6(() => {
+    if (parentQuery.data) setParent(parentQuery.data);
+  }, [parentQuery.data]);
+  const formFields = useMemo5(() => schema ? formFieldsFromMeta(schema.fields) : [], [schema]);
+  const refresh = (targets) => {
+    const list = targets?.length ? targets : ["self"];
+    if (list.includes("parent") || list.includes("all")) {
+      if (recordId) queryClient.invalidateQueries({ queryKey: ["oon", "detail", model, recordId] });
+      onSaved?.();
+    }
+    setRefreshTokens((current) => {
+      const next = { ...current };
+      for (const target of list) {
+        if (target === "all") config.tabs.forEach((tab) => next[tab.id] = (next[tab.id] ?? 0) + 1);
+        else if (target !== "parent") next[target === "self" ? activeTab : target] = (next[target === "self" ? activeTab : target] ?? 0) + 1;
+      }
+      return next;
+    });
+  };
+  const width = config.size === "full" ? "98vw" : config.size === "md" ? "760px" : config.size === "lg" ? "980px" : "1180px";
+  const displayTitle = parent?.[config.titleField ?? ""] ? String(parent[config.titleField ?? ""]) : title;
+  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", w: `min(${width}, 98vw)`, 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", align: "center", justify: "space-between", borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
+      /* @__PURE__ */ jsxs11(Box8, { children: [
+        /* @__PURE__ */ jsx15(Text10, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Detalhe" }),
+        /* @__PURE__ */ jsx15(Heading3, { size: "md", children: recordId ? displayTitle : `Novo ${title}` })
+      ] }),
+      /* @__PURE__ */ jsx15(Button8, { onClick: onClose, children: "Fechar" })
+    ] }),
+    /* @__PURE__ */ jsx15(Box8, { maxH: "calc(94vh - 73px)", p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(CoreTabbedDetail, { tabs: config.tabs, activeTab, onTabChange: setActiveTab, parent, formFields, resource, relations, refreshTokens, onRefresh: refresh, onParentSaved: (saved) => {
+      setParent(saved);
+      onSaved?.();
+      refresh(["parent"]);
+    } }) })
+  ] }) });
+}
+
 // src/components/CoreCollection.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynamic", endpoint, columns, form, importExport }) {
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynamic", endpoint, columns, form, importExport, list, relations, detailModal }) {
   const needsSchema = mode !== "full" || !columns || !form || !endpoint;
   const schemaQuery = useModelSchema(needsSchema ? model : "");
   const schema = schemaQuery.data;
   const basePath = endpoint ?? schema?.basePath ?? `/${model.toLowerCase()}s`;
-  const resolvedColumns = columns ?? (schema ? columnsFromMeta(schema.fields) : []);
+  const resolvedColumns = (list?.columns?.length ? list.columns.map((column) => normalizeColumn(column, schema)) : columns) ?? (schema ? columnsFromMeta(schema.fields) : []);
   const resolvedForm = form ?? (schema ? formFieldsFromMeta(schema.fields) : []);
   const resource = useOonResource(basePath);
-  const queryClient = useQueryClient();
-  const [formState, setFormState] = useState6({ open: false });
-  const [formError, setFormError] = useState6(null);
+  const queryClient = useQueryClient3();
+  const [formState, setFormState] = useState10({ open: false });
+  const [detailState, setDetailState] = useState10({ open: false });
+  const [formError, setFormError] = useState10(null);
   const invalidate = () => queryClient.invalidateQueries({ queryKey: ["oon", "list", basePath] });
-  const saveMutation = useMutation({
+  const saveMutation = useMutation2({
     mutationFn: (values) => {
       const editingRow = formState.open ? formState.row : void 0;
       const id = editingRow?._id;
@@ -1581,39 +1938,52 @@ function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynam
     },
     onError: (error) => setFormError(error)
   });
-  const deleteMutation = useMutation({
+  const deleteMutation = useMutation2({
     mutationFn: (row) => resource.delete(row._id),
     onSuccess: invalidate
   });
-  if (needsSchema && schemaQuery.isLoading) return /* @__PURE__ */ jsx10(LoadingScreen, {});
-  if (needsSchema && schemaQuery.isError) return /* @__PURE__ */ jsx10(ErrorState, { error: schemaQuery.error });
+  if (needsSchema && schemaQuery.isLoading) return /* @__PURE__ */ jsx16(LoadingScreen, {});
+  if (needsSchema && schemaQuery.isError) return /* @__PURE__ */ jsx16(ErrorState, { error: schemaQuery.error });
   const title = label ?? schema?.name ?? model;
-  return /* @__PURE__ */ jsxs6(Stack3, { gap: 5, children: [
-    /* @__PURE__ */ jsxs6(Box5, { children: [
-      /* @__PURE__ */ jsx10(Text6, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: section }),
-      /* @__PURE__ */ jsx10(Heading3, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: title }),
-      /* @__PURE__ */ jsx10(Text6, { mt: 1, fontSize: "13px", color: "gray.500", children: "Consulte, filtre e mantenha os registros desta opera\xE7\xE3o." })
+  return /* @__PURE__ */ jsxs12(Stack4, { gap: 5, children: [
+    /* @__PURE__ */ jsxs12(Box9, { 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." })
     ] }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx16(
       DataGrid,
       {
         resource,
         resourceKey: basePath,
         columns: resolvedColumns,
+        filters: list?.filters,
         onCreate: () => {
           setFormError(null);
-          setFormState({ open: true });
+          if (detailModal?.enabled) setDetailState({ open: true });
+          else setFormState({ open: true });
         },
         onEdit: (row) => {
           setFormError(null);
-          setFormState({ open: true, row });
+          if (detailModal?.enabled) setDetailState({ open: true, row });
+          else setFormState({ open: true, row });
         },
         onDelete: (row) => {
           if (window.confirm("Excluir este registro?")) deleteMutation.mutate(row);
-        }
+        },
+        renderRowActions: list?.rowActions?.length ? (row) => list.rowActions?.map((action) => /* @__PURE__ */ jsx16(
+          CoreRowAction,
+          {
+            action,
+            row,
+            onOpenDetail: (selected, initialTab) => setDetailState({ open: true, row: selected, initialTab }),
+            onRefresh: invalidate
+          },
+          action.id ?? action.label
+        )) : void 0
       }
     ),
-    formState.open ? /* @__PURE__ */ jsx10(
+    formState.open ? /* @__PURE__ */ jsx16(
       DynamicForm,
       {
         title: formState.row ? `Editar ${title}` : `Novo ${title}`,
@@ -1633,14 +2003,28 @@ function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynam
         }
       }
     ) : null,
-    importExport ? null : null
+    importExport ? null : null,
+    detailState.open && detailModal?.enabled ? /* @__PURE__ */ jsx16(
+      CoreDetailModal,
+      {
+        model,
+        title,
+        config: detailModal,
+        recordId: detailState.row?._id,
+        initialRecord: detailState.row,
+        initialTab: detailState.initialTab,
+        relations,
+        onClose: () => setDetailState({ open: false }),
+        onSaved: invalidate
+      }
+    ) : null
   ] });
 }
 
 // src/components/CoreDocument.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function CoreDocument({ model, label, endpoint, columns, form }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx17(
     CoreCollection,
     {
       model,
@@ -1654,10 +2038,10 @@ function CoreDocument({ model, label, endpoint, columns, form }) {
 }
 
 // src/components/CorePipeline.tsx
-import { useState as useState7 } from "react";
-import { Badge as Badge2, Box as Box6, Button as Button5, Flex as Flex5, Heading as Heading4, Stack as Stack4, Text as Text7 } from "@chakra-ui/react";
-import { useMutation as useMutation2, useQuery as useQuery4, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { Badge as Badge4, Box as Box10, Button as Button9, Flex as Flex8, Heading as Heading5, Stack as Stack5, Text as Text12 } from "@chakra-ui/react";
+import { useMutation as useMutation3, useQuery as useQuery7, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function ticketId(row) {
   const id = row._id ?? row.id;
   return id == null ? void 0 : String(id);
@@ -1667,15 +2051,15 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
   const schema = schemaQuery.data;
   const basePath = endpoint ?? schema?.basePath ?? `/${model.toLowerCase()}s`;
   const resource = useOonResource(basePath);
-  const queryClient = useQueryClient2();
-  const [selectedTicket, setSelectedTicket] = useState7(null);
-  const [formError, setFormError] = useState7(null);
-  const listQuery = useQuery4({
+  const queryClient = useQueryClient4();
+  const [selectedTicket, setSelectedTicket] = useState11(null);
+  const [formError, setFormError] = useState11(null);
+  const listQuery = useQuery7({
     queryKey: ["oon", "pipeline", basePath],
     queryFn: () => resource.list({ pageSize: 200 }),
     enabled: !!schema
   });
-  const saveMutation = useMutation2({
+  const saveMutation = useMutation3({
     mutationFn: (values) => {
       const id = selectedTicket ? ticketId(selectedTicket) : void 0;
       if (!id) throw new Error("N\xE3o foi poss\xEDvel identificar o ticket selecionado.");
@@ -1688,9 +2072,9 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
     },
     onError: (error) => setFormError(error)
   });
-  if (schemaQuery.isLoading || listQuery.isLoading) return /* @__PURE__ */ jsx12(LoadingScreen, {});
-  if (schemaQuery.isError) return /* @__PURE__ */ jsx12(ErrorState, { error: schemaQuery.error });
-  if (listQuery.isError) return /* @__PURE__ */ jsx12(ErrorState, { error: listQuery.error });
+  if (schemaQuery.isLoading || listQuery.isLoading) return /* @__PURE__ */ jsx18(LoadingScreen, {});
+  if (schemaQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: schemaQuery.error });
+  if (listQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: listQuery.error });
   const stageFieldMeta = schema?.fields.find((field) => field.name === stageField);
   const resolvedStages = stages ?? (stageFieldMeta?.options ?? []).map((option) => ({ id: option, label: option }));
   const title = titleField ?? schema?.fields.find((field) => field.kind === "string")?.name ?? schema?.searchable[0] ?? "_id";
@@ -1704,16 +2088,16 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
     if (!byStage.has(key)) byStage.set(key, []);
     byStage.get(key).push(row);
   }
-  return /* @__PURE__ */ jsxs7(Stack4, { gap: 5, children: [
-    /* @__PURE__ */ jsxs7(Box6, { children: [
-      /* @__PURE__ */ jsx12(Text7, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: "Esteira de processo" }),
-      /* @__PURE__ */ jsx12(Heading4, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: label ?? schema?.name ?? model }),
-      /* @__PURE__ */ jsx12(Text7, { mt: 1, fontSize: "13px", color: "gray.500", children: "Acompanhe os tickets por etapa e visualize os principais dados de cada item." })
+  return /* @__PURE__ */ jsxs13(Stack5, { gap: 5, children: [
+    /* @__PURE__ */ jsxs13(Box10, { 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." })
     ] }),
-    /* @__PURE__ */ jsx12(Flex5, { gap: 4, align: "stretch", overflowX: "auto", pb: 3, minH: "420px", children: Array.from(byStage.entries()).map(([stageId, items]) => {
+    /* @__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__ */ jsxs7(
-        Box6,
+      return /* @__PURE__ */ jsxs13(
+        Box10,
         {
           minW: "300px",
           maxW: "340px",
@@ -1724,14 +2108,14 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
           borderWidth: "1px",
           borderColor: "#DDE3E7",
           children: [
-            /* @__PURE__ */ jsxs7(Flex5, { align: "center", justify: "space-between", mb: 3, px: 1, children: [
-              /* @__PURE__ */ jsx12(Text7, { fontWeight: "700", fontSize: "12px", color: "#33434C", textTransform: "uppercase", letterSpacing: "0.03em", children: stageLabel }),
-              /* @__PURE__ */ jsx12(Badge2, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
+            /* @__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__ */ jsx12(Stack4, { gap: 2, children: items.length === 0 ? /* @__PURE__ */ jsx12(Box6, { borderWidth: "1px", borderStyle: "dashed", borderColor: "#C8D0D5", borderRadius: "10px", p: 5, textAlign: "center", children: /* @__PURE__ */ jsx12(Text7, { fontSize: "12px", color: "gray.500", children: "Nenhum ticket nesta etapa." }) }) : items.map((row, index) => {
+            /* @__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[title], "string");
-              return /* @__PURE__ */ jsxs7(
-                Button5,
+              return /* @__PURE__ */ jsxs13(
+                Button9,
                 {
                   type: "button",
                   variant: "plain",
@@ -1756,10 +2140,10 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
                   _hover: { borderColor: "brand.300", transform: "translateY(-1px)", boxShadow: "0 7px 18px rgba(7, 38, 46, 0.09)" },
                   _focusVisible: { borderColor: "brand.500", boxShadow: "0 0 0 3px rgba(4, 116, 175, 0.16)" },
                   children: [
-                    /* @__PURE__ */ jsx12(Text7, { fontSize: "13px", fontWeight: "700", color: "#24323A", mb: 2, lineClamp: 2, children: ticketTitle }),
-                    /* @__PURE__ */ jsx12(Stack4, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs7(Flex5, { gap: 2, align: "baseline", justify: "space-between", children: [
-                      /* @__PURE__ */ jsx12(Text7, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
-                      /* @__PURE__ */ jsx12(Text7, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
+                    /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", mb: 2, lineClamp: 2, children: ticketTitle }),
+                    /* @__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)) })
                   ]
                 },
@@ -1771,7 +2155,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
         stageId
       );
     }) }),
-    selectedTicket ? /* @__PURE__ */ jsx12(
+    selectedTicket ? /* @__PURE__ */ jsx18(
       DynamicForm,
       {
         title: `Editar ${schema?.singular ?? label ?? model}`,
@@ -1796,9 +2180,9 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
 }
 
 // src/components/CoreDashboard.tsx
-import { Box as Box7, Heading as Heading5, SimpleGrid as SimpleGrid2, Stack as Stack5, Text as Text8 } from "@chakra-ui/react";
+import { Box as Box11, 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 jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function CoreDashboard({ label = "Dashboard", widgets = [] }) {
   const { resource } = useOonApi();
   const queries = useQueries({
@@ -1815,17 +2199,17 @@ function CoreDashboard({ label = "Dashboard", widgets = [] }) {
     }))
   });
   let queryIdx = 0;
-  return /* @__PURE__ */ jsxs8(Stack5, { gap: 6, children: [
-    /* @__PURE__ */ jsx13(Heading5, { size: "lg", children: label }),
-    /* @__PURE__ */ jsx13(SimpleGrid2, { columns: { base: 1, md: 2, lg: 3 }, gap: 4, children: widgets.map((w) => {
+  return /* @__PURE__ */ jsxs14(Stack6, { gap: 6, children: [
+    /* @__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__ */ jsx13(Box7, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: w.render() }, w.id);
+        return /* @__PURE__ */ jsx19(Box11, { 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__ */ jsxs8(Box7, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: [
-        /* @__PURE__ */ jsx13(Text8, { fontSize: "sm", color: "gray.500", children: w.label }),
-        /* @__PURE__ */ jsx13(Heading5, { size: "xl", mt: 1, children: value })
+      return /* @__PURE__ */ jsxs14(Box11, { 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);
     }) })
   ] });
@@ -1839,22 +2223,22 @@ function formatWidget(value, kind, field) {
 }
 
 // src/components/ui-v2/CorePage.tsx
-import { Box as Box10, Heading as Heading7, Stack as Stack6, Text as Text11 } from "@chakra-ui/react";
+import { Box as Box14, Heading as Heading8, Stack as Stack7, Text as Text16 } from "@chakra-ui/react";
 
 // src/security/PermissionGate.tsx
-import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
 function PermissionGate({
   permission,
   fallback = null,
   children
 }) {
   const { hasPermission } = useOonAuth();
-  return /* @__PURE__ */ jsx14(Fragment, { children: hasPermission(permission) ? children : fallback });
+  return /* @__PURE__ */ jsx20(Fragment3, { children: hasPermission(permission) ? children : fallback });
 }
 
 // src/app/componentRegistry.tsx
-import { Box as Box8, Text as Text9 } from "@chakra-ui/react";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box12, 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",
   "fields": "fieldRenderers",
@@ -1874,12 +2258,12 @@ function resolveComponent(registry, key, bucket) {
   return registry?.[targetBucket]?.[normalized] ?? registry?.[targetBucket]?.[key] ?? null;
 }
 function MissingRenderer({ renderer, children }) {
-  if (import.meta.env?.MODE === "production") return /* @__PURE__ */ jsx15(Fragment2, { children: children ?? null });
-  return /* @__PURE__ */ jsxs9(Box8, { borderWidth: "1px", borderStyle: "dashed", borderColor: "orange.300", bg: "orange.50", color: "orange.900", borderRadius: "md", p: 3, children: [
-    /* @__PURE__ */ jsx15(Text9, { fontSize: "sm", fontWeight: "600", children: "Renderer n\xE3o encontrado" }),
-    /* @__PURE__ */ jsxs9(Text9, { fontSize: "xs", 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: [
+    /* @__PURE__ */ jsx21(Text14, { fontSize: "sm", fontWeight: "600", children: "Renderer n\xE3o encontrado" }),
+    /* @__PURE__ */ jsxs15(Text14, { fontSize: "xs", children: [
       "Registre a chave ",
-      renderer ? /* @__PURE__ */ jsx15("code", { children: renderer }) : "solicitada",
+      renderer ? /* @__PURE__ */ jsx21("code", { children: renderer }) : "solicitada",
       " no registry da UI."
     ] }),
     children
@@ -1887,61 +2271,61 @@ function MissingRenderer({ renderer, children }) {
 }
 
 // src/components/ui-v2/CorePrimitives.tsx
-import { Box as Box9, Button as Button6, Flex as Flex6, Heading as Heading6, Spinner as Spinner3, Text as Text10 } from "@chakra-ui/react";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box13, 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__ */ jsx16(Box9, { children });
+  return /* @__PURE__ */ jsx22(Box13, { children });
 }
 function CorePageHeader({ title, description, actions }) {
-  return /* @__PURE__ */ jsxs10(Flex6, { align: "start", justify: "space-between", gap: 4, mb: 6, children: [
-    /* @__PURE__ */ jsxs10(Box9, { children: [
-      title ? /* @__PURE__ */ jsx16(Heading6, { size: "lg", children: title }) : null,
-      description ? /* @__PURE__ */ jsx16(Text10, { color: "gray.600", mt: 1, children: description }) : null
+  return /* @__PURE__ */ jsxs16(Flex9, { align: "start", justify: "space-between", gap: 4, mb: 6, children: [
+    /* @__PURE__ */ jsxs16(Box13, { children: [
+      title ? /* @__PURE__ */ jsx22(Heading7, { size: "lg", children: title }) : null,
+      description ? /* @__PURE__ */ jsx22(Text15, { color: "gray.600", mt: 1, children: description }) : null
     ] }),
     actions
   ] });
 }
 function CoreToolbar({ children }) {
-  return /* @__PURE__ */ jsx16(Flex6, { align: "center", gap: 2, mb: 4, children });
+  return /* @__PURE__ */ jsx22(Flex9, { align: "center", gap: 2, mb: 4, children });
 }
 function CoreDataGrid(props) {
-  return /* @__PURE__ */ jsx16(CoreCollection, { ...props });
+  return /* @__PURE__ */ jsx22(CoreCollection, { ...props });
 }
 function CoreCards(props) {
-  return /* @__PURE__ */ jsx16(CoreCollection, { model: props.model, mode: "minimal", label: props.model });
+  return /* @__PURE__ */ jsx22(CoreCollection, { model: props.model, mode: "minimal", label: props.model });
 }
 function CoreForm(props) {
-  return /* @__PURE__ */ jsx16(Box9, { children: props.children });
+  return /* @__PURE__ */ jsx22(Box13, { children: props.children });
 }
 function CoreField({ label, children }) {
-  return /* @__PURE__ */ jsxs10(Box9, { children: [
-    /* @__PURE__ */ jsx16(Text10, { fontSize: "sm", fontWeight: "600", children: label }),
+  return /* @__PURE__ */ jsxs16(Box13, { children: [
+    /* @__PURE__ */ jsx22(Text15, { fontSize: "sm", fontWeight: "600", children: label }),
     children
   ] });
 }
 function CoreRelationField(props) {
-  return /* @__PURE__ */ jsx16(CoreField, { ...props });
+  return /* @__PURE__ */ jsx22(CoreField, { ...props });
 }
 function CoreActions({ children }) {
-  return /* @__PURE__ */ jsx16(Flex6, { gap: 2, children });
+  return /* @__PURE__ */ jsx22(Flex9, { gap: 2, children });
 }
 function CoreEmptyState({ title = "Nenhum dado encontrado", actionLabel, onAction }) {
-  return /* @__PURE__ */ jsxs10(Box9, { textAlign: "center", py: 10, children: [
-    /* @__PURE__ */ jsx16(Text10, { children: title }),
-    actionLabel ? /* @__PURE__ */ jsx16(Button6, { mt: 3, onClick: onAction, children: actionLabel }) : null
+  return /* @__PURE__ */ jsxs16(Box13, { textAlign: "center", py: 10, children: [
+    /* @__PURE__ */ jsx22(Text15, { children: title }),
+    actionLabel ? /* @__PURE__ */ jsx22(Button10, { mt: 3, onClick: onAction, children: actionLabel }) : null
   ] });
 }
 function CoreLoadingState({ label = "Carregando..." }) {
-  return /* @__PURE__ */ jsxs10(Flex6, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx16(Spinner3, { size: "sm" }),
-    /* @__PURE__ */ jsx16(Text10, { children: label })
+  return /* @__PURE__ */ jsxs16(Flex9, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx22(Spinner3, { size: "sm" }),
+    /* @__PURE__ */ jsx22(Text15, { children: label })
   ] });
 }
 
 // src/components/ui-v2/CorePage.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function renderMarkdown(content) {
-  return content.split(/\n{2,}/).map((paragraph, index) => /* @__PURE__ */ jsx17(Text11, { whiteSpace: "pre-wrap", children: paragraph }, index));
+  return content.split(/\n{2,}/).map((paragraph, index) => /* @__PURE__ */ jsx23(Text16, { whiteSpace: "pre-wrap", children: paragraph }, index));
 }
 function requiredAccess(source) {
   const values = [...source.permissions ?? [], ...source.capabilities ?? []].filter(Boolean);
@@ -1953,38 +2337,38 @@ function CoreBlock({ block, registry }) {
     switch (block.type) {
       case "custom": {
         const Component = resolveComponent(registry, block.component, "pageComponents");
-        return Component ? /* @__PURE__ */ jsx17(Component, { block, ...block.props }) : /* @__PURE__ */ jsx17(MissingRenderer, { renderer: block.component });
+        return Component ? /* @__PURE__ */ jsx23(Component, { block, ...block.props }) : /* @__PURE__ */ jsx23(MissingRenderer, { renderer: block.component });
       }
       case "collection.datagrid":
-        return /* @__PURE__ */ jsx17(CoreDataGrid, { model: block.model, mode: block.mode, columns: block.columns, form: block.form, label: block.title ?? block.model });
+        return /* @__PURE__ */ jsx23(CoreDataGrid, { model: block.model, mode: block.mode, columns: block.columns, form: block.form, label: block.title ?? block.model });
       case "collection.cards": {
         const Component = resolveComponent(registry, block.renderer, "cardRenderers");
-        return Component ? /* @__PURE__ */ jsx17(Component, { block, model: block.model }) : /* @__PURE__ */ jsx17(CoreCards, { model: block.model, renderer: block.renderer });
+        return Component ? /* @__PURE__ */ jsx23(Component, { block, model: block.model }) : /* @__PURE__ */ jsx23(CoreCards, { model: block.model, renderer: block.renderer });
       }
       case "section":
-        return /* @__PURE__ */ jsxs11(Box10, { children: [
-          /* @__PURE__ */ jsx17(Heading7, { size: "md", mb: block.description ? 1 : 4, children: block.title }),
-          block.description ? /* @__PURE__ */ jsx17(Text11, { color: "gray.600", mb: 4, children: block.description }) : null,
-          /* @__PURE__ */ jsx17(Stack6, { gap: 4, children: block.blocks?.map((child, index) => /* @__PURE__ */ jsx17(CoreBlock, { block: child, registry }, child.id ?? index)) })
+        return /* @__PURE__ */ jsxs17(Box14, { 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)) })
         ] });
       case "markdown":
-        return /* @__PURE__ */ jsx17(Stack6, { gap: 2, children: renderMarkdown(block.content) });
+        return /* @__PURE__ */ jsx23(Stack7, { gap: 2, children: renderMarkdown(block.content) });
       default:
-        return /* @__PURE__ */ jsx17(MissingRenderer, { renderer: block.type });
+        return /* @__PURE__ */ jsx23(MissingRenderer, { renderer: block.type });
     }
   })();
-  return /* @__PURE__ */ jsx17(PermissionGate, { permission: requiredAccess(block), children: content });
+  return /* @__PURE__ */ jsx23(PermissionGate, { permission: requiredAccess(block), children: content });
 }
 function CorePage2({ page, registry }) {
   const Component = resolveComponent(registry, page.component, "pageComponents");
-  return /* @__PURE__ */ jsx17(PermissionGate, { permission: requiredAccess(page), children: Component ? /* @__PURE__ */ jsx17(Component, { page }) : /* @__PURE__ */ jsxs11(CorePage, { children: [
-    /* @__PURE__ */ jsx17(CorePageHeader, { title: page.title ?? page.label }),
-    /* @__PURE__ */ jsx17(Stack6, { gap: 6, children: page.blocks?.map((block, index) => /* @__PURE__ */ jsx17(CoreBlock, { block, registry }, block.id ?? index)) })
+  return /* @__PURE__ */ jsx23(PermissionGate, { permission: requiredAccess(page), children: Component ? /* @__PURE__ */ jsx23(Component, { page }) : /* @__PURE__ */ jsxs17(CorePage, { children: [
+    /* @__PURE__ */ jsx23(CorePageHeader, { title: page.title ?? page.label }),
+    /* @__PURE__ */ jsx23(Stack7, { gap: 6, children: page.blocks?.map((block, index) => /* @__PURE__ */ jsx23(CoreBlock, { block, registry }, block.id ?? index)) })
   ] }) });
 }
 
 // src/app/moduleRegistry.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function slug(value) {
   return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
@@ -2011,7 +2395,7 @@ function renderView(view) {
   switch (view.type) {
     case "collection": {
       const v = view;
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx24(
         CoreCollection,
         {
           model: v.model,
@@ -2019,17 +2403,21 @@ function renderView(view) {
           columns: v.columns,
           form: v.form,
           label: viewLabel(v),
-          importExport: v.importExport
+          section: v.section,
+          importExport: v.importExport,
+          list: v.list,
+          relations: v.relations,
+          detailModal: v.detailModal
         }
       );
     }
     case "document": {
       const v = view;
-      return /* @__PURE__ */ jsx18(CoreDocument, { model: v.model, label: viewLabel(v), approval: v.approval, attachments: v.attachments });
+      return /* @__PURE__ */ jsx24(CoreDocument, { model: v.model, label: viewLabel(v), approval: v.approval, attachments: v.attachments });
     }
     case "pipeline": {
       const v = view;
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx24(
         CorePipeline,
         {
           model: v.model,
@@ -2041,7 +2429,7 @@ function renderView(view) {
     }
     case "dashboard": {
       const v = view;
-      return /* @__PURE__ */ jsx18(CoreDashboard, { label: viewLabel(v), widgets: v.widgets });
+      return /* @__PURE__ */ jsx24(CoreDashboard, { label: viewLabel(v), widgets: v.widgets });
     }
     default:
       return null;
@@ -2055,7 +2443,7 @@ function viewToRoute(view) {
   };
 }
 function pageToRoute(page, registry) {
-  return { path: page.path, element: /* @__PURE__ */ jsx18(CorePage2, { page, registry }), permissions: requiredAccess2(page) };
+  return { path: page.path, element: /* @__PURE__ */ jsx24(CorePage2, { page, registry }), permissions: requiredAccess2(page) };
 }
 function pageToMenu(page) {
   if (page.hidden || !page.label) return null;
@@ -2116,13 +2504,13 @@ import {
 } from "react-router-dom";
 
 // src/shell/DefaultShell.tsx
-import { Box as Box12, Button as Button7, Flex as Flex8, Spacer as Spacer2, Text as Text13 } from "@chakra-ui/react";
+import { Box as Box16, 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 Box11, Flex as Flex7, Image, Stack as Stack7, Text as Text12 } from "@chakra-ui/react";
+import { Box as Box15, Flex as Flex10, Image, Stack as Stack8, Text as Text17 } from "@chakra-ui/react";
 import { NavLink } from "react-router-dom";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function groupBySection(items) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
@@ -2135,8 +2523,8 @@ function groupBySection(items) {
 function Sidebar({ app, menu, registry }) {
   const { hasPermission } = useOonAuth();
   const visible = menu.filter((item) => !item.hidden && hasPermission(item.permissions));
-  return /* @__PURE__ */ jsxs12(
-    Box11,
+  return /* @__PURE__ */ jsxs18(
+    Box15,
     {
       as: "nav",
       w: { base: "76px", lg: "248px" },
@@ -2151,9 +2539,9 @@ function Sidebar({ app, menu, registry }) {
       alignSelf: "flex-start",
       overflowY: "auto",
       children: [
-        /* @__PURE__ */ jsxs12(Flex7, { align: "center", gap: 3, mb: 6, px: { base: 1, lg: 2 }, minH: "42px", children: [
-          app.logo ? /* @__PURE__ */ jsx19(Image, { src: app.logo, alt: app.name, maxH: "36px", maxW: { base: "44px", lg: "150px" }, objectFit: "contain" }) : /* @__PURE__ */ jsx19(
-            Flex7,
+        /* @__PURE__ */ jsxs18(Flex10, { align: "center", gap: 3, mb: 6, px: { base: 1, lg: 2 }, minH: "42px", children: [
+          app.logo ? /* @__PURE__ */ jsx25(Image, { src: app.logo, alt: app.name, maxH: "36px", maxW: { base: "44px", lg: "150px" }, objectFit: "contain" }) : /* @__PURE__ */ jsx25(
+            Flex10,
             {
               w: "38px",
               h: "38px",
@@ -2168,14 +2556,14 @@ function Sidebar({ app, menu, registry }) {
               children: "O"
             }
           ),
-          /* @__PURE__ */ jsxs12(Box11, { display: { base: "none", lg: "block" }, minW: 0, children: [
-            /* @__PURE__ */ jsx19(Text12, { fontWeight: "700", fontSize: "sm", color: "#07262E", lineClamp: 1, children: app.name }),
-            /* @__PURE__ */ jsx19(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Opera\xE7\xE3o digital" })
+          /* @__PURE__ */ jsxs18(Box15, { 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" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx19(Stack7, { gap: 5, children: groupBySection(visible).map(([section, items]) => /* @__PURE__ */ jsxs12(Stack7, { gap: 1, children: [
-          /* @__PURE__ */ jsx19(
-            Text12,
+        /* @__PURE__ */ jsx25(Stack8, { gap: 5, children: groupBySection(visible).map(([section, items]) => /* @__PURE__ */ jsxs18(Stack8, { gap: 1, children: [
+          /* @__PURE__ */ jsx25(
+            Text17,
             {
               display: { base: "none", lg: "block" },
               fontSize: "10px",
@@ -2190,9 +2578,9 @@ function Sidebar({ app, menu, registry }) {
           ),
           items.map((item) => {
             const CustomMenuItem = resolveComponent(registry, item.renderer, "menuRenderers");
-            if (CustomMenuItem) return /* @__PURE__ */ jsx19(CustomMenuItem, { item }, item.href);
-            return /* @__PURE__ */ jsx19(NavLink, { to: item.href, end: item.href === "/", title: item.label, children: ({ isActive }) => /* @__PURE__ */ jsxs12(
-              Flex7,
+            if (CustomMenuItem) return /* @__PURE__ */ jsx25(CustomMenuItem, { item }, item.href);
+            return /* @__PURE__ */ jsx25(NavLink, { to: item.href, end: item.href === "/", title: item.label, children: ({ isActive }) => /* @__PURE__ */ jsxs18(
+              Flex10,
               {
                 align: "center",
                 justify: { base: "center", lg: "flex-start" },
@@ -2209,8 +2597,8 @@ function Sidebar({ app, menu, registry }) {
                 transition: "all 0.15s ease",
                 _hover: { bg: isActive ? "brand.50" : "#F8F9FA", color: "brand.700" },
                 children: [
-                  item.icon ? /* @__PURE__ */ jsx19(Box11, { flex: "0 0 auto", children: item.icon }) : /* @__PURE__ */ jsx19(Box11, { w: "7px", h: "7px", borderRadius: "full", bg: isActive ? "brand.500" : "gray.300" }),
-                  /* @__PURE__ */ jsx19(Text12, { display: { base: "none", lg: "block" }, lineClamp: 1, children: item.label })
+                  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" }),
+                  /* @__PURE__ */ jsx25(Text17, { display: { base: "none", lg: "block" }, lineClamp: 1, children: item.label })
                 ]
               }
             ) }, item.href);
@@ -2222,21 +2610,21 @@ function Sidebar({ app, menu, registry }) {
 }
 
 // src/shell/DefaultShell.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 function CoreTopbar({ app }) {
   const { user, logout } = useOonAuth();
-  return /* @__PURE__ */ jsxs13(Flex8, { 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__ */ jsxs13(Box12, { children: [
-      /* @__PURE__ */ jsx20(Text13, { fontSize: "xs", fontWeight: "600", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Central Oon" }),
-      /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: app.title ?? app.name })
+  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__ */ 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__ */ jsx20(Spacer2, {}),
-    user ? /* @__PURE__ */ jsxs13(Flex8, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs13(Box12, { textAlign: "right", display: { base: "none", md: "block" }, children: [
-        /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: user.nome }),
-        user.email ? /* @__PURE__ */ jsx20(Text13, { fontSize: "xs", color: "gray.500", children: user.email }) : null
+    /* @__PURE__ */ jsx26(Spacer2, {}),
+    user ? /* @__PURE__ */ jsxs19(Flex11, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs19(Box16, { 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
       ] }),
-      /* @__PURE__ */ jsx20(Button7, { size: "sm", variant: "outline", colorPalette: "brand", borderRadius: "8px", onClick: logout, children: "Sair" })
+      /* @__PURE__ */ jsx26(Button11, { size: "sm", variant: "outline", colorPalette: "brand", borderRadius: "8px", onClick: logout, children: "Sair" })
     ] }) : null
   ] });
 }
@@ -2244,45 +2632,45 @@ function Slot({ name, slot, registry, app, menu }) {
   if (slot === "none") return null;
   if (slot?.startsWith("custom:")) {
     const C = resolveComponent(registry, slot, "layoutSlots");
-    return C ? /* @__PURE__ */ jsx20(C, { app, menu }) : /* @__PURE__ */ jsx20(MissingRenderer, { renderer: slot });
+    return C ? /* @__PURE__ */ jsx26(C, { app, menu }) : /* @__PURE__ */ jsx26(MissingRenderer, { renderer: slot });
   }
-  if (name === "sidebar") return /* @__PURE__ */ jsx20(Sidebar, { app, menu, registry });
-  if (name === "topbar") return /* @__PURE__ */ jsx20(CoreTopbar, { app });
-  if (name === "footer" && slot === "core") return /* @__PURE__ */ jsx20(Box12, { as: "footer", px: 6, py: 4, color: "gray.500", fontSize: "xs", borderTopWidth: "1px", children: "OonCore" });
+  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" });
   return null;
 }
 function DefaultShell({ app, menu, layout, registry }) {
   const portal = layout?.shell === "portal" || layout?.shell === "content-only";
   const mainPadding = portal ? { base: 4, lg: 10 } : { base: 4, lg: 6 };
-  return /* @__PURE__ */ jsxs13(Flex8, { align: "stretch", minH: "100vh", bg: portal ? "white" : "#F8F9FA", children: [
-    /* @__PURE__ */ jsx20(Slot, { name: "sidebar", slot: layout?.sidebar ?? "core", registry, app, menu }),
-    /* @__PURE__ */ jsxs13(Flex8, { direction: "column", flex: "1", minW: 0, children: [
-      /* @__PURE__ */ jsx20(Slot, { name: "topbar", slot: layout?.topbar ?? "core", registry, app, menu }),
-      /* @__PURE__ */ jsx20(Slot, { name: "header", slot: layout?.header, registry, app, menu }),
-      /* @__PURE__ */ jsx20(Box12, { as: "main", flex: "1", p: mainPadding, minW: 0, children: /* @__PURE__ */ jsx20(Box12, { maxW: portal ? "1180px" : "1680px", mx: "auto", children: /* @__PURE__ */ jsx20(Outlet, {}) }) }),
-      /* @__PURE__ */ jsx20(Slot, { name: "footer", slot: layout?.footer ?? "none", registry, app, menu })
+  return /* @__PURE__ */ jsxs19(Flex11, { align: "stretch", minH: "100vh", bg: portal ? "white" : "#F8F9FA", children: [
+    /* @__PURE__ */ jsx26(Slot, { name: "sidebar", slot: layout?.sidebar ?? "core", registry, app, menu }),
+    /* @__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(Slot, { name: "footer", slot: layout?.footer ?? "none", registry, app, menu })
     ] })
   ] });
 }
 function PortalShell(props) {
-  return /* @__PURE__ */ jsx20(DefaultShell, { ...props, layout: { ...props.layout, shell: "portal" } });
+  return /* @__PURE__ */ jsx26(DefaultShell, { ...props, layout: { ...props.layout, shell: "portal" } });
 }
 
 // src/shell/AuthenticatedLayout.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function AuthenticatedLayout({ app, menu, layout, registry }) {
   if (layout?.shell?.startsWith("custom:")) {
     const CustomShell = resolveComponent(registry, layout.shell, "layoutSlots");
-    return CustomShell ? /* @__PURE__ */ jsx21(CustomShell, { app, menu, layout }) : /* @__PURE__ */ jsx21(MissingRenderer, { renderer: layout.shell });
+    return CustomShell ? /* @__PURE__ */ jsx27(CustomShell, { app, menu, layout }) : /* @__PURE__ */ jsx27(MissingRenderer, { renderer: layout.shell });
   }
-  if (layout?.shell === "portal") return /* @__PURE__ */ jsx21(PortalShell, { app, menu, layout, registry });
-  return /* @__PURE__ */ jsx21(DefaultShell, { app, menu, layout, registry });
+  if (layout?.shell === "portal") return /* @__PURE__ */ jsx27(PortalShell, { app, menu, layout, registry });
+  return /* @__PURE__ */ jsx27(DefaultShell, { app, menu, layout, registry });
 }
 
 // src/security/AccessDeniedPage.tsx
-import { Box as Box13, Button as Button8, Flex as Flex9, Heading as Heading8, Text as Text14, VStack } from "@chakra-ui/react";
+import { Box as Box17, 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 jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function AccessDeniedPage({ app }) {
   const { logout } = useOonAuth();
   const navigate = useNavigate();
@@ -2290,8 +2678,8 @@ function AccessDeniedPage({ app }) {
     logout();
     navigate("/login", { replace: true });
   }
-  return /* @__PURE__ */ jsx22(Flex9, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx22(
-    Box13,
+  return /* @__PURE__ */ jsx28(Flex12, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx28(
+    Box17,
     {
       width: "100%",
       maxW: "560px",
@@ -2301,9 +2689,9 @@ function AccessDeniedPage({ app }) {
       borderRadius: "18px",
       boxShadow: "0 24px 70px rgba(7, 38, 46, 0.10)",
       p: { base: 6, md: 10 },
-      children: /* @__PURE__ */ jsxs14(VStack, { align: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsx22(
-          Box13,
+      children: /* @__PURE__ */ jsxs20(VStack, { align: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsx28(
+          Box17,
           {
             width: "56px",
             height: "56px",
@@ -2319,9 +2707,9 @@ function AccessDeniedPage({ app }) {
             children: "!"
           }
         ),
-        /* @__PURE__ */ jsxs14(Box13, { children: [
-          /* @__PURE__ */ jsx22(
-            Text14,
+        /* @__PURE__ */ jsxs20(Box17, { children: [
+          /* @__PURE__ */ jsx28(
+            Text19,
             {
               color: "#39BFED",
               fontSize: "xs",
@@ -2331,15 +2719,15 @@ function AccessDeniedPage({ app }) {
               children: "Acesso negado"
             }
           ),
-          /* @__PURE__ */ jsx22(Heading8, { mt: 2, size: "lg", color: "#07262E", children: "Voc\xEA n\xE3o possui permiss\xE3o para este aplicativo" }),
-          /* @__PURE__ */ jsxs14(Text14, { mt: 3, color: "gray.600", children: [
+          /* @__PURE__ */ jsx28(Heading9, { mt: 2, size: "lg", color: "#07262E", children: "Voc\xEA n\xE3o possui permiss\xE3o para este aplicativo" }),
+          /* @__PURE__ */ jsxs20(Text19, { mt: 3, color: "gray.600", children: [
             "Seu usu\xE1rio foi autenticado, mas n\xE3o existe uma permiss\xE3o ativa para acessar ",
             app.title ?? app.name,
             ". Solicite o acesso ao administrador da sua organiza\xE7\xE3o."
           ] })
         ] }),
-        /* @__PURE__ */ jsx22(
-          Button8,
+        /* @__PURE__ */ jsx28(
+          Button12,
           {
             alignSelf: "flex-start",
             bg: "#07262E",
@@ -2356,7 +2744,7 @@ function AccessDeniedPage({ app }) {
 
 // src/security/AppAccessGuard.tsx
 import { Navigate, useLocation } from "react-router-dom";
-import { Fragment as Fragment3, jsx as jsx23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx29 } from "react/jsx-runtime";
 function loginRedirect(pathname, search) {
   const destination = `${pathname}${search}`;
   return `/login?redirect=${encodeURIComponent(destination)}`;
@@ -2364,9 +2752,9 @@ function loginRedirect(pathname, search) {
 function AppAccessGuard({ children }) {
   const { status, retry } = useOonAuth();
   const location = useLocation();
-  if (status === "loading") return /* @__PURE__ */ jsx23(LoadingScreen, {});
+  if (status === "loading") return /* @__PURE__ */ jsx29(LoadingScreen, {});
   if (status === "unauthenticated") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx29(
       Navigate,
       {
         to: loginRedirect(location.pathname, location.search),
@@ -2375,10 +2763,10 @@ function AppAccessGuard({ children }) {
     );
   }
   if (status === "forbidden") {
-    return /* @__PURE__ */ jsx23(Navigate, { to: "/acesso-negado", replace: true });
+    return /* @__PURE__ */ jsx29(Navigate, { to: "/acesso-negado", replace: true });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx29(
       LoadingScreen,
       {
         message: "N\xE3o foi poss\xEDvel validar seu acesso. Tente novamente.",
@@ -2389,22 +2777,22 @@ function AppAccessGuard({ children }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx23(Fragment3, { children });
+  return /* @__PURE__ */ jsx29(Fragment5, { children });
 }
 
 // src/security/LoginPage.tsx
-import { useState as useState8 } from "react";
+import { useState as useState12 } from "react";
 import {
-  Box as Box14,
-  Button as Button9,
-  Flex as Flex10,
-  Heading as Heading9,
-  Input as Input4,
-  Text as Text15,
+  Box as Box18,
+  Button as Button13,
+  Flex as Flex13,
+  Heading as Heading10,
+  Input as Input6,
+  Text as Text20,
   VStack as VStack2
 } from "@chakra-ui/react";
 import { Navigate as Navigate2, useLocation as useLocation2 } from "react-router-dom";
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 function safeRedirect(search) {
   const value = new URLSearchParams(search).get("redirect") || "/";
   if (!value.startsWith("/") || value.startsWith("//")) return "/";
@@ -2416,16 +2804,16 @@ function safeRedirect(search) {
 function LoginPage({ app }) {
   const { status, login } = useOonAuth();
   const location = useLocation2();
-  const [email, setEmail] = useState8("");
-  const [password, setPassword] = useState8("");
-  const [submitting, setSubmitting] = useState8(false);
-  const [message, setMessage] = useState8(null);
+  const [email, setEmail] = useState12("");
+  const [password, setPassword] = useState12("");
+  const [submitting, setSubmitting] = useState12(false);
+  const [message, setMessage] = useState12(null);
   const redirect = safeRedirect(location.search);
   if (status === "authenticated") {
-    return /* @__PURE__ */ jsx24(Navigate2, { to: redirect, replace: true });
+    return /* @__PURE__ */ jsx30(Navigate2, { to: redirect, replace: true });
   }
   if (status === "forbidden") {
-    return /* @__PURE__ */ jsx24(Navigate2, { to: "/acesso-negado", replace: true });
+    return /* @__PURE__ */ jsx30(Navigate2, { to: "/acesso-negado", replace: true });
   }
   async function handleSubmit(event) {
     event.preventDefault();
@@ -2443,8 +2831,8 @@ function LoginPage({ app }) {
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsx24(Flex10, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx24(
-    Box14,
+  return /* @__PURE__ */ jsx30(Flex13, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx30(
+    Box18,
     {
       width: "100%",
       maxW: "440px",
@@ -2454,10 +2842,10 @@ function LoginPage({ app }) {
       borderRadius: "18px",
       boxShadow: "0 24px 70px rgba(7, 38, 46, 0.10)",
       p: { base: 6, md: 9 },
-      children: /* @__PURE__ */ jsx24("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs15(VStack2, { align: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsxs15(Box14, { children: [
-          /* @__PURE__ */ jsx24(
-            Text15,
+      children: /* @__PURE__ */ jsx30("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs21(VStack2, { align: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsxs21(Box18, { children: [
+          /* @__PURE__ */ jsx30(
+            Text20,
             {
               color: "#39BFED",
               fontSize: "xs",
@@ -2467,14 +2855,14 @@ function LoginPage({ app }) {
               children: "Central Oon"
             }
           ),
-          /* @__PURE__ */ jsx24(Heading9, { mt: 2, size: "lg", color: "#07262E", children: app.title ?? app.name }),
-          /* @__PURE__ */ jsx24(Text15, { mt: 2, color: "gray.600", fontSize: "sm", children: "Entre com seu usu\xE1rio autorizado para acessar este aplicativo." })
+          /* @__PURE__ */ jsx30(Heading10, { mt: 2, size: "lg", color: "#07262E", children: app.title ?? app.name }),
+          /* @__PURE__ */ jsx30(Text20, { mt: 2, color: "gray.600", fontSize: "sm", children: "Entre com seu usu\xE1rio autorizado para acessar este aplicativo." })
         ] }),
-        /* @__PURE__ */ jsxs15(VStack2, { align: "stretch", gap: 4, children: [
-          /* @__PURE__ */ jsxs15(Box14, { children: [
-            /* @__PURE__ */ jsx24(Text15, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "E-mail" }),
-            /* @__PURE__ */ jsx24(
-              Input4,
+        /* @__PURE__ */ jsxs21(VStack2, { align: "stretch", gap: 4, children: [
+          /* @__PURE__ */ jsxs21(Box18, { children: [
+            /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "E-mail" }),
+            /* @__PURE__ */ jsx30(
+              Input6,
               {
                 type: "email",
                 value: email,
@@ -2485,10 +2873,10 @@ function LoginPage({ app }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15(Box14, { children: [
-            /* @__PURE__ */ jsx24(Text15, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
-            /* @__PURE__ */ jsx24(
-              Input4,
+          /* @__PURE__ */ jsxs21(Box18, { children: [
+            /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
+            /* @__PURE__ */ jsx30(
+              Input6,
               {
                 type: "password",
                 value: password,
@@ -2500,8 +2888,8 @@ function LoginPage({ app }) {
             )
           ] })
         ] }),
-        message ? /* @__PURE__ */ jsx24(
-          Box14,
+        message ? /* @__PURE__ */ jsx30(
+          Box18,
           {
             role: "alert",
             borderRadius: "10px",
@@ -2513,8 +2901,8 @@ function LoginPage({ app }) {
             children: message
           }
         ) : null,
-        /* @__PURE__ */ jsx24(
-          Button9,
+        /* @__PURE__ */ jsx30(
+          Button13,
           {
             type: "submit",
             bg: "#07262E",
@@ -2530,9 +2918,9 @@ function LoginPage({ app }) {
 }
 
 // src/security/ActivationPage.tsx
-import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Box as Box15, Button as Button10, Heading as Heading10, Input as Input5, Text as Text16, VStack as VStack3 } from "@chakra-ui/react";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState13 } from "react";
+import { Box as Box19, Button as Button14, Heading as Heading11, Input as Input7, 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}`);
   let binary = "";
@@ -2542,22 +2930,22 @@ function encodeBasicCredentials2(email, password) {
 function ActivationPage() {
   const { http } = useOonApi();
   const activation = useActivation();
-  const [step, setStep] = useState9(1);
-  const [config, setConfig] = useState9(null);
-  const [code, setCode] = useState9("");
-  const [preview, setPreview] = useState9(null);
-  const [global, setGlobal] = useState9({});
-  const [app, setApp] = useState9({});
-  const [rootEmail, setRootEmail] = useState9("");
-  const [rootPassword, setRootPassword] = useState9("");
-  const [devName, setDevName] = useState9("");
-  const [devEmail, setDevEmail] = useState9("");
-  const [devPassword, setDevPassword] = useState9("");
-  const [showCodeFlow, setShowCodeFlow] = useState9(false);
-  const [devResult, setDevResult] = useState9(null);
-  const [error, setError] = useState9(null);
-  const [submitting, setSubmitting] = useState9(false);
-  useEffect5(() => {
+  const [step, setStep] = useState13(1);
+  const [config, setConfig] = useState13(null);
+  const [code, setCode] = useState13("");
+  const [preview, setPreview] = useState13(null);
+  const [global, setGlobal] = useState13({});
+  const [app, setApp] = useState13({});
+  const [rootEmail, setRootEmail] = useState13("");
+  const [rootPassword, setRootPassword] = useState13("");
+  const [devName, setDevName] = useState13("");
+  const [devEmail, setDevEmail] = useState13("");
+  const [devPassword, setDevPassword] = useState13("");
+  const [showCodeFlow, setShowCodeFlow] = useState13(false);
+  const [devResult, setDevResult] = useState13(null);
+  const [error, setError] = useState13(null);
+  const [submitting, setSubmitting] = useState13(false);
+  useEffect7(() => {
     http.get("/ativacao/configuracao").then((response) => {
       setConfig(response.data);
       setGlobal(response.data.defaults || {});
@@ -2565,7 +2953,7 @@ function ActivationPage() {
       () => setError("N\xE3o foi poss\xEDvel carregar a configura\xE7\xE3o de ativa\xE7\xE3o.")
     );
   }, [http]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (activation.status === "active") {
       window.location.replace("/login");
     }
@@ -2666,13 +3054,13 @@ function ActivationPage() {
     }
   }
   function renderField(field, values, setValues) {
-    return /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
-      /* @__PURE__ */ jsxs16(Text16, { fontWeight: "medium", children: [
+    return /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+      /* @__PURE__ */ jsxs22(Text21, { fontWeight: "medium", children: [
         field.label,
         field.required ? " *" : ""
       ] }),
-      /* @__PURE__ */ jsx25(
-        Input5,
+      /* @__PURE__ */ jsx31(
+        Input7,
         {
           type: field.type === "password" || field.type === "secret" ? "password" : field.type === "email" ? "email" : field.type === "url" ? "url" : field.type === "number" || field.type === "integer" ? "number" : "text",
           value: String(values[field.name] ?? field.defaultValue ?? ""),
@@ -2683,16 +3071,16 @@ function ActivationPage() {
           onChange: (event) => setValues({ ...values, [field.name]: event.target.value })
         }
       ),
-      field.helpText ? /* @__PURE__ */ jsx25(Text16, { fontSize: "sm", color: "gray.500", children: field.helpText }) : null
+      field.helpText ? /* @__PURE__ */ jsx31(Text21, { fontSize: "sm", color: "gray.500", children: field.helpText }) : null
     ] }, field.name);
   }
   function renderDevLocalActivation() {
-    return /* @__PURE__ */ jsxs16(Fragment4, { children: [
-      /* @__PURE__ */ jsx25(Text16, { 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__ */ jsxs16(Box15, { w: "100%", children: [
-        /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
-        /* @__PURE__ */ jsx25(
-          Input5,
+    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__ */ jsx31(Text21, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
+        /* @__PURE__ */ jsx31(
+          Input7,
           {
             value: devName,
             onChange: (event) => setDevName(event.target.value),
@@ -2701,10 +3089,10 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
-        /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "E-mail *" }),
-        /* @__PURE__ */ jsx25(
-          Input5,
+      /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+        /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail *" }),
+        /* @__PURE__ */ jsx31(
+          Input7,
           {
             type: "email",
             value: devEmail,
@@ -2714,10 +3102,10 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
-        /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "Senha *" }),
-        /* @__PURE__ */ jsx25(
-          Input5,
+      /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+        /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
+        /* @__PURE__ */ jsx31(
+          Input7,
           {
             type: "password",
             value: devPassword,
@@ -2728,8 +3116,8 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx25(
-        Button10,
+      /* @__PURE__ */ jsx31(
+        Button14,
         {
           colorPalette: "blue",
           onClick: activateDevLocal,
@@ -2738,8 +3126,8 @@ function ActivationPage() {
           children: "Ativar ambiente de desenvolvimento"
         }
       ),
-      /* @__PURE__ */ jsx25(
-        Button10,
+      /* @__PURE__ */ jsx31(
+        Button14,
         {
           variant: "outline",
           onClick: () => setShowCodeFlow(true),
@@ -2752,7 +3140,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__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
       VStack3,
       {
         maxW: "760px",
@@ -2763,14 +3151,14 @@ function ActivationPage() {
         align: "stretch",
         gap: 5,
         children: [
-          /* @__PURE__ */ jsx25(Heading10, { children: "Preparando ativa\xE7\xE3o..." }),
-          error ? /* @__PURE__ */ jsx25(Text16, { color: "red.600", children: error }) : null
+          /* @__PURE__ */ jsx31(Heading11, { children: "Preparando ativa\xE7\xE3o..." }),
+          error ? /* @__PURE__ */ jsx31(Text21, { color: "red.600", children: error }) : null
         ]
       }
     ) });
   }
   if (rootMode) {
-    return /* @__PURE__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
       VStack3,
       {
         maxW: "560px",
@@ -2781,21 +3169,21 @@ function ActivationPage() {
         align: "stretch",
         gap: 5,
         children: [
-          /* @__PURE__ */ jsx25(Heading10, { children: "Ativa\xE7\xE3o inicial do Ecossistema Oon" }),
-          /* @__PURE__ */ jsx25(Text16, { color: "gray.600", children: "Esta \xE9 a aplica\xE7\xE3o root do ecossistema. Informe somente o e-mail e a senha do primeiro administrador. O Core criar\xE1 a estrutura m\xEDnima necess\xE1ria para liberar o primeiro login." }),
-          /* @__PURE__ */ jsxs16(Text16, { fontSize: "sm", color: "gray.500", children: [
+          /* @__PURE__ */ jsx31(Heading11, { children: "Ativa\xE7\xE3o inicial do Ecossistema Oon" }),
+          /* @__PURE__ */ jsx31(Text21, { color: "gray.600", children: "Esta \xE9 a aplica\xE7\xE3o root do ecossistema. Informe somente o e-mail e a senha do primeiro administrador. O Core criar\xE1 a estrutura m\xEDnima necess\xE1ria para liberar o primeiro login." }),
+          /* @__PURE__ */ jsxs22(Text21, { fontSize: "sm", color: "gray.500", children: [
             "App: ",
             config.technical.appCode,
             " \xB7 Ambiente:",
             " ",
             config.technical.ambiente
           ] }),
-          error ? /* @__PURE__ */ jsx25(Text16, { color: "red.600", children: error }) : null,
-          step !== 6 ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-            /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
-              /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "E-mail do administrador *" }),
-              /* @__PURE__ */ jsx25(
-                Input5,
+          error ? /* @__PURE__ */ jsx31(Text21, { color: "red.600", children: error }) : null,
+          step !== 6 ? /* @__PURE__ */ jsxs22(Fragment6, { children: [
+            /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+              /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail do administrador *" }),
+              /* @__PURE__ */ jsx31(
+                Input7,
                 {
                   type: "email",
                   autoComplete: "email",
@@ -2805,10 +3193,10 @@ function ActivationPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
-              /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "Senha *" }),
-              /* @__PURE__ */ jsx25(
-                Input5,
+            /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
+              /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
+              /* @__PURE__ */ jsx31(
+                Input7,
                 {
                   type: "password",
                   minLength: 8,
@@ -2819,8 +3207,8 @@ function ActivationPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx25(
-              Button10,
+            /* @__PURE__ */ jsx31(
+              Button14,
               {
                 colorPalette: "blue",
                 onClick: activateRoot,
@@ -2829,15 +3217,15 @@ function ActivationPage() {
                 children: "Criar ecossistema e ativar"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-            /* @__PURE__ */ jsx25(Heading10, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
-            /* @__PURE__ */ jsx25(Text16, { children: "Usu\xE1rio, tenant, aplicativo, licen\xE7a e permiss\xF5es foram preparados. Redirecionando para o primeiro login..." })
+          ] }) : /* @__PURE__ */ jsxs22(Fragment6, { children: [
+            /* @__PURE__ */ jsx31(Heading11, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
+            /* @__PURE__ */ jsx31(Text21, { children: "Usu\xE1rio, tenant, aplicativo, licen\xE7a e permiss\xF5es foram preparados. Redirecionando para o primeiro login..." })
           ] })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx31(Box19, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs22(
     VStack3,
     {
       maxW: "760px",
@@ -2848,8 +3236,8 @@ function ActivationPage() {
       align: "stretch",
       gap: 5,
       children: [
-        /* @__PURE__ */ jsx25(Heading10, { children: "Ativa\xE7\xE3o da Central Oon" }),
-        /* @__PURE__ */ jsxs16(Text16, { children: [
+        /* @__PURE__ */ jsx31(Heading11, { children: "Ativa\xE7\xE3o da Central Oon" }),
+        /* @__PURE__ */ jsxs22(Text21, { children: [
           "App: ",
           config.technical.appCode,
           " \xB7 Ambiente:",
@@ -2859,12 +3247,12 @@ function ActivationPage() {
           " ",
           config.technical.centralAtivacaoUrl || config.technical.centralAtivacaoHost
         ] }),
-        error ? /* @__PURE__ */ jsx25(Text16, { color: "red.600", children: error }) : null,
+        error ? /* @__PURE__ */ jsx31(Text21, { color: "red.600", children: error }) : null,
         step === 1 && isDevelopmentMember && !showCodeFlow ? renderDevLocalActivation() : null,
-        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx25(Text16, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar tenant, aplicativo e licen\xE7a antes de consumir o c\xF3digo." }),
-          /* @__PURE__ */ jsx25(
-            Input5,
+        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx31(Text21, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar tenant, aplicativo e licen\xE7a antes de consumir o c\xF3digo." }),
+          /* @__PURE__ */ jsx31(
+            Input7,
             {
               "aria-label": "C\xF3digo de ativa\xE7\xE3o",
               value: code,
@@ -2872,8 +3260,8 @@ function ActivationPage() {
               placeholder: "OON-XXXX"
             }
           ),
-          /* @__PURE__ */ jsx25(
-            Button10,
+          /* @__PURE__ */ jsx31(
+            Button14,
             {
               onClick: validateCode,
               loading: submitting,
@@ -2881,8 +3269,8 @@ function ActivationPage() {
               children: "Validar c\xF3digo"
             }
           ),
-          isDevelopmentMember ? /* @__PURE__ */ jsx25(
-            Button10,
+          isDevelopmentMember ? /* @__PURE__ */ jsx31(
+            Button14,
             {
               variant: "outline",
               onClick: () => setShowCodeFlow(false),
@@ -2891,25 +3279,25 @@ function ActivationPage() {
             }
           ) : null
         ] }),
-        step === 2 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx25(Heading10, { size: "md", children: "Confirma\xE7\xE3o" }),
-          /* @__PURE__ */ jsx25("pre", { children: JSON.stringify(preview, null, 2) }),
-          /* @__PURE__ */ jsx25(Button10, { onClick: () => setStep(3), children: "Continuar" })
+        step === 2 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx31(Heading11, { size: "md", children: "Confirma\xE7\xE3o" }),
+          /* @__PURE__ */ jsx31("pre", { children: JSON.stringify(preview, null, 2) }),
+          /* @__PURE__ */ jsx31(Button14, { onClick: () => setStep(3), children: "Continuar" })
         ] }),
-        step === 3 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
+        step === 3 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
           config.globalFields.map(
             (field) => renderField(field, global, setGlobal)
           ),
-          /* @__PURE__ */ jsx25(Button10, { onClick: () => setStep(4), children: "Continuar" })
+          /* @__PURE__ */ jsx31(Button14, { onClick: () => setStep(4), children: "Continuar" })
         ] }),
-        step === 4 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          config.appFields.length ? config.appFields.map((field) => renderField(field, app, setApp)) : /* @__PURE__ */ jsx25(Text16, { children: "Nenhum par\xE2metro adicional declarado." }),
-          /* @__PURE__ */ jsx25(Button10, { onClick: () => setStep(5), children: "Revisar" })
+        step === 4 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          config.appFields.length ? config.appFields.map((field) => renderField(field, app, setApp)) : /* @__PURE__ */ jsx31(Text21, { children: "Nenhum par\xE2metro adicional declarado." }),
+          /* @__PURE__ */ jsx31(Button14, { onClick: () => setStep(5), children: "Revisar" })
         ] }),
-        step === 5 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx25(Text16, { children: "Ao confirmar, o c\xF3digo ser\xE1 consumido e a inst\xE2ncia ser\xE1 registrada no Ecossistema Oon." }),
-          /* @__PURE__ */ jsx25(
-            Button10,
+        step === 5 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx31(Text21, { children: "Ao confirmar, o c\xF3digo ser\xE1 consumido e a inst\xE2ncia ser\xE1 registrada no Ecossistema Oon." }),
+          /* @__PURE__ */ jsx31(
+            Button14,
             {
               colorPalette: "blue",
               onClick: completeMemberActivation,
@@ -2919,14 +3307,14 @@ function ActivationPage() {
             }
           )
         ] }),
-        step === 6 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx25(Heading10, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
-          devResult?.appCode ? /* @__PURE__ */ jsxs16(Text16, { children: [
+        step === 6 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx31(Heading11, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
+          devResult?.appCode ? /* @__PURE__ */ jsxs22(Text21, { children: [
             "C\xF3digo do app: ",
             devResult.appCode,
             ". Redirecionando para a Central em desenvolvimento..."
-          ] }) : /* @__PURE__ */ jsx25(Text16, { children: "Redirecionando para o login..." }),
-          devResult?.instrucoes?.env ? /* @__PURE__ */ jsx25(Text16, { fontSize: "sm", color: "gray.500", children: devResult.instrucoes.env }) : null
+          ] }) : /* @__PURE__ */ jsx31(Text21, { children: "Redirecionando para o login..." }),
+          devResult?.instrucoes?.env ? /* @__PURE__ */ jsx31(Text21, { fontSize: "sm", color: "gray.500", children: devResult.instrucoes.env }) : null
         ] })
       ]
     }
@@ -2936,47 +3324,47 @@ function InstanceBlockedPage({
   title,
   message
 }) {
-  return /* @__PURE__ */ jsxs16(Box15, { p: 8, children: [
-    /* @__PURE__ */ jsx25(Heading10, { children: title }),
-    /* @__PURE__ */ jsx25(Text16, { children: message })
+  return /* @__PURE__ */ jsxs22(Box19, { p: 8, children: [
+    /* @__PURE__ */ jsx31(Heading11, { children: title }),
+    /* @__PURE__ */ jsx31(Text21, { children: message })
   ] });
 }
 
 // src/security/RouteGuard.tsx
-import { Fragment as Fragment5, jsx as jsx26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx32 } from "react/jsx-runtime";
 function RouteGuard({
   permission,
   children
 }) {
   const { status, hasPermission } = useOonAuth();
-  if (status === "loading") return /* @__PURE__ */ jsx26(LoadingScreen, {});
-  if (status === "unauthenticated") return /* @__PURE__ */ jsx26(LoadingScreen, { message: "Redirecionando para o login..." });
+  if (status === "loading") return /* @__PURE__ */ jsx32(LoadingScreen, {});
+  if (status === "unauthenticated") return /* @__PURE__ */ jsx32(LoadingScreen, { message: "Redirecionando para o login..." });
   if (!hasPermission(permission)) {
-    return /* @__PURE__ */ jsx26(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
+    return /* @__PURE__ */ jsx32(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
   }
-  return /* @__PURE__ */ jsx26(Fragment5, { children });
+  return /* @__PURE__ */ jsx32(Fragment7, { children });
 }
 
 // src/security/ActivationGuard.tsx
 import { Navigate as Navigate3 } from "react-router-dom";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function ActivationGuard({ children }) {
   const { status } = useActivation();
   if (status === "loading") return null;
-  if (status === "suspended") return /* @__PURE__ */ jsx27(Navigate3, { to: "/instancia-suspensa", replace: true });
-  if (status === "revoked") return /* @__PURE__ */ jsx27(Navigate3, { to: "/instancia-revogada", replace: true });
-  if (status !== "active" && window.location.pathname !== "/ativacao") return /* @__PURE__ */ jsx27(Navigate3, { to: "/ativacao", replace: true });
+  if (status === "suspended") return /* @__PURE__ */ jsx33(Navigate3, { to: "/instancia-suspensa", replace: true });
+  if (status === "revoked") return /* @__PURE__ */ jsx33(Navigate3, { to: "/instancia-revogada", replace: true });
+  if (status !== "active" && window.location.pathname !== "/ativacao") return /* @__PURE__ */ jsx33(Navigate3, { to: "/ativacao", replace: true });
   return children;
 }
 
 // src/app/createOonRouter.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function createOonRouter({ app, menu, routes, security, layout, registry }) {
   const guardEnabled = security?.enableRouteGuard !== false;
   const publicRoutes = routes.filter((route) => route.public).map((route) => ({ path: route.path, element: route.element }));
   const privateSource = routes.filter((route) => !route.public);
   const privateRoutes = privateSource.map((route) => {
-    const element = guardEnabled ? /* @__PURE__ */ jsx28(RouteGuard, { permission: route.permissions, children: route.element }) : route.element;
+    const element = guardEnabled ? /* @__PURE__ */ jsx34(RouteGuard, { permission: route.permissions, children: route.element }) : route.element;
     return route.path === "/" ? { index: true, element } : { path: route.path.replace(/^\//, ""), element };
   });
   const hasIndexRoute = privateSource.some((route) => route.path === "/");
@@ -2984,7 +3372,7 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
   if (!hasIndexRoute && firstRoute) {
     privateRoutes.unshift({
       index: true,
-      element: /* @__PURE__ */ jsx28(Navigate4, { to: firstRoute.path, replace: true })
+      element: /* @__PURE__ */ jsx34(Navigate4, { to: firstRoute.path, replace: true })
     });
   }
   const customPaths = new Set(publicRoutes.map((route) => route.path));
@@ -2992,19 +3380,19 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
   if (!customPaths.has("/login")) {
     builtInPublicRoutes.push({
       path: "/login",
-      element: /* @__PURE__ */ jsx28(ActivationGuard, { children: /* @__PURE__ */ jsx28(LoginPage, { app }) })
+      element: /* @__PURE__ */ jsx34(ActivationGuard, { children: /* @__PURE__ */ jsx34(LoginPage, { app }) })
     });
   }
   if (!customPaths.has("/ativacao")) {
     builtInPublicRoutes.push({
       path: "/ativacao",
-      element: /* @__PURE__ */ jsx28(ActivationPage, {})
+      element: /* @__PURE__ */ jsx34(ActivationPage, {})
     });
   }
   if (!customPaths.has("/instancia-suspensa")) {
     builtInPublicRoutes.push({
       path: "/instancia-suspensa",
-      element: /* @__PURE__ */ jsx28(
+      element: /* @__PURE__ */ jsx34(
         InstanceBlockedPage,
         {
           title: "Inst\xE2ncia suspensa",
@@ -3016,7 +3404,7 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
   if (!customPaths.has("/instancia-revogada")) {
     builtInPublicRoutes.push({
       path: "/instancia-revogada",
-      element: /* @__PURE__ */ jsx28(
+      element: /* @__PURE__ */ jsx34(
         InstanceBlockedPage,
         {
           title: "Inst\xE2ncia revogada",
@@ -3028,7 +3416,7 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
   if (!customPaths.has("/acesso-negado")) {
     builtInPublicRoutes.push({
       path: "/acesso-negado",
-      element: /* @__PURE__ */ jsx28(AccessDeniedPage, { app })
+      element: /* @__PURE__ */ jsx34(AccessDeniedPage, { app })
     });
   }
   const tree = [
@@ -3036,7 +3424,7 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
     ...publicRoutes,
     {
       path: "/",
-      element: /* @__PURE__ */ jsx28(ActivationGuard, { children: /* @__PURE__ */ jsx28(AppAccessGuard, { children: /* @__PURE__ */ jsx28(AuthenticatedLayout, { app, menu, layout, registry }) }) }),
+      element: /* @__PURE__ */ jsx34(ActivationGuard, { children: /* @__PURE__ */ jsx34(AppAccessGuard, { children: /* @__PURE__ */ jsx34(AuthenticatedLayout, { app, menu, layout, registry }) }) }),
       children: privateRoutes
     }
   ];
@@ -3044,13 +3432,13 @@ function createOonRouter({ app, menu, routes, security, layout, registry }) {
 }
 
 // src/app/OonApp.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function localLoginUrl() {
   const current = `${window.location.pathname}${window.location.search}`;
   return `/login?redirect=${encodeURIComponent(current)}`;
 }
 function OonApp({ config }) {
-  const { http, storage, router } = useMemo4(() => {
+  const { http, storage, router } = useMemo6(() => {
     const storage2 = createTokenStorage(config.app.id);
     const externalLoginUrl = config.auth?.loginUrl ?? config.api.meusAppsUrl;
     const http2 = createRestClient({
@@ -3079,11 +3467,11 @@ function OonApp({ config }) {
     });
     return { http: http2, storage: storage2, router: router2 };
   }, [config]);
-  return /* @__PURE__ */ jsx29(OonProviders, { config, http, storage, children: /* @__PURE__ */ jsx29(RouterProvider, { router }) });
+  return /* @__PURE__ */ jsx35(OonProviders, { config, http, storage, children: /* @__PURE__ */ jsx35(RouterProvider, { router }) });
 }
 
 // src/start.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function validateConfig(config) {
   if (!config?.app?.id) throw new Error("oonCoreFront.start: config.app.id \xE9 obrigat\xF3rio.");
   if (!config?.api?.baseUrl) throw new Error("oonCoreFront.start: config.api.baseUrl \xE9 obrigat\xF3rio.");
@@ -3117,7 +3505,7 @@ function start(config) {
   const el = document.getElementById(rootId);
   if (!el) throw new Error(`oonCoreFront.start: elemento #${rootId} n\xE3o encontrado no DOM.`);
   createRoot(el).render(
-    /* @__PURE__ */ jsx30(StrictMode, { children: /* @__PURE__ */ jsx30(OonApp, { config }) })
+    /* @__PURE__ */ jsx36(StrictMode, { children: /* @__PURE__ */ jsx36(OonApp, { config }) })
   );
 }
 var oonCoreFront = { start };
@@ -3144,7 +3532,10 @@ function manifestToConfig(manifest, runtime) {
       mode: c.mode ?? "dynamic",
       path: c.path,
       label: c.label,
-      section: c.section
+      section: c.section,
+      list: c.list,
+      relations: c.relations,
+      detailModal: c.detailModal
     };
     views.push(view);
   }
@@ -3234,34 +3625,34 @@ function defineOonModule(mod) {
 }
 
 // src/components/CoreIntegration.tsx
-import { Badge as Badge3, Box as Box16, Button as Button11, Flex as Flex11, Heading as Heading11, Stack as Stack8, Text as Text17 } from "@chakra-ui/react";
-import { useMutation as useMutation3 } from "@tanstack/react-query";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+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 { useMutation as useMutation4 } from "@tanstack/react-query";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
   const { http } = useOonApi();
   const metadata = useCoreMetadata();
-  const reprocess = useMutation3({
+  const reprocess = useMutation4({
     mutationFn: () => http.post("/integrations/actions/process-active", {}, { headers: { "x-oon-origin": "integration" } })
   });
-  if (metadata.isLoading) return /* @__PURE__ */ jsx31(LoadingScreen, {});
-  if (metadata.isError) return /* @__PURE__ */ jsx31(ErrorState, { error: metadata.error });
+  if (metadata.isLoading) return /* @__PURE__ */ jsx37(LoadingScreen, {});
+  if (metadata.isError) return /* @__PURE__ */ jsx37(ErrorState, { error: metadata.error });
   const integrations = metadata.data?.integrations ?? [];
-  return /* @__PURE__ */ jsxs17(Stack8, { gap: 6, children: [
-    /* @__PURE__ */ jsxs17(Flex11, { align: "center", justify: "space-between", children: [
-      /* @__PURE__ */ jsx31(Heading11, { size: "lg", children: label }),
-      /* @__PURE__ */ jsx31(Button11, { size: "sm", variant: "outline", loading: reprocess.isPending, onClick: () => reprocess.mutate(), children: "Reprocessar ativos" })
+  return /* @__PURE__ */ jsxs23(Stack9, { gap: 6, children: [
+    /* @__PURE__ */ jsxs23(Flex14, { align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ jsx37(Heading12, { size: "lg", children: label }),
+      /* @__PURE__ */ jsx37(Button15, { size: "sm", variant: "outline", loading: reprocess.isPending, onClick: () => reprocess.mutate(), children: "Reprocessar ativos" })
     ] }),
-    /* @__PURE__ */ jsx31(Stack8, { gap: 3, children: integrations.length === 0 ? /* @__PURE__ */ jsx31(Text17, { color: "gray.400", children: "Nenhuma integra\xE7\xE3o declarada." }) : integrations.map((it, idx) => /* @__PURE__ */ jsx31(
-      Box16,
+    /* @__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,
       {
         borderWidth: "1px",
         borderColor: "gray.200",
         borderRadius: "md",
         bg: "white",
         p: 4,
-        children: /* @__PURE__ */ jsxs17(Flex11, { align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsx31(Text17, { fontWeight: "medium", children: it.label ?? it.name ?? "Integra\xE7\xE3o" }),
-          /* @__PURE__ */ jsx31(Badge3, { colorPalette: it.status === "erro" ? "red" : it.status === "ativo" ? "green" : "gray", children: it.status ?? "\u2014" })
+        children: /* @__PURE__ */ jsxs23(Flex14, { align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ jsx37(Text22, { fontWeight: "medium", children: it.label ?? it.name ?? "Integra\xE7\xE3o" }),
+          /* @__PURE__ */ jsx37(Badge5, { colorPalette: it.status === "erro" ? "red" : it.status === "ativo" ? "green" : "gray", children: it.status ?? "\u2014" })
         ] })
       },
       it.id ?? it.name ?? idx
@@ -3270,36 +3661,36 @@ function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
 }
 
 // src/components/CoreCurrency.tsx
-import { Button as Button12, Flex as Flex12, Heading as Heading12, Stack as Stack9, Text as Text18 } from "@chakra-ui/react";
-import { useMutation as useMutation4, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Button as Button16, Flex as Flex15, Heading as Heading13, Stack as Stack10, Text as Text23 } from "@chakra-ui/react";
+import { useMutation as useMutation5, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/moedas", columns }) {
   const { http } = useOonApi();
-  const queryClient = useQueryClient3();
-  const updateRates = useMutation4({
+  const queryClient = useQueryClient5();
+  const updateRates = useMutation5({
     mutationFn: () => http.post(`${endpoint}/actions/update-rates`, {}, { headers: { "x-oon-origin": "integration" } }),
     onSuccess: () => queryClient.invalidateQueries({ queryKey: ["oon", "list", endpoint] })
   });
-  return /* @__PURE__ */ jsxs18(Stack9, { gap: 6, children: [
-    /* @__PURE__ */ jsxs18(Flex12, { align: "center", justify: "space-between", children: [
-      /* @__PURE__ */ jsx32(Heading12, { size: "lg", children: label }),
-      /* @__PURE__ */ jsx32(Button12, { size: "sm", colorPalette: "blue", loading: updateRates.isPending, onClick: () => updateRates.mutate(), children: "Atualizar cota\xE7\xF5es" })
+  return /* @__PURE__ */ jsxs24(Stack10, { gap: 6, children: [
+    /* @__PURE__ */ jsxs24(Flex15, { align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ jsx38(Heading13, { size: "lg", children: label }),
+      /* @__PURE__ */ jsx38(Button16, { size: "sm", colorPalette: "blue", loading: updateRates.isPending, onClick: () => updateRates.mutate(), children: "Atualizar cota\xE7\xF5es" })
     ] }),
-    updateRates.isError ? /* @__PURE__ */ jsx32(Text18, { fontSize: "sm", color: "red.600", children: updateRates.error?.message }) : null,
-    /* @__PURE__ */ jsx32(CoreCollection, { model, label: "", mode: columns ? "full" : "dynamic", endpoint, columns })
+    updateRates.isError ? /* @__PURE__ */ jsx38(Text23, { fontSize: "sm", color: "red.600", children: updateRates.error?.message }) : null,
+    /* @__PURE__ */ jsx38(CoreCollection, { model, label: "", mode: columns ? "full" : "dynamic", endpoint, columns })
   ] });
 }
 
 // src/components/CoreAssistant.tsx
-import { useState as useState10 } from "react";
-import { Box as Box17, Button as Button13, Flex as Flex13, Heading as Heading13, Input as Input6, Stack as Stack10, Text as Text19 } from "@chakra-ui/react";
-import { useMutation as useMutation5 } from "@tanstack/react-query";
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { Box as Box21, Button as Button17, Flex as Flex16, Heading as Heading14, Input as Input8, 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" }) {
   const { http } = useOonApi();
-  const [messages, setMessages] = useState10([]);
-  const [input, setInput] = useState10("");
-  const ask = useMutation5({
+  const [messages, setMessages] = useState14([]);
+  const [input, setInput] = useState14("");
+  const ask = useMutation6({
     mutationFn: async (message) => {
       const { data } = await http.post(
         endpoint,
@@ -3323,11 +3714,11 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
     setInput("");
     ask.mutate(text);
   };
-  return /* @__PURE__ */ jsxs19(Stack10, { gap: 4, maxW: "560px", children: [
-    /* @__PURE__ */ jsx33(Heading13, { size: "md", children: label }),
-    /* @__PURE__ */ jsx33(Box17, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 4, minH: "240px", children: /* @__PURE__ */ jsxs19(Stack10, { gap: 3, children: [
-      messages.length === 0 ? /* @__PURE__ */ jsx33(Text19, { color: "gray.400", fontSize: "sm", children: "Fa\xE7a uma pergunta ao assistente." }) : messages.map((m, idx) => /* @__PURE__ */ jsx33(Flex13, { justify: m.role === "user" ? "flex-end" : "flex-start", children: /* @__PURE__ */ jsx33(
-        Box17,
+  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: [
+      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,
         {
           bg: m.role === "user" ? "brand.500" : "gray.100",
           color: m.role === "user" ? "white" : "gray.800",
@@ -3339,12 +3730,12 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
           children: m.content
         }
       ) }, idx)),
-      ask.isPending ? /* @__PURE__ */ jsx33(Text19, { color: "gray.400", fontSize: "sm", children: "Pensando\u2026" }) : null,
-      ask.isError ? /* @__PURE__ */ jsx33(Text19, { color: "red.600", fontSize: "sm", children: ask.error?.message }) : null
+      ask.isPending ? /* @__PURE__ */ jsx39(Text24, { color: "gray.400", fontSize: "sm", children: "Pensando\u2026" }) : null,
+      ask.isError ? /* @__PURE__ */ jsx39(Text24, { color: "red.600", fontSize: "sm", children: ask.error?.message }) : null
     ] }) }),
-    /* @__PURE__ */ jsxs19(Flex13, { gap: 2, children: [
-      /* @__PURE__ */ jsx33(
-        Input6,
+    /* @__PURE__ */ jsxs25(Flex16, { gap: 2, children: [
+      /* @__PURE__ */ jsx39(
+        Input8,
         {
           size: "sm",
           value: input,
@@ -3355,7 +3746,7 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
           }
         }
       ),
-      /* @__PURE__ */ jsx33(Button13, { size: "sm", colorPalette: "blue", onClick: send, loading: ask.isPending, children: "Enviar" })
+      /* @__PURE__ */ jsx39(Button17, { size: "sm", colorPalette: "blue", onClick: send, loading: ask.isPending, children: "Enviar" })
     ] })
   ] });
 }