@oondemand/oon-core-front 0.3.7 → 0.3.8

package/dist/index.js

@@ -1800,8 +1800,149 @@ function formatWidget(value, kind, field) {
   return String(value);
 }
 
+// src/components/ui-v2/CorePage.tsx
+import { Box as Box10, Heading as Heading7, Stack as Stack6, Text as Text11 } from "@chakra-ui/react";
+
+// src/security/PermissionGate.tsx
+import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
+function PermissionGate({
+  permission,
+  fallback = null,
+  children
+}) {
+  const { hasPermission } = useOonAuth();
+  return /* @__PURE__ */ jsx14(Fragment, { 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";
+var PREFIX_BUCKETS = {
+  "custom": "pageComponents",
+  "fields": "fieldRenderers",
+  "cells": "cellRenderers",
+  "cards": "cardRenderers",
+  "actions": "actionRenderers",
+  "menus": "menuRenderers"
+};
+function registryKey(key) {
+  return key.startsWith("custom:") ? key.slice("custom:".length) : key;
+}
+function resolveComponent(registry, key, bucket) {
+  if (!key) return null;
+  const normalized = registryKey(key);
+  const inferred = key.includes(".") ? PREFIX_BUCKETS[key.split(".")[0]] : void 0;
+  const targetBucket = bucket ?? inferred ?? "pageComponents";
+  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: [
+      "Registre a chave ",
+      renderer ? /* @__PURE__ */ jsx15("code", { children: renderer }) : "solicitada",
+      " no registry da UI."
+    ] }),
+    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";
+function CorePage({ children }) {
+  return /* @__PURE__ */ jsx16(Box9, { 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
+    ] }),
+    actions
+  ] });
+}
+function CoreToolbar({ children }) {
+  return /* @__PURE__ */ jsx16(Flex6, { align: "center", gap: 2, mb: 4, children });
+}
+function CoreDataGrid(props) {
+  return /* @__PURE__ */ jsx16(CoreCollection, { ...props });
+}
+function CoreCards(props) {
+  return /* @__PURE__ */ jsx16(CoreCollection, { model: props.model, mode: "minimal", label: props.model });
+}
+function CoreForm(props) {
+  return /* @__PURE__ */ jsx16(Box9, { children: props.children });
+}
+function CoreField({ label, children }) {
+  return /* @__PURE__ */ jsxs10(Box9, { children: [
+    /* @__PURE__ */ jsx16(Text10, { fontSize: "sm", fontWeight: "600", children: label }),
+    children
+  ] });
+}
+function CoreRelationField(props) {
+  return /* @__PURE__ */ jsx16(CoreField, { ...props });
+}
+function CoreActions({ children }) {
+  return /* @__PURE__ */ jsx16(Flex6, { 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
+  ] });
+}
+function CoreLoadingState({ label = "Carregando..." }) {
+  return /* @__PURE__ */ jsxs10(Flex6, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx16(Spinner3, { size: "sm" }),
+    /* @__PURE__ */ jsx16(Text10, { children: label })
+  ] });
+}
+
+// src/components/ui-v2/CorePage.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+function renderMarkdown(content) {
+  return content.split(/\n{2,}/).map((paragraph, index) => /* @__PURE__ */ jsx17(Text11, { whiteSpace: "pre-wrap", children: paragraph }, index));
+}
+function CoreBlock({ block, registry }) {
+  if (block.hidden) return null;
+  const content = (() => {
+    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 });
+      }
+      case "collection.datagrid":
+        return /* @__PURE__ */ jsx17(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 });
+      }
+      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)) })
+        ] });
+      case "markdown":
+        return /* @__PURE__ */ jsx17(Stack6, { gap: 2, children: renderMarkdown(block.content) });
+      default:
+        return /* @__PURE__ */ jsx17(MissingRenderer, { renderer: block.type });
+    }
+  })();
+  return /* @__PURE__ */ jsx17(PermissionGate, { permission: block.permissions, children: content });
+}
+function CorePage2({ page, registry }) {
+  const Component = resolveComponent(registry, page.component, "pageComponents");
+  return /* @__PURE__ */ jsx17(PermissionGate, { permission: page.permissions, 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)) })
+  ] }) });
+}
+
 // src/app/moduleRegistry.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function slug(value) {
   return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
