@oondemand/oon-core-front 0.3.27 → 0.3.29

package/dist/index.js

@@ -28,11 +28,12 @@ function normalizeError(err) {
       };
     }
     const envelope = data?.error;
+    const legacyDetails = envelope && envelope.details === void 0 && envelope.field ? envelope : void 0;
     return {
       code: envelope?.code || codeFromStatus(status),
       message: envelope?.message || data?.message || err.message || "Erro inesperado.",
       status,
-      details: envelope?.details,
+      details: envelope?.details ?? legacyDetails,
       requestId: envelope?.requestId || err.response?.headers?.["x-request-id"]
     };
   }
@@ -1035,6 +1036,11 @@ function ChevronIcon2({ open }) {
 function ClearIcon() {
   return /* @__PURE__ */ jsx8("svg", { viewBox: "0 0 20 20", width: "14", height: "14", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "m6 6 8 8M14 6l-8 8", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
 }
+function cleanFilters(filters) {
+  return Object.fromEntries(
+    Object.entries(filters ?? {}).filter(([, value]) => value !== void 0 && value !== null && value !== "")
+  );
+}
 function ReferenceSelect({
   field,
   inputId,
@@ -1046,9 +1052,16 @@ function ReferenceSelect({
   required,
   invalid,
   error,
+  filters,
+  emptyFields = [],
+  disabled = false,
+  disabledMessage,
   onChange
 }) {
   const initialLabel = useMemo3(() => initialReferenceLabel(initialValue), [initialValue]);
+  const resolvedFilters = useMemo3(() => cleanFilters(filters), [filters]);
+  const filtersKey = useMemo3(() => JSON.stringify(resolvedFilters), [resolvedFilters]);
+  const emptyFieldsKey = useMemo3(() => JSON.stringify(emptyFields), [emptyFields]);
   const [selectedLabel, setSelectedLabel] = useState4(initialLabel);
   const [search, setSearch] = useState4("");
   const [debouncedSearch, setDebouncedSearch] = useState4("");
@@ -1069,6 +1082,11 @@ function ReferenceSelect({
     if (!value) setSelectedLabel("");
     else if (initialLabel) setSelectedLabel(initialLabel);
   }, [initialLabel, value]);
+  useEffect3(() => {
+    if (!disabled) return;
+    setOpen(false);
+    setActiveIndex(-1);
+  }, [disabled]);
   useEffect3(() => {
     if (!open) return;
     const onPointerDown = (event) => {
@@ -1085,9 +1103,14 @@ function ReferenceSelect({
     window.setTimeout(() => searchRef.current?.focus(), 0);
   }, [open]);
   const listQuery = useQuery3({
-    queryKey: ["oon", "reference-options", refModel, basePath, debouncedSearch],
-    queryFn: () => resource.list({ pageIndex: 0, pageSize: 30, searchTerm: debouncedSearch || void 0 }),
-    enabled: !!schema && open,
+    queryKey: ["oon", "reference-options", refModel, basePath, debouncedSearch, filtersKey, emptyFieldsKey],
+    queryFn: () => resource.list({
+      pageIndex: 0,
+      pageSize: emptyFields.length ? 200 : 30,
+      searchTerm: debouncedSearch || void 0,
+      ...resolvedFilters
+    }),
+    enabled: !!schema && open && !disabled,
     staleTime: 3e4
   });
   const currentQuery = useQuery3({
@@ -1100,11 +1123,17 @@ function ReferenceSelect({
     if (!currentQuery.data) return;
     setSelectedLabel(referenceOptionLabel(currentQuery.data, schema?.searchable));
   }, [currentQuery.data, schema?.searchable]);
-  const items = listQuery.data?.results ?? [];
+  const items = (listQuery.data?.results ?? []).filter(
+    (record) => emptyFields.every((fieldName) => {
+      const candidate = record[fieldName];
+      return candidate === void 0 || candidate === null || candidate === "";
+    })
+  );
   const listId = `oon-reference-${field}`;
   const resolvedInputId = inputId ?? `oon-reference-input-${field}`;
   const activeOptionId = activeIndex >= 0 ? `${listId}-option-${activeIndex}` : void 0;
   const openList = (seed = "") => {
+    if (disabled) return;
     if (seed) setSearch(seed);
     setOpen(true);
     setActiveIndex((current) => current >= 0 ? current : 0);
@@ -1139,6 +1168,7 @@ function ReferenceSelect({
       return next;
     });
   };
+  const placeholder = disabled ? disabledMessage ?? "Selecione primeiro o campo relacionado." : "Selecione ou digite para pesquisar...";
   return /* @__PURE__ */ jsxs4(Box3, { ref: rootRef, position: "relative", children: [
     /* @__PURE__ */ jsxs4(
       Button3,
@@ -1161,6 +1191,7 @@ function ReferenceSelect({
         fontSize: "11px",
         fontWeight: "400",
         textAlign: "left",
+        disabled,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         "aria-controls": listId,
@@ -1170,6 +1201,7 @@ function ReferenceSelect({
         "aria-describedby": error ? errorId : void 0,
         onClick: () => open ? closeList() : openList(),
         onKeyDown: (event) => {
+          if (disabled) return;
           if (event.key === "ArrowDown") {
             event.preventDefault();
             if (!open) openList();
@@ -1200,10 +1232,11 @@ function ReferenceSelect({
         },
         _hover: { bg: "white", borderColor: "#B9C7D1" },
         _focusVisible: { borderColor: invalid ? "#DC2626" : "#0F8DD0", boxShadow: invalid ? "0 0 0 3px rgba(220,38,38,.08)" : "0 0 0 3px rgba(15,141,208,.10)" },
+        _disabled: { cursor: "not-allowed", color: "#98A2B3", bg: "#F8FAFC", opacity: 1 },
         children: [
-          /* @__PURE__ */ jsx8(Text4, { as: "span", minW: 0, flex: "1", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selectedLabel || value ? "#475467" : "#98A2B3", children: selectedLabel || (value ? String(value) : "Selecione ou digite para pesquisar...") }),
+          /* @__PURE__ */ jsx8(Text4, { as: "span", minW: 0, flex: "1", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selectedLabel || value ? "#475467" : "#98A2B3", children: selectedLabel || (value ? String(value) : placeholder) }),
           /* @__PURE__ */ jsxs4(Flex3, { as: "span", align: "center", gap: 1, flex: "0 0 auto", color: "#98A2B3", children: [
-            value ? /* @__PURE__ */ jsx8(
+            value && !disabled ? /* @__PURE__ */ jsx8(
               Box3,
               {
                 as: "span",
@@ -1331,7 +1364,8 @@ function ReferenceSelect({
           }) })
         ]
       }
-    ) : null
+    ) : null,
+    error ? /* @__PURE__ */ jsx8(Text4, { id: errorId, role: "alert", mt: "5px", color: "#DC2626", fontSize: "10px", fontWeight: "500", children: error }) : null
   ] });
 }
 
@@ -1464,6 +1498,16 @@ function buildItems(fields) {
   });
   return items;
 }
+function resolveReference(field, values) {
+  const filters = { ...field.referenceFilters ?? {} };
+  const missing = [];
+  Object.entries(field.referenceFilterFrom ?? {}).forEach(([queryField, formField]) => {
+    const value = values[formField];
+    if (value) filters[queryField] = value;
+    else missing.push(formField);
+  });
+  return { filters, disabled: missing.length > 0 };
+}
 function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submitting, error, onSubmit, onCancel, onFieldChange }) {
   const [values, setValues] = useState5(() => Object.fromEntries(fields.map((field) => [field.field, toValue(initialValues?.[field.field], field.kind)])));
   const [errors, setErrors] = useState5({});
@@ -1489,12 +1533,23 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
     const first = fields.find((field) => next[field.field]);
     if (first) focusField(first.field);
   }, [error]);
-  const change = (field, value) => {
-    setValues((current) => ({ ...current, [field]: value }));
+  const change = (fieldName, value) => {
+    const extendedFields = fields;
+    const dependentFields = extendedFields.filter(
+      (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
+    );
+    setValues((current) => {
+      const changed = current[fieldName] !== value;
+      const next = { ...current, [fieldName]: value };
+      if (changed) dependentFields.forEach((candidate) => {
+        next[candidate.field] = "";
+      });
+      return next;
+    });
     setErrors((current) => {
-      if (!current[field]) return current;
       const next = { ...current };
-      delete next[field];
+      delete next[fieldName];
+      dependentFields.forEach((candidate) => delete next[candidate.field]);
       return next;
     });
     setDismissed(true);
@@ -1575,7 +1630,10 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
         false
       );
     }
-    if (field.kind === "ref" && field.ref) return wrap(/* @__PURE__ */ jsx9(ReferenceSelect, { field: field.field, inputId: id, errorId, label, refModel: field.ref, value: values[field.field] ?? "", initialValue: initialValues?.[field.field], required: field.required, invalid: !!message, error: message, onChange: (value) => change(field.field, value) }));
+    if (field.kind === "ref" && field.ref) {
+      const reference = resolveReference(field, values);
+      return wrap(/* @__PURE__ */ jsx9(ReferenceSelect, { field: field.field, inputId: id, errorId, label, refModel: field.ref, value: values[field.field] ?? "", initialValue: initialValues?.[field.field], required: field.required, invalid: !!message, error: message, filters: reference.filters, emptyFields: field.referenceEmptyFields, disabled: reference.disabled, disabledMessage: field.referenceDisabledMessage, onChange: (value) => change(field.field, value) }));
+    }
     if (field.kind === "enum" && field.options?.length) return wrap(/* @__PURE__ */ jsxs5(NativeSelect2.Root, { size: "sm", children: [
       /* @__PURE__ */ jsxs5(NativeSelect2.Field, { id, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message), onChange: (event) => change(field.field, event.currentTarget.value), children: [
         /* @__PURE__ */ jsx9("option", { value: "", children: "\u2014 Selecione \u2014" }),
@@ -1905,6 +1963,63 @@ function toValue2(value, kind) {
 function isMultiline2(field) {
   return /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
+function messageOf3(error) {
+  if (!error) return null;
+  if (typeof error === "string") return error;
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object") {
+    const record = error;
+    if (typeof record.message === "string") return record.message;
+    if (record.error && typeof record.error === "object") {
+      const nested = record.error;
+      if (typeof nested.message === "string") return nested.message;
+    }
+  }
+  return "N\xE3o foi poss\xEDvel salvar o registro.";
+}
+function fieldErrorsOf(error) {
+  if (!error || typeof error !== "object") return {};
+  const record = error;
+  const envelope = record.error && typeof record.error === "object" ? record.error : void 0;
+  const details = record.details ?? envelope?.details ?? envelope;
+  const result = {};
+  const visit = (value) => {
+    if (!value) return;
+    if (Array.isArray(value)) {
+      value.forEach(visit);
+      return;
+    }
+    if (typeof value !== "object") return;
+    const item = value;
+    if (typeof item.field === "string" && typeof item.message === "string") {
+      result[item.field] = item.message;
+    }
+    Object.values(item).forEach((nested) => {
+      if (nested !== item.field && nested !== item.message) visit(nested);
+    });
+  };
+  visit(details);
+  return result;
+}
+function requiredErrors(fields, values) {
+  const errors = {};
+  fields.forEach((field) => {
+    if (field.required && !(values[field.field] ?? "").trim()) {
+      errors[field.field] = `${fieldLabel({ name: field.field, label: field.label })} \xE9 obrigat\xF3rio.`;
+    }
+  });
+  return errors;
+}
+function resolveReference2(field, values) {
+  const filters = { ...field.referenceFilters ?? {} };
+  const missing = [];
+  Object.entries(field.referenceFilterFrom ?? {}).forEach(([queryField, formField]) => {
+    const value = values[formField];
+    if (value) filters[queryField] = value;
+    else missing.push(formField);
+  });
+  return { filters, disabled: missing.length > 0 };
+}
 function FieldLabel({ field, htmlFor }) {
   const label = fieldLabel({ name: field.field, label: field.label });
   return /* @__PURE__ */ jsx14("label", { htmlFor, children: /* @__PURE__ */ jsxs10(Text9, { as: "span", display: "block", mb: "5px", color: "#475467", fontSize: "11px", fontWeight: "600", children: [
@@ -1912,48 +2027,68 @@ function FieldLabel({ field, htmlFor }) {
     field.required ? /* @__PURE__ */ jsx14(Text9, { as: "span", color: "#DC2626", children: " *" }) : null
   ] }) });
 }
+function ErrorText2({ id, message }) {
+  return message ? /* @__PURE__ */ jsx14(Text9, { id, role: "alert", mt: "5px", color: "#DC2626", fontSize: "10px", fontWeight: "500", children: message }) : null;
+}
 function FieldControl({
   field,
   value,
+  values,
+  initialValue,
+  error,
   onChange
 }) {
   const label = fieldLabel({ name: field.field, label: field.label });
   const inputId = `oon-detail-field-${field.field.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+  const errorId = `${inputId}-error`;
+  const invalidProps = {
+    "aria-invalid": error ? true : void 0,
+    "aria-describedby": error ? errorId : void 0,
+    borderColor: error ? "#DC2626" : void 0,
+    boxShadow: error ? "0 0 0 3px rgba(220,38,38,.08)" : void 0
+  };
   if (field.widget === "checkbox") {
     const checkedValue = String(field.checkedValue ?? true);
     const uncheckedValue = String(field.uncheckedValue ?? false);
     const checked = (value || uncheckedValue) === checkedValue;
-    return /* @__PURE__ */ jsxs10(
-      Box7,
-      {
-        as: "label",
-        display: "flex",
-        minH: "38px",
-        px: "11px",
-        alignItems: "center",
-        gap: "8px",
-        color: "#344054",
-        bg: checked ? "#F0F7FF" : "white",
-        borderWidth: "1px",
-        borderColor: checked ? "#8FC9E7" : "#D5DDE3",
-        borderRadius: "7px",
-        cursor: "pointer",
-        children: [
-          /* @__PURE__ */ jsx14(
-            "input",
-            {
-              type: "checkbox",
-              checked,
-              style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
-              onChange: (event) => onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)
-            }
-          ),
-          /* @__PURE__ */ jsx14(Text9, { as: "span", fontSize: "11px", fontWeight: "600", children: label })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs10(Box7, { children: [
+      /* @__PURE__ */ jsxs10(
+        Box7,
+        {
+          as: "label",
+          display: "flex",
+          minH: "38px",
+          px: "11px",
+          alignItems: "center",
+          gap: "8px",
+          color: "#344054",
+          bg: checked ? "#F0F7FF" : "white",
+          borderWidth: "1px",
+          borderColor: error ? "#DC2626" : checked ? "#8FC9E7" : "#D5DDE3",
+          borderRadius: "7px",
+          cursor: "pointer",
+          children: [
+            /* @__PURE__ */ jsx14(
+              "input",
+              {
+                id: inputId,
+                type: "checkbox",
+                checked,
+                "aria-invalid": error ? true : void 0,
+                "aria-describedby": error ? errorId : void 0,
+                style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
+                onChange: (event) => onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)
+              }
+            ),
+            /* @__PURE__ */ jsx14(Text9, { as: "span", fontSize: "11px", fontWeight: "600", children: label })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx14(ErrorText2, { id: errorId, message: error })
+    ] });
   }
   if (field.kind === "ref" && field.ref) {
+    const reference = resolveReference2(field, values);
     return /* @__PURE__ */ jsxs10(Box7, { children: [
       /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
       /* @__PURE__ */ jsx14(
@@ -1961,48 +2096,59 @@ function FieldControl({
         {
           field: field.field,
           inputId,
+          errorId,
           label,
           refModel: field.ref,
           value,
-          initialValue: value,
+          initialValue,
           required: field.required,
+          invalid: !!error,
+          error,
+          filters: reference.filters,
+          emptyFields: field.referenceEmptyFields,
+          disabled: reference.disabled,
+          disabledMessage: field.referenceDisabledMessage,
           onChange
         }
       )
     ] });
   }
   const control = field.kind === "enum" && field.options?.length ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
-    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, onChange: (event) => onChange(event.currentTarget.value), children: [
+    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014 Selecione \u2014" }),
       field.options.map((option) => /* @__PURE__ */ jsx14("option", { value: option, children: option }, option))
     ] }),
     /* @__PURE__ */ jsx14(NativeSelect4.Indicator, {})
   ] }) : field.kind === "boolean" ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
-    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, onChange: (event) => onChange(event.currentTarget.value), children: [
+    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014 Selecione \u2014" }),
       /* @__PURE__ */ jsx14("option", { value: "true", children: "Sim" }),
       /* @__PURE__ */ jsx14("option", { value: "false", children: "N\xE3o" })
     ] }),
     /* @__PURE__ */ jsx14(NativeSelect4.Indicator, {})
-  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx14(Textarea3, { id: inputId, rows: 4, resize: "vertical", value, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx14(
+  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx14(Textarea3, { id: inputId, rows: 4, resize: "vertical", value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx14(
     Input5,
     {
       id: inputId,
       size: "sm",
       type: field.kind === "date" ? "date" : ["number", "currency", "currencyConverted"].includes(field.kind ?? "") ? "number" : "text",
       value,
+      ...invalidProps,
       onChange: (event) => onChange(event.currentTarget.value)
     }
   );
   return /* @__PURE__ */ jsxs10(Box7, { children: [
     /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
-    control
+    control,
+    /* @__PURE__ */ jsx14(ErrorText2, { id: errorId, message: error })
   ] });
 }
 function GroupSection({
   group,
   fields,
   values,
+  initialValues,
+  errors,
   onChange
 }) {
   if (!fields.length) return null;
@@ -2015,6 +2161,9 @@ function GroupSection({
       {
         field,
         value: values[field.field] ?? "",
+        values,
+        initialValue: initialValues[field.field],
+        error: errors[field.field],
         onChange: (value) => onChange(field.field, value)
       },
       field.field
@@ -2022,21 +2171,41 @@ function GroupSection({
   ] });
 }
 function InlineParentForm({
-  fields,
+  fields: rawFields,
   groups,
   parent,
   resource,
   onSaved
 }) {
+  const fields = rawFields;
   const [values, setValues] = useState8({});
   const [saving, setSaving] = useState8(false);
   const [error, setError] = useState8(null);
+  const [fieldErrors, setFieldErrors] = useState8({});
   useEffect5(() => {
     setValues(Object.fromEntries(fields.map((field) => [field.field, toValue2(parent[field.field], field.kind)])));
-  }, [parent, fields]);
-  const fieldsByName = useMemo6(() => new Map(fields.map((field) => [field.field, field])), [fields]);
-  const change = (field, value) => {
-    setValues((current) => ({ ...current, [field]: value }));
+    setError(null);
+    setFieldErrors({});
+  }, [parent, rawFields]);
+  const fieldsByName = useMemo6(() => new Map(fields.map((field) => [field.field, field])), [rawFields]);
+  const change = (fieldName, value) => {
+    const dependentFields = fields.filter(
+      (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
+    );
+    setValues((current) => {
+      const changed = current[fieldName] !== value;
+      const next = { ...current, [fieldName]: value };
+      if (changed) dependentFields.forEach((candidate) => {
+        next[candidate.field] = "";
+      });
+      return next;
+    });
+    setFieldErrors((current) => {
+      const next = { ...current };
+      delete next[fieldName];
+      dependentFields.forEach((candidate) => delete next[candidate.field]);
+      return next;
+    });
     setError(null);
   };
   const renderFields = () => {
@@ -2047,6 +2216,8 @@ function InlineParentForm({
           group,
           fields: group.fields.map((field) => fieldsByName.get(field)).filter(Boolean),
           values,
+          initialValues: parent,
+          errors: fieldErrors,
           onChange: change
         },
         `${group.label}-${group.fields.join("-")}`
@@ -2057,6 +2228,9 @@ function InlineParentForm({
       {
         field,
         value: values[field.field] ?? "",
+        values,
+        initialValue: parent[field.field],
+        error: fieldErrors[field.field],
         onChange: (value) => change(field.field, value)
       },
       field.field
@@ -2065,10 +2239,18 @@ function InlineParentForm({
   return /* @__PURE__ */ jsx14(
     "form",
     {
+      noValidate: true,
       onSubmit: async (event) => {
         event.preventDefault();
+        const validation = requiredErrors(fields, values);
+        if (Object.keys(validation).length) {
+          setFieldErrors(validation);
+          setError({ message: "Preencha os campos obrigat\xF3rios destacados." });
+          return;
+        }
         setSaving(true);
         setError(null);
+        setFieldErrors({});
         try {
           const payload = Object.fromEntries(
             fields.map((field) => [field.field, coerce2(values[field.field] ?? "", field.kind)]).filter(([, value]) => value !== void 0)
@@ -2077,12 +2259,13 @@ function InlineParentForm({
           onSaved(saved);
         } catch (requestError) {
           setError(requestError);
+          setFieldErrors(fieldErrorsOf(requestError));
         } finally {
           setSaving(false);
         }
       },
       children: /* @__PURE__ */ jsxs10(Stack3, { gap: "16px", children: [
-        error ? /* @__PURE__ */ jsx14(Text9, { color: "#B42318", fontSize: "11px", children: "N\xE3o foi poss\xEDvel salvar." }) : null,
+        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" }) })
       ] })
@@ -2378,7 +2561,27 @@ function ticketId(row) {
   const id = row._id ?? row.id;
   return id == null ? void 0 : String(id);
 }
-function CorePipeline({ model, label, endpoint, stageField = "status", stages, titleField }) {
+function mergeFormFields2(metadataFields, overrides) {
+  if (!overrides?.length) return metadataFields;
+  const byField = new Map(overrides.map((field) => [field.field, field]));
+  const merged = metadataFields.map((field) => ({ ...field, ...byField.get(field.field) }));
+  const known = new Set(metadataFields.map((field) => field.field));
+  overrides.forEach((field) => {
+    if (!known.has(field.field)) merged.push(field);
+  });
+  return merged;
+}
+function CorePipeline({
+  model,
+  label,
+  endpoint,
+  stageField = "status",
+  stages,
+  titleField,
+  form,
+  relations,
+  ticketModal
+}) {
   const schemaQuery = useModelSchema(model);
   const schema = schemaQuery.data;
   const basePath = endpoint ?? schema?.basePath ?? `/${model.toLowerCase()}s`;
@@ -2391,6 +2594,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
     queryFn: () => resource.list({ pageSize: 200 }),
     enabled: !!schema
   });
+  const invalidate = () => queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] });
   const saveMutation = useMutation3({
     mutationFn: (values) => {
       const id = selectedTicket ? ticketId(selectedTicket) : void 0;
@@ -2398,7 +2602,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
       return resource.update(id, values);
     },
     onSuccess: async () => {
-      await queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] });
+      await invalidate();
       setSelectedTicket(null);
       setFormError(null);
     },
@@ -2409,9 +2613,9 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
   if (listQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: listQuery.error });
   const stageFieldMeta = schema?.fields.find((field) => field.name === stageField);
   const resolvedStages = stages ?? (stageFieldMeta?.options ?? []).map((option) => ({ id: option, label: option }));
-  const title = titleField ?? schema?.fields.find((field) => field.kind === "string")?.name ?? schema?.searchable[0] ?? "_id";
-  const detailFields = (schema?.fields ?? []).filter((field) => field.name !== stageField && field.name !== title && !["raw"].includes(field.kind)).slice(0, 3);
-  const formFields = formFieldsFromMeta(schema?.fields ?? []);
+  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 && !["raw"].includes(field.kind)).slice(0, 3);
+  const formFields = mergeFormFields2(formFieldsFromMeta(schema?.fields ?? []), form);
   const rows = listQuery.data?.results ?? [];
   const byStage = /* @__PURE__ */ new Map();
   for (const stage of resolvedStages) byStage.set(stage.id, []);
@@ -2445,7 +2649,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
               /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
             ] }),
             /* @__PURE__ */ jsx18(Stack5, { gap: 2, children: items.length === 0 ? /* @__PURE__ */ jsx18(Box10, { borderWidth: "1px", borderStyle: "dashed", borderColor: "#C8D0D5", borderRadius: "10px", p: 5, textAlign: "center", children: /* @__PURE__ */ jsx18(Text12, { fontSize: "12px", color: "gray.500", children: "Nenhum ticket nesta etapa." }) }) : items.map((row, index) => {
-              const ticketTitle = formatCell(row[title], "string");
+              const ticketTitle = formatCell(row[resolvedTitleField], "string");
               return /* @__PURE__ */ jsxs13(
                 Button9,
                 {
@@ -2487,7 +2691,23 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
         stageId
       );
     }) }),
-    selectedTicket ? /* @__PURE__ */ jsx18(
+    selectedTicket && ticketModal && ticketModal.enabled !== false ? /* @__PURE__ */ jsx18(
+      CoreDetailModal,
+      {
+        model,
+        title: schema?.singular ?? label ?? model,
+        config: { ...ticketModal, titleField: ticketModal.titleField ?? resolvedTitleField },
+        formFields,
+        recordId: ticketId(selectedTicket),
+        initialRecord: selectedTicket,
+        relations,
+        onClose: () => {
+          setSelectedTicket(null);
+          setFormError(null);
+        },
+        onSaved: invalidate
+      }
+    ) : selectedTicket ? /* @__PURE__ */ jsx18(
       DynamicForm,
       {
         title: `Editar ${schema?.singular ?? label ?? model}`,
@@ -2756,7 +2976,11 @@ function renderView(view, registry) {
           model: v.model,
           label: viewLabel(v),
           stageField: v.stageField,
-          stages: v.stages
+          stages: v.stages,
+          titleField: v.titleField,
+          form: v.form,
+          relations: v.relations,
+          ticketModal: v.ticketModal
         }
       );
     }
@@ -3883,7 +4107,12 @@ function manifestToConfig(manifest, runtime) {
       label: p.label ?? p.name,
       path: p.path,
       stageField: p.stageField,
-      section: p.section
+      stages: p.stages,
+      titleField: p.titleField,
+      section: p.section,
+      form: p.form,
+      relations: p.relations,
+      ticketModal: p.ticketModal
     };
     views.push(view);
   }