@llmnative/react 1.10.0 → 1.10.1

package/dist/index.mjs

@@ -9229,12 +9229,12 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 	let { handleChange: C, record: w } = Dd({
 		name: e,
 		subscribeToFullRecord: !0
-	}), T = Y("prompt"), E = Fn("prompt"), D = n || e, [O, k] = h(!1), [A, j] = h(o?.value ?? ""), [M, N] = h(!1), [P, F] = h(null), I = $c(), L = el(), R = typeof localStorage < "u" && localStorage.getItem("prompt.model") || (I ? Yc(I.id, I.defaultModel) : ""), { modelOptions: z } = eu(), B = t.useMemo(() => lu(r?.prompt, o), [o, r?.prompt]), V = B.model || R, H = u(), U = tu(V, !!m), W = !U.configured, [ee, G] = h(null), te = !ee && !U.configured ? g?.({
+	}), T = Y("prompt"), E = Fn("prompt"), D = n || e, [O, k] = h(!1), [A, j] = h(o?.value ?? ""), [M, N] = h(!1), [P, F] = h(null), I = $c(), L = el(), { modelOptions: R } = eu(), z = typeof localStorage < "u" ? localStorage.getItem("prompt.model") : null, B = z && R.some((e) => e.value === z) ? z : "", V = t.useMemo(() => lu(r?.prompt, o), [o, r?.prompt]), H = V.model || B, U = u(), W = tu(H, !!m), ee = !W.configured || !m && !H, [G, te] = h(null), ne = !G && !W.configured ? g?.({
 		mode: "run",
-		providerId: U.providerId,
-		reason: U.reason,
-		configured: U.configured
-	}) : null, ne = t.useMemo(() => {
+		providerId: W.providerId,
+		reason: W.reason,
+		configured: W.configured
+	}) : null, re = t.useMemo(() => {
 		if (!A) return "";
 		let e = {
 			...w,
@@ -9245,35 +9245,35 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		A,
 		w,
 		_
-	]), re = ne !== A, K = (e, t) => C?.({ target: {
+	]), K = re !== A, ie = (e, t) => C?.({ target: {
 		name: e,
 		value: t
-	} }), ie = x?.map((e) => e.key === "tokenUsage" && !e.content ? {
+	} }), ae = x?.map((e) => e.key === "tokenUsage" && !e.content ? {
 		...e,
 		content: P ? /* @__PURE__ */ t.createElement("div", { className: "px-3 py-2 text-xs space-y-1" }, /* @__PURE__ */ t.createElement("p", { className: "font-medium text-foreground" }, E.tokenUsage), /* @__PURE__ */ t.createElement("p", { className: "text-muted-foreground" }, Dn(E.tokenInput, { count: String(P.tokensIn) })), /* @__PURE__ */ t.createElement("p", { className: "text-muted-foreground" }, Dn(E.tokenOutput, { count: String(P.tokensOut) })), P.contextPercent !== null && /* @__PURE__ */ t.createElement("p", { className: "text-muted-foreground" }, Dn(E.tokenContext, { percent: P.contextPercent.toFixed(1) })), P.estimatedCost !== null && /* @__PURE__ */ t.createElement("p", { className: "text-muted-foreground" }, Dn(E.tokenCost, { amount: P.estimatedCost.toFixed(5) })), /* @__PURE__ */ t.createElement("p", { className: "text-muted-foreground" }, Dn(E.tokenTime, { seconds: (P.durationMs / 1e3).toFixed(1) }))) : /* @__PURE__ */ t.createElement("p", { className: "px-3 py-2 text-xs text-muted-foreground" }, E.tokenUsageEmpty)
-	} : e), ae = async (t) => {
-		let n = t.model || V || R, r = Xc(n), i = r ? L?.registry[r.provider] ?? I ?? void 0 : I ?? void 0, a = Date.now();
+	} : e), oe = async (t) => {
+		let n = t.model || H || B, r = Xc(n), i = r ? L?.registry[r.provider] ?? I ?? void 0 : I ?? void 0, a = Date.now();
 		try {
 			let r = {
 				...w,
 				..._
 			}, o = await Promise.all(t.files.map((e) => Cl.fileToAttachment(e))), s = await fu({
-				...B,
+				...V,
 				model: n,
-				role: t.role ?? B.role,
-				voice: t.voice ?? B.voice,
-				style: t.style ?? B.style,
-				language: t.language ?? B.language,
-				temperature: t.temperature ?? B.temperature
+				role: t.role ?? V.role,
+				voice: t.voice ?? V.voice,
+				style: t.style ?? V.style,
+				language: t.language ?? V.language,
+				temperature: t.temperature ?? V.temperature
 			}, r, m, i, o.length > 0 ? o : void 0, {
 				noProvider: E.noProvider,
 				noResponse: E.noResponse
 			}), c = Date.now() - a;
-			if (G(null), C?.({ target: {
+			if (te(null), C?.({ target: {
 				name: e + ".value",
 				value: s
-			} }), t.role !== void 0 && K(e + ".prompt.role", t.role), t.voice !== void 0 && K(e + ".prompt.voice", t.voice), t.style !== void 0 && K(e + ".prompt.style", t.style), t.language !== void 0 && K(e + ".prompt.language", t.language), S && S.length > 0) {
-				let e = Jc.parsePrompt(B.value ?? "", r), t = Cl.countTokens(e), i = Cl.countTokens(s ?? ""), a = Cl.contextPercent(t, n), o = Cl.estimateCost(t, i, n);
+			} }), t.role !== void 0 && ie(e + ".prompt.role", t.role), t.voice !== void 0 && ie(e + ".prompt.voice", t.voice), t.style !== void 0 && ie(e + ".prompt.style", t.style), t.language !== void 0 && ie(e + ".prompt.language", t.language), S && S.length > 0) {
+				let e = Jc.parsePrompt(V.value ?? "", r), t = Cl.countTokens(e), i = Cl.countTokens(s ?? ""), a = Cl.contextPercent(t, n), o = Cl.estimateCost(t, i, n);
 				F({
 					tokensIn: t,
 					tokensOut: i,
@@ -9284,11 +9284,11 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				});
 			}
 		} catch (e) {
-			G(Ql(e, E.runFailed));
+			te(Ql(e, E.runFailed));
 		}
 	};
 	return /* @__PURE__ */ t.createElement(Z, { className: f || T.Prompt.wrapperClassName }, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-2" }, l && /* @__PURE__ */ t.createElement("div", { className: "shrink-0" }, l), /* @__PURE__ */ t.createElement("div", { className: `${ql} min-w-0 flex-1` }, D && /* @__PURE__ */ t.createElement($l, {
-		htmlFor: H,
+		htmlFor: U,
 		label: O ? `${E.promptLabel}${D}` : D,
 		required: i
 	}), /* @__PURE__ */ t.createElement("div", { className: "group relative" }, /* @__PURE__ */ t.createElement("button", {
@@ -9300,7 +9300,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		name: O ? "x" : "settings",
 		size: 13
 	})), O ? /* @__PURE__ */ t.createElement("div", { className: "overflow-hidden rounded-xl border border-input shadow-sm transition-shadow focus-within:shadow-md focus-within:ring-2 focus-within:ring-warning focus-within:ring-offset-0" }, /* @__PURE__ */ t.createElement(Ps, {
-		id: H,
+		id: U,
 		name: e + ".prompt.value",
 		defaultValue: o?.value,
 		onChange: (e) => {
@@ -9312,7 +9312,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		className: `${p || T.Prompt.className} ${su}`,
 		minHeight: s,
 		maxHeight: c
-	}), re && M && /* @__PURE__ */ t.createElement("div", { className: "border-t border-input px-4 py-3 bg-muted/20" }, /* @__PURE__ */ t.createElement("p", { className: "whitespace-pre-wrap text-sm text-foreground/70" }, ne)), re && /* @__PURE__ */ t.createElement("div", { className: "flex items-center justify-end border-t border-input px-2 py-1" }, /* @__PURE__ */ t.createElement("button", {
+	}), K && M && /* @__PURE__ */ t.createElement("div", { className: "border-t border-input px-4 py-3 bg-muted/20" }, /* @__PURE__ */ t.createElement("p", { className: "whitespace-pre-wrap text-sm text-foreground/70" }, re)), K && /* @__PURE__ */ t.createElement("div", { className: "flex items-center justify-end border-t border-input px-2 py-1" }, /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		title: M ? E.hidePreview : E.showPreview,
 		className: `${cu} flex items-center justify-center ${M ? "bg-muted text-foreground" : ""}`,
@@ -9338,32 +9338,32 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				onChange: C ?? (() => {})
 			});
 		},
-		disabled: W,
+		disabled: ee,
 		onSubmit: (e) => {
-			ae(e);
+			oe(e);
 		},
 		attachments: b,
 		commands: v,
 		commandsTrigger: y,
-		models: z,
-		selectedModel: V,
-		onModelChange: (t) => K(e + ".prompt.model", t),
+		models: R,
+		selectedModel: H,
+		onModelChange: (t) => ie(e + ".prompt.model", t),
 		showSettings: !0,
-		defaultRole: B.role,
-		defaultVoice: B.voice,
-		defaultStyle: B.style,
-		defaultLanguage: B.language,
-		defaultTemperature: B.temperature,
-		actions: ie,
+		defaultRole: V.role,
+		defaultVoice: V.voice,
+		defaultStyle: V.style,
+		defaultLanguage: V.language,
+		defaultTemperature: V.temperature,
+		actions: ae,
 		minHeight: s,
 		maxHeight: c,
 		className: p || T.Prompt.className,
 		wrapperClassName: ""
-	}), (ee || !U.configured) && (te ? /* @__PURE__ */ t.createElement("div", { className: "mt-1" }, te) : /* @__PURE__ */ t.createElement("span", { className: "mt-1 flex min-w-0 items-center gap-1 text-xs text-warning" }, /* @__PURE__ */ t.createElement(Q, {
+	}), (G || !W.configured) && (ne ? /* @__PURE__ */ t.createElement("div", { className: "mt-1" }, ne) : /* @__PURE__ */ t.createElement("span", { className: "mt-1 flex min-w-0 items-center gap-1 text-xs text-warning" }, /* @__PURE__ */ t.createElement(Q, {
 		name: "triangle-alert",
 		size: 13,
 		className: "shrink-0"
-	}), /* @__PURE__ */ t.createElement("span", { className: "truncate" }, ee ?? (U.reason || E.aiNotConfiguredShort)))), S && S.length > 0 && P && /* @__PURE__ */ t.createElement("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 rounded-lg border border-input/50 bg-muted/20 px-4 py-1.5 text-[11px] text-muted-foreground" }, S.map((e) => {
+	}), /* @__PURE__ */ t.createElement("span", { className: "truncate" }, G ?? (W.reason || E.aiNotConfiguredShort)))), S && S.length > 0 && P && /* @__PURE__ */ t.createElement("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 rounded-lg border border-input/50 bg-muted/20 px-4 py-1.5 text-[11px] text-muted-foreground" }, S.map((e) => {
 		if (typeof e == "string") switch (e) {
 			case "tokensIn": return /* @__PURE__ */ t.createElement("span", { key: "tokensIn" }, Dn(E.tokenInput, { count: P.tokensIn }));
 			case "tokensOut": return /* @__PURE__ */ t.createElement("span", { key: "tokensOut" }, Dn(E.tokenOutput, { count: P.tokensOut }));