@epam/ai-dial-chat-hooks 1.2.0-dev.21 → 1.2.0-dev.213

package/conversation/useMessageSelectionReply/useMessageSelectionReply.js

@@ -0,0 +1,189 @@
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+//#region src/conversation/useMessageSelectionReply/useMessageSelectionReply.ts
+var o = "button,input,textarea,select,iframe,[role=\"button\"],[contenteditable=\"true\"],[hidden],[inert],[aria-hidden=\"true\"]", s = [], c = (e, t) => e?.startContainer === t.startContainer && e.startOffset === t.startOffset && e.endContainer === t.endContainer && e.endOffset === t.endOffset, l = (e, t) => {
+	let n = window.visualViewport, r = n?.offsetLeft ?? 0, i = n?.offsetTop ?? 0, a = r + (n?.width ?? document.documentElement.clientWidth), o = i + (n?.height ?? document.documentElement.clientHeight);
+	for (let e = t; e; e = e.parentElement) {
+		let t = getComputedStyle(e);
+		if (t.display === "none" || t.visibility === "hidden") return;
+		let n = e.getBoundingClientRect();
+		/(hidden|clip|auto|scroll)/.test(t.overflowX) && (r = Math.max(r, n.left), a = Math.min(a, n.right)), /(hidden|clip|auto|scroll)/.test(t.overflowY) && (i = Math.max(i, n.top), o = Math.min(o, n.bottom));
+	}
+	return Array.from(e.getClientRects()).find((e) => e.width > 0 && e.height > 0 && e.left < a && e.right > r && e.top < o && e.bottom > i);
+}, u = ({ conversationId: u, enabled: d, droppedFiles: f, onDroppedFilesConsumed: p }) => {
+	let m = i(/* @__PURE__ */ new Set()), h = i(null), g = i(null), _ = i(null), [v, y] = a(null), [b, x] = a({
+		conversationId: u,
+		files: []
+	}), [S, C] = a(), [w, T] = a(0), E = i(/* @__PURE__ */ new WeakSet()), D = i({
+		conversationId: u,
+		enabled: d
+	});
+	n(() => {
+		D.current = {
+			conversationId: u,
+			enabled: d
+		};
+	}, [u, d]);
+	let O = e(() => {
+		_.current = g.current?.range.cloneRange() ?? null, g.current = null, y(null);
+	}, []), k = e((e) => {
+		if (e) return m.current.add(e), () => {
+			m.current.delete(e), g.current?.body === e && O();
+		};
+	}, [O]);
+	t(() => {
+		O(), _.current = null, E.current = /* @__PURE__ */ new WeakSet(), x({
+			conversationId: u,
+			files: []
+		}), T(0), C(void 0);
+	}, [u, O]), t(() => {
+		if (!d) {
+			O(), x({
+				conversationId: u,
+				files: []
+			});
+			return;
+		}
+		let e = 0, t = !1, n = !1, r = !1, i = () => {
+			if (e = 0, t || n || r || h.current?.contains(document.activeElement)) return;
+			let i = window.getSelection();
+			if (!i || i.rangeCount !== 1 || i.isCollapsed || !i.toString().trim()) {
+				O();
+				return;
+			}
+			let a = i.getRangeAt(0);
+			if (c(_.current, a)) return;
+			let s = [...m.current].find((e) => e.contains(a.startContainer) && e.contains(a.endContainer));
+			if (!s || !s.isConnected) {
+				O();
+				return;
+			}
+			let d = a.cloneContents();
+			d.querySelectorAll(o).forEach((e) => e.remove());
+			let f = a.commonAncestorContainer;
+			if ((f instanceof Element ? f : f.parentElement)?.closest(o) || !d.textContent?.trim()) {
+				O();
+				return;
+			}
+			let p = l(a, s);
+			if (!p) {
+				O();
+				return;
+			}
+			let v = {
+				conversationId: u,
+				body: s,
+				range: a.cloneRange(),
+				text: i.toString(),
+				rect: p
+			};
+			g.current = v, y(v);
+		}, a = () => {
+			e && cancelAnimationFrame(e), e = requestAnimationFrame(i);
+		}, s = () => {
+			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+				e = 0;
+				let t = g.current;
+				if (!t) return;
+				let n = l(t.range, t.body);
+				if (!n) O();
+				else {
+					let e = {
+						...t,
+						rect: n
+					};
+					g.current = e, y(e);
+				}
+			});
+		}, f = (e) => {
+			t = h.current?.contains(e.target) ?? !1, n = !t, t || (O(), [...m.current].some((t) => t.contains(e.target)) && (_.current = null));
+		}, p = () => {
+			n = !1, t || a(), t = !1;
+		}, v = () => {
+			n = !1, r = !1, t = !1, O();
+			let e = window.getSelection();
+			_.current = e?.rangeCount ? e.getRangeAt(0).cloneRange() : null;
+		}, b = (e) => {
+			if (!h.current?.contains(document.activeElement) && (e.shiftKey && [
+				"ArrowLeft",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End",
+				"PageUp",
+				"PageDown"
+			].includes(e.key) || (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "a")) {
+				r = !0, O(), _.current = null;
+				return;
+			}
+			if (g.current) {
+				if (e.key === "Escape") {
+					O();
+					return;
+				}
+				if (e.key === "Tab" && !e.shiftKey && !h.current?.contains(document.activeElement)) {
+					let t = h.current?.querySelector("button");
+					t && (e.preventDefault(), t.focus());
+				}
+			}
+		}, S = (e) => {
+			r && !e.shiftKey && (r = !1), e.key !== "Escape" && e.key !== "Tab" && a();
+		}, C = new MutationObserver((e) => {
+			let t = g.current;
+			t && (!t.body.isConnected || e.some((e) => t.body.contains(e.target))) && O();
+		});
+		return C.observe(document.body, {
+			subtree: !0,
+			childList: !0,
+			characterData: !0,
+			attributes: !0,
+			attributeFilter: [
+				"class",
+				"style",
+				"hidden",
+				"inert"
+			]
+		}), document.addEventListener("selectionchange", a), document.addEventListener("pointerdown", f, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", v, !0), window.addEventListener("blur", v), document.addEventListener("keydown", b), document.addEventListener("keyup", S), document.addEventListener("scroll", s, !0), window.addEventListener("resize", s), window.visualViewport?.addEventListener("resize", s), window.visualViewport?.addEventListener("scroll", s), () => {
+			cancelAnimationFrame(e), C.disconnect(), document.removeEventListener("selectionchange", a), document.removeEventListener("pointerdown", f, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", v, !0), window.removeEventListener("blur", v), document.removeEventListener("keydown", b), document.removeEventListener("keyup", S), document.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), window.visualViewport?.removeEventListener("resize", s), window.visualViewport?.removeEventListener("scroll", s);
+		};
+	}, [
+		u,
+		O,
+		d
+	]);
+	let A = e(() => {
+		let e = g.current;
+		if (!D.current.enabled || !e || e.conversationId !== D.current.conversationId || !e.body.isConnected || !l(e.range, e.body)) return;
+		let t = new File([e.text], `reply-${crypto.randomUUID()}.txt`, { type: "text/plain" });
+		E.current.add(t), T(0), x((n) => ({
+			conversationId: e.conversationId,
+			files: [...n.conversationId === e.conversationId ? n.files : [], t]
+		})), C((e) => (e ?? 0) + 1), O(), window.getSelection()?.removeAllRanges();
+	}, [O]), j = d && b.conversationId === u ? b.files : s, M = r(() => [...f, ...j], [f, j]), N = e(() => {
+		f.length && p(), x((e) => ({
+			...e,
+			files: e.files.filter((e) => !j.includes(e))
+		}));
+	}, [
+		f,
+		p,
+		j
+	]), P = e((e) => {
+		let t = e.filter((e) => e.file && E.current.has(e.file));
+		t.length && (t.forEach((e) => E.current.delete(e.file)), T((e) => e + 1));
+	}, []);
+	return {
+		contentRef: k,
+		actionRef: h,
+		selection: d && v?.conversationId === u ? v : null,
+		onReply: A,
+		dismiss: O,
+		pendingFiles: M,
+		onFilesConsumed: N,
+		focusRequestId: S,
+		onAttachmentsChange: P,
+		addedRevision: w
+	};
+};
+//#endregion
+export { u as useMessageSelectionReply };

