@oondemand/oon-core-front 0.3.33 → 0.3.35

package/dist/index.d.ts

@@ -603,11 +603,28 @@ type OonPipelineCreateDef = {
     defaultStage?: string;
     defaultValues?: Record<string, unknown>;
 };
+type OonPipelineActionGroup = "approval" | "workStatus" | "custom";
+type OonPipelineActionTone = "success" | "danger" | "warning" | "neutral" | "brand";
+type OonPipelineOperationalKind = "approval" | "work-status" | "business";
+/**
+ * Ações padrão da esteira. Quando omitido, aprovação/reprovação e status de
+ * trabalho ficam habilitados automaticamente quando os campos necessários
+ * existem na metadata do model.
+ */
+type OonPipelineDefaultActionsConfig = {
+    approval?: boolean;
+    workStatus?: boolean;
+    workStatusField?: string;
+    excludedStages?: string[];
+};
+type OonPipelineDefaultActionsDef = false | OonPipelineDefaultActionsConfig;
 /**
  * Ações operacionais exibidas no cabeçalho do ticket.
  *
  * - setField/transition atualizam um campo do próprio ticket;
- * - formAction carrega dados opcionais e envia um formulário a um endpoint.
+ * - formAction carrega dados opcionais e envia um formulário a um endpoint;
+ * - group/tone organizam a ação visualmente sem acoplar regra de negócio à UI;
+ * - operationalKind cria um contrato estável para telemetria, SLA e produtividade.
  */
 type OonPipelineActionDef = Omit<OonRowActionDef, "type"> & {
     type: OonRowActionDef["type"] | "setField" | "transition" | "formAction";
@@ -618,6 +635,9 @@ type OonPipelineActionDef = Omit<OonRowActionDef, "type"> & {
     loadEndpoint?: string;
     fields?: OonFormFieldDef[];
     initialValues?: Record<string, unknown>;
+    group?: OonPipelineActionGroup;
+    tone?: OonPipelineActionTone;
+    operationalKind?: OonPipelineOperationalKind;
 };
 /**
  * Extensão pública da view de esteira com filtros, inclusão, lista, ações e
@@ -642,7 +662,9 @@ type OonPipelineViewDef = PipelineViewDef & {
     defaultView?: OonPipelineViewMode;
     /** Colunas e ações da visualização em lista. */
     list?: OonCollectionListConfig;
-    /** Ações exibidas no cabeçalho do ticket aberto. */
+    /** Ações padrão do Core; use false para desabilitá-las nesta esteira. */
+    defaultActions?: OonPipelineDefaultActionsDef;
+    /** Ações adicionais ou overrides exibidos no cabeçalho do ticket aberto. */
     ticketActions?: OonPipelineActionDef[];
 };
 