@@ -1824,7 +1965,7 @@ function renderView(view) {
   switch (view.type) {
     case "collection": {
       const v = view;
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx18(
         CoreCollection,
         {
           model: v.model,
@@ -1838,11 +1979,11 @@ function renderView(view) {
     }
     case "document": {
       const v = view;
-      return /* @__PURE__ */ jsx14(CoreDocument, { model: v.model, label: viewLabel(v), approval: v.approval, attachments: v.attachments });
+      return /* @__PURE__ */ jsx18(CoreDocument, { model: v.model, label: viewLabel(v), approval: v.approval, attachments: v.attachments });
     }
     case "pipeline": {
       const v = view;
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx18(
         CorePipeline,
         {
           model: v.model,
@@ -1854,7 +1995,7 @@ function renderView(view) {
     }
     case "dashboard": {
       const v = view;
-      return /* @__PURE__ */ jsx14(CoreDashboard, { label: viewLabel(v), widgets: v.widgets });
+      return /* @__PURE__ */ jsx18(CoreDashboard, { label: viewLabel(v), widgets: v.widgets });
     }
     default:
       return null;
@@ -1867,6 +2008,13 @@ function viewToRoute(view) {
     permissions: "permissions" in view ? view.permissions : void 0
   };
 }
+function pageToRoute(page, registry) {
+  return { path: page.path, element: /* @__PURE__ */ jsx18(CorePage2, { page, registry }), permissions: page.permissions };
+}
+function pageToMenu(page) {
+  if (page.hidden || !page.label) return null;
+  return { label: page.label, href: page.path, icon: page.icon, section: page.section, permissions: page.permissions, order: page.order };
+}
 function viewToMenu(view) {
   return {
     label: viewLabel(view),
@@ -1893,9 +2041,22 @@ function resolveRegistry(config) {
       menu.push(viewToMenu(view));
     }
   }
-  for (const view of config.ui?.views ?? []) {
-    pushRoute(viewToRoute(view));
-    menu.push(viewToMenu(view));
+  const navMode = config.ui?.navigation?.mode ?? "auto";
+  const includeAuto = navMode === "auto" || navMode === "mixed";
+  const includeManual = navMode === "manual" || navMode === "mixed";
+  if (includeAuto) {
+    for (const view of config.ui?.views ?? []) {
+      pushRoute(viewToRoute(view));
+      menu.push(viewToMenu(view));
+    }
+    for (const page of config.ui?.pages ?? []) {
+      pushRoute(pageToRoute(page, config.registry ?? config.ui?.registry));
+      const item = pageToMenu(page);
+      if (item) menu.push(item);
+    }
+  }
+  if (includeManual) {
+    for (const item of config.ui?.navigation?.items ?? []) menu.push(item);
   }
   menu.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
   return { routes, menu };
@@ -1907,14 +2068,14 @@ import {
   createBrowserRouter
 } from "react-router-dom";
 
-// src/shell/AuthenticatedLayout.tsx
-import { Box as Box9, Button as Button6, Flex as Flex7, Spacer as Spacer2, Text as Text10 } from "@chakra-ui/react";
+// 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 { Outlet } from "react-router-dom";
 
 // src/shell/Sidebar.tsx
-import { Box as Box8, Flex as Flex6, Image, Stack as Stack6, Text as Text9 } from "@chakra-ui/react";
+import { Box as Box11, Flex as Flex7, Image, Stack as Stack7, Text as Text12 } from "@chakra-ui/react";
 import { NavLink } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function groupBySection(items) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
@@ -1924,11 +2085,11 @@ function groupBySection(items) {
   }
   return Array.from(groups.entries());
 }
-function Sidebar({ app, menu }) {
+function Sidebar({ app, menu, registry }) {
   const { hasPermission } = useOonAuth();
-  const visible = menu.filter((item) => hasPermission(item.permissions));
-  return /* @__PURE__ */ jsxs9(
-    Box8,
+  const visible = menu.filter((item) => !item.hidden && hasPermission(item.permissions));
+  return /* @__PURE__ */ jsxs12(
+    Box11,
     {
       as: "nav",
       w: { base: "76px", lg: "248px" },
@@ -1943,9 +2104,9 @@ function Sidebar({ app, menu }) {
       alignSelf: "flex-start",
       overflowY: "auto",
       children: [
-        /* @__PURE__ */ jsxs9(Flex6, { align: "center", gap: 3, mb: 6, px: { base: 1, lg: 2 }, minH: "42px", children: [
-          app.logo ? /* @__PURE__ */ jsx15(Image, { src: app.logo, alt: app.name, maxH: "36px", maxW: { base: "44px", lg: "150px" }, objectFit: "contain" }) : /* @__PURE__ */ jsx15(
-            Flex6,
+        /* @__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,
             {
               w: "38px",
               h: "38px",
@@ -1960,14 +2121,14 @@ function Sidebar({ app, menu }) {
               children: "O"
             }
           ),
-          /* @__PURE__ */ jsxs9(Box8, { display: { base: "none", lg: "block" }, minW: 0, children: [
-            /* @__PURE__ */ jsx15(Text9, { fontWeight: "700", fontSize: "sm", color: "#07262E", lineClamp: 1, children: app.name }),
-            /* @__PURE__ */ jsx15(Text9, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Opera\xE7\xE3o digital" })
+          /* @__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__ */ jsx15(Stack6, { gap: 5, children: groupBySection(visible).map(([section, items]) => /* @__PURE__ */ jsxs9(Stack6, { gap: 1, children: [
-          /* @__PURE__ */ jsx15(
-            Text9,
+        /* @__PURE__ */ jsx19(Stack7, { gap: 5, children: groupBySection(visible).map(([section, items]) => /* @__PURE__ */ jsxs12(Stack7, { gap: 1, children: [
+          /* @__PURE__ */ jsx19(
+            Text12,
             {
               display: { base: "none", lg: "block" },
               fontSize: "10px",
@@ -1980,82 +2141,101 @@ function Sidebar({ app, menu }) {
               children: section
             }
           ),
-          items.map((item) => /* @__PURE__ */ jsx15(NavLink, { to: item.href, end: item.href === "/", title: item.label, children: ({ isActive }) => /* @__PURE__ */ jsxs9(
-            Flex6,
-            {
-              align: "center",
-              justify: { base: "center", lg: "flex-start" },
-              gap: 3,
-              px: { base: 2, lg: 3 },
-              py: "10px",
-              borderRadius: "9px",
-              fontSize: "13px",
-              fontWeight: isActive ? "600" : "500",
-              bg: isActive ? "brand.50" : "transparent",
-              color: isActive ? "brand.700" : "#46545C",
-              borderLeftWidth: "3px",
-              borderLeftColor: isActive ? "brand.500" : "transparent",
-              transition: "all 0.15s ease",
-              _hover: { bg: isActive ? "brand.50" : "#F8F9FA", color: "brand.700" },
-              children: [
-                item.icon ? /* @__PURE__ */ jsx15(Box8, { flex: "0 0 auto", children: item.icon }) : /* @__PURE__ */ jsx15(Box8, { w: "7px", h: "7px", borderRadius: "full", bg: isActive ? "brand.500" : "gray.300" }),
-                /* @__PURE__ */ jsx15(Text9, { display: { base: "none", lg: "block" }, lineClamp: 1, children: item.label })
-              ]
-            }
-          ) }, item.href))
+          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,
+              {
+                align: "center",
+                justify: { base: "center", lg: "flex-start" },
+                gap: 3,
+                px: { base: 2, lg: 3 },
+                py: "10px",
+                borderRadius: "9px",
+                fontSize: "13px",
+                fontWeight: isActive ? "600" : "500",
+                bg: isActive ? "brand.50" : "transparent",
+                color: isActive ? "brand.700" : "#46545C",
+                borderLeftWidth: "3px",
+                borderLeftColor: isActive ? "brand.500" : "transparent",
+                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.href);
+          })
         ] }, section)) })
       ]
     }
   );
 }
 
-// src/shell/AuthenticatedLayout.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-function AuthenticatedLayout({ app, menu }) {
+// src/shell/DefaultShell.tsx
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function CoreTopbar({ app }) {
   const { user, logout } = useOonAuth();
-  return /* @__PURE__ */ jsxs10(Flex7, { align: "stretch", minH: "100vh", bg: "#F8F9FA", children: [
-    /* @__PURE__ */ jsx16(Sidebar, { app, menu }),
-    /* @__PURE__ */ jsxs10(Flex7, { direction: "column", flex: "1", minW: 0, children: [
-      /* @__PURE__ */ jsxs10(
-        Flex7,
-        {
-          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__ */ jsxs10(Box9, { children: [
-              /* @__PURE__ */ jsx16(Text10, { fontSize: "xs", fontWeight: "600", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", children: "Central Oon" }),
-              /* @__PURE__ */ jsx16(Text10, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: app.title ?? app.name })
-            ] }),
-            /* @__PURE__ */ jsx16(Spacer2, {}),
-            user ? /* @__PURE__ */ jsxs10(Flex7, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsxs10(Box9, { textAlign: "right", display: { base: "none", md: "block" }, children: [
-                /* @__PURE__ */ jsx16(Text10, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: user.nome }),
-                user.email ? /* @__PURE__ */ jsx16(Text10, { fontSize: "xs", color: "gray.500", children: user.email }) : null
-              ] }),
-              /* @__PURE__ */ jsx16(Button6, { size: "sm", variant: "outline", colorPalette: "brand", borderRadius: "8px", onClick: logout, children: "Sair" })
-            ] }) : null
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx16(Box9, { as: "main", flex: "1", p: { base: 4, lg: 6 }, minW: 0, children: /* @__PURE__ */ jsx16(Box9, { maxW: "1680px", mx: "auto", children: /* @__PURE__ */ jsx16(Outlet, {}) }) })
+  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 })
+    ] }),
+    /* @__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__ */ jsx20(Button7, { size: "sm", variant: "outline", colorPalette: "brand", borderRadius: "8px", onClick: logout, children: "Sair" })
+    ] }) : null
+  ] });
+}
+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 });
+  }
+  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" });
+  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 })
     ] })
   ] });
 }
+function PortalShell(props) {
+  return /* @__PURE__ */ jsx20(DefaultShell, { ...props, layout: { ...props.layout, shell: "portal" } });
+}
+
+// src/shell/AuthenticatedLayout.tsx
+import { jsx as jsx21 } 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 });
+  }
+  if (layout?.shell === "portal") return /* @__PURE__ */ jsx21(PortalShell, { app, menu, layout, registry });
+  return /* @__PURE__ */ jsx21(DefaultShell, { app, menu, layout, registry });
+}
 
 // src/security/AccessDeniedPage.tsx
-import { Box as Box10, Button as Button7, Flex as Flex8, Heading as Heading6, Text as Text11, VStack } from "@chakra-ui/react";
+import { Box as Box13, Button as Button8, Flex as Flex9, Heading as Heading8, Text as Text14, VStack } from "@chakra-ui/react";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function AccessDeniedPage({ app }) {
   const { logout } = useOonAuth();
   const navigate = useNavigate();
@@ -2063,8 +2243,8 @@ function AccessDeniedPage({ app }) {
     logout();
     navigate("/login", { replace: true });
   }
-  return /* @__PURE__ */ jsx17(Flex8, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx17(
-    Box10,
+  return /* @__PURE__ */ jsx22(Flex9, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx22(
+    Box13,
     {
       width: "100%",
       maxW: "560px",
@@ -2074,9 +2254,9 @@ function AccessDeniedPage({ app }) {
       borderRadius: "18px",
       boxShadow: "0 24px 70px rgba(7, 38, 46, 0.10)",
       p: { base: 6, md: 10 },
-      children: /* @__PURE__ */ jsxs11(VStack, { align: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsx17(
-          Box10,
+      children: /* @__PURE__ */ jsxs14(VStack, { align: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsx22(
+          Box13,
           {
             width: "56px",
             height: "56px",
@@ -2092,9 +2272,9 @@ function AccessDeniedPage({ app }) {
             children: "!"
           }
         ),
-        /* @__PURE__ */ jsxs11(Box10, { children: [
-          /* @__PURE__ */ jsx17(
-            Text11,
+        /* @__PURE__ */ jsxs14(Box13, { children: [
+          /* @__PURE__ */ jsx22(
+            Text14,
             {
               color: "#39BFED",
               fontSize: "xs",
@@ -2104,15 +2284,15 @@ function AccessDeniedPage({ app }) {
               children: "Acesso negado"
             }
           ),
-          /* @__PURE__ */ jsx17(Heading6, { mt: 2, size: "lg", color: "#07262E", children: "Voc\xEA n\xE3o possui permiss\xE3o para este aplicativo" }),
-          /* @__PURE__ */ jsxs11(Text11, { mt: 3, color: "gray.600", children: [
+          /* @__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: [
             "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__ */ jsx17(
-          Button7,
+        /* @__PURE__ */ jsx22(
+          Button8,
           {
             alignSelf: "flex-start",
             bg: "#07262E",
@@ -2129,7 +2309,7 @@ function AccessDeniedPage({ app }) {
 
 // src/security/AppAccessGuard.tsx
 import { Navigate, useLocation } from "react-router-dom";
-import { Fragment, jsx as jsx18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23 } from "react/jsx-runtime";
 function loginRedirect(pathname, search) {
   const destination = `${pathname}${search}`;
   return `/login?redirect=${encodeURIComponent(destination)}`;
@@ -2137,9 +2317,9 @@ function loginRedirect(pathname, search) {
 function AppAccessGuard({ children }) {
   const { status, retry } = useOonAuth();
   const location = useLocation();
-  if (status === "loading") return /* @__PURE__ */ jsx18(LoadingScreen, {});
+  if (status === "loading") return /* @__PURE__ */ jsx23(LoadingScreen, {});
   if (status === "unauthenticated") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx23(
       Navigate,
       {
         to: loginRedirect(location.pathname, location.search),
@@ -2148,10 +2328,10 @@ function AppAccessGuard({ children }) {
     );
   }
   if (status === "forbidden") {
-    return /* @__PURE__ */ jsx18(Navigate, { to: "/acesso-negado", replace: true });
+    return /* @__PURE__ */ jsx23(Navigate, { to: "/acesso-negado", replace: true });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx23(
       LoadingScreen,
       {
         message: "N\xE3o foi poss\xEDvel validar seu acesso. Tente novamente.",
@@ -2162,22 +2342,22 @@ function AppAccessGuard({ children }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx18(Fragment, { children });
+  return /* @__PURE__ */ jsx23(Fragment3, { children });
 }
 
 // src/security/LoginPage.tsx
 import { useState as useState8 } from "react";
 import {
-  Box as Box11,
-  Button as Button8,
-  Flex as Flex9,
-  Heading as Heading7,
+  Box as Box14,
+  Button as Button9,
+  Flex as Flex10,
+  Heading as Heading9,
   Input as Input4,
-  Text as Text12,
+  Text as Text15,
   VStack as VStack2
 } from "@chakra-ui/react";
 import { Navigate as Navigate2, useLocation as useLocation2 } from "react-router-dom";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function safeRedirect(search) {
   const value = new URLSearchParams(search).get("redirect") || "/";
   if (!value.startsWith("/") || value.startsWith("//")) return "/";
@@ -2195,10 +2375,10 @@ function LoginPage({ app }) {
   const [message, setMessage] = useState8(null);
   const redirect = safeRedirect(location.search);
   if (status === "authenticated") {
-    return /* @__PURE__ */ jsx19(Navigate2, { to: redirect, replace: true });
+    return /* @__PURE__ */ jsx24(Navigate2, { to: redirect, replace: true });
   }
   if (status === "forbidden") {
-    return /* @__PURE__ */ jsx19(Navigate2, { to: "/acesso-negado", replace: true });
+    return /* @__PURE__ */ jsx24(Navigate2, { to: "/acesso-negado", replace: true });
   }
   async function handleSubmit(event) {
     event.preventDefault();
@@ -2216,8 +2396,8 @@ function LoginPage({ app }) {
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsx19(Flex9, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx19(
-    Box11,
+  return /* @__PURE__ */ jsx24(Flex10, { minH: "100vh", align: "center", justify: "center", bg: "#F5F8FA", px: 4, children: /* @__PURE__ */ jsx24(
+    Box14,
     {
       width: "100%",
       maxW: "440px",
@@ -2227,10 +2407,10 @@ function LoginPage({ app }) {
       borderRadius: "18px",
       boxShadow: "0 24px 70px rgba(7, 38, 46, 0.10)",
       p: { base: 6, md: 9 },
-      children: /* @__PURE__ */ jsx19("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs12(VStack2, { align: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsxs12(Box11, { children: [
-          /* @__PURE__ */ jsx19(
-            Text12,
+      children: /* @__PURE__ */ jsx24("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs15(VStack2, { align: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsxs15(Box14, { children: [
+          /* @__PURE__ */ jsx24(
+            Text15,
             {
               color: "#39BFED",
               fontSize: "xs",
@@ -2240,13 +2420,13 @@ function LoginPage({ app }) {
               children: "Central Oon"
             }
           ),
-          /* @__PURE__ */ jsx19(Heading7, { mt: 2, size: "lg", color: "#07262E", children: app.title ?? app.name }),
-          /* @__PURE__ */ jsx19(Text12, { mt: 2, color: "gray.600", fontSize: "sm", children: "Entre com seu usu\xE1rio autorizado para acessar este aplicativo." })
+          /* @__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__ */ jsxs12(VStack2, { align: "stretch", gap: 4, children: [
-          /* @__PURE__ */ jsxs12(Box11, { children: [
-            /* @__PURE__ */ jsx19(Text12, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "E-mail" }),
-            /* @__PURE__ */ jsx19(
+        /* @__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,
               {
                 type: "email",
@@ -2258,9 +2438,9 @@ function LoginPage({ app }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs12(Box11, { children: [
-            /* @__PURE__ */ jsx19(Text12, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
-            /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsxs15(Box14, { children: [
+            /* @__PURE__ */ jsx24(Text15, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
+            /* @__PURE__ */ jsx24(
               Input4,
               {
                 type: "password",
@@ -2273,8 +2453,8 @@ function LoginPage({ app }) {
             )
           ] })
         ] }),
-        message ? /* @__PURE__ */ jsx19(
-          Box11,
+        message ? /* @__PURE__ */ jsx24(
+          Box14,
           {
             role: "alert",
             borderRadius: "10px",
@@ -2286,8 +2466,8 @@ function LoginPage({ app }) {
             children: message
           }
         ) : null,
-        /* @__PURE__ */ jsx19(
-          Button8,
+        /* @__PURE__ */ jsx24(
+          Button9,
           {
             type: "submit",
             bg: "#07262E",
@@ -2304,8 +2484,8 @@ function LoginPage({ app }) {
 
 // src/security/ActivationPage.tsx
 import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Box as Box12, Button as Button9, Heading as Heading8, Input as Input5, Text as Text13, VStack as VStack3 } from "@chakra-ui/react";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+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";
 function encodeBasicCredentials2(email, password) {
   const bytes = new TextEncoder().encode(`${email}:${password}`);
   let binary = "";
@@ -2439,12 +2619,12 @@ function ActivationPage() {
     }
   }
   function renderField(field, values, setValues) {
-    return /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
-      /* @__PURE__ */ jsxs13(Text13, { fontWeight: "medium", children: [
+    return /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
+      /* @__PURE__ */ jsxs16(Text16, { fontWeight: "medium", children: [
         field.label,
         field.required ? " *" : ""
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx25(
         Input5,
         {
           type: field.type === "password" || field.type === "secret" ? "password" : field.type === "email" ? "email" : field.type === "url" ? "url" : field.type === "number" || field.type === "integer" ? "number" : "text",
@@ -2456,15 +2636,15 @@ function ActivationPage() {
           onChange: (event) => setValues({ ...values, [field.name]: event.target.value })
         }
       ),
-      field.helpText ? /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", color: "gray.500", children: field.helpText }) : null
+      field.helpText ? /* @__PURE__ */ jsx25(Text16, { fontSize: "sm", color: "gray.500", children: field.helpText }) : null
     ] }, field.name);
   }
   function renderDevLocalActivation() {
-    return /* @__PURE__ */ jsxs13(Fragment2, { children: [
-      /* @__PURE__ */ jsx20(Text13, { 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__ */ jsxs13(Box12, { w: "100%", children: [
-        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
-        /* @__PURE__ */ jsx20(
+    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,
           {
             value: devName,
@@ -2474,9 +2654,9 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
-        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "E-mail *" }),
-        /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
+        /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "E-mail *" }),
+        /* @__PURE__ */ jsx25(
           Input5,
           {
             type: "email",
@@ -2487,9 +2667,9 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
-        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "Senha *" }),
-        /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
+        /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "Senha *" }),
+        /* @__PURE__ */ jsx25(
           Input5,
           {
             type: "password",
@@ -2501,8 +2681,8 @@ function ActivationPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx20(
-        Button9,
+      /* @__PURE__ */ jsx25(
+        Button10,
         {
           colorPalette: "blue",
           onClick: activateDevLocal,
@@ -2511,8 +2691,8 @@ function ActivationPage() {
           children: "Ativar ambiente de desenvolvimento"
         }
       ),
-      /* @__PURE__ */ jsx20(
-        Button9,
+      /* @__PURE__ */ jsx25(
+        Button10,
         {
           variant: "outline",
           onClick: () => setShowCodeFlow(true),
@@ -2525,7 +2705,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__ */ jsx20(Box12, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
       VStack3,
       {
         maxW: "760px",
@@ -2536,14 +2716,14 @@ function ActivationPage() {
         align: "stretch",
         gap: 5,
         children: [
-          /* @__PURE__ */ jsx20(Heading8, { children: "Preparando ativa\xE7\xE3o..." }),
-          error ? /* @__PURE__ */ jsx20(Text13, { color: "red.600", children: error }) : null
+          /* @__PURE__ */ jsx25(Heading10, { children: "Preparando ativa\xE7\xE3o..." }),
+          error ? /* @__PURE__ */ jsx25(Text16, { color: "red.600", children: error }) : null
         ]
       }
     ) });
   }
   if (rootMode) {
-    return /* @__PURE__ */ jsx20(Box12, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
       VStack3,
       {
         maxW: "560px",
@@ -2554,20 +2734,20 @@ function ActivationPage() {
         align: "stretch",
         gap: 5,
         children: [
-          /* @__PURE__ */ jsx20(Heading8, { children: "Ativa\xE7\xE3o inicial do Ecossistema Oon" }),
-          /* @__PURE__ */ jsx20(Text13, { 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__ */ jsxs13(Text13, { fontSize: "sm", color: "gray.500", 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: [
             "App: ",
             config.technical.appCode,
             " \xB7 Ambiente:",
             " ",
             config.technical.ambiente
           ] }),
-          error ? /* @__PURE__ */ jsx20(Text13, { color: "red.600", children: error }) : null,
-          step !== 6 ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-            /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
-              /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "E-mail do administrador *" }),
-              /* @__PURE__ */ jsx20(
+          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,
                 {
                   type: "email",
@@ -2578,9 +2758,9 @@ function ActivationPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
-              /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "Senha *" }),
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs16(Box15, { w: "100%", children: [
+              /* @__PURE__ */ jsx25(Text16, { fontWeight: "medium", children: "Senha *" }),
+              /* @__PURE__ */ jsx25(
                 Input5,
                 {
                   type: "password",
@@ -2592,8 +2772,8 @@ function ActivationPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx20(
-              Button9,
+            /* @__PURE__ */ jsx25(
+              Button10,
               {
                 colorPalette: "blue",
                 onClick: activateRoot,
@@ -2602,15 +2782,15 @@ function ActivationPage() {
                 children: "Criar ecossistema e ativar"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs13(Fragment2, { children: [
-            /* @__PURE__ */ jsx20(Heading8, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
-            /* @__PURE__ */ jsx20(Text13, { children: "Usu\xE1rio, tenant, aplicativo, licen\xE7a e permiss\xF5es foram preparados. Redirecionando para o primeiro login..." })
+          ] }) : /* @__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..." })
           ] })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx20(Box12, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx25(Box15, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs16(
     VStack3,
     {
       maxW: "760px",
@@ -2621,8 +2801,8 @@ function ActivationPage() {
       align: "stretch",
       gap: 5,
       children: [
-        /* @__PURE__ */ jsx20(Heading8, { children: "Ativa\xE7\xE3o da Central Oon" }),
-        /* @__PURE__ */ jsxs13(Text13, { children: [
+        /* @__PURE__ */ jsx25(Heading10, { children: "Ativa\xE7\xE3o da Central Oon" }),
+        /* @__PURE__ */ jsxs16(Text16, { children: [
           "App: ",
           config.technical.appCode,
           " \xB7 Ambiente:",
@@ -2632,11 +2812,11 @@ function ActivationPage() {
           " ",
           config.technical.centralAtivacaoUrl || config.technical.centralAtivacaoHost
         ] }),
-        error ? /* @__PURE__ */ jsx20(Text13, { color: "red.600", children: error }) : null,
+        error ? /* @__PURE__ */ jsx25(Text16, { color: "red.600", children: error }) : null,
         step === 1 && isDevelopmentMember && !showCodeFlow ? renderDevLocalActivation() : null,
-        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx20(Text13, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar tenant, aplicativo e licen\xE7a antes de consumir o c\xF3digo." }),
-          /* @__PURE__ */ jsx20(
+        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,
             {
               "aria-label": "C\xF3digo de ativa\xE7\xE3o",
@@ -2645,8 +2825,8 @@ function ActivationPage() {
               placeholder: "OON-XXXX"
             }
           ),
-          /* @__PURE__ */ jsx20(
-            Button9,
+          /* @__PURE__ */ jsx25(
+            Button10,
             {
               onClick: validateCode,
               loading: submitting,
@@ -2654,8 +2834,8 @@ function ActivationPage() {
               children: "Validar c\xF3digo"
             }
           ),
-          isDevelopmentMember ? /* @__PURE__ */ jsx20(
-            Button9,
+          isDevelopmentMember ? /* @__PURE__ */ jsx25(
+            Button10,
             {
               variant: "outline",
               onClick: () => setShowCodeFlow(false),
@@ -2664,25 +2844,25 @@ function ActivationPage() {
             }
           ) : null
         ] }),
-        step === 2 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx20(Heading8, { size: "md", children: "Confirma\xE7\xE3o" }),
-          /* @__PURE__ */ jsx20("pre", { children: JSON.stringify(preview, null, 2) }),
-          /* @__PURE__ */ jsx20(Button9, { onClick: () => setStep(3), children: "Continuar" })
+        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 === 3 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+        step === 3 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
           config.globalFields.map(
             (field) => renderField(field, global, setGlobal)
           ),
-          /* @__PURE__ */ jsx20(Button9, { onClick: () => setStep(4), children: "Continuar" })
+          /* @__PURE__ */ jsx25(Button10, { onClick: () => setStep(4), children: "Continuar" })
         ] }),
-        step === 4 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          config.appFields.length ? config.appFields.map((field) => renderField(field, app, setApp)) : /* @__PURE__ */ jsx20(Text13, { children: "Nenhum par\xE2metro adicional declarado." }),
-          /* @__PURE__ */ jsx20(Button9, { onClick: () => setStep(5), children: "Revisar" })
+        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 === 5 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx20(Text13, { children: "Ao confirmar, o c\xF3digo ser\xE1 consumido e a inst\xE2ncia ser\xE1 registrada no Ecossistema Oon." }),
-          /* @__PURE__ */ jsx20(
-            Button9,
+        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,
             {
               colorPalette: "blue",
               onClick: completeMemberActivation,
@@ -2692,14 +2872,14 @@ function ActivationPage() {
             }
           )
         ] }),
-        step === 6 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx20(Heading8, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
-          devResult?.appCode ? /* @__PURE__ */ jsxs13(Text13, { children: [
+        step === 6 && /* @__PURE__ */ jsxs16(Fragment4, { children: [
+          /* @__PURE__ */ jsx25(Heading10, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
+          devResult?.appCode ? /* @__PURE__ */ jsxs16(Text16, { children: [
             "C\xF3digo do app: ",
             devResult.appCode,
             ". Redirecionando para a Central em desenvolvimento..."
-          ] }) : /* @__PURE__ */ jsx20(Text13, { children: "Redirecionando para o login..." }),
-          devResult?.instrucoes?.env ? /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", color: "gray.500", children: devResult.instrucoes.env }) : null
+          ] }) : /* @__PURE__ */ jsx25(Text16, { children: "Redirecionando para o login..." }),
+          devResult?.instrucoes?.env ? /* @__PURE__ */ jsx25(Text16, { fontSize: "sm", color: "gray.500", children: devResult.instrucoes.env }) : null
         ] })
       ]
     }
@@ -2709,47 +2889,47 @@ function InstanceBlockedPage({
   title,
   message
 }) {
-  return /* @__PURE__ */ jsxs13(Box12, { p: 8, children: [
-    /* @__PURE__ */ jsx20(Heading8, { children: title }),
-    /* @__PURE__ */ jsx20(Text13, { children: message })
+  return /* @__PURE__ */ jsxs16(Box15, { p: 8, children: [
+    /* @__PURE__ */ jsx25(Heading10, { children: title }),
+    /* @__PURE__ */ jsx25(Text16, { children: message })
   ] });
 }
 
 // src/security/RouteGuard.tsx
-import { Fragment as Fragment3, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26 } from "react/jsx-runtime";
 function RouteGuard({
   permission,
   children
 }) {
   const { status, hasPermission } = useOonAuth();
-  if (status === "loading") return /* @__PURE__ */ jsx21(LoadingScreen, {});
-  if (status === "unauthenticated") return /* @__PURE__ */ jsx21(LoadingScreen, { message: "Redirecionando para o login..." });
+  if (status === "loading") return /* @__PURE__ */ jsx26(LoadingScreen, {});
+  if (status === "unauthenticated") return /* @__PURE__ */ jsx26(LoadingScreen, { message: "Redirecionando para o login..." });
   if (!hasPermission(permission)) {
-    return /* @__PURE__ */ jsx21(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
+    return /* @__PURE__ */ jsx26(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
   }
-  return /* @__PURE__ */ jsx21(Fragment3, { children });
+  return /* @__PURE__ */ jsx26(Fragment5, { children });
 }
 
 // src/security/ActivationGuard.tsx
 import { Navigate as Navigate3 } from "react-router-dom";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function ActivationGuard({ children }) {
   const { status } = useActivation();
   if (status === "loading") return null;
-  if (status === "suspended") return /* @__PURE__ */ jsx22(Navigate3, { to: "/instancia-suspensa", replace: true });
-  if (status === "revoked") return /* @__PURE__ */ jsx22(Navigate3, { to: "/instancia-revogada", replace: true });
-  if (status !== "active" && window.location.pathname !== "/ativacao") return /* @__PURE__ */ jsx22(Navigate3, { to: "/ativacao", replace: true });
+  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 });
   return children;
 }
 
 // src/app/createOonRouter.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-function createOonRouter({ app, menu, routes, security }) {
+import { jsx as jsx28 } 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__ */ jsx23(RouteGuard, { permission: route.permissions, children: route.element }) : route.element;
+    const element = guardEnabled ? /* @__PURE__ */ jsx28(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 === "/");
@@ -2757,7 +2937,7 @@ function createOonRouter({ app, menu, routes, security }) {
   if (!hasIndexRoute && firstRoute) {
     privateRoutes.unshift({
       index: true,
-      element: /* @__PURE__ */ jsx23(Navigate4, { to: firstRoute.path, replace: true })
+      element: /* @__PURE__ */ jsx28(Navigate4, { to: firstRoute.path, replace: true })
     });
   }
   const customPaths = new Set(publicRoutes.map((route) => route.path));
@@ -2765,19 +2945,19 @@ function createOonRouter({ app, menu, routes, security }) {
   if (!customPaths.has("/login")) {
     builtInPublicRoutes.push({
       path: "/login",
-      element: /* @__PURE__ */ jsx23(ActivationGuard, { children: /* @__PURE__ */ jsx23(LoginPage, { app }) })
+      element: /* @__PURE__ */ jsx28(ActivationGuard, { children: /* @__PURE__ */ jsx28(LoginPage, { app }) })
     });
   }
   if (!customPaths.has("/ativacao")) {
     builtInPublicRoutes.push({
       path: "/ativacao",
-      element: /* @__PURE__ */ jsx23(ActivationPage, {})
+      element: /* @__PURE__ */ jsx28(ActivationPage, {})
     });
   }
   if (!customPaths.has("/instancia-suspensa")) {
     builtInPublicRoutes.push({
       path: "/instancia-suspensa",
-      element: /* @__PURE__ */ jsx23(
+      element: /* @__PURE__ */ jsx28(
         InstanceBlockedPage,
         {
           title: "Inst\xE2ncia suspensa",
@@ -2789,7 +2969,7 @@ function createOonRouter({ app, menu, routes, security }) {
   if (!customPaths.has("/instancia-revogada")) {
     builtInPublicRoutes.push({
       path: "/instancia-revogada",
-      element: /* @__PURE__ */ jsx23(
+      element: /* @__PURE__ */ jsx28(
         InstanceBlockedPage,
         {
           title: "Inst\xE2ncia revogada",
@@ -2801,7 +2981,7 @@ function createOonRouter({ app, menu, routes, security }) {
   if (!customPaths.has("/acesso-negado")) {
     builtInPublicRoutes.push({
       path: "/acesso-negado",
-      element: /* @__PURE__ */ jsx23(AccessDeniedPage, { app })
+      element: /* @__PURE__ */ jsx28(AccessDeniedPage, { app })
     });
   }
   const tree = [
@@ -2809,7 +2989,7 @@ function createOonRouter({ app, menu, routes, security }) {
     ...publicRoutes,
     {
       path: "/",
-      element: /* @__PURE__ */ jsx23(ActivationGuard, { children: /* @__PURE__ */ jsx23(AppAccessGuard, { children: /* @__PURE__ */ jsx23(AuthenticatedLayout, { app, menu }) }) }),
+      element: /* @__PURE__ */ jsx28(ActivationGuard, { children: /* @__PURE__ */ jsx28(AppAccessGuard, { children: /* @__PURE__ */ jsx28(AuthenticatedLayout, { app, menu, layout, registry }) }) }),
       children: privateRoutes
     }
   ];
@@ -2817,7 +2997,7 @@ function createOonRouter({ app, menu, routes, security }) {
 }
 
 // src/app/OonApp.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function localLoginUrl() {
   const current = `${window.location.pathname}${window.location.search}`;
   return `/login?redirect=${encodeURIComponent(current)}`;
@@ -2846,15 +3026,17 @@ function OonApp({ config }) {
       app: config.app,
       menu,
       routes,
-      security: config.security
+      security: config.security,
+      layout: config.layout ?? config.ui?.layout,
+      registry: config.registry ?? config.ui?.registry
     });
     return { http: http2, storage: storage2, router: router2 };
   }, [config]);
-  return /* @__PURE__ */ jsx24(OonProviders, { config, http, storage, children: /* @__PURE__ */ jsx24(RouterProvider, { router }) });
+  return /* @__PURE__ */ jsx29(OonProviders, { config, http, storage, children: /* @__PURE__ */ jsx29(RouterProvider, { router }) });
 }
 
 // src/start.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx30 } 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.");
@@ -2888,7 +3070,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__ */ jsx25(StrictMode, { children: /* @__PURE__ */ jsx25(OonApp, { config }) })
+    /* @__PURE__ */ jsx30(StrictMode, { children: /* @__PURE__ */ jsx30(OonApp, { config }) })
   );
 }
 var oonCoreFront = { start };
@@ -2951,7 +3133,9 @@ function manifestToConfig(manifest, runtime) {
       redactAssistantContext: true,
       disableConsoleInProduction: true
     },
-    ui: { views }
+    layout: manifest.layout,
+    registry: manifest.registry,
+    ui: { schemaVersion: manifest.schemaVersion, layout: manifest.layout, registry: manifest.registry, navigation: manifest.navigation, views, pages: manifest.pages }
   };
 }
 function startFromManifest(manifest, runtime) {
@@ -2976,34 +3160,34 @@ function defineOonModule(mod) {
 }
 
 // src/components/CoreIntegration.tsx
-import { Badge as Badge3, Box as Box13, Button as Button10, Flex as Flex10, Heading as Heading9, Stack as Stack7, Text as Text14 } from "@chakra-ui/react";
+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 jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
   const { http } = useOonApi();
   const metadata = useCoreMetadata();
   const reprocess = useMutation3({
     mutationFn: () => http.post("/integrations/actions/process-active", {}, { headers: { "x-oon-origin": "integration" } })
   });
-  if (metadata.isLoading) return /* @__PURE__ */ jsx26(LoadingScreen, {});
-  if (metadata.isError) return /* @__PURE__ */ jsx26(ErrorState, { error: metadata.error });
+  if (metadata.isLoading) return /* @__PURE__ */ jsx31(LoadingScreen, {});
+  if (metadata.isError) return /* @__PURE__ */ jsx31(ErrorState, { error: metadata.error });
   const integrations = metadata.data?.integrations ?? [];
-  return /* @__PURE__ */ jsxs14(Stack7, { gap: 6, children: [
-    /* @__PURE__ */ jsxs14(Flex10, { align: "center", justify: "space-between", children: [
-      /* @__PURE__ */ jsx26(Heading9, { size: "lg", children: label }),
-      /* @__PURE__ */ jsx26(Button10, { size: "sm", variant: "outline", loading: reprocess.isPending, onClick: () => reprocess.mutate(), children: "Reprocessar ativos" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsx26(Stack7, { gap: 3, children: integrations.length === 0 ? /* @__PURE__ */ jsx26(Text14, { color: "gray.400", children: "Nenhuma integra\xE7\xE3o declarada." }) : integrations.map((it, idx) => /* @__PURE__ */ jsx26(
-      Box13,
+    /* @__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,
       {
         borderWidth: "1px",
         borderColor: "gray.200",
         borderRadius: "md",
         bg: "white",
         p: 4,
-        children: /* @__PURE__ */ jsxs14(Flex10, { align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsx26(Text14, { fontWeight: "medium", children: it.label ?? it.name ?? "Integra\xE7\xE3o" }),
-          /* @__PURE__ */ jsx26(Badge3, { colorPalette: it.status === "erro" ? "red" : it.status === "ativo" ? "green" : "gray", children: it.status ?? "\u2014" })
+        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" })
         ] })
       },
       it.id ?? it.name ?? idx
@@ -3012,9 +3196,9 @@ function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
 }
 
 // src/components/CoreCurrency.tsx
-import { Button as Button11, Flex as Flex11, Heading as Heading10, Stack as Stack8, Text as Text15 } from "@chakra-ui/react";
+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 jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/moedas", columns }) {
   const { http } = useOonApi();
   const queryClient = useQueryClient3();
@@ -3022,21 +3206,21 @@ function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/mo
     mutationFn: () => http.post(`${endpoint}/actions/update-rates`, {}, { headers: { "x-oon-origin": "integration" } }),
     onSuccess: () => queryClient.invalidateQueries({ queryKey: ["oon", "list", endpoint] })
   });
-  return /* @__PURE__ */ jsxs15(Stack8, { gap: 6, children: [
-    /* @__PURE__ */ jsxs15(Flex11, { align: "center", justify: "space-between", children: [
-      /* @__PURE__ */ jsx27(Heading10, { size: "lg", children: label }),
-      /* @__PURE__ */ jsx27(Button11, { size: "sm", colorPalette: "blue", loading: updateRates.isPending, onClick: () => updateRates.mutate(), children: "Atualizar cota\xE7\xF5es" })
+  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" })
     ] }),
-    updateRates.isError ? /* @__PURE__ */ jsx27(Text15, { fontSize: "sm", color: "red.600", children: updateRates.error?.message }) : null,
-    /* @__PURE__ */ jsx27(CoreCollection, { model, label: "", mode: columns ? "full" : "dynamic", endpoint, columns })
+    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 })
   ] });
 }
 
 // src/components/CoreAssistant.tsx
 import { useState as useState10 } from "react";
-import { Box as Box14, Button as Button12, Flex as Flex12, Heading as Heading11, Input as Input6, Stack as Stack9, Text as Text16 } from "@chakra-ui/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 jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint = "/assistant-runs" }) {
   const { http } = useOonApi();
   const [messages, setMessages] = useState10([]);
@@ -3065,11 +3249,11 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
     setInput("");
     ask.mutate(text);
   };
-  return /* @__PURE__ */ jsxs16(Stack9, { gap: 4, maxW: "560px", children: [
-    /* @__PURE__ */ jsx28(Heading11, { size: "md", children: label }),
-    /* @__PURE__ */ jsx28(Box14, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 4, minH: "240px", children: /* @__PURE__ */ jsxs16(Stack9, { gap: 3, children: [
-      messages.length === 0 ? /* @__PURE__ */ jsx28(Text16, { color: "gray.400", fontSize: "sm", children: "Fa\xE7a uma pergunta ao assistente." }) : messages.map((m, idx) => /* @__PURE__ */ jsx28(Flex12, { justify: m.role === "user" ? "flex-end" : "flex-start", children: /* @__PURE__ */ jsx28(
-        Box14,
+  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,
         {
           bg: m.role === "user" ? "brand.500" : "gray.100",
           color: m.role === "user" ? "white" : "gray.800",
@@ -3081,11 +3265,11 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
           children: m.content
         }
       ) }, idx)),
-      ask.isPending ? /* @__PURE__ */ jsx28(Text16, { color: "gray.400", fontSize: "sm", children: "Pensando\u2026" }) : null,
-      ask.isError ? /* @__PURE__ */ jsx28(Text16, { color: "red.600", fontSize: "sm", children: ask.error?.message }) : null
+      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
     ] }) }),
-    /* @__PURE__ */ jsxs16(Flex12, { gap: 2, children: [
-      /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsxs19(Flex13, { gap: 2, children: [
+      /* @__PURE__ */ jsx33(
         Input6,
         {
           size: "sm",
@@ -3097,29 +3281,29 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
           }
         }
       ),
-      /* @__PURE__ */ jsx28(Button12, { size: "sm", colorPalette: "blue", onClick: send, loading: ask.isPending, children: "Enviar" })
+      /* @__PURE__ */ jsx33(Button13, { size: "sm", colorPalette: "blue", onClick: send, loading: ask.isPending, children: "Enviar" })
     ] })
   ] });
 }
-
-// src/security/PermissionGate.tsx
-import { Fragment as Fragment4, jsx as jsx29 } from "react/jsx-runtime";
-function PermissionGate({
-  permission,
-  fallback = null,
-  children
-}) {
-  const { hasPermission } = useOonAuth();
-  return /* @__PURE__ */ jsx29(Fragment4, { children: hasPermission(permission) ? children : fallback });
-}
 export {
+  CoreActions,
   CoreAssistant,
+  CoreCards,
   CoreCollection,
   CoreCurrency,
   CoreDashboard,
+  CoreDataGrid,
   CoreDocument,
+  CoreEmptyState,
+  CoreField,
+  CoreForm,
   CoreIntegration,
+  CoreLoadingState,
+  CorePage2 as CorePage,
+  CorePageHeader,
   CorePipeline,
+  CoreRelationField,
+  CoreToolbar,
   PermissionGate,
   defineCollectionView,
   defineDashboard,