package/conversation-overlay.d.ts

@@ -0,0 +1,7 @@
+import { Message } from '@epam/ai-dial-chat-shared';
+import { OverlayChatMessage } from '@epam/ai-dial-chat-overlay';
+
+/** Maps chat messages to the DIAL Chat Overlay protocol's message shape. */
+export declare const toOverlayMessages: (messages: Message[]) => OverlayChatMessage[];
+
+export { }

package/conversation-overlay.js

@@ -0,0 +1,2 @@
+import { toOverlayMessages as e } from "./conversation/overlay-messages.js";
+export { e as toOverlayMessages };

package/conversation-sources/useConversationSources/useConversationSources.js

@@ -1,35 +1,42 @@
 import { MessageRole as e, messageAttachmentToDisplayAttachment as t } from "@epam/ai-dial-chat-shared";
-import { isReferenceOnlyAttachment as n, resolveMessageAnnotations as r } from "@epam/ai-dial-quotations";
-import { useMemo as i } from "react";
+import { getAnnotationPdfPage as n, isReferenceOnlyAttachment as r, parsePdfPageReference as i, resolveMessageAnnotations as a } from "@epam/ai-dial-quotations";
+import { useMemo as o } from "react";
 //#region src/conversation-sources/useConversationSources/useConversationSources.ts
