@oondemand/oon-core-front 0.3.30 → 0.3.31

package/dist/index.js

@@ -1837,12 +1837,23 @@ import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function messageOf2(error) {
   return error instanceof Error ? error.message : typeof error === "string" ? error : "N\xE3o foi poss\xEDvel executar a a\xE7\xE3o.";
 }
-function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh }) {
+function unwrap2(value) {
+  if (!value || typeof value !== "object") return {};
+  const record = value;
+  const data = record.data;
+  if (data && typeof data === "object") return data;
+  return record;
+}
+function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate }) {
   const { http } = useOonApi();
   const [loading, setLoading] = useState6(false);
   const [error, setError] = useState6(null);
+  const [formOpen, setFormOpen] = useState6(false);
+  const [formInitialValues, setFormInitialValues] = useState6({});
+  const pipelineAction = action;
   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;
   const run = async () => {
     setError(null);
     if (action.type === "openDetailModal") return onOpenDetail?.(row, action.initialTab);
@@ -1851,9 +1862,38 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh }) {
       if (href) window.location.assign(interpolateEndpoint(href, row, parent));
       return;
     }
-    if (action.type !== "apiAction" || !action.endpoint) return;
-    const ok = action.confirm ? window.confirm(action.confirm.description ?? action.confirm.title ?? `Executar ${action.label}?`) : true;
-    if (!ok) return;
+    if (pipelineAction.type === "formAction") {
+      if (!confirmAction()) return;
+      setLoading(true);
+      try {
+        let loaded = {};
+        if (pipelineAction.loadEndpoint) {
+          const url = interpolateEndpoint(pipelineAction.loadEndpoint, row, parent);
+          loaded = unwrap2(await http.request({ url, method: "GET" }));
+        }
+        setFormInitialValues({ ...pipelineAction.initialValues ?? {}, ...loaded });
+        setFormOpen(true);
+      } catch (err) {
+        setError(err);
+      } finally {
+        setLoading(false);
+      }
+      return;
+    }
+    if (pipelineAction.type === "setField" || pipelineAction.type === "transition") {
+      if (!pipelineAction.field || !onUpdate || !confirmAction()) return;
+      setLoading(true);
+      try {
+        await onUpdate({ [pipelineAction.field]: pipelineAction.value });
+        onRefresh?.(pipelineAction.refresh);
+      } catch (err) {
+        setError(err);
+      } finally {
+        setLoading(false);
+      }
+      return;
+    }
+    if (action.type !== "apiAction" || !action.endpoint || !confirmAction()) return;
     setLoading(true);
     try {
       const url = interpolateEndpoint(action.endpoint, row, parent);
@@ -1867,13 +1907,50 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh }) {
   };
   return /* @__PURE__ */ jsxs8("span", { children: [
     /* @__PURE__ */ jsx12(Button5, { type: "button", size: "xs", minH: "28px", px: "9px", borderRadius: "6px", fontSize: "10px", loading, disabled, onClick: run, children: action.label }),
-    error ? /* @__PURE__ */ jsx12(Text7, { mt: "3px", color: "#B42318", fontSize: "9px", children: messageOf2(error) }) : null
+    error ? /* @__PURE__ */ jsx12(Text7, { mt: "3px", color: "#B42318", fontSize: "9px", children: messageOf2(error) }) : null,
+    formOpen && pipelineAction.type === "formAction" ? /* @__PURE__ */ jsx12(
+      DynamicForm,
+      {
+        title: pipelineAction.title ?? pipelineAction.label,
+        eyebrow: "A\xE7\xE3o",
+        fields: pipelineAction.fields ?? [],
+        initialValues: formInitialValues,
+        submitting: loading,
+        error,
+        onSubmit: async (values) => {
+          if (!pipelineAction.endpoint) return;
+          setLoading(true);
+          setError(null);
+          try {
+            const url = interpolateEndpoint(pipelineAction.endpoint, row, parent);
+            await http.request({ url, method: pipelineAction.method ?? "POST", data: values });
+            setFormOpen(false);
+            onRefresh?.(pipelineAction.refresh);
+          } catch (err) {
+            setError(err);
+          } finally {
+            setLoading(false);
+          }
+        },
+        onFieldChange: () => setError(null),
+        onCancel: () => {
+          if (!loading) setFormOpen(false);
+        }
+      }
+    ) : null
   ] });
 }
 
 // src/components/internal/CoreRelatedGrid.tsx
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-function CoreRelatedGrid({ tab, parent, relations, refreshToken, onRefresh }) {
+function CoreRelatedGrid({
+  tab: rawTab,
+  parent,
+  relations,
+  refreshToken,
+  onRefresh
+}) {
+  const tab = rawTab;
   const relation = relationFrom(tab.relation, relations);
   const schemaQuery = useModelSchema(relation?.model ?? "");
   const schema = schemaQuery.data;
@@ -1881,60 +1958,143 @@ function CoreRelatedGrid({ tab, parent, relations, refreshToken, onRefresh }) {
   const queryClient = useQueryClient();
   const parentValue = relation ? parent[relation.parentKey ?? "_id"] : void 0;
   const key = ["oon", "related", relation?.model, relation?.foreignKey, parentValue, refreshToken];
-  const query = useQuery5({ queryKey: key, enabled: !!relation && parentValue != null, queryFn: () => resource.list({ [relation.foreignKey]: parentValue, pageSize: 1e3 }) });
-  const columns = useMemo5(() => (tab.columns?.length ? tab.columns : schema?.fields.slice(0, 8).map((f) => f.name) ?? []).map((column) => normalizeColumn(column, schema)).filter((column) => !column.hidden), [tab.columns, schema]);
+  const query = useQuery5({
+    queryKey: key,
+    enabled: !!relation && parentValue != null,
+    queryFn: () => resource.list({ [relation.foreignKey]: parentValue, pageSize: 1e3 })
+  });
+  const columns = useMemo5(
+    () => (tab.columns?.length ? tab.columns : schema?.fields.slice(0, 8).map((field) => field.name) ?? []).map((column) => normalizeColumn(column, schema)).filter((column) => !column.hidden),
+    [tab.columns, schema]
+  );
   const [drafts, setDrafts] = useState7({});
   const [errors, setErrors] = useState7({});
+  const [creating, setCreating] = useState7(false);
+  const [createError, setCreateError] = useState7(null);
   const editable = tab.type === "relatedGrid" && tab.editable && tab.editMode === "inline";
-  const mutation = useMutation({ mutationFn: ({ id, values }) => resource.update(id, values), onSuccess: () => {
-    queryClient.invalidateQueries({ queryKey: key });
+  const canCreate = tab.type === "relatedGrid" && tab.create?.enabled !== false && !!tab.create;
+  const canDelete = tab.type === "relatedGrid" && tab.delete?.enabled === true;
+  const hasActions = editable || canDelete || !!tab.rowActions?.length;
+  const invalidate = async () => {
+    await queryClient.invalidateQueries({ queryKey: key });
     onRefresh?.(["self"]);
-  } });
+  };
+  const updateMutation = useMutation({
+    mutationFn: ({ id, values }) => resource.update(id, values),
+    onSuccess: invalidate
+  });
+  const createMutation = useMutation({
+    mutationFn: (values) => resource.create({
+      ...tab.create?.initialValues ?? {},
+      ...values,
+      ...relation && parentValue != null ? { [relation.foreignKey]: parentValue } : {}
+    }),
+    onSuccess: async () => {
+      await invalidate();
+      setCreating(false);
+      setCreateError(null);
+    },
+    onError: setCreateError
+  });
+  const deleteMutation = useMutation({
+    mutationFn: (id) => resource.delete(id),
+    onSuccess: invalidate
+  });
   if (!relation) return /* @__PURE__ */ jsx13(Text8, { color: "#B42318", children: "Rela\xE7\xE3o n\xE3o encontrada." });
-  if (query.isLoading) return /* @__PURE__ */ jsx13(Text8, { color: "#667085", children: "Carregando..." });
+  if (query.isLoading || schemaQuery.isLoading) return /* @__PURE__ */ jsx13(Text8, { color: "#667085", children: "Carregando..." });
   const rows = query.data?.results ?? [];
-  const setDraft = (id, field, value) => setDrafts((current) => ({ ...current, [id]: { ...current[id] ?? {}, [field]: value } }));
-  return /* @__PURE__ */ jsx13(Box6, { overflowX: "auto", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: /* @__PURE__ */ jsxs9(Table2.Root, { size: "sm", minW: "760px", children: [
-    /* @__PURE__ */ jsx13(Table2.Header, { children: /* @__PURE__ */ jsxs9(Table2.Row, { bg: "#F4F7F9", children: [
-      columns.map((c) => /* @__PURE__ */ jsx13(Table2.ColumnHeader, { fontSize: "10px", children: c.label ?? c.field }, c.field)),
-      editable || tab.rowActions?.length ? /* @__PURE__ */ jsx13(Table2.ColumnHeader, { children: "A\xE7\xF5es" }) : null
+  const setDraft = (id, field, value) => setDrafts((current) => ({
+    ...current,
+    [id]: { ...current[id] ?? {}, [field]: value }
+  }));
+  const createFields = tab.create?.fields?.length ? tab.create.fields : formFieldsFromMeta(schema?.fields ?? []).filter((field) => ![relation.foreignKey, "_id", "createdAt", "updatedAt"].includes(field.field));
+  return /* @__PURE__ */ jsxs9(Box6, { children: [
+    canCreate ? /* @__PURE__ */ jsx13(Flex5, { justify: "flex-end", mb: "10px", children: /* @__PURE__ */ jsx13(Button6, { size: "sm", colorPalette: "brand", onClick: () => {
+      setCreateError(null);
+      setCreating(true);
+    }, children: tab.create?.label ?? "Novo registro" }) }) : null,
+    /* @__PURE__ */ jsx13(Box6, { overflowX: "auto", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: /* @__PURE__ */ jsxs9(Table2.Root, { size: "sm", minW: "760px", children: [
+      /* @__PURE__ */ jsx13(Table2.Header, { children: /* @__PURE__ */ jsxs9(Table2.Row, { bg: "#F4F7F9", children: [
+        columns.map((column) => /* @__PURE__ */ jsx13(Table2.ColumnHeader, { fontSize: "10px", children: column.label ?? column.field }, column.field)),
+        hasActions ? /* @__PURE__ */ jsx13(Table2.ColumnHeader, { children: "A\xE7\xF5es" }) : null
+      ] }) }),
+      /* @__PURE__ */ jsxs9(Table2.Body, { children: [
+        rows.map((row, index) => {
+          const id = String(row._id ?? row.id ?? index);
+          const draft = drafts[id] ?? {};
+          const dirty = Object.keys(draft).length > 0;
+          return /* @__PURE__ */ jsxs9(Table2.Row, { bg: dirty ? "#FFFBEB" : index % 2 ? "#FBFCFD" : "white", children: [
+            columns.map((column) => {
+              const value = column.field in draft ? draft[column.field] : row[column.field];
+              const meta = schema?.fields.find((field) => field.name === column.field);
+              const canEdit = editable && column.readonly !== true && (column.editable === true || !column.readonly);
+              return /* @__PURE__ */ jsx13(Table2.Cell, { fontSize: "11px", children: canEdit ? /* @__PURE__ */ jsx13(CoreInlineEditableCell, { column, meta, value, onChange: (next) => setDraft(id, column.field, next) }) : column.display === "badgeExists" ? /* @__PURE__ */ jsx13(Badge3, { colorPalette: value ? "green" : "gray", children: value ? "Sim" : "N\xE3o" }) : formatCell(value, column.kind) }, column.field);
+            }),
+            hasActions ? /* @__PURE__ */ jsx13(Table2.Cell, { children: /* @__PURE__ */ jsxs9(Flex5, { gap: "5px", align: "center", wrap: "wrap", children: [
+              dirty ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                /* @__PURE__ */ jsx13(
+                  Button6,
+                  {
+                    size: "xs",
+                    loading: updateMutation.isPending,
+                    onClick: () => {
+                      setErrors((current) => ({ ...current, [id]: void 0 }));
+                      updateMutation.mutate({ id, values: draft }, {
+                        onSuccess: () => setDrafts((current) => {
+                          const next = { ...current };
+                          delete next[id];
+                          return next;
+                        }),
+                        onError: (error) => setErrors((current) => ({ ...current, [id]: error }))
+                      });
+                    },
+                    children: "Salvar"
+                  }
+                ),
+                /* @__PURE__ */ jsx13(Button6, { size: "xs", variant: "outline", onClick: () => setDrafts((current) => {
+                  const next = { ...current };
+                  delete next[id];
+                  return next;
+                }), children: "Cancelar" })
+              ] }) : null,
+              tab.rowActions?.map((action) => /* @__PURE__ */ jsx13(CoreRowAction, { action, row, parent, onRefresh }, action.id ?? action.label)),
+              canDelete ? /* @__PURE__ */ jsx13(
+                Button6,
+                {
+                  size: "xs",
+                  variant: "outline",
+                  loading: deleteMutation.isPending,
+                  onClick: () => {
+                    const message = tab.delete?.confirm ?? "Excluir este registro relacionado?";
+                    if (window.confirm(message)) deleteMutation.mutate(id);
+                  },
+                  children: "Excluir"
+                }
+              ) : null,
+              errors[id] ? /* @__PURE__ */ jsx13(Text8, { color: "#B42318", fontSize: "9px", children: "Erro ao salvar." }) : null
+            ] }) }) : null
+          ] }, id);
+        }),
+        rows.length === 0 ? /* @__PURE__ */ jsx13(Table2.Row, { children: /* @__PURE__ */ jsx13(Table2.Cell, { colSpan: columns.length + (hasActions ? 1 : 0), children: /* @__PURE__ */ jsx13(Text8, { p: "8", textAlign: "center", color: "#98A2B3", children: "Nenhum registro relacionado." }) }) }) : null
+      ] })
     ] }) }),
-    /* @__PURE__ */ jsxs9(Table2.Body, { children: [
-      rows.map((row, index) => {
-        const id = String(row._id ?? row.id ?? index);
-        const draft = drafts[id] ?? {};
-        const dirty = Object.keys(draft).length > 0;
-        return /* @__PURE__ */ jsxs9(Table2.Row, { bg: dirty ? "#FFFBEB" : index % 2 ? "#FBFCFD" : "white", children: [
-          columns.map((column) => {
-            const value = column.field in draft ? draft[column.field] : row[column.field];
-            const meta = schema?.fields.find((f) => f.name === column.field);
-            const canEdit = editable && column.readonly !== true && (column.editable === true || !column.readonly);
-            return /* @__PURE__ */ jsx13(Table2.Cell, { fontSize: "11px", children: canEdit ? /* @__PURE__ */ jsx13(CoreInlineEditableCell, { column, meta, value, onChange: (next) => setDraft(id, column.field, next) }) : column.display === "badgeExists" ? /* @__PURE__ */ jsx13(Badge3, { colorPalette: value ? "green" : "gray", children: value ? "Sim" : "N\xE3o" }) : formatCell(value, column.kind) }, column.field);
-          }),
-          editable || tab.rowActions?.length ? /* @__PURE__ */ jsx13(Table2.Cell, { children: /* @__PURE__ */ jsxs9(Flex5, { gap: "5px", align: "center", wrap: "wrap", children: [
-            dirty ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-              /* @__PURE__ */ jsx13(Button6, { size: "xs", loading: mutation.isPending, onClick: () => {
-                setErrors((e) => ({ ...e, [id]: void 0 }));
-                mutation.mutate({ id, values: draft }, { onSuccess: () => setDrafts((d) => {
-                  const n = { ...d };
-                  delete n[id];
-                  return n;
-                }), onError: (err) => setErrors((e) => ({ ...e, [id]: err })) });
-              }, children: "Salvar" }),
-              /* @__PURE__ */ jsx13(Button6, { size: "xs", variant: "outline", onClick: () => setDrafts((d) => {
-                const n = { ...d };
-                delete n[id];
-                return n;
-              }), children: "Cancelar" })
-            ] }) : null,
-            tab.rowActions?.map((action) => /* @__PURE__ */ jsx13(CoreRowAction, { action, row, parent, onRefresh }, action.id ?? action.label)),
-            errors[id] ? /* @__PURE__ */ jsx13(Text8, { color: "#B42318", fontSize: "9px", children: "Erro ao salvar." }) : null
-          ] }) }) : null
-        ] }, id);
-      }),
-      rows.length === 0 ? /* @__PURE__ */ jsx13(Table2.Row, { children: /* @__PURE__ */ jsx13(Table2.Cell, { colSpan: columns.length + 1, children: /* @__PURE__ */ jsx13(Text8, { p: "8", textAlign: "center", color: "#98A2B3", children: "Nenhum registro relacionado." }) }) }) : null
-    ] })
-  ] }) });
+    creating ? /* @__PURE__ */ jsx13(
+      DynamicForm,
+      {
+        title: tab.create?.label ?? `Novo ${schema?.singular ?? relation.model}`,
+        eyebrow: "Registro relacionado",
+        fields: createFields,
+        initialValues: tab.create?.initialValues,
+        submitting: createMutation.isPending,
+        error: createError,
+        onSubmit: (values) => createMutation.mutate(values),
+        onFieldChange: () => setCreateError(null),
+        onCancel: () => {
+          if (!createMutation.isPending) setCreating(false);
+        }
+      }
+    ) : null
+  ] });
 }
 
 // src/components/internal/CoreTabbedDetail.tsx
@@ -2337,6 +2497,7 @@ function CoreDetailModal({
   initialRecord,
   initialTab,
   relations,
+  actions,
   onClose,
   onSaved
 }) {
@@ -2363,7 +2524,6 @@ function CoreDetailModal({
     const list = targets?.length ? targets : ["self"];
     if (list.includes("parent") || list.includes("all")) {
       if (recordId) queryClient.invalidateQueries({ queryKey: ["oon", "detail", model, recordId] });
-      onSaved?.();
     }
     setRefreshTokens((current) => {
       const next = { ...current };
@@ -2383,12 +2543,15 @@ 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", borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
+    /* @__PURE__ */ jsxs11(Flex7, { minH: "72px", px: "20px", align: "center", justify: "space-between", gap: 4, borderBottomWidth: "1px", borderColor: "#E5E9ED", children: [
       /* @__PURE__ */ jsxs11(Box8, { children: [
         /* @__PURE__ */ jsx15(Text10, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Detalhe" }),
         /* @__PURE__ */ jsx15(Heading3, { size: "md", children: recordId ? displayTitle : `Novo ${title}` })
       ] }),
-      /* @__PURE__ */ jsx15(Button8, { onClick: onClose, children: "Fechar" })
+      /* @__PURE__ */ jsxs11(Flex7, { align: "center", justify: "flex-end", gap: "6px", wrap: "wrap", children: [
+        recordId ? actions : null,
+        /* @__PURE__ */ jsx15(Button8, { onClick: onClose, children: "Fechar" })
+      ] })
     ] }),
     /* @__PURE__ */ jsx15(Box8, { maxH: "calc(94vh - 73px)", p: "20px", overflowY: "auto", children: schemaQuery.isLoading || parentQuery.isLoading ? /* @__PURE__ */ jsx15(Text10, { children: "Carregando..." }) : /* @__PURE__ */ jsx15(
       CoreTabbedDetail,
@@ -2404,7 +2567,7 @@ function CoreDetailModal({
         onRefresh: refresh,
         onParentSaved: (saved) => {
           setParent(saved);
-          onSaved?.();
+          onSaved?.(saved);
           refresh(["parent"]);
         }
       }
@@ -2554,7 +2717,7 @@ function CoreDocument({ model, label, endpoint, columns, form }) {
 
 // src/components/CorePipeline.tsx
 import { useState as useState11 } from "react";
-import { Badge as Badge4, Box as Box10, Button as Button9, Flex as Flex8, Heading as Heading5, Stack as Stack5, Text as Text12 } from "@chakra-ui/react";
+import { 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";
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function ticketId(row) {
@@ -2571,6 +2734,49 @@ function mergeFormFields2(metadataFields, overrides) {
   });
   return merged;
 }
+function PipelineFilterControl({
+  filter,
+  value,
+  meta,
+  onChange
+}) {
+  if (filter.type === "ref" && meta?.ref) {
+    return /* @__PURE__ */ jsx18(Box10, { w: "220px", children: /* @__PURE__ */ jsx18(
+      ReferenceSelect,
+      {
+        field: filter.field,
+        inputId: `pipeline-filter-${filter.field}`,
+        label: filter.label ?? filter.field,
+        refModel: meta.ref,
+        value: String(value ?? ""),
+        initialValue: value,
+        required: false,
+        invalid: false,
+        filters: {},
+        disabled: false,
+        onChange: (next) => onChange(next)
+      }
+    ) });
+  }
+  if (filter.type === "select") {
+    return /* @__PURE__ */ jsxs13(NativeSelect5.Root, { size: "sm", w: "190px", children: [
+      /* @__PURE__ */ jsx18(NativeSelect5.Field, { value: String(value ?? ""), onChange: (event) => onChange(event.currentTarget.value), children: (filter.options ?? []).map((option) => /* @__PURE__ */ jsx18("option", { value: String(option.value ?? ""), children: option.label }, String(option.value ?? ""))) }),
+      /* @__PURE__ */ jsx18(NativeSelect5.Indicator, {})
+    ] });
+  }
+  return /* @__PURE__ */ jsx18(
+    Input6,
+    {
+      w: "190px",
+      h: "35px",
+      fontSize: "11px",
+      type: filter.type === "date" ? "date" : "text",
+      placeholder: filter.placeholder ?? filter.label ?? filter.field,
+      value: String(value ?? ""),
+      onChange: (event) => onChange(event.currentTarget.value)
+    }
+  );
+}
 function CorePipeline({
   model,
   label,
@@ -2580,116 +2786,196 @@ function CorePipeline({
   titleField,
   form,
   relations,
-  ticketModal
+  ticketModal,
+  filters = [],
+  create,
+  viewModes = ["board"],
+  defaultView,
+  list,
+  ticketActions = []
 }) {
   const schemaQuery = useModelSchema(model);
   const schema = schemaQuery.data;
   const basePath = endpoint ?? schema?.basePath ?? `/${model.toLowerCase()}s`;
   const resource = useOonResource(basePath);
   const queryClient = useQueryClient4();
+  const allowedViewModes = viewModes.length ? viewModes : ["board"];
+  const initialView = defaultView && allowedViewModes.includes(defaultView) ? defaultView : allowedViewModes[0] ?? "board";
+  const [viewMode, setViewMode] = useState11(initialView);
+  const [filterValues, setFilterValues] = useState11(
+    () => Object.fromEntries(filters.map((filter) => [filter.field, filter.defaultValue ?? ""]))
+  );
   const [selectedTicket, setSelectedTicket] = useState11(null);
+  const [creating, setCreating] = useState11(false);
   const [formError, setFormError] = useState11(null);
+  const effectiveFilters = Object.fromEntries(
+    Object.entries(filterValues).filter(([, value]) => value !== "" && value != null)
+  );
   const listQuery = useQuery7({
-    queryKey: ["oon", "pipeline", basePath],
-    queryFn: () => resource.list({ pageSize: 200 }),
-    enabled: !!schema
+    queryKey: ["oon", "pipeline", basePath, effectiveFilters],
+    queryFn: () => resource.list({ pageSize: 200, ...effectiveFilters }),
+    enabled: !!schema && viewMode === "board"
   });
-  const invalidate = () => queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] });
+  const invalidate = async () => {
+    await Promise.all([
+      queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] }),
+      queryClient.invalidateQueries({ queryKey: ["oon", "list", basePath] })
+    ]);
+  };
   const saveMutation = useMutation3({
     mutationFn: (values) => {
       const id = selectedTicket ? ticketId(selectedTicket) : void 0;
-      if (!id) throw new Error("N\xE3o foi poss\xEDvel identificar o ticket selecionado.");
-      return resource.update(id, values);
+      return id ? resource.update(id, values) : resource.create(values);
     },
     onSuccess: async () => {
       await invalidate();
       setSelectedTicket(null);
+      setCreating(false);
       setFormError(null);
     },
     onError: (error) => setFormError(error)
   });
-  if (schemaQuery.isLoading || listQuery.isLoading) return /* @__PURE__ */ jsx18(LoadingScreen, {});
+  if (schemaQuery.isLoading || viewMode === "board" && listQuery.isLoading) return /* @__PURE__ */ jsx18(LoadingScreen, {});
   if (schemaQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: schemaQuery.error });
-  if (listQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: listQuery.error });
+  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 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 detailFields = (schema?.fields ?? []).filter((field) => field.name !== stageField && field.name !== resolvedTitleField && field.kind !== "raw").slice(0, 3);
   const formFields = mergeFormFields2(formFieldsFromMeta(schema?.fields ?? []), form);
+  const resolvedListColumns = list?.columns?.length ? list.columns.map((column) => normalizeColumn(column, schema)) : columnsFromMeta(schema?.fields ?? []).slice(0, 10);
   const rows = listQuery.data?.results ?? [];
   const byStage = /* @__PURE__ */ new Map();
   for (const stage of resolvedStages) byStage.set(stage.id, []);
   for (const row of rows) {
     const key = String(row[stageField] ?? "");
     if (!byStage.has(key)) byStage.set(key, []);
-    byStage.get(key).push(row);
+    byStage.get(key)?.push(row);
   }
+  const openCreate = () => {
+    const defaultStage = create?.defaultStage ?? resolvedStages[0]?.id;
+    setFormError(null);
+    setCreating(true);
+    setSelectedTicket({
+      ...create?.defaultValues ?? {},
+      ...defaultStage ? { [stageField]: defaultStage } : {}
+    });
+  };
+  const modalActions = selectedTicket && !creating ? /* @__PURE__ */ jsx18(Flex8, { gap: "5px", align: "center", wrap: "wrap", children: ticketActions.map((action, index) => /* @__PURE__ */ jsx18(
+    CoreRowAction,
+    {
+      action,
+      row: selectedTicket,
+      onUpdate: async (values) => {
+        const id = ticketId(selectedTicket);
+        if (!id) throw new Error("Ticket sem identificador.");
+        const saved = await resource.update(id, values);
+        setSelectedTicket((current) => ({ ...current ?? {}, ...saved, ...values }));
+        await invalidate();
+        return saved;
+      },
+      onRefresh: () => {
+        void invalidate();
+      }
+    },
+    action.id ?? `${action.label}-${index}`
+  )) }) : null;
   return /* @__PURE__ */ jsxs13(Stack5, { gap: 5, children: [
-    /* @__PURE__ */ jsxs13(Box10, { children: [
-      /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: "Esteira de processo" }),
-      /* @__PURE__ */ jsx18(Heading5, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: label ?? schema?.name ?? model }),
-      /* @__PURE__ */ jsx18(Text12, { mt: 1, fontSize: "13px", color: "gray.500", children: "Acompanhe os tickets por etapa e visualize os principais dados de cada item." })
+    /* @__PURE__ */ jsxs13(Flex8, { align: { base: "stretch", md: "flex-end" }, justify: "space-between", gap: 4, direction: { base: "column", md: "row" }, children: [
+      /* @__PURE__ */ jsxs13(Box10, { children: [
+        /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", fontWeight: "700", color: "brand.500", textTransform: "uppercase", letterSpacing: "0.08em", mb: 1, children: "Esteira de processo" }),
+        /* @__PURE__ */ jsx18(Heading5, { size: "lg", color: "#24323A", letterSpacing: "-0.02em", children: label ?? schema?.name ?? model }),
+        /* @__PURE__ */ jsx18(Text12, { mt: 1, fontSize: "13px", color: "gray.500", children: "Acompanhe os tickets por etapa e visualize os principais dados de cada item." })
+      ] }),
+      /* @__PURE__ */ jsxs13(Flex8, { gap: "8px", align: "center", wrap: "wrap", children: [
+        allowedViewModes.length > 1 ? allowedViewModes.map((mode) => /* @__PURE__ */ jsx18(Button9, { size: "sm", variant: viewMode === mode ? "solid" : "outline", colorPalette: "brand", onClick: () => setViewMode(mode), children: mode === "board" ? "Quadro" : "Lista" }, mode)) : null,
+        create?.enabled ? /* @__PURE__ */ jsx18(Button9, { size: "sm", colorPalette: "brand", onClick: openCreate, children: create.label ?? "Novo ticket" }) : null
+      ] })
     ] }),
-    /* @__PURE__ */ jsx18(Flex8, { gap: 4, align: "stretch", overflowX: "auto", pb: 3, minH: "420px", children: Array.from(byStage.entries()).map(([stageId, items]) => {
-      const stageLabel = resolvedStages.find((stage) => stage.id === stageId)?.label ?? (stageId || "Sem etapa");
-      return /* @__PURE__ */ jsxs13(
-        Box10,
+    filters.length ? /* @__PURE__ */ jsxs13(Flex8, { p: "12px", gap: "10px", align: "flex-end", wrap: "wrap", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "10px", children: [
+      filters.map((filter) => {
+        const meta = schema?.fields.find((field) => field.name === filter.field);
+        return /* @__PURE__ */ jsxs13(Box10, { children: [
+          /* @__PURE__ */ jsx18(Text12, { mb: "4px", fontSize: "10px", color: "#667085", fontWeight: "600", children: filter.label ?? fieldLabel({ name: filter.field }) }),
+          /* @__PURE__ */ jsx18(
+            PipelineFilterControl,
+            {
+              filter,
+              value: filterValues[filter.field],
+              meta,
+              onChange: (value) => setFilterValues((current) => ({ ...current, [filter.field]: value }))
+            }
+          )
+        ] }, filter.field);
+      }),
+      /* @__PURE__ */ jsx18(
+        Button9,
         {
-          minW: "300px",
-          maxW: "340px",
-          flex: "1 0 300px",
-          bg: "#E8ECEF",
-          borderRadius: "12px",
-          p: 3,
-          borderWidth: "1px",
-          borderColor: "#DDE3E7",
-          children: [
-            /* @__PURE__ */ jsxs13(Flex8, { align: "center", justify: "space-between", mb: 3, px: 1, children: [
-              /* @__PURE__ */ jsx18(Text12, { fontWeight: "700", fontSize: "12px", color: "#33434C", textTransform: "uppercase", letterSpacing: "0.03em", children: stageLabel }),
-              /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
-            ] }),
-            /* @__PURE__ */ 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[resolvedTitleField], "string");
-              return /* @__PURE__ */ jsxs13(
-                Button9,
-                {
-                  type: "button",
-                  variant: "plain",
-                  display: "block",
-                  w: "100%",
-                  h: "auto",
-                  minH: "auto",
-                  p: 3,
-                  bg: "white",
-                  borderRadius: "10px",
-                  borderWidth: "1px",
-                  borderColor: "#DDE3E7",
-                  boxShadow: "0 3px 10px rgba(7, 38, 46, 0.05)",
-                  textAlign: "left",
-                  whiteSpace: "normal",
-                  transition: "all 0.15s ease",
-                  "aria-label": `Abrir ticket ${ticketTitle}`,
-                  onClick: () => {
-                    setFormError(null);
-                    setSelectedTicket(row);
-                  },
-                  _hover: { borderColor: "brand.300", transform: "translateY(-1px)", boxShadow: "0 7px 18px rgba(7, 38, 46, 0.09)" },
-                  _focusVisible: { borderColor: "brand.500", boxShadow: "0 0 0 3px rgba(4, 116, 175, 0.16)" },
-                  children: [
-                    /* @__PURE__ */ jsx18(Text12, { fontSize: "13px", fontWeight: "700", color: "#24323A", mb: 2, lineClamp: 2, children: ticketTitle }),
-                    /* @__PURE__ */ jsx18(Stack5, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs13(Flex8, { gap: 2, align: "baseline", justify: "space-between", children: [
-                      /* @__PURE__ */ jsx18(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
-                      /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
-                    ] }, field.name)) })
-                  ]
-                },
-                ticketId(row) ?? index
-              );
-            }) })
-          ]
-        },
-        stageId
-      );
+          size: "sm",
+          variant: "outline",
+          onClick: () => setFilterValues(Object.fromEntries(filters.map((filter) => [filter.field, filter.defaultValue ?? ""]))),
+          children: "Limpar filtros"
+        }
+      )
+    ] }) : null,
+    viewMode === "list" ? /* @__PURE__ */ jsx18(
+      DataGrid,
+      {
+        resource,
+        resourceKey: basePath,
+        columns: resolvedListColumns,
+        filters: [],
+        queryExtra: effectiveFilters,
+        onEdit: (row) => {
+          setCreating(false);
+          setSelectedTicket(row);
+        }
+      }
+    ) : /* @__PURE__ */ jsx18(Flex8, { gap: 4, align: "stretch", overflowX: "auto", pb: 3, minH: "420px", children: Array.from(byStage.entries()).map(([stageId, items]) => {
+      const stageLabel = resolvedStages.find((stage) => stage.id === stageId)?.label ?? (stageId || "Sem etapa");
+      return /* @__PURE__ */ jsxs13(Box10, { minW: "300px", maxW: "340px", flex: "1 0 300px", bg: "#E8ECEF", borderRadius: "12px", p: 3, borderWidth: "1px", borderColor: "#DDE3E7", children: [
+        /* @__PURE__ */ jsxs13(Flex8, { align: "center", justify: "space-between", mb: 3, px: 1, children: [
+          /* @__PURE__ */ jsx18(Text12, { fontWeight: "700", fontSize: "12px", color: "#33434C", textTransform: "uppercase", letterSpacing: "0.03em", children: stageLabel }),
+          /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
+        ] }),
+        /* @__PURE__ */ 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[resolvedTitleField], "string");
+          return /* @__PURE__ */ jsxs13(
+            Button9,
+            {
+              type: "button",
+              variant: "plain",
+              display: "block",
+              w: "100%",
+              h: "auto",
+              minH: "auto",
+              p: 3,
+              bg: "white",
+              borderRadius: "10px",
+              borderWidth: "1px",
+              borderColor: "#DDE3E7",
+              boxShadow: "0 3px 10px rgba(7, 38, 46, 0.05)",
+              textAlign: "left",
+              whiteSpace: "normal",
+              "aria-label": `Abrir ticket ${ticketTitle}`,
+              onClick: () => {
+                setFormError(null);
+                setCreating(false);
+                setSelectedTicket(row);
+              },
+              _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__ */ jsx18(Stack5, { gap: 1, children: detailFields.map((field) => /* @__PURE__ */ jsxs13(Flex8, { gap: 2, align: "baseline", justify: "space-between", children: [
+                  /* @__PURE__ */ jsx18(Text12, { fontSize: "10px", color: "gray.500", textTransform: "uppercase", letterSpacing: "0.03em", children: fieldLabel(field) }),
+                  /* @__PURE__ */ jsx18(Text12, { fontSize: "11px", color: "#46545C", fontWeight: "500", textAlign: "right", lineClamp: 1, children: formatCell(row[field.name], field.kind) })
+                ] }, field.name)) })
+              ]
+            },
+            ticketId(row) ?? index
+          );
+        }) })
+      ] }, stageId);
     }) }),
     selectedTicket && ticketModal && ticketModal.enabled !== false ? /* @__PURE__ */ jsx18(
       CoreDetailModal,
@@ -2698,19 +2984,28 @@ function CorePipeline({
         title: schema?.singular ?? label ?? model,
         config: { ...ticketModal, titleField: ticketModal.titleField ?? resolvedTitleField },
         formFields,
-        recordId: ticketId(selectedTicket),
+        recordId: creating ? void 0 : ticketId(selectedTicket),
         initialRecord: selectedTicket,
+        initialTab: creating ? create?.initialTab : void 0,
         relations,
+        actions: modalActions,
         onClose: () => {
           setSelectedTicket(null);
+          setCreating(false);
           setFormError(null);
         },
-        onSaved: invalidate
+        onSaved: async () => {
+          await invalidate();
+          if (creating) {
+            setSelectedTicket(null);
+            setCreating(false);
+          }
+        }
       }
     ) : selectedTicket ? /* @__PURE__ */ jsx18(
       DynamicForm,
       {
-        title: `Editar ${schema?.singular ?? label ?? model}`,
+        title: `${creating ? "Novo" : "Editar"} ${schema?.singular ?? label ?? model}`,
         eyebrow: "Ticket",
         fields: formFields,
         initialValues: selectedTicket,
@@ -2722,9 +3017,11 @@ function CorePipeline({
         },
         onFieldChange: () => setFormError(null),
         onCancel: () => {
-          if (saveMutation.isPending) return;
-          setSelectedTicket(null);
-          setFormError(null);
+          if (!saveMutation.isPending) {
+            setSelectedTicket(null);
+            setCreating(false);
+            setFormError(null);
+          }
         }
       }
     ) : null
@@ -2980,7 +3277,13 @@ function renderView(view, registry) {
           titleField: v.titleField,
           form: v.form,
           relations: v.relations,
-          ticketModal: v.ticketModal
+          ticketModal: v.ticketModal,
+          filters: v.filters,
+          create: v.create,
+          viewModes: v.viewModes,
+          defaultView: v.defaultView,
+          list: v.list,
+          ticketActions: v.ticketActions
         }
       );
     }
@@ -3345,7 +3648,7 @@ import {
   Button as Button13,
   Flex as Flex13,
   Heading as Heading10,
-  Input as Input6,
+  Input as Input7,
   Text as Text20,
   VStack as VStack2
 } from "@chakra-ui/react";
@@ -3420,7 +3723,7 @@ function LoginPage({ app }) {
           /* @__PURE__ */ jsxs21(Box18, { children: [
             /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "E-mail" }),
             /* @__PURE__ */ jsx30(
-              Input6,
+              Input7,
               {
                 type: "email",
                 value: email,
@@ -3434,7 +3737,7 @@ function LoginPage({ app }) {
           /* @__PURE__ */ jsxs21(Box18, { children: [
             /* @__PURE__ */ jsx30(Text20, { mb: 2, fontSize: "sm", fontWeight: "600", color: "#24323A", children: "Senha" }),
             /* @__PURE__ */ jsx30(
-              Input6,
+              Input7,
               {
                 type: "password",
                 value: password,
@@ -3477,7 +3780,7 @@ function LoginPage({ app }) {
 
 // src/security/ActivationPage.tsx
 import { useEffect as useEffect7, useState as useState13 } from "react";
-import { Box as Box19, Button as Button14, Heading as Heading11, Input as Input7, Text as Text21, VStack as VStack3 } from "@chakra-ui/react";
+import { Box as Box19, Button as Button14, Heading as Heading11, Input as Input8, Text as Text21, VStack as VStack3 } from "@chakra-ui/react";
 import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function encodeBasicCredentials2(email, password) {
   const bytes = new TextEncoder().encode(`${email}:${password}`);
@@ -3618,7 +3921,7 @@ function ActivationPage() {
         field.required ? " *" : ""
       ] }),
       /* @__PURE__ */ jsx31(
-        Input7,
+        Input8,
         {
           type: field.type === "password" || field.type === "secret" ? "password" : field.type === "email" ? "email" : field.type === "url" ? "url" : field.type === "number" || field.type === "integer" ? "number" : "text",
           value: String(values[field.name] ?? field.defaultValue ?? ""),
@@ -3638,7 +3941,7 @@ function ActivationPage() {
       /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
         /* @__PURE__ */ jsx31(
-          Input7,
+          Input8,
           {
             value: devName,
             onChange: (event) => setDevName(event.target.value),
@@ -3650,7 +3953,7 @@ function ActivationPage() {
       /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail *" }),
         /* @__PURE__ */ jsx31(
-          Input7,
+          Input8,
           {
             type: "email",
             value: devEmail,
@@ -3663,7 +3966,7 @@ function ActivationPage() {
       /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
         /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
         /* @__PURE__ */ jsx31(
-          Input7,
+          Input8,
           {
             type: "password",
             value: devPassword,
@@ -3741,7 +4044,7 @@ function ActivationPage() {
             /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
               /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "E-mail do administrador *" }),
               /* @__PURE__ */ jsx31(
-                Input7,
+                Input8,
                 {
                   type: "email",
                   autoComplete: "email",
@@ -3754,7 +4057,7 @@ function ActivationPage() {
             /* @__PURE__ */ jsxs22(Box19, { w: "100%", children: [
               /* @__PURE__ */ jsx31(Text21, { fontWeight: "medium", children: "Senha *" }),
               /* @__PURE__ */ jsx31(
-                Input7,
+                Input8,
                 {
                   type: "password",
                   minLength: 8,
@@ -3810,7 +4113,7 @@ function ActivationPage() {
         step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs22(Fragment6, { children: [
           /* @__PURE__ */ jsx31(Text21, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar tenant, aplicativo e licen\xE7a antes de consumir o c\xF3digo." }),
           /* @__PURE__ */ jsx31(
-            Input7,
+            Input8,
             {
               "aria-label": "C\xF3digo de ativa\xE7\xE3o",
               value: code,
@@ -4112,7 +4415,13 @@ function manifestToConfig(manifest, runtime) {
       section: p.section,
       form: p.form,
       relations: p.relations,
-      ticketModal: p.ticketModal
+      ticketModal: p.ticketModal,
+      filters: p.filters,
+      create: p.create,
+      viewModes: p.viewModes,
+      defaultView: p.defaultView,
+      list: p.list,
+      ticketActions: p.ticketActions
     };
     views.push(view);
   }
@@ -4247,7 +4556,7 @@ function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/mo
 
 // src/components/CoreAssistant.tsx
 import { useState as useState14 } from "react";
-import { Box as Box21, Button as Button17, Flex as Flex16, Heading as Heading14, Input as Input8, Stack as Stack11, Text as Text24 } from "@chakra-ui/react";
+import { Box as Box21, Button as Button17, Flex as Flex16, Heading as Heading14, Input as Input9, Stack as Stack11, Text as Text24 } from "@chakra-ui/react";
 import { useMutation as useMutation6 } from "@tanstack/react-query";
 import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint = "/assistant-runs" }) {
@@ -4299,7 +4608,7 @@ function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint =
     ] }) }),
     /* @__PURE__ */ jsxs25(Flex16, { gap: 2, children: [
       /* @__PURE__ */ jsx39(
-        Input8,
+        Input9,
         {
           size: "sm",
           value: input,