@llmnative/react 1.47.0 → 1.48.0

package/dist/index.mjs

@@ -11185,14 +11185,21 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 		}));
 		R((e) => [...e, ...t]);
 	}, []), ue = v((e) => {
+		if (!c) return;
+		let t = Array.from(e.clipboardData.items).filter((e) => e.kind === "file").map((e) => e.getAsFile()).filter((e) => !!e);
+		if (!t.length) return;
+		e.preventDefault();
+		let n = (/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 14);
+		le(t.map((e, r) => !e.name || e.name === "image.png" ? new File([e], `pasted-${n}${t.length > 1 ? `-${r + 1}` : ""}.${(e.type.split("/")[1] || "png").replace("jpeg", "jpg")}`, { type: e.type }) : e));
+	}, [c, le]), de = v((e) => {
 		c && e.dataTransfer.types.includes("Files") && (e.preventDefault(), V.current += 1, B(!0));
-	}, [c]), de = v((e) => {
-		c && e.dataTransfer.types.includes("Files") && e.preventDefault();
 	}, [c]), fe = v((e) => {
-		c && (e.preventDefault(), V.current = Math.max(0, V.current - 1), V.current === 0 && B(!1));
+		c && e.dataTransfer.types.includes("Files") && e.preventDefault();
 	}, [c]), pe = v((e) => {
+		c && (e.preventDefault(), V.current = Math.max(0, V.current - 1), V.current === 0 && B(!1));
+	}, [c]), me = v((e) => {
 		c && (e.preventDefault(), V.current = 0, B(!1), e.dataTransfer.files.length && le(e.dataTransfer.files));
-	}, [c, le]), me = Ec({
+	}, [c, le]), K = Ec({
 		minHeight: O,
 		maxHeight: k
 	});
@@ -11200,21 +11207,21 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 		let e = P.current;
 		if (!e) return;
 		e.style.height = "auto";
-		let t = Math.max(e.scrollHeight, me.resolvedMinHeight), n = me.resolvedMaxHeight ? Math.min(t, me.resolvedMaxHeight) : t;
-		e.style.height = `${n}px`, e.style.overflowY = me.resolvedMaxHeight && t > me.resolvedMaxHeight ? "auto" : "hidden";
+		let t = Math.max(e.scrollHeight, K.resolvedMinHeight), n = K.resolvedMaxHeight ? Math.min(t, K.resolvedMaxHeight) : t;
+		e.style.height = `${n}px`, e.style.overflowY = K.resolvedMaxHeight && t > K.resolvedMaxHeight ? "auto" : "hidden";
 	}, [
 		t,
-		me.resolvedMinHeight,
-		me.resolvedMaxHeight
+		K.resolvedMinHeight,
+		K.resolvedMaxHeight
 	]);
