@tangle-network/ui 11.10.0 → 11.11.1

package/dist/tool-display-BAuAVa43.js

@@ -0,0 +1,158 @@
+//#region src/utils/tool-display.ts
+const TOOL_NAME_PREFIX = "tool:";
+function normalizeToolName(tool) {
+	const n = tool?.toLowerCase() ?? "";
+	return n.startsWith(TOOL_NAME_PREFIX) ? n.slice(5) : n;
+}
+function extractString(obj, key) {
+	if (typeof obj === "object" && obj !== null && key in obj) {
+		const val = obj[key];
+		if (typeof val === "string") return val;
+	}
+}
+function extractCommand(input) {
+	if (typeof input === "string") return input;
+	return extractString(input, "command") ?? extractString(input, "cmd");
+}
+function extractFilePath(input) {
+	return extractString(input, "file_path") ?? extractString(input, "path") ?? extractString(input, "filePath") ?? extractString(input, "file");
+}
+const TOOL_CATEGORY_ICONS = {
+	command: "terminal",
+	write: "file-plus",
+	read: "file-text",
+	search: "search",
+	edit: "file-edit",
+	task: "cpu",
+	web: "globe",
+	todo: "check-square",
+	other: "box"
+};
+function getToolCategory(toolName) {
+	switch (normalizeToolName(toolName)) {
+		case "bash":
+		case "shell":
+		case "command":
+		case "execute": return "command";
+		case "write":
+		case "write_file":
+		case "create_file": return "write";
+		case "read":
+		case "read_file":
+		case "cat": return "read";
+		case "grep":
+		case "search":
+		case "rg": return "search";
+		case "edit":
+		case "patch":
+		case "sed": return "edit";
+		case "glob":
+		case "find":
+		case "ls": return "search";
+		case "web_search":
+		case "web_fetch":
+		case "fetch": return "web";
+		case "task":
+		case "agent":
+		case "spawn": return "task";
+		case "todo":
+		case "todo_write": return "todo";
+		default: return "other";
+	}
+}
+/**
+* Title is the bare verb ("Read", "Edit", "Shell"); the path, command, pattern
+* or query lives in `description` only, so a row prints its subject once.
+* `targetPath` / `commandSnippet` carry the untruncated value for consumers
+* that need it (diff headers, expanded detail).
+*/
+function getToolDisplayMetadata(part) {
+	const name = normalizeToolName(part.tool);
+	const input = part.state.status !== "pending" ? part.state.input : void 0;
+	const filePath = extractFilePath(input);
+	const command = extractCommand(input);
+	switch (name) {
+		case "bash":
+		case "shell":
+		case "command":
+		case "execute": return {
+			title: "Shell",
+			description: command ? truncateCommand(command) : void 0,
+			displayVariant: "command",
+			commandSnippet: command
+		};
+		case "write":
+		case "write_file":
+		case "create_file": return {
+			title: "Write",
+			description: filePath,
+			displayVariant: "write-file",
+			targetPath: filePath
+		};
+		case "edit":
+		case "patch": return {
+			title: "Edit",
+			description: filePath,
+			hasDiffOutput: true,
+			diffFilePath: filePath,
+			displayVariant: "diff",
+			targetPath: filePath
+		};
+		case "read":
+		case "read_file":
+		case "cat": return {
+			title: "Read",
+			description: filePath,
+			displayVariant: "read-file",
+			targetPath: filePath
+		};
+		case "grep":
+		case "search":
+		case "rg": return {
+			title: "Search",
+			description: extractString(input, "pattern"),
+			displayVariant: "grep"
+		};
+		case "glob":
+		case "find":
+		case "ls": return {
+			title: "Find",
+			description: extractString(input, "pattern"),
+			displayVariant: "glob"
+		};
+		case "web_search":
+		case "web_fetch":
+		case "fetch": {
+			const query = extractString(input, "query") ?? extractString(input, "url");
+			return {
+				title: name === "web_search" ? "Web search" : "Fetch",
+				description: query ? truncateCommand(query) : void 0,
+				displayVariant: "web-search"
+			};
+		}
+		case "task":
+		case "agent":
+		case "spawn": {
+			const desc = extractString(input, "description") ?? extractString(input, "prompt");
+			return {
+				title: "Task",
+				description: desc ? truncateCommand(desc) : void 0
+			};
+		}
+		default: return {
+			title: part.tool || "Tool",
+			description: command ?? filePath ?? extractString(input, "pattern") ?? extractString(input, "query")
+		};
+	}
+}
+function truncateCommand(cmd) {
+	const first = cmd.split("\n")[0];
+	return first.length > 60 ? first.slice(0, 57) + "..." : first;
+}
+/** Extract error text from a tool part, if any. */
+function getToolErrorText(part, fallback) {
+	if (part.state.status !== "error") return void 0;
+	return part.state.error || fallback;
+}
+//#endregion
+export { getToolErrorText as i, getToolCategory as n, getToolDisplayMetadata as r, TOOL_CATEGORY_ICONS as t };

