@multiplatform.one/frappe-ui 7.22.0 → 7.23.0

package/dist/cjs/list/listFormat.native.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var listFormat_exports = {};
+__export(listFormat_exports, {
+  formatDateCell: () => formatDateCell,
+  formatTimeAgo: () => formatTimeAgo,
+  parseFrappeDate: () => parseFrappeDate,
+  parseTagsField: () => parseTagsField,
+  parseUserListField: () => parseUserListField,
+  stripHtmlPreview: () => stripHtmlPreview
+});
+module.exports = __toCommonJS(listFormat_exports);
+var import_theme = require("@multiplatform.one/theme");
+function parseFrappeDate(value) {
+  var isoish = value.includes(" ") ? value.replace(" ", "T") : value;
+  var date = new Date(isoish);
+  return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+function formatDateCell(value, now) {
+  if (!parseFrappeDate(value)) return value;
+  var isoish = value.includes(" ") ? value.replace(" ", "T") : value;
+  return (0, import_theme.formatAbsoluteDate)(isoish, now ? {
+    now
+  } : void 0);
+}
+function formatTimeAgo(value) {
+  var now = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : /* @__PURE__ */new Date();
+  var date = parseFrappeDate(value);
+  if (!date) return value;
+  return (0, import_theme.formatRelativeTimestamp)(date, now.getTime());
+}
+function stripHtmlPreview(value) {
+  if (!value.includes("<") && !value.includes("&")) return value;
+  return value.replace(/<[^>]*>/g, " ").replace(/&nbsp;/gi, " ").replace(/&amp;/gi, "&").replace(/&lt;/gi, "<").replace(/&gt;/gi, ">").replace(/&#39;|&apos;/gi, "'").replace(/&quot;/gi, '"').replace(/\s+/g, " ").trim();
+}
+function parseUserListField(value) {
+  if (Array.isArray(value)) return value.map(String);
+  if (typeof value !== "string" || !value) return [];
+  try {
+    var parsed = JSON.parse(value);
+    return Array.isArray(parsed) ? parsed.map(String) : [];
+  } catch (unused) {
+    return [];
+  }
+}
+function parseTagsField(value) {
+  if (typeof value !== "string") return [];
+  return value.split(",").map(function (tag) {
+    return tag.trim();
+  }).filter(Boolean);
+}
+//# sourceMappingURL=listFormat.native.js.map

package/dist/cjs/list/listFormat.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","listFormat_exports","__export","formatDateCell","formatTimeAgo","parseFrappeDate","parseTagsField","parseUserListField","stripHtmlPreview","module","exports","import_theme","require","isoish","includes","replace","date","Date","Number","isNaN","getTime","now","formatAbsoluteDate","arguments","length","formatRelativeTimestamp","trim","Array","isArray","map","String","parsed","JSON","parse","unused"],"sources":["../../../src/list/listFormat.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAIAC,MAAA,CAAAC,OAAA,GAAAd,YAA4D,CAAAK,kBAAA;AAGrD,IAAAU,YAAS,GAAAC,OAAgB,2BAAiC;AAE/D,SAAMP,eAAeA,CAAAL,KAAA,EAAS;EAC9B,IAAAa,MAAM,GAAOb,KAAI,CAAAc,QAAK,CAAM,OAAAd,KAAA,CAAAe,OAAA,aAAAf,KAAA;EAC5B,IAAAgB,IAAO,OAAOC,IAAA,CAAMJ,MAAK;EAC3B,OAAAK,MAAA,CAAAC,KAAA,CAAAH,IAAA,CAAAI,OAAA,eAAAJ,IAAA;AAUO;AACL,SAAKb,cAAgBA,CAAAH,KAAK,EAAGqB,GAAA;EAC7B,KAAAhB,eAAe,CAAML,KAAA,UAAYA,KAAI;EACrC,IAAAa,MAAA,GAAOb,KAAA,CAAAc,QAAA,QAAAd,KAAA,CAAAe,OAAmB,IAAQ,MAAM,GAAEf,KAAI;EAChD,WAAAW,YAAA,CAAAW,kBAAA,EAAAT,MAAA,EAAAQ,GAAA;IAOOA;EACL,SAAM;AACN;AACA,SAAAjB,aAAOA,CAAAJ,KAAA;EACT,IAAAqB,GAAA,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA,yBAAAN,IAAA;EASO,IAAAD,IAAS,GAAAX,eAAiB,CAAAL,KAAuB;EACtD,IAAI,CAACgB,IAAA,EAAM,OAAAhB,KAAY;EACvB,OAAO,IAAAW,YACI,CAAAc,uBACA,EAAAT,IAAA,EAAAK,GAAY,CAAAD,OACpB;AAOL;AAGO,SAASZ,iBAAAR,KAAmB;EACjC,IAAI,CAAAA,KAAM,CAAAc,QAAQ,IAAK,KAAG,CAAAd,KAAO,CAAAc,QAAU,OAAM,OAAAd,KAAA;EACjD,OAAIA,KAAO,CAAAe,OAAA,CAAU,YAAY,GAAC,EAAAA,OAAO,WAAQ,OAAAA,OAAA,iBAAAA,OAAA,gBAAAA,OAAA,gBAAAA,OAAA,wBAAAA,OAAA,kBAAAA,OAAA,cAAAW,IAAA;AACjD;AACE,SAAAnB,kBAAoBA,CAAAP,KAAM,EAAK;EAC/B,IAAA2B,KAAO,CAAAC,OAAM,CAAA5B,KAAQ,UAAUA,KAAA,CAAA6B,GAAO,CAAAC,MAAI,CAAM;EAClD,WAAQ9B,KAAA,kBAAAA,KAAA;EACN;IACF,IAAA+B,MAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAjC,KAAA;IACF,OAAA2B,KAAA,CAAAC,OAAA,CAAAG,MAAA,IAAAA,MAAA,CAAAF,GAAA,CAAAC,MAAA;EAGO,SAASI,MAAA;IACd,OAAI,EAAO;EACX;AAIF","ignoreList":[]}

package/dist/cjs/list/statusColors.cjs

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var statusColors_exports = {};
+__export(statusColors_exports, {
+  statusPillColors: () => statusPillColors
+});
+module.exports = __toCommonJS(statusColors_exports);
+const DESK_COLOR_TO_RAMP = {
+  red: "red",
+  green: "green",
+  blue: "blue",
+  orange: "orange",
+  yellow: "yellow",
+  amber: "yellow",
+  gray: "gray",
+  grey: "gray",
+  darkgrey: "gray",
+  "light-blue": "blue",
+  purple: "purple",
+  pink: "pink",
+  cyan: "blue"
+};
+const STATUS_WORD_TO_RAMP = {
+  // green — done / healthy
+  closed: "green",
+  completed: "green",
+  complete: "green",
+  finished: "green",
+  active: "green",
+  enabled: "green",
+  approved: "green",
+  paid: "green",
+  success: "green",
+  resolved: "green",
+  delivered: "green",
+  received: "green",
+  // orange — needs attention / in flight
+  open: "orange",
+  pending: "orange",
+  "in progress": "orange",
+  "to deliver": "orange",
+  "to bill": "orange",
+  overdue: "orange",
+  medium: "orange",
+  // blue — submitted / informational
+  submitted: "blue",
+  running: "blue",
+  new: "blue",
+  "in review": "blue",
+  low: "blue",
+  // red — failed / stopped
+  cancelled: "red",
+  canceled: "red",
+  disabled: "red",
+  failed: "red",
+  rejected: "red",
+  error: "red",
+  expired: "red",
+  inactive: "red",
+  unpaid: "red",
+  lost: "red",
+  high: "red",
+  urgent: "red",
+  // gray — inert
+  draft: "gray"
+};
+function rampToPill(ramp) {
+  return {
+    background: `$${ramp}3`,
+    text: `$${ramp}11`
+  };
+}
+function statusPillColors(status, meta) {
+  const normalized = status.trim().toLowerCase();
+  const state = meta?.states?.find(s => (s.title ?? "").trim().toLowerCase() === normalized);
+  if (state?.color) {
+    const ramp2 = DESK_COLOR_TO_RAMP[state.color.trim().toLowerCase()];
+    if (ramp2) return rampToPill(ramp2);
+  }
+  const ramp = STATUS_WORD_TO_RAMP[normalized];
+  return rampToPill(ramp ?? "gray");
+}

package/dist/cjs/list/statusColors.native.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var statusColors_exports = {};
+__export(statusColors_exports, {
+  statusPillColors: () => statusPillColors
+});
+module.exports = __toCommonJS(statusColors_exports);
+var DESK_COLOR_TO_RAMP = {
+  red: "red",
+  green: "green",
+  blue: "blue",
+  orange: "orange",
+  yellow: "yellow",
+  amber: "yellow",
+  gray: "gray",
+  grey: "gray",
+  darkgrey: "gray",
+  "light-blue": "blue",
+  purple: "purple",
+  pink: "pink",
+  cyan: "blue"
+};
+var STATUS_WORD_TO_RAMP = {
+  // green — done / healthy
+  closed: "green",
+  completed: "green",
+  complete: "green",
+  finished: "green",
+  active: "green",
+  enabled: "green",
+  approved: "green",
+  paid: "green",
+  success: "green",
+  resolved: "green",
+  delivered: "green",
+  received: "green",
+  // orange — needs attention / in flight
+  open: "orange",
+  pending: "orange",
+  "in progress": "orange",
+  "to deliver": "orange",
+  "to bill": "orange",
+  overdue: "orange",
+  medium: "orange",
+  // blue — submitted / informational
+  submitted: "blue",
+  running: "blue",
+  new: "blue",
+  "in review": "blue",
+  low: "blue",
+  // red — failed / stopped
+  cancelled: "red",
+  canceled: "red",
+  disabled: "red",
+  failed: "red",
+  rejected: "red",
+  error: "red",
+  expired: "red",
+  inactive: "red",
+  unpaid: "red",
+  lost: "red",
+  high: "red",
+  urgent: "red",
+  // gray — inert
+  draft: "gray"
+};
+function rampToPill(ramp) {
+  return {
+    background: `$${ramp}3`,
+    text: `$${ramp}11`
+  };
+}
+function statusPillColors(status, meta) {
+  var _meta_states;
+  var normalized = status.trim().toLowerCase();
+  var state = meta === null || meta === void 0 ? void 0 : (_meta_states = meta.states) === null || _meta_states === void 0 ? void 0 : _meta_states.find(function (s) {
+    var _s_title;
+    return ((_s_title = s.title) !== null && _s_title !== void 0 ? _s_title : "").trim().toLowerCase() === normalized;
+  });
+  if (state === null || state === void 0 ? void 0 : state.color) {
+    var ramp = DESK_COLOR_TO_RAMP[state.color.trim().toLowerCase()];
+    if (ramp) return rampToPill(ramp);
+  }
+  var ramp1 = STATUS_WORD_TO_RAMP[normalized];
+  return rampToPill(ramp1 !== null && ramp1 !== void 0 ? ramp1 : "gray");
+}
+//# sourceMappingURL=statusColors.native.js.map

package/dist/cjs/list/statusColors.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","statusColors_exports","__export","statusPillColors","module","exports","DESK_COLOR_TO_RAMP","red","green","blue","orange","yellow","amber","gray","grey","darkgrey","purple","pink","cyan","STATUS_WORD_TO_RAMP","closed","completed","complete","finished","active","enabled","approved","paid","success","resolved","delivered","received","open","pending","overdue","medium","submitted","running","new","low","cancelled","canceled","disabled","failed","rejected","error","expired","inactive","unpaid","lost","high","urgent","draft","rampToPill","ramp","background","text","status","meta","_meta_states","normalized","trim","toLowerCase","state","states","find","s","_s_title","title"],"sources":["../../../src/list/statusColors.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAM,CAAAC,OAAA,GAAAT,YAA6C,CAAAK,oBAAA;AAAA,IACjDK,kBAAK;EACLC,GAAA,OAAO;EACPC,KAAA,EAAM;EACNC,IAAA,QAAQ;EACRC,MAAA,EAAQ;EACRC,MAAA,EAAO;EACPC,KAAA,EAAM;EACNC,IAAA,EAAM;EACNC,IAAA,QAAU;EACVC,QAAA,QAAc;EACd,YAAQ;EACRC,MAAM;EACNC,IAAA,EAAM;EACRC,IAAA;AAGA;AAAoD,IAAAC,mBAAA;EAElD;EACAC,MAAA,SAAW;EACXC,SAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAQ;EACRC,MAAA,SAAS;EACTC,OAAA,SAAU;EACVC,QAAM;EACNC,IAAA,SAAS;EACTC,OAAA,SAAU;EACVC,QAAA,SAAW;EACXC,SAAA,EAAU;EAAAC,QAAA;EAEV;EACAC,IAAA,UAAS;EACTC,OAAA,UAAe;EACf,eAAc;EACd,YAAW;EACX,SAAS;EACTC,OAAA,EAAQ;EAAAC,MAAA;EAER;EACAC,SAAS;EACTC,OAAK;EACLC,GAAA;EACA,WAAK;EAAAC,GAAA;EAEL;EACAC,SAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAQ;EACRC,MAAA,OAAU;EACVC,QAAO;EACPC,KAAA,OAAS;EACTC,OAAA,OAAU;EACVC,QAAQ;EACRC,MAAM;EACNC,IAAA,EAAM;EACNC,IAAA,OAAQ;EAAAC,MAAA;EAER;EACFC,KAAA;AAEA;AACE,SAAOC,UAAEA,CAAAC,IAAY;EACvB;IAOOC,UAAS,MAAAD,IAAA,GAAiB;IAC/BE,IAAM,MAAAF,IAAA;EACN;AACA;AACE,SAAAnD,gBAAaA,CAAAsD,MAAA,EAAAC,IAAmB;EAChC,IAAAC,YAAU;EACZ,IAAAC,UAAA,GAAAH,MAAA,CAAAI,IAAA,GAAAC,WAAA;EACA,IAAAC,KAAM,GAAAL,IAAO,aAAAA,IAAoB,UAAU,cAAAC,YAAA,GAAAD,IAAA,CAAAM,MAAA,cAAAL,YAAA,uBAAAA,YAAA,CAAAM,IAAA,WAAAC,CAAA;IAC3C,IAAAC,QAAO;IACT,SAAAA,QAAA,GAAAD,CAAA,CAAAE,KAAA,cAAAD,QAAA,cAAAA,QAAA,OAAAN,IAAA,GAAAC,WAAA,OAAAF,UAAA","ignoreList":[]}

package/dist/esm/FrappeForm.mjs

@@ -3,7 +3,7 @@ import { AsyncBoundary, AsyncSkeleton, DetailPageLayout, EmptyState, PageHeader,
 import { SchemaForm } from "./schemaForm/index.mjs";
 import { FormSidebar } from "./FormSidebar.mjs";
 import { eq } from "@tanstack/db";
-import { ArrowLeftIcon, FloppyDiskIcon, PencilSimpleIcon, TrashIcon, XIcon } from "@phosphor-icons/react";
+import { ArrowLeftIcon } from "@phosphor-icons/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button, Input, formCommonColors } from "@multiplatform.one/forms";
@@ -17,7 +17,12 @@ import { applyFetchedValues, buildFetchMap } from "./formEngine/fetchFrom.mjs";
 import { buildPermLevelMatrix } from "./formEngine/fieldPermissions.mjs";
 import { createHttpClient, validateLink } from "./formEngine/formActions.mjs";
 import { buildFormTabs, isPromptNamed } from "./formEngine/formLayout.mjs";
+import { setCreatePrefill, takeCreatePrefill } from "./formEngine/createPrefill.mjs";
+import { buildAmendValues, canDeleteDoc, canEditDoc, isAmendable, resolveDocAction, resolveDocIndicator } from "./formEngine/docLifecycle.mjs";
+import { useAmendedAs } from "./formEngine/useAmendedAs.mjs";
 import { useDocRights } from "./formEngine/useDocRights.mjs";
+import { extractServerError } from "./formEngine/useFormEngine.mjs";
+import { FrappeFormActions } from "./FrappeFormActions.mjs";
 import { connectionFields, connectionsFromMeta } from "./frappeConnections.mjs";
 import { FrappeFormConnections } from "./FrappeFormConnections.mjs";
 import { FrappeRowsReader } from "./FrappeRowsReader.mjs";
@@ -144,6 +149,7 @@ function FrappeFormRoute({
   onCancel,
   onDelete,
   onEdit,
+  onAmend,
   ...props
 }) {
   const router = useFrappeRouter();
@@ -186,6 +192,9 @@ function FrappeFormRoute({
     })),
     onDelete: onDelete ?? (() => go({
       mode: "list"
+    })),
+    onAmend: onAmend ?? (() => go({
+      mode: "create"
     }))
   });
 }
