@llmnative/react 1.15.0 → 1.15.3

package/dist/index.mjs

@@ -2469,7 +2469,8 @@ var bn = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10
 		draftRestoreAction: "Restore",
 		draftDiscardAction: "Discard",
 		draftRestoredTitle: "Draft restored",
-		draftRestoredMessage: "The local draft has been restored. You can still discard it for a few seconds."
+		draftRestoredMessage: "The local draft has been restored. You can still discard it for a few seconds.",
+		draftSaveError: "Could not save a local draft — the change is too large for browser storage (e.g. an unsent image upload). Save the form to keep it."
 	},
 	grid: {
 		buttonAdd: "Add",
@@ -8000,7 +8001,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 		onClick: (t) => {
 			t.stopPropagation(), w(e.key);
 		},
-		className: "flex items-center justify-center w-6 h-6 rounded-full text-muted-foreground hover:bg-red-50 hover:text-red-500 transition-colors ml-auto"
+		className: "flex items-center justify-center w-6 h-6 rounded-full text-muted-foreground hover:bg-red-50 hover:text-red-500 transition-colors ml-auto cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-3.5 h-3.5"
@@ -8012,7 +8013,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 	}, /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		onClick: C,
-		className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-primary transition-colors"
+		className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-primary transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "upload",
 		className: "w-3.5 h-3.5"
@@ -8119,7 +8120,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 	})), a && /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		onClick: () => j(e),
-		className: "flex items-center justify-center w-7 h-7 rounded-full bg-white/20 hover:bg-white/35 text-white transition-colors"
+		className: "flex items-center justify-center w-7 h-7 rounded-full bg-white/20 hover:bg-white/35 text-white transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "pencil",
 		className: "w-4 h-4"
@@ -8128,7 +8129,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 		onClick: (t) => {
 			t.preventDefault(), t.stopPropagation(), k(e.key);
 		},
-		className: "flex items-center justify-center w-7 h-7 rounded-full bg-red-500/70 hover:bg-red-500/90 text-white transition-colors"
+		className: "flex items-center justify-center w-7 h-7 rounded-full bg-red-500/70 hover:bg-red-500/90 text-white transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-4 h-4"
@@ -12266,13 +12267,21 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 			return;
 		}
 		let e = window.setTimeout(() => {
-			localStorage.setItem(oe, JSON.stringify(Nt(B)));
+			try {
+				localStorage.setItem(oe, JSON.stringify(Nt(B)));
+			} catch {
+				xe({
+					type: "warning",
+					message: P.draftSaveError ?? "Could not save a local draft — the change is too large for browser storage (e.g. an unsent image upload). Save the form to keep it."
+				});
+			}
 		}, 150);
 		return () => window.clearTimeout(e);
 	}, [
 		ne,
 		oe,
 		le,
+		xe,
 		_e,
 		B
 	]), l(() => {
@@ -12287,7 +12296,9 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		B
 	]), l(() => () => {
 		let { storageKey: e, record: t, isDirty: n } = ae.current;
-		!e || !n || !t || typeof localStorage > "u" || localStorage.setItem(e, JSON.stringify(Nt(t)));
+		if (!(!e || !n || !t || typeof localStorage > "u")) try {
+			localStorage.setItem(e, JSON.stringify(Nt(t)));
+		} catch {}
 	}, []), l(() => {
 		L.bindActions({
 			save: Ve,