package/dist/{tool-display-z4JcDmMQ.d.ts → tool-display-DgmL5rIU.d.ts}

@@ -1,6 +1,6 @@
-import { a as ToolPart } from './parts-dj7AcUg0.js';
-import { ReactNode } from 'react';
-
+import { i as ToolPart } from "./parts-5mhy9yJ3.js";
+import { ReactNode } from "react";
+//#region src/types/tool-display.d.ts
 /**
  * Variant-specific rendering instructions for tool output.
  * Maps directly to specialised preview components.
@@ -16,17 +16,17 @@ type CustomToolRenderer = (part: ToolPart) => ReactNode | null;
  * input, and output by `getToolDisplayMetadata()`.
  */
 interface ToolDisplayMetadata {
-    title: string;
-    description?: string;
-    inputTitle?: string;
-    outputTitle?: string;
-    inputLanguage?: string;
-    outputLanguage?: string;
-    hasDiffOutput?: boolean;
-    diffFilePath?: string;
-    displayVariant?: DisplayVariant;
-    commandSnippet?: string;
-    targetPath?: string;
+  title: string;
+  description?: string;
+  inputTitle?: string;
+  outputTitle?: string;
+  inputLanguage?: string;
+  outputLanguage?: string;
+  hasDiffOutput?: boolean;
+  diffFilePath?: string;
+  displayVariant?: DisplayVariant;
+  commandSnippet?: string;
+  targetPath?: string;
 }
-
-export type { CustomToolRenderer as C, DisplayVariant as D, ToolDisplayMetadata as T };
+//#endregion
+export { DisplayVariant as n, ToolDisplayMetadata as r, CustomToolRenderer as t };

package/dist/tool-previews.d.ts