@@ -206,6 +215,7 @@ function FrappeFormBody({
   onSave,
   onCancel,
   onDelete,
+  onAmend,
   onEdit,
   showToolbar = true,
   showSidebar = true,
@@ -243,6 +253,7 @@ function FrappeFormBody({
   localDocRef.current = localDoc;
   const baselineRef = useRef(baselineDoc);
   baselineRef.current = baselineDoc;
+  const createDraftRef = useRef(void 0);
   const finalBaseURL = baseURL ?? config?.baseURL;
   const finalAuth = auth ?? config?.auth;
   const finalSyncOptions = syncOptions ?? config?.syncOptions;
@@ -264,12 +275,14 @@ function FrappeFormBody({
     isLoading: isMetaLoading,
     error: metaError
   } = useDocTypeMeta(frappeConfig, doctype);
+  const isSubmittable = !!meta?.is_submittable;
   const isCreate = !name;
   const docstatus = Number(baselineDoc?.docstatus ?? 0);
   const layoutFields = useMemo(() => {
     if (!meta) return void 0;
     return sections ? sectionsToLayoutFields(sections) : meta.fields;
   }, [meta, sections]);
+  const amendedAs = useAmendedAs(isSubmittable && docstatus === 2 ? frappeConfig : void 0, doctype, name);
   const readsWithoutMeta = !children && !meta && Boolean(metaError) && Boolean(name);
   const recordTabs = useMemo(() => {
     if (!readsWithoutMeta || !baselineDoc) return void 0;
@@ -383,6 +396,7 @@ function FrappeFormBody({
   const assignmentRows = useMemo(() => assignmentCollection ? rawAssignmentRows ?? [] : void 0, [assignmentCollection, rawAssignmentRows]);
   useEffect(() => {
     everLoadedRef.current = false;
+    if (name) createDraftRef.current = void 0;
     setWasDeleted(false);
     setConflictFields([]);
     setDocError(null);
@@ -456,7 +470,14 @@ function FrappeFormBody({
     } else if (name && everLoadedRef.current && !liveDoc?.isLoading) {
       setWasDeleted(true);
     } else if (!name) {
+      if (createDraftRef.current?.doctype !== doctype) {
+        createDraftRef.current = {
+          doctype,
+          values: takeCreatePrefill(doctype)
+        };
+      }
       setLocalDoc({
+        ...createDraftRef.current.values,
         doctype
       });
     }
@@ -633,6 +654,43 @@ function FrappeFormBody({
       setIsSubmitting(false);
     }
   };
+  const transitionDocstatus = async (to, question, failure) => {
+    if (!docCollection || !name || wasDeleted || !rights[to === 1 ? "submit" : "cancel"]) return;
+    if (to === 1) {
+      const requiredErrors = validateRequiredFields();
+      if (Object.keys(requiredErrors).length > 0) {
+        setErrors(requiredErrors);
+        return;
+      }
+    }
+    if (!(await dialog.confirm(question))) return;
+    setIsSubmitting(true);
+    setErrors({});
+    try {
+      const tx = docCollection.update(name, draft => {
+        draft.docstatus = to;
+      });
+      await tx.isPersisted.promise;
+    } catch (err) {
+      setErrors({
+        general: extractServerError(err, failure)
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleSubmitDocument = () => transitionDocstatus(1, t("Permanently Submit {{name}}?", {
+    name
+  }), t("Failed to submit"));
+  const handleCancelDocument = () => transitionDocstatus(2, t("Permanently Cancel {{name}}?", {
+    name
+  }), t("Failed to cancel"));
+  const handleAmend = () => {
+    if (!meta || !name || !onAmend || !rights.amend) return;
+    const draft = buildAmendValues(meta.fields, localDoc, name);
+    setCreatePrefill(doctype, draft);
+    onAmend(draft);
+  };
   const titleField = meta?.title_field;
   const titleValue = titleField ? localDoc[titleField] : void 0;
   const pageTitle = isCreate ? t("New {{doctype}}", {
@@ -754,12 +812,30 @@ function FrappeFormBody({
   const effectiveDisabled = disabled || wasDeleted;
   const readOnlyView = Boolean(onEdit) || readsWithoutMeta;
   const fieldsDisabled = effectiveDisabled || readOnlyView || !canWriteRecord;
-  const showDelete = Boolean(name && onDelete && !wasDeleted && rights.delete);
-  const showEdit = Boolean(onEdit && rights.write);
-  const showSave = !onEdit && canWriteRecord;
-  const showCancel = !onEdit && Boolean(onCancel);
-  const showNotSaved = hasUnsavedChanges && !onEdit;
-  const toolbarShown = showToolbar && !readsWithoutMeta && (showDelete || showEdit || showSave || showCancel || showNotSaved);
+  const indicator = resolveDocIndicator({
+    docstatus,
+    isCreate,
+    isDirty: hasUnsavedChanges && !onEdit,
+    isSubmittable
+  });
+  const docAction = resolveDocAction({
+    docstatus,
+    isCreate,
+    isDirty: hasUnsavedChanges,
+    isSubmittable,
+    perms: {
+      write: canWriteRecord,
+      submit: rights.submit,
+      cancel: rights.cancel,
+      amend: rights.amend
+    },
+    isReadOnlyView: Boolean(onEdit)
+  });
+  const showDelete = Boolean(name && onDelete && !wasDeleted && rights.delete && canDeleteDoc(docstatus));
+  const showEdit = Boolean(onEdit && rights.write && canEditDoc(docstatus, meta));
+  const showAmend = Boolean(onAmend && isAmendable(meta));
+  const showClose = !onEdit && Boolean(onCancel);
+  const toolbarShown = showToolbar && !readsWithoutMeta && Boolean(indicator || docAction || showDelete || showEdit || showClose);
   const shownTabs = formTabs ?? recordTabs;
   const imageFieldName = meta?.image_field;
   const sidebarImageUrl = imageFieldName ? resolveFileUrl(localDoc[imageFieldName], finalBaseURL) : void 0;
@@ -895,52 +971,20 @@ function FrappeFormBody({
           color: formCommonColors.error,
           ...knobProps.body,
           children: errors.general
-        }), toolbarShown && /* @__PURE__ */jsxs(XStack, {
-          ...knobProps.gap,
-          justifyContent: "flex-end",
-          alignItems: "center",
-          paddingTop: "$3",
-          children: [showNotSaved && /* @__PURE__ */jsx(Text, {
-            color: "$orange11",
-            marginInlineEnd: "auto",
-            ...knobProps.body,
-            children: t("Not Saved")
-          }), showDelete && /* @__PURE__ */jsx(Button, {
-            outlined: true,
-            error: true,
-            icon: TrashIcon,
-            loading: isSubmitting,
-            disabled: effectiveDisabled,
-            disabledReason: t("Form is read-only"),
-            disabledReasonPlacement: "inline",
-            onPress: handleDelete,
-            children: t("Delete")
-          }), showEdit && /* @__PURE__ */jsx(Button, {
-            accent: true,
-            icon: PencilSimpleIcon,
-            disabled: effectiveDisabled,
-            disabledReason: t("Form is read-only"),
-            disabledReasonPlacement: "inline",
-            onPress: onEdit,
-            children: t("Edit")
-          }), showCancel && /* @__PURE__ */jsx(Button, {
-            outlined: true,
-            icon: XIcon,
-            disabled,
-            disabledReason: t("Form is read-only"),
-            disabledReasonPlacement: "inline",
-            onPress: handleCancel,
-            children: t("Cancel")
-          }), showSave && /* @__PURE__ */jsx(Button, {
-            accent: true,
-            icon: FloppyDiskIcon,
-            loading: isSubmitting,
-            disabled: effectiveDisabled,
-            disabledReason: t("Form is read-only"),
-            disabledReasonPlacement: "inline",
-            onPress: handleSave,
-            children: isSubmitting ? t("Saving...") : t("Save")
-          })]
+        }), toolbarShown && /* @__PURE__ */jsx(FrappeFormActions, {
+          indicator,
+          action: docAction,
+          busy: isSubmitting,
+          disabled: effectiveDisabled,
+          onSave: handleSave,
+          onSubmit: handleSubmitDocument,
+          onCancelDocument: handleCancelDocument,
+          onAmend: showAmend ? handleAmend : void 0,
+          amendedAs,
+          onDelete: showDelete ? handleDelete : void 0,
+          onEdit: showEdit ? onEdit : void 0,
+          onClose: showClose ? handleCancel : void 0,
+          closeDisabled: disabled
         })]
       })]
     }), showTimeline && name && !readsWithoutMeta && /* @__PURE__ */jsx(Timeline, {