-var a = {}, o = (o, s = a) => i(() => {
-	let i = [], a = [], c = [], l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
-	for (let f of o) {
-		let o = f.custom_content?.attachments;
-		if (f.role === e.User) for (let e of o ?? []) {
-			let n = t(e, s);
-			u.has(n.id) || (u.add(n.id), i.push(n));
+var s = {}, c = (e, t) => {
+	let r = n(e);
+	if (r == null) return t;
+	let a = i(t);
+	return a == null || a.page != null ? t : `${t}#page=${r}`;
+}, l = (n, i = s) => o(() => {
+	let o = [], s = [], l = [], u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
+	for (let p of n) {
+		let n = p.custom_content?.attachments;
+		if (p.role === e.User) for (let e of n ?? []) {
+			let n = t(e, i);
+			d.has(n.id) || (d.add(n.id), o.push(n));
 		}
-		else if (f.role === e.Assistant) {
-			let e = o?.filter((e) => !n(e));
+		else if (p.role === e.Assistant) {
+			let e = n?.filter((e) => !r(e));
 			for (let n of e ?? []) {
-				let e = t(n, s);
-				d.has(e.id) || (d.add(e.id), a.push(e));
+				let e = t(n, i);
+				f.has(e.id) || (f.add(e.id), s.push(e));
 			}
-			for (let e of o ?? []) {
-				if (!n(e)) continue;
+			for (let e of n ?? []) {
+				if (!r(e)) continue;
 				let t = e.reference_url;
-				l.has(t) || (l.add(t), c.push({
+				u.has(t) || (u.add(t), l.push({
 					url: t,
 					title: e.title ?? t,
 					contentType: e.reference_type ?? e.type ?? "",
 					quote: e.data
 				}));
 			}
-			for (let e of r(f)) {
+			for (let e of a(p)) {
 				let t = e?.body?.source?.attachment, n = t?.url;
-				!n || l.has(n) || (l.add(n), c.push({
-					url: n,
+				if (!n) continue;
+				let r = c(e, n);
+				u.has(r) || (u.add(r), l.push({
+					url: r,
 					title: t?.title ?? n.split("/").pop() ?? n,
 					contentType: t?.type ?? "",
 					quote: e.body?.quote
@@ -38,10 +45,10 @@ var a = {}, o = (o, s = a) => i(() => {
 		}
 	}
 	return {
-		uploaded: i,
-		generated: a,
-		sources: c
+		uploaded: o,
+		generated: s,
+		sources: l
 	};
-}, [o, s]);
+}, [n, i]);
 //#endregion
-export { o as useConversationSources };
+export { l as useConversationSources };

package/conversation-sources.d.ts

@@ -18,7 +18,7 @@ export declare interface UseConversationSourcesResult {
     uploaded: DisplayAttachment[];
     /** Deduplicated attachments the assistant generated across the conversation. */
     generated: DisplayAttachment[];
-    /** Quotation sources referenced by assistant messages, deduplicated by URL. */
+    /** Quotation sources referenced by assistant messages, deduplicated by URL; PDF sources are qualified with `#page=N`. */
     sources: QuotationSource[];
 }
 

package/conversation-transfer.d.ts

@@ -139,7 +139,8 @@ export declare interface UseConversationExportResult {
  * `.dial`/`.zip`, v5 envelope, old- or new-chat origin) once per file, then
  * re-uploads any archive attachments to `uploads/<YYYY-MM>/` —
  * disambiguating a name collision with a ` (n)` suffix instead of rejecting
- * it — rewrites attachment references (and renamed titles), regenerates each
+ * it — rewrites attachment references (and renamed titles), drops any
+ * reference still pointing into another user's bucket, regenerates each
  * conversation's id/path with a fresh UUID (collision-free save, no replace
  * dialog), and persists every conversation through the injected
  * `conversationsApi`. One job per imported file, not per conversation.