@@ -712,6 +734,8 @@ interface CentralUiManifest {
         viewModes?: OonPipelineViewMode[];
         defaultView?: OonPipelineViewMode;
         list?: OonCollectionListConfig;
+        /** Habilitadas por padrão; use false para remover aprovação e status de trabalho. */
+        defaultActions?: OonPipelineDefaultActionsDef;
         ticketActions?: OonPipelineActionDef[];
     }>;
     documents?: Array<{
@@ -817,10 +841,11 @@ interface CorePipelineProps {
     viewModes?: OonPipelineViewMode[];
     defaultView?: OonPipelineViewMode;
     list?: OonCollectionListConfig;
+    defaultActions?: OonPipelineDefaultActionsDef;
     ticketActions?: OonPipelineActionDef[];
 }
 /** Esteira com quadro/lista, filtros, inclusão e ações operacionais no ticket. */
-declare function CorePipeline({ model, label, endpoint, stageField, stages, titleField, form, relations, ticketModal, filters, create, viewModes, defaultView, list, ticketActions, }: CorePipelineProps): react.JSX.Element;
+declare function CorePipeline({ model, label, endpoint, stageField, stages, titleField, form, relations, ticketModal, filters, create, viewModes, defaultView, list, defaultActions, ticketActions, }: CorePipelineProps): react.JSX.Element;
 
 interface CoreIntegrationProps {
     label?: string;
@@ -1003,4 +1028,4 @@ declare function useCoreMetadata(): _tanstack_react_query.UseQueryResult<NoInfer
 /** Descrição de uma model específica — base do modo "dynamic". */
 declare function useModelSchema(name: string): _tanstack_react_query.UseQueryResult<NoInfer<ModelSummary>, Error>;
 
-export { type CentralFormFieldDef, type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonPipelineTicketModalConfig, type OonPipelineViewDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };
+export { type CentralFormFieldDef, type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonPipelineActionDef, type OonPipelineActionGroup, type OonPipelineActionTone, type OonPipelineDefaultActionsConfig, type OonPipelineDefaultActionsDef, type OonPipelineTicketModalConfig, type OonPipelineViewDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };

package/dist/index.js

@@ -88,11 +88,11 @@ function createRestClient(deps) {
   instance.interceptors.response.use(
     (res) => res,
     (error) => {
-      const normalized = normalizeError(error);
+      const normalized2 = normalizeError(error);
       const requestPath = String(error.config?.url || "").split("?")[0].replace(/\/$/, "");
       const isLogin = requestPath.endsWith("/auth/autenticar");
-      if (normalized.status === 401 && !isLogin) onUnauthorized?.();
-      return Promise.reject(normalized);
+      if (normalized2.status === 401 && !isLogin) onUnauthorized?.();
+      return Promise.reject(normalized2);
     }
   );
   return instance;
@@ -778,8 +778,8 @@ function PlusIcon() {
 function renderCell(value, kind) {
   const formatted = formatCell(value, kind);
   if (kind === "enum") {
-    const normalized = String(value ?? "").toLowerCase();
-    const palette = /erro|cancel|inativo|recus|critica/.test(normalized) ? "red" : /pendente|aguardando|rascunho/.test(normalized) ? "orange" : /processando|conferencia|integrando|validando/.test(normalized) ? "blue" : /ativo|sucesso|conclu|aplicada|disponivel|aprov/.test(normalized) ? "green" : "gray";
+    const normalized2 = String(value ?? "").toLowerCase();
+    const palette = /erro|cancel|inativo|recus|critica/.test(normalized2) ? "red" : /pendente|aguardando|rascunho/.test(normalized2) ? "orange" : /processando|conferencia|integrando|validando/.test(normalized2) ? "blue" : /ativo|sucesso|conclu|aplicada|disponivel|aprov/.test(normalized2) ? "green" : "gray";
     return /* @__PURE__ */ jsx7(Badge, { colorPalette: palette, variant: "subtle", borderRadius: "full", px: "7px", py: "3px", fontSize: "9px", fontWeight: "600", textTransform: "capitalize", children: formatted });
   }
   if (kind === "boolean") {
@@ -1424,9 +1424,9 @@ function parseCurrencyInitial(value) {
   return Number.isFinite(parsed) ? String(parsed) : "";
 }
 function formatCurrency(value) {
-  const normalized = parseCurrencyInitial(value);
-  if (!normalized) return "";
-  const numeric = Number(normalized);
+  const normalized2 = parseCurrencyInitial(value);
+  if (!normalized2) return "";
+  const numeric = Number(normalized2);
   if (!Number.isFinite(numeric)) return "";
   return new Intl.NumberFormat("pt-BR", {
     style: "currency",
@@ -1833,7 +1833,7 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
 
 // src/components/internal/CoreDetailModal.tsx
 import { useEffect as useEffect6, useMemo as useMemo7, useState as useState9 } from "react";
-import { Box as Box8, Button as Button8, Flex as Flex7, Heading as Heading3, Text as Text10 } from "@chakra-ui/react";
+import { Box as Box8, Button as Button8, Flex as Flex7, Heading as Heading3, IconButton, Text as Text10 } from "@chakra-ui/react";
 import { useQuery as useQuery6, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 
 // src/components/internal/CoreTabbedDetail.tsx
@@ -1980,6 +1980,13 @@ function interpolateEndpoint(endpoint, row, parent) {
 
 // src/components/internal/CoreRowAction.tsx
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var ACTION_TONES = {
+  success: { bg: "#DCFCE7", color: "#166534", border: "#BBF7D0", hover: "#D1FAE5" },
+  danger: { bg: "#FEE2E2", color: "#991B1B", border: "#FECACA", hover: "#FDE2E2" },
+  warning: { bg: "#FEF3C7", color: "#92400E", border: "#FDE68A", hover: "#FDEDB3" },
+  neutral: { bg: "#F1F5F9", color: "#334155", border: "#E2E8F0", hover: "#E8EEF5" },
+  brand: { bg: "#E0F2FE", color: "#075985", border: "#BAE6FD", hover: "#D5EEFC" }
+};
 function messageOf2(error) {
   return error instanceof Error ? error.message : typeof error === "string" ? error : "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o.";
 }
@@ -1990,6 +1997,25 @@ function unwrap2(value) {
   if (data && typeof data === "object") return data;
   return record;
 }
+function emitOperationalEvent(action, row, changes) {
+  if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") return;
+  if (!action.operationalKind) return;
+  const field = action.field;
+  window.dispatchEvent(new CustomEvent("oon:pipeline-action", {
+    detail: {
+      actionId: action.id,
+      label: action.label,
+      group: action.group,
+      operationalKind: action.operationalKind,
+      recordId: row._id ?? row.id,
+      field,
+      previousValue: field ? row[field] : void 0,
+      nextValue: field ? changes?.[field] ?? action.value : void 0,
+      changes,
+      occurredAt: (/* @__PURE__ */ new Date()).toISOString()
+    }
+  }));
+}
 function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate }) {
   const { http } = useOonApi();
   const [loading, setLoading] = useState6(false);
@@ -1997,6 +2023,9 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
   const [formOpen, setFormOpen] = useState6(false);
   const [formInitialValues, setFormInitialValues] = useState6({});
   const pipelineAction = action;
+  const tone = pipelineAction.tone ? ACTION_TONES[pipelineAction.tone] : void 0;
+  const isWorkStatus = pipelineAction.group === "workStatus";
+  const isSelected = isWorkStatus && !!pipelineAction.field && row[pipelineAction.field] === pipelineAction.value;
   if (evaluateCondition(action.hiddenWhen, row)) return null;
   const disabled = evaluateCondition(action.disabledWhen, row) || loading;
   const confirmAction = () => action.confirm ? window.confirm(action.confirm.description ?? action.confirm.title ?? `Executar ${action.label}?`) : true;
@@ -2030,7 +2059,9 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
       if (!pipelineAction.field || !onUpdate || !confirmAction()) return;
       setLoading(true);
       try {
-        await onUpdate({ [pipelineAction.field]: pipelineAction.value });
+        const changes = { [pipelineAction.field]: pipelineAction.value };
+        await onUpdate(changes);
+        emitOperationalEvent(pipelineAction, row, changes);
         onRefresh?.(pipelineAction.refresh);
       } catch (err) {
         setError(err);
@@ -2044,6 +2075,7 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
     try {
       const url = interpolateEndpoint(action.endpoint, row, parent);
       await http.request({ url, method: action.method ?? "POST" });
+      emitOperationalEvent(pipelineAction, row);
       onRefresh?.(action.refresh);
     } catch (err) {
       setError(err);
@@ -2051,8 +2083,35 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
       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 }),
+  return /* @__PURE__ */ jsxs8("span", { style: { display: "inline-flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs8(
+      Button5,
+      {
+        type: "button",
+        size: "xs",
+        minH: isWorkStatus ? "32px" : "28px",
+        px: isWorkStatus ? "12px" : "9px",
+        borderRadius: isWorkStatus ? "full" : "6px",
+        fontSize: "10px",
+        fontWeight: "700",
+        variant: tone ? "outline" : void 0,
+        bg: isWorkStatus && !isSelected ? "white" : tone?.bg,
+        color: tone?.color,
+        borderColor: isSelected ? tone?.color : tone?.border,
+        borderWidth: isSelected ? "2px" : "1px",
+        boxShadow: isSelected ? `0 0 0 3px ${tone?.border ?? "#E2E8F0"}` : tone ? "none" : void 0,
+        "aria-pressed": isWorkStatus ? isSelected : void 0,
+        loading,
+        disabled,
+        onClick: run,
+        _hover: tone ? { bg: tone.hover, borderColor: tone.border } : void 0,
+        _disabled: tone ? { opacity: isSelected ? 1 : 0.55, cursor: "not-allowed" } : void 0,
+        children: [
+          isWorkStatus ? /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", style: { width: 8, height: 8, display: "inline-block", marginRight: 7, borderRadius: "999px", background: tone?.color ?? "#64748B", boxShadow: isSelected ? "0 0 0 2px rgba(255,255,255,.9)" : "none" } }) : null,
+          action.label
+        ]
+      }
+    ),
     error ? /* @__PURE__ */ jsx12(Text7, { mt: "3px", color: "#B42318", fontSize: "9px", children: messageOf2(error) }) : null,
     formOpen && pipelineAction.type === "formAction" ? /* @__PURE__ */ jsx12(
       DynamicForm,
@@ -2070,6 +2129,7 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
           try {
             const url = interpolateEndpoint(pipelineAction.endpoint, row, parent);
             await http.request({ url, method: pipelineAction.method ?? "POST", data: values });
+            emitOperationalEvent(pipelineAction, row, values);
             setFormOpen(false);
             onRefresh?.(pipelineAction.refresh);
           } catch (err) {
@@ -2488,7 +2548,9 @@ function InlineParentForm({
   groups,
   parent,
   resource,
-  onSaved
+  onSaved,
+  formId,
+  externalSubmit = false
 }) {
   const fields = rawFields;
   const [values, setValues] = useState8({});
@@ -2552,6 +2614,7 @@ function InlineParentForm({
   return /* @__PURE__ */ jsx14(
     "form",
     {
+      id: formId,
       noValidate: true,
       onSubmit: async (event) => {
         event.preventDefault();
@@ -2580,7 +2643,7 @@ function InlineParentForm({
       children: /* @__PURE__ */ jsxs10(Stack3, { gap: "16px", children: [
         error ? /* @__PURE__ */ jsx14(Box7, { role: "alert", p: "10px 12px", color: "#B42318", bg: "#FEF3F2", borderWidth: "1px", borderColor: "#FECDCA", borderRadius: "7px", fontSize: "11px", children: messageOf3(error) }) : null,
         renderFields(),
-        /* @__PURE__ */ jsx14(Flex6, { justify: "flex-end", children: /* @__PURE__ */ jsx14(Button7, { type: "submit", colorPalette: "brand", loading: saving, children: "Salvar dados principais" }) })
+        !externalSubmit ? /* @__PURE__ */ jsx14(Flex6, { justify: "flex-end", children: /* @__PURE__ */ jsx14(Button7, { type: "submit", colorPalette: "brand", loading: saving, children: "Salvar dados principais" }) }) : null
       ] })
     }
   );
@@ -2595,7 +2658,9 @@ function CoreTabbedDetail({
   relations,
   refreshTokens,
   onRefresh,
-  onParentSaved
+  onParentSaved,
+  formId,
+  externalSubmit
 }) {
   const active = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];
   return /* @__PURE__ */ jsxs10(Stack3, { gap: 4, children: [
@@ -2621,7 +2686,9 @@ function CoreTabbedDetail({
         groups: active.groups,
         parent: parent ?? {},
         resource,
-        onSaved: onParentSaved
+        onSaved: onParentSaved,
+        formId,
+        externalSubmit
       }
     ) : (active.type === "relatedGrid" || active.type === "readonlyGrid") && parent ? /* @__PURE__ */ jsx14(
       CoreRelatedGrid,
@@ -2650,7 +2717,8 @@ function CoreDetailModal({
   initialRecord,
   initialTab,
   relations,
-  actions,
+  topActions,
+  bottomActions,
   onClose,
   onSaved
 }) {
@@ -2695,18 +2763,38 @@ function CoreDetailModal({
   };
   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", gap: 4, borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
-      /* @__PURE__ */ jsxs11(Box8, { children: [
+  const activeIsForm = (config.tabs.find((tab) => tab.id === activeTab) ?? config.tabs[0])?.type === "form";
+  const formId = `oon-detail-form-${model.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+  return /* @__PURE__ */ jsx15(Flex7, { position: "fixed", inset: 0, zIndex: 1e3, align: "center", justify: "center", p: 4, bg: "rgba(15,23,42,.48)", children: /* @__PURE__ */ jsxs11(Box8, { role: "dialog", "aria-modal": "true", display: "flex", flexDirection: "column", w: `min(${width}, 98vw)`, h: "94vh", maxH: "94vh", overflow: "hidden", bg: "white", borderRadius: "14px", boxShadow: "0 24px 70px rgba(15,23,42,.24)", children: [
+    /* @__PURE__ */ jsxs11(Flex7, { minH: "72px", px: "20px", py: "10px", align: "center", justify: "space-between", gap: 4, borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
+      /* @__PURE__ */ jsxs11(Box8, { minW: "160px", children: [
         /* @__PURE__ */ jsx15(Text10, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Detalhe" }),
         /* @__PURE__ */ jsx15(Heading3, { size: "md", children: recordId ? displayTitle : `Novo ${title}` })
       ] }),
-      /* @__PURE__ */ jsxs11(Flex7, { align: "center", justify: "flex-end", gap: "6px", wrap: "wrap", children: [
-        recordId ? actions : null,
-        /* @__PURE__ */ jsx15(Button8, { onClick: onClose, children: "Fechar" })
+      /* @__PURE__ */ jsxs11(Flex7, { flex: "1", align: "center", justify: "flex-end", gap: "8px", wrap: "wrap", children: [
+        recordId ? topActions : null,
+        /* @__PURE__ */ jsx15(
+          IconButton,
+          {
+            "aria-label": "Fechar",
+            title: "Fechar",
+            size: "sm",
+            minW: "32px",
+            h: "32px",
+            borderRadius: "full",
+            variant: "ghost",
+            color: "#475569",
+            fontSize: "21px",
+            fontWeight: "400",
+            lineHeight: "1",
+            onClick: onClose,
+            _hover: { bg: "#F1F5F9", color: "#0F172A" },
+            children: "\xD7"
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(Box8, { maxH: "calc(94vh - 73px)", p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx15(Box8, { flex: "1", minH: 0, p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(
       CoreTabbedDetail,
       {
         tabs: config.tabs,
@@ -2718,13 +2806,35 @@ function CoreDetailModal({
         relations,
         refreshTokens,
         onRefresh: refresh,
+        formId,
+        externalSubmit: true,
         onParentSaved: (saved) => {
           setParent(saved);
           onSaved?.(saved);
           refresh(["parent"]);
         }
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsxs11(
+      Flex7,
+      {
+        flex: "0 0 auto",
+        minH: "64px",
+        px: "20px",
+        py: "10px",
+        align: "center",
+        justify: "space-between",
+        gap: "12px",
+        bg: "white",
+        borderTopWidth: "1px",
+        borderColor: "#E5E9ED",
+        boxShadow: "0 -8px 24px rgba(15,23,42,.06)",
+        children: [
+          /* @__PURE__ */ jsx15(Box8, { children: recordId ? bottomActions : null }),
+          /* @__PURE__ */ jsx15(Button8, { type: "submit", form: formId, colorPalette: "brand", disabled: !activeIsForm || schemaQuery.isLoading || parentQuery.isLoading, children: "Salvar" })
+        ]
+      }
+    )
   ] }) });
 }
 
@@ -2872,6 +2982,133 @@ function CoreDocument({ model, label, endpoint, columns, form }) {
 import { useState as useState11 } from "react";
 import { Badge as Badge4, Box as Box10, Button as Button9, Flex as Flex8, Heading as Heading5, Input as Input6, NativeSelect as NativeSelect5, Stack as Stack5, Text as Text12 } from "@chakra-ui/react";
 import { useMutation as useMutation3, useQuery as useQuery7, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+
+// src/pipelineTicket.ts
+var DEFAULT_EXCLUDED_STAGES = [
+  "cancelado",
+  "cancelada",
+  "cancelled",
+  "rejeitado",
+  "rejeitada",
+  "rejected"
+];
+function normalized(value) {
+  return String(value ?? "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim().toLowerCase();
+}
+function slug(value) {
+  return normalized(value).replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+function approvalTone(action) {
+  const key = normalized(`${action.id ?? ""} ${action.label}`);
+  if (/recusar|reprovar|reject/.test(key)) return "danger";
+  if (/aprovar|approve/.test(key)) return "success";
+  return void 0;
+}
+function workStatusPresentation(value) {
+  const key = normalized(value);
+  if (/aguardando.*inicio|nao.*iniciado|waiting/.test(key)) {
+    return { order: 0, label: "Aguardando in\xEDcio", tone: "warning" };
+  }
+  if (/trabalhando|em.*andamento|working/.test(key)) {
+    return { order: 1, label: "Trabalhando", tone: "success" };
+  }
+  if (/revisar|revisao|review/.test(key)) {
+    return { order: 2, label: "Revis\xE3o", tone: "danger" };
+  }
+  return void 0;
+}
+function decoratePipelineAction(action, stageField, workStatusField) {
+  const approval = action.type === "transition" && action.field === stageField && approvalTone(action);
+  const workStatus = action.type === "setField" && action.field === workStatusField;
+  const group = action.group ?? (approval ? "approval" : workStatus ? "workStatus" : "custom");
+  const tone = action.tone ?? (approval || (workStatus ? workStatusPresentation(action.value)?.tone : void 0)) ?? (group === "custom" ? "neutral" : void 0);
+  const operationalKind = action.operationalKind ?? (group === "approval" ? "approval" : group === "workStatus" ? "work-status" : "business");
+  return { ...action, group, tone, operationalKind };
+}
+function resolvePipelineActions({
+  stageField,
+  stages,
+  workStatusValues = [],
+  ticketActions = [],
+  defaultActions
+}) {
+  const config = defaultActions === false ? void 0 : defaultActions ?? {};
+  const workStatusField = config?.workStatusField ?? "statusTrabalho";
+  const explicit = ticketActions.map((action) => decoratePipelineAction(action, stageField, workStatusField));
+  if (defaultActions === false) return explicit;
+  const resolved = [];
+  const hasExplicitApproval = explicit.some((action) => action.group === "approval");
+  const hasExplicitWorkStatus = explicit.some((action) => action.group === "workStatus");
+  if (config?.approval !== false && !hasExplicitApproval) {
+    const excluded = /* @__PURE__ */ new Set([
+      ...DEFAULT_EXCLUDED_STAGES,
+      ...(config?.excludedStages ?? []).map(normalized)
+    ]);
+    const approvalStages = stages.filter((stage) => !excluded.has(normalized(stage.id)));
+    approvalStages.forEach((stage, index) => {
+      const next = approvalStages[index + 1];
+      if (next) {
+        resolved.push({
+          id: `core-aprovar-${slug(stage.id)}`,
+          label: "Aprovar",
+          type: "transition",
+          field: stageField,
+          value: next.id,
+          hiddenWhen: { field: stageField, notEquals: stage.id },
+          confirm: { description: `Aprovar este ticket e alterar a etapa para ${next.label}?` },
+          refresh: ["all"],
+          group: "approval",
+          tone: "success",
+          operationalKind: "approval"
+        });
+      }
+    });
+    approvalStages.forEach((stage, index) => {
+      const previous = approvalStages[index - 1];
+      if (previous) {
+        resolved.push({
+          id: `core-recusar-${slug(stage.id)}`,
+          label: "Recusar",
+          type: "transition",
+          field: stageField,
+          value: previous.id,
+          hiddenWhen: { field: stageField, notEquals: stage.id },
+          confirm: { description: `Recusar este ticket e retornar a etapa para ${previous.label}?` },
+          refresh: ["all"],
+          group: "approval",
+          tone: "danger",
+          operationalKind: "approval"
+        });
+      }
+    });
+  }
+  if (config?.workStatus !== false && !hasExplicitWorkStatus && workStatusValues.length) {
+    workStatusValues.map((value) => ({ value, presentation: workStatusPresentation(value) })).filter((item) => Boolean(item.presentation)).sort((a, b) => a.presentation.order - b.presentation.order).forEach(({ value, presentation }) => {
+      resolved.push({
+        id: `core-status-trabalho-${slug(value)}`,
+        label: presentation.label,
+        type: "setField",
+        field: workStatusField,
+        value,
+        disabledWhen: { field: workStatusField, equals: value },
+        refresh: ["all"],
+        group: "workStatus",
+        tone: presentation.tone,
+        operationalKind: "work-status"
+      });
+    });
+  }
+  return [...resolved, ...explicit];
+}
+function groupPipelineActions(actions) {
+  return {
+    approval: actions.filter((action) => action.group === "approval"),
+    workStatus: actions.filter((action) => action.group === "workStatus"),
+    custom: actions.filter((action) => action.group === "custom")
+  };
+}
+
+// src/components/CorePipeline.tsx
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function ticketId(row) {
   const id = row._id ?? row.id;
@@ -2887,6 +3124,13 @@ function mergeFormFields2(metadataFields, overrides) {
   });
   return merged;
 }
+function workStatusColor(value) {
+  const normalized2 = String(value ?? "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+  if (/aguardando.*inicio|nao.*iniciado|waiting/.test(normalized2)) return "#D97706";
+  if (/trabalhando|em.*andamento|working/.test(normalized2)) return "#16A34A";
+  if (/revisar|revisao|review/.test(normalized2)) return "#DC2626";
+  return "#94A3B8";
+}
 function PipelineFilterControl({
   filter,
   value,
@@ -2945,6 +3189,7 @@ function CorePipeline({
   viewModes = ["board"],
   defaultView,
   list,
+  defaultActions,
   ticketActions = []
 }) {
   const schemaQuery = useModelSchema(model);
@@ -2993,6 +3238,17 @@ function CorePipeline({
   if (viewMode === "board" && 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 defaultActionsConfig = defaultActions === false ? void 0 : defaultActions;
+  const workStatusField = defaultActionsConfig?.workStatusField ?? "statusTrabalho";
+  const workStatusMeta = schema?.fields.find((field) => field.name === workStatusField);
+  const resolvedTicketActions = resolvePipelineActions({
+    stageField,
+    stages: resolvedStages,
+    workStatusValues: workStatusMeta?.options ?? [],
+    ticketActions,
+    defaultActions
+  });
+  const groupedTicketActions = groupPipelineActions(resolvedTicketActions);
   const resolvedTitleField = titleField ?? ticketModal?.titleField ?? schema?.fields.find((field) => field.kind === "string")?.name ?? schema?.searchable[0] ?? "_id";
   const detailFields = (schema?.fields ?? []).filter((field) => field.name !== stageField && field.name !== resolvedTitleField && field.kind !== "raw").slice(0, 3);
   const formFields = mergeFormFields2(formFieldsFromMeta(schema?.fields ?? []), form);
@@ -3014,7 +3270,7 @@ function CorePipeline({
       ...defaultStage ? { [stageField]: defaultStage } : {}
     });
   };
-  const modalActions = selectedTicket && !creating ? /* @__PURE__ */ jsx18(Flex8, { gap: "5px", align: "center", wrap: "wrap", children: ticketActions.map((action, index) => /* @__PURE__ */ jsx18(
+  const renderModalAction = (action, index) => selectedTicket ? /* @__PURE__ */ jsx18(
     CoreRowAction,
     {
       action,
@@ -3032,7 +3288,12 @@ function CorePipeline({
       }
     },
     action.id ?? `${action.label}-${index}`
-  )) }) : null;
+  ) : null;
+  const modalTopActions = selectedTicket && !creating && groupedTicketActions.workStatus.length ? /* @__PURE__ */ jsx18(Flex8, { role: "group", "aria-label": "Status da atividade", gap: "6px", align: "center", wrap: "wrap", children: groupedTicketActions.workStatus.map(renderModalAction) }) : null;
+  const modalBottomActions = selectedTicket && !creating ? /* @__PURE__ */ jsxs13(Flex8, { gap: "8px", align: "center", wrap: "wrap", children: [
+    groupedTicketActions.approval.length ? /* @__PURE__ */ jsx18(Flex8, { role: "group", "aria-label": "Aprova\xE7\xE3o do ticket", gap: "6px", align: "center", wrap: "wrap", children: groupedTicketActions.approval.map(renderModalAction) }) : null,
+    groupedTicketActions.custom.length ? /* @__PURE__ */ jsx18(Flex8, { role: "group", "aria-label": "A\xE7\xF5es do neg\xF3cio", gap: "6px", align: "center", wrap: "wrap", children: groupedTicketActions.custom.map(renderModalAction) }) : null
+  ] }) : null;
   return /* @__PURE__ */ jsxs13(Stack5, { gap: 5, children: [
     /* @__PURE__ */ jsxs13(Flex8, { align: { base: "stretch", md: "flex-end" }, justify: "space-between", gap: 4, direction: { base: "column", md: "row" }, children: [
       /* @__PURE__ */ jsxs13(Box10, { children: [
@@ -3118,7 +3379,24 @@ function CorePipeline({
               },
               _hover: { borderColor: "brand.300", transform: "translateY(-1px)", boxShadow: "0 7px 18px rgba(7, 38, 46, 0.09)" },
               children: [
-                /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", mb: 2, lineClamp: 2, children: ticketTitle }),
+                /* @__PURE__ */ jsxs13(Flex8, { align: "flex-start", justify: "space-between", gap: "8px", mb: 2, children: [
+                  /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", lineClamp: 2, children: ticketTitle }),
+                  /* @__PURE__ */ jsx18(
+                    Box10,
+                    {
+                      as: "span",
+                      title: `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
+                      "aria-label": `Status da atividade: ${String(row[workStatusField] ?? "N\xE3o informado")}`,
+                      flex: "0 0 auto",
+                      w: "10px",
+                      h: "10px",
+                      mt: "4px",
+                      borderRadius: "full",
+                      bg: workStatusColor(row[workStatusField]),
+                      boxShadow: "0 0 0 3px white, 0 0 0 4px #E2E8F0"
+                    }
+                  )
+                ] }),
                 /* @__PURE__ */ jsx18(Stack5, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs13(Flex8, { gap: 2, align: "baseline", justify: "space-between", children: [
                   /* @__PURE__ */ jsx18(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
                   /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
@@ -3141,7 +3419,8 @@ function CorePipeline({
         initialRecord: selectedTicket,
         initialTab: creating ? create?.initialTab : void 0,
         relations,
-        actions: modalActions,
+        topActions: modalTopActions,
+        bottomActions: modalBottomActions,
         onClose: () => {
           setSelectedTicket(null);
           setCreating(false);
@@ -3254,10 +3533,10 @@ function registryKey(key) {
 }
 function resolveComponent(registry, key, bucket) {
   if (!key) return null;
-  const normalized = registryKey(key);
+  const normalized2 = 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;
+  return registry?.[targetBucket]?.[normalized2] ?? registry?.[targetBucket]?.[key] ?? null;
 }
 function MissingRenderer({ renderer, children }) {
   if (import.meta.env?.MODE === "production") return /* @__PURE__ */ jsx21(Fragment4, { children: children ?? null });
@@ -3371,7 +3650,7 @@ function CorePage2({ page, registry }) {
 
 // src/app/moduleRegistry.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
-function slug(value) {
+function slug2(value) {
   return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
 function requiredAccess2(source) {
@@ -3381,7 +3660,7 @@ function requiredAccess2(source) {
 function viewId(view) {
   if (view.id) return view.id;
   if (view.type === "dashboard") return "dashboard";
-  return slug(view.model);
+  return slug2(view.model);
 }
 function viewPath(view) {
   if (view.path) return view.path;
@@ -3436,6 +3715,7 @@ function renderView(view, registry) {
           viewModes: v.viewModes,
           defaultView: v.defaultView,
           list: v.list,
+          defaultActions: v.defaultActions,
           ticketActions: v.ticketActions
         }
       );
@@ -4574,6 +4854,7 @@ function manifestToConfig(manifest, runtime) {
       viewModes: p.viewModes,
       defaultView: p.defaultView,
       list: p.list,
+      defaultActions: p.defaultActions,
       ticketActions: p.ticketActions
     };
     views.push(view);