@oondemand/oon-core-front 0.3.62 → 0.3.64

package/dist/index.d.ts

@@ -692,10 +692,28 @@ interface CentralFormFieldDef extends OonFormFieldDef {
     /** Mantém somente opções em que estes campos estejam vazios/nulos. */
     referenceEmptyFields?: string[];
 }
+type DashboardFilterPrimitive$1 = string | number | boolean | null;
+type DashboardFilterValue$1 = DashboardFilterPrimitive$1 | {
+    eq?: DashboardFilterPrimitive$1;
+    ne?: DashboardFilterPrimitive$1;
+    in?: DashboardFilterPrimitive$1[];
+    nin?: DashboardFilterPrimitive$1[];
+    gt?: DashboardFilterPrimitive$1;
+    gte?: DashboardFilterPrimitive$1;
+    lt?: DashboardFilterPrimitive$1;
+    lte?: DashboardFilterPrimitive$1;
+    exists?: boolean;
+};
+type CentralDashboardWidget = Omit<DashboardWidgetDef, "kind"> & {
+    description?: string;
+    kind?: "count" | "sum" | "groupCount" | "groupSum" | "custom";
+    groupBy?: string;
+    filters?: Record<string, DashboardFilterValue$1>;
+    format?: "number" | "currency";
+};
 /**
- * Schema do `central.ui.json` (Seção 9 do escopo). É o que o frontend
- * consumidor gerado pelo `create-central-oon` carrega — declaração pura, sem
- * código de UI. O Core converte isto em `OonCoreFrontConfig`.
+ * Schema do `central.ui.json` (Seção 9). É o que o frontend consumidor
+ * carrega; a Central declara UI e o Core converte para rotas e componentes.
  */
 interface CentralUiManifest {
     name: string;
@@ -712,6 +730,15 @@ interface CentralUiManifest {
     registry?: OonComponentRegistry;
     navigation?: OonNavigationConfig;
     pages?: OonPageDef[];
+    dashboards?: Array<{
+        id?: string;
+        label?: string;
+        path?: string;
+        section?: string;
+        hidden?: boolean;
+        order?: number;
+        widgets?: CentralDashboardWidget[];
+    }>;
     collections?: Array<{
         model: string;
         mode?: CollectionMode;
@@ -783,11 +810,8 @@ interface ManifestRuntime {
 /** Converte o manifesto declarativo + runtime em config do Core. */
 declare function manifestToConfig(manifest: CentralUiManifest, runtime: ManifestRuntime): OonCoreFrontConfig;
 /**
- * Bootstrap a partir do `central.ui.json`. É a única linha que o `main.tsx` de
- * uma Central gerada precisa:
- *
- *   import manifest from "../central.ui.json";
- *   startFromManifest(manifest, { apiBaseUrl: import.meta.env.VITE_API_URL });
+ * Bootstrap a partir do `central.ui.json`. É a única linha que o frontend
+ * consumidor precisa para carregar o manifesto da Central.
  */
 declare function startFromManifest(manifest: CentralUiManifest, runtime: ManifestRuntime): void;
 
@@ -980,14 +1004,30 @@ interface CoreAssistantProps {
  */
 declare function CoreAssistant({ assistantCode, label, entity, endpoint }: CoreAssistantProps): react.JSX.Element;
 
+type DashboardFilterPrimitive = string | number | boolean | null;
+type DashboardFilterValue = DashboardFilterPrimitive | {
+    eq?: DashboardFilterPrimitive;
+    ne?: DashboardFilterPrimitive;
+    in?: DashboardFilterPrimitive[];
+    nin?: DashboardFilterPrimitive[];
+    gt?: DashboardFilterPrimitive;
+    gte?: DashboardFilterPrimitive;
+    lt?: DashboardFilterPrimitive;
+    lte?: DashboardFilterPrimitive;
+    exists?: boolean;
+};
+type CoreDashboardWidget = Omit<DashboardWidgetDef, "kind"> & {
+    description?: string;
+    kind?: "count" | "sum" | "groupCount" | "groupSum" | "custom";
+    groupBy?: string;
+    filters?: Record<string, DashboardFilterValue>;
+    format?: "number" | "currency";
+};
 interface CoreDashboardProps {
     label?: string;
-    widgets?: DashboardWidgetDef[];
+    widgets?: CoreDashboardWidget[];
 }
-/**
- * Dashboard do Core: renderiza widgets registrados (count/sum por model ou
- * render custom). Cache, loading e erro ficam no Core; a Central só declara.
- */
+/** Dashboard declarativo com agregações executadas integralmente no backend. */
 declare function CoreDashboard({ label, widgets }: CoreDashboardProps): react.JSX.Element;
 
 declare function CorePage({ page, registry }: {

package/dist/index.js

@@ -4029,46 +4029,81 @@ function CorePipeline({
 
 // src/components/CoreDashboard.tsx
 import { Box as Box13, Heading as Heading6, SimpleGrid as SimpleGrid4, Stack as Stack6, Text as Text14 } from "@chakra-ui/react";
-import { useQueries } from "@tanstack/react-query";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function metricFormat(widget) {
+  if (widget.format) return widget.format;
+  return ["sum", "groupSum"].includes(widget.kind || "") ? "currency" : "number";
+}
+function formatMetric(value2, format2) {
+  if (value2 == null || !Number.isFinite(Number(value2))) return "\u2014";
+  if (format2 === "currency") {
+    return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(value2));
+  }
+  return new Intl.NumberFormat("pt-BR", { maximumFractionDigits: 2 }).format(Number(value2));
+}
 function CoreDashboard({ label = "Dashboard", widgets = [] }) {
-  const { resource } = useOonApi();
-  const queries = useQueries({
-    queries: widgets.filter((w) => w.kind !== "custom" && w.model).map((w) => ({
-      queryKey: ["oon", "widget", w.id],
-      queryFn: async () => {
-        const r = await resource(`/${w.model.toLowerCase()}s`).list({ pageSize: w.kind === "sum" ? 200 : 1 });
-        if (w.kind === "sum" && w.field) {
-          return r.results.reduce((acc, row) => acc + Number(row[w.field] ?? 0), 0);
-        }
-        return r.pagination.totalItems;
-      },
-      staleTime: 60 * 1e3
-    }))
+  const { http } = useOonApi();
+  const remoteWidgets = widgets.filter((widget) => widget.kind !== "custom" && widget.model);
+  const metricsQuery = useQuery8({
+    queryKey: ["oon", "dashboard", remoteWidgets],
+    enabled: remoteWidgets.length > 0,
+    staleTime: 60 * 1e3,
+    queryFn: async () => {
+      const response = await http.post("/core/dashboard/query", {
+        queries: remoteWidgets.map(({ id, model, kind, field, groupBy, filters }) => ({
+          id,
+          model,
+          kind: kind || "count",
+          field,
+          groupBy,
+          filters
+        }))
+      });
+      return response.data?.results ?? [];
+    }
   });
-  let queryIdx = 0;
+  const results = new Map((metricsQuery.data ?? []).map((result) => [result.id, result]));
   return /* @__PURE__ */ jsxs14(Stack6, { gap: 6, children: [
-    /* @__PURE__ */ jsx20(Heading6, { size: "lg", children: label }),
-    /* @__PURE__ */ jsx20(SimpleGrid4, { columns: { base: 1, md: 2, lg: 3 }, gap: 4, children: widgets.map((w) => {
-      if (w.kind === "custom" && w.render) {
-        return /* @__PURE__ */ jsx20(Box13, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: w.render() }, w.id);
+    /* @__PURE__ */ jsxs14(Box13, { children: [
+      /* @__PURE__ */ jsx20(Text14, { fontSize: "xs", fontWeight: "600", color: "brand.600", textTransform: "uppercase", letterSpacing: "0.08em", children: "Vis\xE3o geral" }),
+      /* @__PURE__ */ jsx20(Heading6, { size: "lg", children: label })
+    ] }),
+    !widgets.length ? /* @__PURE__ */ jsx20(Text14, { color: "gray.500", children: "Nenhum indicador declarado." }) : null,
+    /* @__PURE__ */ jsx20(SimpleGrid4, { columns: { base: 1, md: 2, lg: 3 }, gap: 4, children: widgets.map((widget) => {
+      if (widget.kind === "custom" && widget.render) {
+        return /* @__PURE__ */ jsx20(Box13, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "lg", bg: "white", p: 5, children: widget.render() }, widget.id);
       }
-      const q = queries[queryIdx++];
-      const value2 = q?.isLoading ? "\u2026" : q?.isError ? "\u2014" : formatWidget(q?.data, w.kind, w.field);
-      return /* @__PURE__ */ jsxs14(Box13, { borderWidth: "1px", borderColor: "gray.200", borderRadius: "md", bg: "white", p: 5, children: [
-        /* @__PURE__ */ jsx20(Text14, { fontSize: "sm", color: "gray.500", children: w.label }),
-        /* @__PURE__ */ jsx20(Heading6, { size: "xl", mt: 1, children: value2 })
-      ] }, w.id);
+      const result = results.get(widget.id);
+      const grouped = ["groupCount", "groupSum"].includes(widget.kind || "");
+      const format2 = metricFormat(widget);
+      return /* @__PURE__ */ jsxs14(
+        Box13,
+        {
+          gridColumn: grouped ? "1 / -1" : void 0,
+          borderWidth: "1px",
+          borderColor: "gray.200",
+          borderRadius: "lg",
+          bg: "white",
+          p: 5,
+          minH: grouped ? void 0 : "126px",
+          children: [
+            /* @__PURE__ */ jsx20(Text14, { fontSize: "sm", color: "gray.500", children: widget.label }),
+            widget.description ? /* @__PURE__ */ jsx20(Text14, { fontSize: "xs", color: "gray.400", mt: 1, children: widget.description }) : null,
+            metricsQuery.isLoading ? /* @__PURE__ */ jsx20(Heading6, { size: "xl", mt: 2, children: "\u2026" }) : null,
+            metricsQuery.isError ? /* @__PURE__ */ jsx20(Text14, { color: "red.600", mt: 3, children: "N\xE3o foi poss\xEDvel carregar este indicador." }) : null,
+            !metricsQuery.isLoading && !metricsQuery.isError && grouped ? /* @__PURE__ */ jsx20(SimpleGrid4, { columns: { base: 1, md: 2, lg: 3 }, gap: 3, mt: 4, children: (result?.groups ?? []).length ? result?.groups?.map((group) => /* @__PURE__ */ jsxs14(Box13, { borderWidth: "1px", borderColor: "gray.100", borderRadius: "md", p: 3, children: [
+              /* @__PURE__ */ jsx20(Text14, { fontSize: "xs", color: "gray.500", children: group.key }),
+              /* @__PURE__ */ jsx20(Heading6, { size: "md", mt: 1, children: formatMetric(group.value, format2) })
+            ] }, group.key)) : /* @__PURE__ */ jsx20(Text14, { color: "gray.500", children: "Nenhum ticket encontrado." }) }) : null,
+            !metricsQuery.isLoading && !metricsQuery.isError && !grouped ? /* @__PURE__ */ jsx20(Heading6, { size: "xl", mt: 2, children: formatMetric(result?.value, format2) }) : null
+          ]
+        },
+        widget.id
+      );
     }) })
   ] });
 }
-function formatWidget(value2, kind, field) {
-  if (value2 == null) return "\u2014";
-  if (kind === "sum" && field?.toLowerCase().includes("valor") || kind === "sum") {
-    return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(value2));
-  }
-  return String(value2);
-}
 
 // src/components/ui-v2/CorePage.tsx
 import { Box as Box16, Button as Button11, Flex as Flex10, Heading as Heading8, Stack as Stack7, Text as Text17 } from "@chakra-ui/react";
@@ -4359,7 +4394,7 @@ function pageToRoute(page, registry) {
   };
 }
 function pageToMenu(page) {
-  if (page.hidden || !page.label) return null;
+  if (!page.label) return null;
   return {
     label: page.label,
     href: page.path,
@@ -4367,18 +4402,21 @@ function pageToMenu(page) {
     section: page.section,
     permissions: requiredPermissions(page),
     capabilities: page.capabilities,
+    hidden: page.hidden,
     order: page.order
   };
 }
 function viewToMenu(view) {
-  if ("hidden" in view && view.hidden) return null;
+  const extended = view;
   return {
     label: viewLabel(view),
     href: viewPath(view),
     icon: view.icon,
     section: view.section,
     permissions: requiredPermissions(view),
-    capabilities: "capabilities" in view ? view.capabilities : void 0
+    capabilities: "capabilities" in view ? view.capabilities : void 0,
+    hidden: extended.hidden,
+    order: extended.order
   };
 }
 function resolveRegistry(config) {
@@ -4400,8 +4438,7 @@ function resolveRegistry(config) {
     for (const item of mod.menu ?? []) pushMenu(item);
     for (const view of mod.views ?? []) {
       pushRoute(viewToRoute(view, componentRegistry));
-      const item = viewToMenu(view);
-      if (item) pushMenu(item);
+      pushMenu(viewToMenu(view));
     }
   }
   const navMode = config.ui?.navigation?.mode ?? "auto";
@@ -4410,8 +4447,7 @@ function resolveRegistry(config) {
   if (includeAuto) {
     for (const view of config.ui?.views ?? []) {
       pushRoute(viewToRoute(view, componentRegistry));
-      const item = viewToMenu(view);
-      if (item) pushMenu(item);
+      pushMenu(viewToMenu(view));
     }
     for (const page of config.ui?.pages ?? []) {
       pushRoute(pageToRoute(page, componentRegistry));
@@ -4541,7 +4577,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.3.62",
+  version: "0.3.64",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",
@@ -4726,7 +4762,7 @@ function CoreTopbar({ app, menu }) {
     runtime.startedAt ? `Backend iniciado ${formatRuntimeDate(runtime.startedAt)}` : void 0
   ].filter(Boolean).join(" \xB7 ");
   const settingsHref = resolveSettingsHref(
-    menu.filter((item) => !item.hidden && hasPermission(item.permissions))
+    menu.filter((item) => hasPermission(item.permissions))
   );
   return /* @__PURE__ */ jsxs19(
     Flex12,
@@ -5796,6 +5832,19 @@ function mergeRegistry(manifestRegistry, runtimeRegistry, customComponents) {
 }
 function manifestToConfig(manifest, runtime) {
   const views = [];
+  for (const dashboard of manifest.dashboards ?? []) {
+    const view = {
+      type: "dashboard",
+      id: dashboard.id,
+      label: dashboard.label,
+      path: dashboard.path,
+      section: dashboard.section,
+      hidden: dashboard.hidden,
+      order: dashboard.order,
+      widgets: dashboard.widgets
+    };
+    views.push(view);
+  }
   for (const c of manifest.collections ?? []) {
     const view = {
       type: "collection",
@@ -5898,7 +5947,7 @@ import { Stack as Stack12 } from "@chakra-ui/react";
 // src/components/CoreIntegration.tsx
 import { useEffect as useEffect9, useState as useState14 } from "react";
 import { Badge as Badge5, Box as Box22, Button as Button16, Flex as Flex15, Heading as Heading12, Input as Input8, Stack as Stack9, Text as Text23 } from "@chakra-ui/react";
-import { useMutation as useMutation4, useQuery as useQuery8 } from "@tanstack/react-query";
+import { useMutation as useMutation4, useQuery as useQuery9 } from "@tanstack/react-query";
 import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function dateTime(value2) {
   if (!value2) return "\u2014";
@@ -6071,11 +6120,11 @@ function ProviderConfigurationPanel({ provider }) {
     appSecret: "",
     webhookToken: ""
   });
-  const configuration = useQuery8({
+  const configuration = useQuery9({
     queryKey: ["core-integrations", provider.key, "configuration"],
     queryFn: async () => (await http.get(`/integrations/providers/${provider.key}/configuration`)).data?.instances ?? []
   });
-  const mappings = useQuery8({
+  const mappings = useQuery9({
     queryKey: ["core-integrations", provider.key, "mappings"],
     queryFn: async () => (await http.get(`/integrations/providers/${provider.key}/mappings`)).data
   });
@@ -6289,15 +6338,15 @@ function ProviderConfigurationPanel({ provider }) {
 function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
   const { http } = useOonApi();
   const [expandedExecutionId, setExpandedExecutionId] = useState14(null);
-  const providers = useQuery8({
+  const providers = useQuery9({
     queryKey: ["core-integrations", "health"],
     queryFn: async () => (await http.get("/integrations/health")).data?.results ?? []
   });
-  const queue = useQuery8({
+  const queue = useQuery9({
     queryKey: ["core-integrations", "queue"],
     queryFn: async () => (await http.get("/integrations/queue", { params: { limit: 20 } })).data?.results ?? []
   });
-  const history = useQuery8({
+  const history = useQuery9({
     queryKey: ["core-integrations", "history"],
     queryFn: async () => (await http.get("/integrations/history", { params: { limit: 10 } })).data?.results ?? []
   });
@@ -6469,7 +6518,7 @@ function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
 
 // src/components/CoreIntegrationMappings.tsx
 import { Badge as Badge6, Box as Box23, Flex as Flex16, Heading as Heading13, Stack as Stack10, Text as Text24 } from "@chakra-ui/react";
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
 import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function dateTime2(value2) {
   if (!value2) return "sem execu\xE7\xE3o";
@@ -6478,12 +6527,12 @@ function dateTime2(value2) {
 }
 function CoreIntegrationMappings() {
   const { http } = useOonApi();
-  const providers = useQuery9({
+  const providers = useQuery10({
     queryKey: ["core-integrations", "providers"],
     queryFn: async () => (await http.get("/integrations/providers")).data?.results ?? []
   });
   const providerKeys = (providers.data ?? []).map((provider) => provider.key).join(",");
-  const summaries = useQuery9({
+  const summaries = useQuery10({
     queryKey: ["core-integrations", "mapping-summaries", providerKeys],
     enabled: providers.isSuccess && providerKeys.length > 0,
     queryFn: async () => Promise.all((providers.data ?? []).map(async (provider) => ({
@@ -6549,7 +6598,7 @@ function CoreIntegrationMappings() {
 // src/components/CoreOmieIntegration.tsx
 import { useEffect as useEffect10, useState as useState15 } from "react";
 import { Badge as Badge7, Box as Box24, Button as Button17, Flex as Flex17, Heading as Heading14, Input as Input9, Stack as Stack11, Text as Text25 } from "@chakra-ui/react";
-import { useMutation as useMutation5, useQuery as useQuery10 } from "@tanstack/react-query";
+import { useMutation as useMutation5, useQuery as useQuery11 } from "@tanstack/react-query";
 import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 function dateTime3(value2) {
   if (!value2) return "\u2014";
@@ -6615,7 +6664,7 @@ function NativeSelect5({
 }
 function OmieConfigurationTab() {
   const { http } = useOonApi();
-  const configuration = useQuery10({
+  const configuration = useQuery11({
     queryKey: ["core-omie", "configuration"],
     queryFn: async () => (await http.get("/integrations/providers/omie/configuration")).data?.instances ?? []
   });
@@ -6803,18 +6852,18 @@ function OmieConfigurationTab() {
 }
 function OmieSynchronizationTab() {
   const { http } = useOonApi();
-  const health = useQuery10({
+  const health = useQuery11({
     queryKey: ["core-omie", "health"],
     queryFn: async () => {
       const providers = (await http.get("/integrations/health")).data?.results ?? [];
       return providers.find((provider2) => provider2.key === "omie") ?? null;
     }
   });
-  const mappings = useQuery10({
+  const mappings = useQuery11({
     queryKey: ["core-omie", "mappings"],
     queryFn: async () => (await http.get("/integrations/providers/omie/mappings")).data
   });
-  const queue = useQuery10({
+  const queue = useQuery11({
     queryKey: ["core-omie", "queue"],
     queryFn: async () => (await http.get("/integrations/queue", {
       params: { provider: "omie", limit: 20 }
@@ -6938,22 +6987,22 @@ function OmieWebhooksTab() {
   const { http } = useOonApi();
   const [instanceId, setInstanceId] = useState15("default");
   const [copied, setCopied] = useState15(false);
-  const configuration = useQuery10({
+  const configuration = useQuery11({
     queryKey: ["core-omie", "configuration"],
     queryFn: async () => (await http.get("/integrations/providers/omie/configuration")).data?.instances ?? []
   });
-  const access = useQuery10({
+  const access = useQuery11({
     queryKey: ["core-omie", "webhook-access", instanceId],
     enabled: Boolean(instanceId),
     queryFn: async () => (await http.get(
       `/integrations/providers/omie/configuration/${instanceId}/webhook`
     )).data
   });
-  const mappings = useQuery10({
+  const mappings = useQuery11({
     queryKey: ["core-omie", "mappings"],
     queryFn: async () => (await http.get("/integrations/providers/omie/mappings")).data
   });
-  const events = useQuery10({
+  const events = useQuery11({
     queryKey: ["core-omie", "events"],
     queryFn: async () => (await http.get("/integrations/events", {
       params: { provider: "omie", limit: 20 }
@@ -7072,7 +7121,7 @@ function diagnosticMessage2(value2) {
 function OmieHistoryTab() {
   const { http } = useOonApi();
   const [expandedId, setExpandedId] = useState15(null);
-  const history = useQuery10({
+  const history = useQuery11({
     queryKey: ["core-omie", "history"],
     queryFn: async () => (await http.get("/integrations/history", {
       params: { provider: "omie", limit: 30 }