@tangle-network/ui 11.11.8 → 11.13.0

package/dist/use-auto-scroll-C5Pjeqon.js

@@ -1,153 +0,0 @@
-import { n as getToolCategory } from "./tool-display-BAuAVa43.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-//#region src/hooks/use-run-groups.ts
-function computeRunStats(messages, partMap) {
-	const stats = {
-		toolCount: 0,
-		messageCount: messages.length,
-		thinkingDurationMs: 0,
-		textPartCount: 0,
-		toolCategories: /* @__PURE__ */ new Set()
-	};
-	for (const msg of messages) {
-		const parts = partMap[msg.id] ?? [];
-		for (const part of parts) switch (part.type) {
-			case "tool":
-				stats.toolCount++;
-				stats.toolCategories.add(getToolCategory(part.tool));
-				break;
-			case "text":
-				if (!part.synthetic) stats.textPartCount++;
-				break;
-			case "reasoning": {
-				const start = part.time?.start;
-				const end = part.time?.end;
-				if (start && end) stats.thinkingDurationMs += end - start;
-				break;
-			}
-		}
-	}
-	return stats;
-}
-function getLastTextContent(messages, partMap) {
-	for (let i = messages.length - 1; i >= 0; i--) {
-		const parts = partMap[messages[i].id] ?? [];
-		for (let j = parts.length - 1; j >= 0; j--) {
-			const part = parts[j];
-			if (part.type === "text" && !part.synthetic && part.text.trim()) return part.text.trim();
-		}
-	}
-	return null;
-}
-function useRunGroups({ messages, partMap, isStreaming }) {
-	return useMemo(() => {
-		const groups = [];
-		let currentRunMessages = [];
-		function flushRun(streaming) {
-			if (currentRunMessages.length === 0) return;
-			const msgs = [...currentRunMessages];
-			const stats = computeRunStats(msgs, partMap);
-			const summaryText = getLastTextContent(msgs, partMap);
-			const isComplete = !streaming;
-			groups.push({
-				type: "run",
-				run: {
-					id: msgs[0].id,
-					messages: msgs,
-					isComplete,
-					isStreaming: streaming,
-					stats,
-					summaryText,
-					finalTextPart: null
-				}
-			});
-			currentRunMessages = [];
-		}
-		for (let i = 0; i < messages.length; i++) {
-			const msg = messages[i];
-			if (msg.role === "user") {
-				flushRun(false);
-				groups.push({
-					type: "user",
-					message: msg
-				});
-			} else currentRunMessages.push(msg);
-		}
-		if (currentRunMessages.length > 0) flushRun(isStreaming);
-		return groups;
-	}, [
-		messages,
-		partMap,
-		isStreaming
-	]);
-}
-//#endregion
-//#region src/hooks/use-run-collapse-state.ts
-/**
-* Manages per-run collapse state with auto-collapse after run completion.
-*
-* - Runs stay expanded by default
-* - Collapse is manual only
-*/
-function useRunCollapseState(runs) {
-	const [collapsedMap, setCollapsedMap] = useState({});
-	return {
-		isCollapsed: useCallback((runId) => {
-			return collapsedMap[runId] ?? false;
-		}, [collapsedMap]),
-		toggleCollapse: useCallback((runId) => {
-			setCollapsedMap((prev) => ({
-				...prev,
-				[runId]: !prev[runId]
-			}));
-		}, [])
-	};
-}
-//#endregion
-//#region src/hooks/use-auto-scroll.ts
-const BOTTOM_THRESHOLD = 40;
-/**
-* Scroll-to-bottom behaviour: sticks to the bottom while streaming,
-* pauses when user scrolls up, resumes when user scrolls back down.
-*/
-function useAutoScroll(containerRef, deps = []) {
-	const [isAtBottom, setIsAtBottom] = useState(true);
-	const userScrolledUp = useRef(false);
-	const checkBottom = useCallback(() => {
-		const el = containerRef.current;
-		if (!el) return true;
-		return el.scrollHeight - el.scrollTop - el.clientHeight < BOTTOM_THRESHOLD;
-	}, [containerRef]);
-	useEffect(() => {
-		const el = containerRef.current;
-		if (!el) return;
-		const onScroll = () => {
-			const atBottom = checkBottom();
-			setIsAtBottom(atBottom);
-			userScrolledUp.current = !atBottom;
-		};
-		el.addEventListener("scroll", onScroll, { passive: true });
-		return () => el.removeEventListener("scroll", onScroll);
-	}, [containerRef, checkBottom]);
-	useEffect(() => {
-		if (userScrolledUp.current) return;
-		const el = containerRef.current;
-		if (!el) return;
-		el.scrollTop = el.scrollHeight;
-	}, deps);
-	return {
-		isAtBottom,
-		scrollToBottom: useCallback(() => {
-			const el = containerRef.current;
-			if (!el) return;
-			userScrolledUp.current = false;
-			el.scrollTo({
-				top: el.scrollHeight,
-				behavior: "smooth"
-			});
-			setIsAtBottom(true);
-		}, [containerRef])
-	};
-}
-//#endregion
-export { useRunCollapseState as n, useRunGroups as r, useAutoScroll as t };