@@ -1,48 +1,2 @@
-import * as React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ToolPart } from './parts-dj7AcUg0.js';
-
-interface CommandPreviewProps {
-    part: ToolPart;
-}
-/**
- * Terminal-style command output preview.
- * Shows the command, exit code, and stdout/stderr with expand/collapse.
- */
-declare const CommandPreview: React.MemoExoticComponent<({ part }: CommandPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-interface WriteFilePreviewProps {
-    part: ToolPart;
-}
-/**
- * Preview for file write/create operations.
- * Shows file path, line count, and the written content.
- */
-declare const WriteFilePreview: React.MemoExoticComponent<({ part }: WriteFilePreviewProps) => react_jsx_runtime.JSX.Element | null>;
-
-interface GrepResultsPreviewProps {
-    part: ToolPart;
-}
-declare const GrepResultsPreview: React.MemoExoticComponent<({ part }: GrepResultsPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-interface GlobResultsPreviewProps {
-    part: ToolPart;
-}
-declare const GlobResultsPreview: React.MemoExoticComponent<({ part }: GlobResultsPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-interface WebSearchPreviewProps {
-    part: ToolPart;
-}
-declare const WebSearchPreview: React.MemoExoticComponent<({ part }: WebSearchPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-interface QuestionPreviewProps {
-    part: ToolPart;
-}
-declare const QuestionPreview: React.MemoExoticComponent<({ part }: QuestionPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-interface DiffPreviewProps {
-    part: ToolPart;
-}
-declare const DiffPreview: React.MemoExoticComponent<({ part }: DiffPreviewProps) => react_jsx_runtime.JSX.Element>;
-
-export { CommandPreview, type CommandPreviewProps, DiffPreview, type DiffPreviewProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, QuestionPreview, type QuestionPreviewProps, WebSearchPreview, type WebSearchPreviewProps, WriteFilePreview, type WriteFilePreviewProps };
+import { a as WebSearchPreview, c as GlobResultsPreviewProps, d as WriteFilePreview, f as WriteFilePreviewProps, i as QuestionPreviewProps, l as GrepResultsPreview, m as CommandPreviewProps, n as DiffPreviewProps, o as WebSearchPreviewProps, p as CommandPreview, r as QuestionPreview, s as GlobResultsPreview, t as DiffPreview, u as GrepResultsPreviewProps } from "./index-2UntyjBb.js";
+export { CommandPreview, type CommandPreviewProps, DiffPreview, type DiffPreviewProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, QuestionPreview, type QuestionPreviewProps, WebSearchPreview, type WebSearchPreviewProps, WriteFilePreview, type WriteFilePreviewProps };

package/dist/tool-previews.js

@@ -1,23 +1,2 @@
-import "./chunk-3OI2QKFD.js";
-import {
-  CommandPreview,
-  DiffPreview,
-  GlobResultsPreview,
-  GrepResultsPreview,
-  QuestionPreview,
-  WebSearchPreview,
-  WriteFilePreview
-} from "./chunk-HMAPIH7L.js";
-import "./chunk-XU3HB5QL.js";
-import "./chunk-3XXBZL53.js";
-import "./chunk-WKWBTL2V.js";
-import "./chunk-RQHJBTEU.js";
-export {
-  CommandPreview,
-  DiffPreview,
-  GlobResultsPreview,
-  GrepResultsPreview,
-  QuestionPreview,
-  WebSearchPreview,
-  WriteFilePreview
-};
+import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-BcK3nRXb.js";
+export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview };

package/dist/types.d.ts

@@ -1,19 +1,6 @@
-export { S as SessionMessage } from './message-BHWbxBtT.js';
-export { R as ReasoningPart, S as SessionPart, T as TextPart, a as ToolPart, b as ToolState, c as ToolStatus, d as ToolTime } from './parts-dj7AcUg0.js';
-export { F as FinalTextPart, G as GroupedMessage, M as MessageRun, a as MessageUser, R as Run, b as RunStats, T as ToolCategory } from './run-PfLmDAox.js';
-export { C as CustomToolRenderer, D as DisplayVariant, T as ToolDisplayMetadata } from './tool-display-z4JcDmMQ.js';
-import 'react';
-
-/** Visual branding for a run group header — injected by consuming app. */
-interface AgentBranding {
-    label: string;
-    accentClass: string;
-    bgClass: string;
-    containerBgClass: string;
-    borderClass: string;
-    /** CSS class for the agent icon (legacy). Ignored when using lucide-react icons. */
-    iconClass: string;
-    textClass: string;
-}
-
-export type { AgentBranding };
+import { t as SessionMessage } from "./message-vhUI0c5G.js";
+import { a as ToolState, i as ToolPart, n as SessionPart, o as ToolStatus, r as TextPart, s as ToolTime, t as ReasoningPart } from "./parts-5mhy9yJ3.js";
+import { t as AgentBranding } from "./branding-26d5ARIr.js";
+import { n as DisplayVariant, r as ToolDisplayMetadata, t as CustomToolRenderer } from "./tool-display-DgmL5rIU.js";
+import { a as Run, i as MessageUser, n as GroupedMessage, o as RunStats, r as MessageRun, s as ToolCategory, t as FinalTextPart } from "./run-OyWmIDqu.js";
+export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime };

package/dist/types.js

@@ -1 +0,0 @@
-import "./chunk-6BGQA4BQ.js";

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

@@ -0,0 +1,153 @@
+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 };