-	let K = l?.length ? u ?? "/" : void 0, he = (l?.length ?? 0) >= 10, ge = f.useMemo(() => new Map((l ?? []).map((e) => [e.name, e])), [l]), _e = f.useMemo(() => (l ?? []).map((e) => ({
+	let he = l?.length ? u ?? "/" : void 0, ge = (l?.length ?? 0) >= 10, _e = f.useMemo(() => new Map((l ?? []).map((e) => [e.name, e])), [l]), ve = f.useMemo(() => (l ?? []).map((e) => ({
 		key: e.name,
-		label: `${K ?? "/"}${e.name}`,
+		label: `${he ?? "/"}${e.name}`,
 		value: e.name,
 		icon: e.icon,
 		description: e.description
-	})), [l, K]), ve = v(async (e, t) => {
-		let n = ge.get(e.value);
+	})), [l, he]), ye = v(async (e, t) => {
+		let n = _e.get(e.value);
 		if (n) {
 			if (n.handler) {
 				let e = await n.handler(vd(t)), r = n.consumeSuffix ? hd(t.textAfterCaret, n.consumeSuffix) : 0;
@@ -11223,7 +11230,7 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 			}
 			t.replace(t.triggerRange.start, t.triggerRange.end, `${t.trigger}${n.name} `);
 		}
-	}, [ge]), ye = d.find((e) => e.value === p)?.label ?? Pd(p), be = () => {
+	}, [_e]), be = d.find((e) => e.value === p)?.label ?? Pd(p), xe = () => {
 		o || i || (s({
 			text: t,
 			files: L.map((e) => e.file),
@@ -11236,31 +11243,32 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 				temperature: oe
 			} : {}
 		}), L.forEach(({ objectUrl: e }) => URL.revokeObjectURL(e)), R([]));
-	}, xe = () => {
+	}, Se = () => {
 		if (i) {
 			U(!0), a?.();
 			return;
 		}
-		be();
-	}, Se = /* @__PURE__ */ f.createElement("textarea", {
+		xe();
+	}, Ce = /* @__PURE__ */ f.createElement("textarea", {
 		id: I,
 		name: e,
 		ref: P,
 		value: t,
 		onChange: (e) => n(e.target.value),
+		onPaste: ue,
 		placeholder: r,
 		className: j || Nd,
 		style: { maxHeight: k },
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !e.nativeEvent.defaultPrevented && (e.preventDefault(), xe());
+			e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !e.nativeEvent.defaultPrevented && (e.preventDefault(), Se());
 		}
 	});
 	return /* @__PURE__ */ f.createElement(Z, { className: A || M.Prompt.wrapperClassName }, /* @__PURE__ */ f.createElement("div", {
 		className: `group relative rounded-xl border shadow-sm transition-shadow focus-within:shadow-md focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0 ${z ? "border-primary ring-2 ring-primary" : "border-input"}`,
-		onDragEnter: ue,
-		onDragOver: de,
-		onDragLeave: fe,
-		onDrop: pe
+		onDragEnter: de,
+		onDragOver: fe,
+		onDragLeave: pe,
+		onDrop: me
 	}, c && z && /* @__PURE__ */ f.createElement("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-primary/5" }, /* @__PURE__ */ f.createElement("div", { className: "flex items-center gap-2 rounded-lg bg-background px-3 py-1.5 text-xs font-medium text-primary shadow" }, /* @__PURE__ */ f.createElement(Q, {
 		name: "paperclip",
 		size: 13
@@ -11282,19 +11290,19 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 	}, /* @__PURE__ */ f.createElement(Q, {
 		name: "x",
 		size: 9
-	}))))), K && _e.length > 0 ? /* @__PURE__ */ f.createElement(Sd, {
-		trigger: K,
-		searchable: he,
+	}))))), he && ve.length > 0 ? /* @__PURE__ */ f.createElement(Sd, {
+		trigger: he,
+		searchable: ge,
 		onSelect: (e, t) => {
-			ve(e, t);
+			ye(e, t);
 		}
-	}, _e.map((e) => /* @__PURE__ */ f.createElement(Sd.Item, {
+	}, ve.map((e) => /* @__PURE__ */ f.createElement(Sd.Item, {
 		key: e.key,
 		label: e.label,
 		value: e.value,
 		icon: e.icon,
 		description: e.description
-	})), Se) : Se), c && /* @__PURE__ */ f.createElement("input", {
+	})), Ce) : Ce), c && /* @__PURE__ */ f.createElement("input", {
 		ref: F,
 		type: "file",
 		multiple: !0,
@@ -11333,7 +11341,7 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 	}), e.showLabel && e.label && /* @__PURE__ */ f.createElement("span", { className: "whitespace-nowrap" }, e.label))), /* @__PURE__ */ f.createElement("div", { className: "mx-1 h-4 w-px shrink-0 bg-border" })), d.length > 0 && /* @__PURE__ */ f.createElement(la, {
 		trigger: {
 			icon: "cpu",
-			text: ye ?? h ?? N.defaultOption
+			text: be ?? h ?? N.defaultOption
 		},
 		placement: "top",
 		position: "start",
@@ -11408,7 +11416,7 @@ function Fd({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 		className: "w-full cursor-pointer accent-primary"
 	})))), /* @__PURE__ */ f.createElement("div", { className: "flex-1" }), /* @__PURE__ */ f.createElement("button", {
 		type: "button",
-		onClick: xe,
+		onClick: Se,
 		disabled: i ? !a : o,
 		title: H ? N.stopping : i ? N.stop : N.run,
 		"aria-label": H ? N.stopping : i ? N.stop : N.run,