@declarion/react 0.57.0 → 0.59.2

package/dist-lib/useAgentConversation-D97IqE-J.js

@@ -0,0 +1,623 @@
+import { A as e, Rn as t, j as n, jn as r, k as i } from "./useCurrentScreen-BL5NZFCw.js";
+import { $ as a, P as o, p as s, t as c } from "./useText-BFDCTUSo.js";
+import { p as l } from "./failure-v-uGSpbX.js";
+import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/agents/AgentElicitForm.tsx
+function g({ message: e, schema: n, onSubmit: r, onCancel: i }) {
+	let a = c(), [o, s] = p(() => x(n)), [l, u] = p(null), d = () => {
+		let e = (n.required ?? []).filter((e) => b(o[e]));
+		if (e.length > 0) {
+			u(a("agent.elicit.required", "Required: {fields}", { fields: e.join(", ") }));
+			return;
+		}
+		r(o);
+	}, f = Object.entries(n.properties ?? {});
+	return /* @__PURE__ */ h("div", {
+		className: "rounded-md border border-divider bg-surface p-3 text-sm",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "mb-3 font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "space-y-2",
+				children: f.map(([e, t]) => /* @__PURE__ */ m(_, {
+					name: e,
+					prop: t,
+					required: (n.required ?? []).includes(e),
+					value: o[e],
+					onChange: (t) => s((n) => ({
+						...n,
+						[e]: t
+					}))
+				}, e))
+			}),
+			l && /* @__PURE__ */ m("div", {
+				className: "mt-2 text-xs text-destructive",
+				children: l
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-3 flex justify-end gap-2",
+				children: [i && /* @__PURE__ */ m(t, {
+					kind: "ghost",
+					onClick: i,
+					children: a("dialog.cancel", "Cancel")
+				}), /* @__PURE__ */ m(t, {
+					onClick: d,
+					children: a("agent.elicit.submit", "Submit")
+				})]
+			})
+		]
+	});
+}
+function _({ name: e, prop: t, required: n, value: i, onChange: a }) {
+	let o = (t.title ?? y(e)) + (n ? " *" : ""), s = t.description;
+	return t.enum ? /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ h("select", {
+			value: r(i),
+			onChange: (e) => a(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm",
+			children: [/* @__PURE__ */ m("option", {
+				value: "",
+				children: "—"
+			}), t.enum.map((e) => /* @__PURE__ */ m("option", {
+				value: String(e),
+				children: String(e)
+			}, String(e)))]
+		})
+	}) : t.type === "boolean" ? /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ m("input", {
+			type: "checkbox",
+			checked: !!i,
+			onChange: (e) => a(e.target.checked)
+		})
+	}) : t.type === "array" && t.items?.enum ? /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ m("select", {
+			multiple: !0,
+			value: Array.isArray(i) ? i.map(String) : [],
+			onChange: (e) => {
+				a(Array.from(e.target.selectedOptions).map((e) => e.value));
+			},
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm",
+			children: t.items.enum.map((e) => /* @__PURE__ */ m("option", {
+				value: String(e),
+				children: String(e)
+			}, String(e)))
+		})
+	}) : t.type === "integer" || t.type === "number" ? /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ m("input", {
+			type: "number",
+			step: t.type === "integer" ? 1 : "any",
+			min: t.minimum,
+			max: t.maximum,
+			value: i == null ? "" : r(i),
+			onChange: (e) => {
+				a(e.target.value === "" ? void 0 : Number(e.target.value));
+			},
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	}) : t.format === "multiline" ? /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ m("textarea", {
+			rows: 3,
+			value: r(i),
+			onChange: (e) => a(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	}) : /* @__PURE__ */ m(v, {
+		label: o,
+		help: s,
+		children: /* @__PURE__ */ m("input", {
+			type: t.format === "email" ? "email" : t.format === "url" ? "url" : t.format === "date-time" ? "datetime-local" : "text",
+			value: r(i),
+			onChange: (e) => a(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	});
+}
+function v({ label: e, help: t, children: n }) {
+	return /* @__PURE__ */ h("label", {
+		className: "block",
+		children: [
+			/* @__PURE__ */ m("span", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: e
+			}),
+			n,
+			t && /* @__PURE__ */ m("span", {
+				className: "mt-0.5 block text-xs text-muted-foreground",
+				children: t
+			})
+		]
+	});
+}
+function y(e) {
+	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function b(e) {
+	return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
+}
+function x(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e.properties ?? {})) r.default !== void 0 && (t[n] = r.default);
+	return t;
+}
+//#endregion
+//#region src/components/agents/AgentPicker.tsx
+function S({ agents: e, selectedId: t, onSelect: n, label: r }) {
+	let i = c();
+	if (e.length < 2) return null;
+	let a = e.find((e) => e.id === t);
+	return /* @__PURE__ */ h("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "8px 14px",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [
+			/* @__PURE__ */ m("label", {
+				htmlFor: "agent-picker",
+				style: {
+					fontSize: 10.5,
+					color: "var(--text-3)"
+				},
+				children: r
+			}),
+			/* @__PURE__ */ m("select", {
+				id: "agent-picker",
+				value: t ?? "",
+				onChange: (e) => n(e.target.value),
+				style: {
+					flex: 1,
+					fontSize: 11.5,
+					padding: "3px 6px",
+					borderRadius: 6,
+					border: "1px solid var(--border)",
+					background: "var(--surface-2)",
+					color: "var(--text)"
+				},
+				children: e.map((e) => /* @__PURE__ */ m("option", {
+					value: e.id,
+					children: C(e, i)
+				}, e.id))
+			}),
+			a?.description && /* @__PURE__ */ m("span", {
+				style: {
+					flex: 2,
+					fontSize: 10.5,
+					color: "var(--text-3)"
+				},
+				children: i(a.description)
+			})
+		]
+	});
+}
+function C(e, t) {
+	return t(e.name) || e.code;
+}
+//#endregion
+//#region src/api/agents.ts
+async function w() {
+	return (await o("agents.list_available", {})).agents ?? [];
+}
+async function T(e) {
+	return {
+		id: (await o("agent.start_conversation", { ...e.agent_id ? { agent_id: e.agent_id } : {} })).conversation_id,
+		status: "active"
+	};
+}
+async function E(e, t) {
+	return {
+		id: (await o("agent.send_message", {
+			conversation_id: t,
+			text: e
+		})).message_id,
+		conversation_id: t,
+		role: "user"
+	};
+}
+async function D(e, t) {
+	await o("agent.answer_question", {
+		invocation_id: e,
+		answer: t
+	});
+}
+async function O(e, t, n) {
+	await D(t, n);
+}
+async function k(e, t = "call") {
+	await D(e, {
+		approve: !0,
+		scope: t
+	});
+}
+async function A(e, t) {
+	await D(e, {
+		approve: !1,
+		...t ? { note: t } : {}
+	});
+}
+async function j(e) {
+	await o("agent.cancel_question", { invocation_id: e });
+}
+async function M(e) {
+	await o("agent.cancel_conversation", { conversation_id: e });
+}
+async function N() {
+	let e = await l("agent_conversation", {
+		sort: "updated_at:desc",
+		page: 1,
+		per_page: 50
+	});
+	return (e.data ?? []).map((t) => ({
+		...t,
+		agent: t.agent_id ? e.$refs?.agent?.[t.agent_id]?.code : void 0
+	}));
+}
+async function P(e) {
+	return L("agent_turn", {
+		filters: [{
+			field: "conversation_id",
+			op: "eq",
+			value: e
+		}],
+		sort: "runnable_message_seq:asc"
+	});
+}
+async function F(e) {
+	return L("agent_tool_invocation", {
+		filters: [{
+			field: "conversation_id",
+			op: "eq",
+			value: e
+		}],
+		sort: "created_at:asc"
+	});
+}
+async function I(e) {
+	return L("agent_message", {
+		filters: [{
+			field: "conversation_id",
+			op: "eq",
+			value: e
+		}],
+		sort: "seq:asc"
+	});
+}
+async function L(e, t) {
+	let n = [];
+	for (let r = 1;; r += 1) {
+		let i = await l(e, {
+			...t,
+			page: r,
+			per_page: 1e3
+		}), a = i.data ?? [];
+		if (n.push(...a), i.meta?.has_more !== !0) return n;
+		if (a.length === 0) throw Error(`${e} pagination did not advance`);
+	}
+}
+//#endregion
+//#region src/hooks/useAgentConversation.ts
+var R = { streaming: !1 }, z = "declarion.agents.conversation_id";
+function B(e) {
+	if (e) return `${z}:${e}`;
+}
+function V(e) {
+	if (typeof window > "u") return;
+	let t = B(e);
+	if (t) try {
+		return window.localStorage.getItem(t) || void 0;
+	} catch {
+		return;
+	}
+}
+function H(e, t) {
+	if (typeof window > "u") return;
+	let n = B(e);
+	if (n) try {
+		t ? window.localStorage.setItem(n, t) : window.localStorage.removeItem(n);
+	} catch {}
+}
+function U(e) {
+	return !(e instanceof a) || e.code !== "entity.foreign_key_violation" ? !1 : e.ext("constraint") === "agent_messages_tenant_conv_fk";
+}
+function W(e, t) {
+	return {
+		id: e,
+		conversation_id: t,
+		seq: 0,
+		role: "assistant",
+		content: [],
+		created_at: (/* @__PURE__ */ new Date()).toISOString(),
+		streaming: !0
+	};
+}
+function G(e, t) {
+	let n = !1, r = e.map((e) => e.role !== "assistant" || !e.streaming || e.id === t ? e : (n = !0, {
+		...e,
+		streaming: !1
+	}));
+	return n ? r : e;
+}
+function K(e, t) {
+	let n = !1, r = [];
+	for (let i of e) {
+		if (i.id !== t || i.role !== "assistant") {
+			r.push(i);
+			continue;
+		}
+		if (n = !0, i.content.length !== 0) {
+			if (i.streaming) {
+				r.push({
+					...i,
+					streaming: !1
+				});
+				continue;
+			}
+			r.push(i);
+		}
+	}
+	return n ? r : e;
+}
+function q(e) {
+	let t = e;
+	for (let n of e) n.role === "assistant" && n.streaming && (t = K(t, n.id));
+	return t;
+}
+function J(e, t, n, r) {
+	let i = !1, a = e.map((e) => e.id === n ? (i = !0, r(e)) : e);
+	return i ? a : [...e, r(W(n, t))];
+}
+function Y(e, t, n, r) {
+	if (!r) return e;
+	let i = e.find((e) => e.id === n);
+	return i && !i.streaming ? e : J(G(e, n), t, n, (e) => {
+		let t = [...e.content], n = t[t.length - 1];
+		return n?.type === "text" ? t[t.length - 1] = {
+			...n,
+			text: n.text + r
+		} : t.push({
+			type: "text",
+			text: r
+		}), {
+			...e,
+			streaming: !0,
+			content: t
+		};
+	});
+}
+function ee(e, t, n, r, i, a) {
+	let o = e.find((e) => e.id === n);
+	return o && !o.streaming ? e : J(G(e, n), t, n, (e) => r && e.content.some((e) => e.type === "tool_use" && e.id === r) ? e.streaming ? e : {
+		...e,
+		streaming: !0
+	} : {
+		...e,
+		streaming: !0,
+		content: [...e.content, {
+			type: "tool_use",
+			id: r || `pending-${n}-${e.content.length}`,
+			name: i,
+			input: a
+		}]
+	});
+}
+function te(e, t) {
+	let n = e.map((e) => e.streaming ? {
+		...e,
+		streaming: !1
+	} : e), r = new Set(n.map((e) => e.id)), i = /* @__PURE__ */ new Set();
+	for (let e of n) if (e.role === "tool") for (let t of e.content) t.type === "tool_result" && t.id && i.add(t.id);
+	for (let e of t) {
+		if (e.role === "assistant") {
+			if (!e.streaming || r.has(e.id)) continue;
+			n.push(e);
+			continue;
+		}
+		if (e.role === "tool") {
+			if (r.has(e.id)) continue;
+			let t = e.content.find((e) => e.type === "tool_result");
+			if (t && i.has(t.id)) continue;
+			n.push(e);
+		}
+	}
+	return n;
+}
+function X(e) {
+	let t = e.payload?.message_id;
+	return typeof t == "string" && t ? t : void 0;
+}
+function Z(t) {
+	let a = s.getState().activeTenant?.id, [o, c] = p(t ?? V(a)), l = u((e) => {
+		H(a, e), c(e);
+	}, [a]), [m, h] = p([]), [g, _] = p(R), [v, y] = p([]), [b, x] = p([]), [S, C] = p([]), [D, L] = p([]), [z, B] = p(), W = f(/* @__PURE__ */ new Set()), Z = f(0);
+	d(() => {
+		if (!o) {
+			h([]), _(R), y([]), x([]);
+			return;
+		}
+		if (W.current.has(o)) {
+			W.current.delete(o);
+			return;
+		}
+		let e = !1;
+		return Promise.all([
+			I(o),
+			P(o),
+			F(o)
+		]).then(([t, n, r]) => {
+			if (e) return;
+			let i = t.map((e) => e.streaming ? {
+				...e,
+				streaming: !1
+			} : e);
+			h(i), y(n), x(r);
+		}, (t) => {
+			e || t?.status === 404 && (l(void 0), h([]));
+		}), () => {
+			e = !0;
+		};
+	}, [o, l]);
+	let Q = f(o);
+	d(() => {
+		Q.current = o;
+	}, [o]);
+	let $ = u((e) => {
+		let t = ++Z.current;
+		Promise.all([
+			I(e),
+			P(e),
+			F(e)
+		]).then(([n, r, i]) => {
+			e === Q.current && t === Z.current && (h((e) => te(n, e)), y(r), x(i));
+		}, () => {});
+	}, []);
+	d(() => {
+		let t = (e) => {
+			let { convId: t, kind: n, turnId: r, payload: i } = e.detail;
+			t === Q.current && a(t, {
+				kind: n,
+				turnId: r,
+				payload: i
+			});
+		};
+		n.addEventListener(i, t);
+		let a = (e, t) => {
+			switch (t.kind) {
+				case "turn.started":
+					_((e) => ({
+						...e,
+						streaming: !0
+					})), h((e) => G(e));
+					break;
+				case "assistant.message.created": {
+					let n = typeof t.payload?.message_id == "string" ? t.payload.message_id : "";
+					if (!n) break;
+					h((t) => J(G(t, n), e, n, (e) => ({
+						...e,
+						streaming: !0
+					})));
+					break;
+				}
+				case "text.delta": {
+					let n = r(t.payload?.text), i = X(t);
+					if (!i || !n) break;
+					h((t) => Y(t, e, i, n));
+					break;
+				}
+				case "elicit.pending":
+					$(e);
+					break;
+				case "tool.pending":
+					$(e);
+					break;
+				case "tool.proposed": {
+					let n = X(t), r = typeof t.payload?.tool == "string" ? t.payload.tool : "", i = t.payload?.params ?? {}, a = typeof t.payload?.tool_use_id == "string" ? t.payload.tool_use_id : "";
+					if (!n || !r) break;
+					h((t) => ee(t, e, n, a, r, i));
+					break;
+				}
+				case "tool.result":
+				case "tool.failed":
+				case "tool.canceled":
+					$(e);
+					break;
+				case "turn.finished": {
+					_(R);
+					let e = X(t);
+					e && h((t) => K(t, e));
+					break;
+				}
+				case "error": h((e) => q(e)), _((e) => ({
+					...e,
+					streaming: !1
+				}));
+			}
+		}, o = () => {
+			let e = Q.current;
+			e && $(e);
+		};
+		return n.addEventListener(e, o), () => {
+			n.removeEventListener(i, t), n.removeEventListener(e, o);
+		};
+	}, [$]);
+	let ne = u(async (e) => {
+		let t = o;
+		t || (t = (await T({ agent_id: z })).id, W.current.add(t), Q.current = t, l(t));
+		let n;
+		try {
+			n = await E(e, t);
+		} catch (r) {
+			if (!U(r)) throw r;
+			t = (await T({ agent_id: z })).id, W.current.add(t), Q.current = t, l(t), n = await E(e, t);
+		}
+		h((t) => t.some((e) => e.id === n.id) ? t : [...t, {
+			...n,
+			content: [{
+				type: "text",
+				text: e
+			}]
+		}]);
+	}, [
+		o,
+		l,
+		z
+	]), re = u(async (e, t) => {
+		await k(e, t), o && $(o);
+	}, [o, $]), ie = u(async (e, t) => {
+		await A(e, t), o && $(o);
+	}, [o, $]), ae = u(async (e, t) => {
+		o && (await O(o, e, t), $(o));
+	}, [o, $]), oe = u(async (e) => {
+		o && (await j(e), $(o));
+	}, [o, $]), se = u(async () => {
+		o && await M(o);
+	}, [o]), ce = u(async () => {
+		C(await N());
+	}, []), le = u(() => {
+		l(void 0), h([]), _(R);
+	}, [l]);
+	return d(() => {
+		let e = !0;
+		return w().then((t) => {
+			e && (L(t), B((e) => e ?? t.find((e) => e.is_default)?.id));
+		}).catch((e) => {
+			console.warn("agents.list_available failed; the agent picker is unavailable", e);
+		}), () => {
+			e = !1;
+		};
+	}, []), {
+		conversationId: o,
+		messages: m,
+		turn: g,
+		turns: v,
+		invocations: b,
+		conversations: S,
+		send: ne,
+		approve: re,
+		reject: ie,
+		submitInput: ae,
+		cancelInput: oe,
+		cancel: se,
+		refreshConversations: ce,
+		startNew: le,
+		agents: D,
+		selectedAgentId: z,
+		selectAgent: B,
+		setConversationId: l
+	};
+}
+//#endregion
+export { j as a, N as c, I as d, A as f, g, S as h, M as i, F as l, E as m, D as n, T as o, O as p, k as r, w as s, Z as t, P as u };