@manta-eu/react 0.1.0

package/dist/components/chat-view/DebugMessagesButton.d.ts

@@ -0,0 +1,13 @@
+import type { ChatUIMessage } from "@manta-eu/client/shared/index";
+type DebugMessagesButtonProps = {
+    messages: ChatUIMessage[];
+};
+export declare function DebugMessagesButton(props: DebugMessagesButtonProps): import("react/jsx-runtime").JSX.Element;
+type DebugMessagesDialogProps = {
+    messages: ChatUIMessage[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare function DebugMessagesDialog(props: DebugMessagesDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DebugMessagesButton.d.ts.map

package/dist/components/chat-view/DebugMessagesButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugMessagesButton.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/DebugMessagesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAWnE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B,CAAC;AAmOF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAmBlE;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAgHlE"}

package/dist/components/chat-view/DebugMessagesButton.js

@@ -0,0 +1,133 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanBytes, humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { BugIcon, ChevronDownIcon, ChevronUpIcon, CopyIcon, SearchIcon, XIcon } from "lucide-react";
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button } from "#components/button/index";
+import { Input } from "#components/input/index";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "#components/modal/index";
+import { useCopyToClipboard } from "#lib/use-copy-clipboard";
+import { cn } from "#lib/utils";
+const encoder = new TextEncoder();
+function byteSize(text) {
+    return encoder.encode(text).length;
+}
+function countMatches(haystack, needle) {
+    if (!needle)
+        return 0;
+    const lowerHay = haystack.toLowerCase();
+    const lowerNeedle = needle.toLowerCase();
+    let count = 0;
+    let index = lowerHay.indexOf(lowerNeedle);
+    while (index !== -1) {
+        count += 1;
+        index = lowerHay.indexOf(lowerNeedle, index + lowerNeedle.length);
+    }
+    return count;
+}
+function Highlighted(props) {
+    const { text, query, activeIndex, activeRef } = props;
+    if (!query)
+        return _jsx(_Fragment, { children: text });
+    const lowerText = text.toLowerCase();
+    const lowerQuery = query.toLowerCase();
+    const segments = [];
+    let cursor = 0;
+    let key = 0;
+    let ordinal = 0;
+    let matchIndex = lowerText.indexOf(lowerQuery);
+    while (matchIndex !== -1) {
+        if (matchIndex > cursor) {
+            segments.push(_jsx(Fragment, { children: text.slice(cursor, matchIndex) }, key++));
+        }
+        const end = matchIndex + lowerQuery.length;
+        const isActive = ordinal === activeIndex;
+        segments.push(_jsx("mark", { ref: isActive ? activeRef : undefined, className: cn("rounded-sm scroll-my-8", isActive ? "bg-primary text-primary-foreground" : "bg-warning text-warning-foreground"), children: text.slice(matchIndex, end) }, key++));
+        ordinal += 1;
+        cursor = end;
+        matchIndex = lowerText.indexOf(lowerQuery, end);
+    }
+    if (cursor < text.length) {
+        segments.push(_jsx(Fragment, { children: text.slice(cursor) }, key++));
+    }
+    return _jsx(_Fragment, { children: segments });
+}
+function MessageCard(props) {
+    const { entry, globalQuery, localQuery, onOpenSearch, onCloseSearch, onQueryChange, onCopy } = props;
+    const isSearchOpen = localQuery !== undefined;
+    const trimmedLocalQuery = (localQuery ?? "").trim();
+    const highlightQuery = trimmedLocalQuery || globalQuery;
+    const matchCount = useMemo(() => countMatches(entry.json, highlightQuery), [entry.json, highlightQuery]);
+    const [activeMatch, setActiveMatch] = useState(0);
+    const preRef = useRef(null);
+    const activeMarkRef = useRef(null);
+    const setActiveMarkRef = useCallback((element) => {
+        activeMarkRef.current = element;
+    }, []);
+    useEffect(() => {
+        setActiveMatch(0);
+    }, [highlightQuery]);
+    useEffect(() => {
+        const pre = preRef.current;
+        const mark = activeMarkRef.current;
+        if (!pre || !mark)
+            return;
+        const preRect = pre.getBoundingClientRect();
+        const markRect = mark.getBoundingClientRect();
+        const target = pre.scrollTop + (markRect.top - preRect.top) - pre.clientHeight / 2 + markRect.height / 2;
+        pre.scrollTo({ top: Math.max(0, target), behavior: "smooth" });
+    }, [highlightQuery, activeMatch]);
+    function goToMatch(delta) {
+        if (matchCount === 0)
+            return;
+        setActiveMatch((current) => (current + delta + matchCount) % matchCount);
+    }
+    return (_jsxs("div", { className: "overflow-hidden rounded-lg border border-default-border bg-card", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-default-border px-4 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsxs("p", { className: "truncate typography-small-medium text-default-foreground", children: ["Message ", entry.id] }), _jsx("span", { className: "shrink-0 rounded-md bg-muted px-2 py-0.5 typography-tiny text-muted-foreground", children: entry.role })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("span", { className: "typography-tiny text-muted-foreground", children: humanBytes(entry.size) }), isPresent(highlightQuery) && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: ChevronUpIcon, "aria-label": "Previous match", disabled: matchCount === 0, onClick: () => goToMatch(-1) }), _jsx("span", { className: "min-w-10 text-center typography-tiny text-muted-foreground tabular-nums", children: matchCount === 0 ? "0/0" : `${activeMatch + 1}/${matchCount}` }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: ChevronDownIcon, "aria-label": "Next match", disabled: matchCount === 0, onClick: () => goToMatch(1) })] })), isSearchOpen ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-48", children: _jsx(Input, { variant: "search", type: "text", autoFocus: true, placeholder: "Search this message\u2026", value: localQuery ?? "", onChange: (event) => onQueryChange(event.target.value), clearValue: () => onQueryChange(""), className: "h-7 typography-tiny" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: XIcon, "aria-label": "Close message search", onClick: onCloseSearch })] })) : (_jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: SearchIcon, "aria-label": "Search in this message", onClick: onOpenSearch })), _jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: CopyIcon, "aria-label": "Copy message JSON", onClick: () => onCopy(entry.json) })] })] }), _jsx("pre", { ref: preRef, className: "m-0 max-h-105 overflow-auto p-4 typography-tiny text-default-foreground whitespace-pre-wrap", children: _jsx(Highlighted, { text: entry.json, query: highlightQuery, activeIndex: activeMatch, activeRef: setActiveMarkRef }) })] }));
+}
+export function DebugMessagesButton(props) {
+    const { messages } = props;
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", iconOnly: true, icon: BugIcon, "aria-label": "Inspect chat messages", onClick: () => setOpen(true) }), _jsx(DebugMessagesDialog, { messages: messages, open: open, onOpenChange: setOpen })] }));
+}
+export function DebugMessagesDialog(props) {
+    const { messages, open, onOpenChange } = props;
+    const [globalQuery, setGlobalQuery] = useState("");
+    const [messageQueries, setMessageQueries] = useState({});
+    const { copyToClipboard } = useCopyToClipboard();
+    const entries = useMemo(() => {
+        if (!open)
+            return [];
+        return messages.map((message) => {
+            const json = JSON.stringify(message, null, 2);
+            return {
+                id: message.id,
+                role: message.role,
+                json,
+                size: byteSize(json),
+            };
+        });
+    }, [messages, open]);
+    const totalSize = useMemo(() => entries.reduce((sum, entry) => sum + entry.size, 0), [entries]);
+    const trimmedGlobalQuery = globalQuery.trim();
+    const filtered = useMemo(() => {
+        const lowerQuery = trimmedGlobalQuery.toLowerCase();
+        const matching = lowerQuery ? entries.filter((entry) => entry.json.toLowerCase().includes(lowerQuery)) : entries;
+        return matching.slice().reverse();
+    }, [entries, trimmedGlobalQuery]);
+    function openMessageSearch(id) {
+        setMessageQueries((prev) => ({ ...prev, [id]: "" }));
+    }
+    function setMessageQuery(id, value) {
+        setMessageQueries((prev) => ({ ...prev, [id]: value }));
+    }
+    function closeMessageSearch(id) {
+        setMessageQueries((prev) => {
+            const next = { ...prev };
+            delete next[id];
+            return next;
+        });
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-[90vw] h-[85vh] p-0 gap-0 flex flex-col overflow-hidden", showCloseButton: true, children: [_jsxs(DialogHeader, { className: "border-b border-default-border px-6 py-4 shrink-0 gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 pr-8", children: [_jsx(DialogTitle, { text: "Chat messages JSON" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", rounded: "md", icon: CopyIcon, onClick: () => void copyToClipboard(JSON.stringify(messages, null, 2)), children: "Copy all" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { variant: "search", type: "text", placeholder: "Search all messages\u2026", value: globalQuery, onChange: (event) => setGlobalQuery(event.target.value), clearValue: () => setGlobalQuery(""), className: "h-8 typography-small" }) }), _jsxs("span", { className: "shrink-0 typography-tiny text-muted-foreground", children: [trimmedGlobalQuery
+                                            ? `${filtered.length} of ${entries.length} messages`
+                                            : humanCount(entries.length, "message"), " ", "\u00B7 ", humanBytes(totalSize)] })] })] }), _jsx("div", { className: "flex-1 overflow-auto bg-background p-6", children: _jsxs("div", { className: "space-y-4", children: [filtered.map((entry) => (_jsx(MessageCard, { entry: entry, globalQuery: trimmedGlobalQuery, localQuery: messageQueries[entry.id], onOpenSearch: () => openMessageSearch(entry.id), onCloseSearch: () => closeMessageSearch(entry.id), onQueryChange: (value) => setMessageQuery(entry.id, value), onCopy: (text) => void copyToClipboard(text) }, entry.id))), !isPresent(entries) && (_jsx("div", { className: "rounded-lg border border-default-border bg-card p-4 typography-small text-muted-foreground", children: "No messages in the current chat." })), isPresent(entries) && !isPresent(filtered) && (_jsxs("div", { className: "rounded-lg border border-default-border bg-card p-4 typography-small text-muted-foreground", children: ["No messages match \u201C", trimmedGlobalQuery, "\u201D."] }))] }) })] }) }));
+}

package/dist/components/chat-view/FileMessagePart.d.ts

@@ -0,0 +1,10 @@
+import type { FileUIPart } from "ai";
+export declare function resolveSafeDownloadUrl(url: string, baseUrl: string): string | undefined;
+type FileMessagePartProps = {
+    part: FileUIPart;
+    isUser: boolean;
+    isImagePreviewable?: boolean;
+};
+export declare function FileMessagePart(props: FileMessagePartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FileMessagePart.d.ts.map

package/dist/components/chat-view/FileMessagePart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileMessagePart.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/FileMessagePart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AASrC,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAYvF;AAiED,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA4E1D"}

package/dist/components/chat-view/FileMessagePart.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Download, Expand, File as FileIcon, X } from "lucide-react";
+import mime from "mime";
+import { useCallback, useState } from "react";
+import { match, P } from "ts-pattern";
+import { Button } from "#components/button/index";
+import { cn } from "#lib/utils";
+export function resolveSafeDownloadUrl(url, baseUrl) {
+    try {
+        const base = new URL(baseUrl);
+        const resolved = new URL(url, base);
+        return match(resolved.protocol)
+            .with(P.union("data:", "blob:", "https:"), () => resolved.href)
+            .with("http:", () => (resolved.origin === base.origin ? resolved.href : undefined))
+            .otherwise(() => undefined);
+    }
+    catch {
+        return undefined;
+    }
+}
+function downloadFile(url, filename) {
+    const downloadUrl = resolveSafeDownloadUrl(url, window.location.href);
+    if (!downloadUrl)
+        return;
+    const link = document.createElement("a");
+    link.href = downloadUrl;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}
+function ImageFullscreenOverlay(props) {
+    const { url, alt, onClose } = props;
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Escape")
+            onClose();
+    }, [onClose]);
+    return (_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": "Image preview", tabIndex: 0, className: "fixed inset-0 z-50 flex items-center justify-center bg-base-background/90 animate-in fade-in duration-200 outline-none", onClick: onClose, onKeyDown: handleKeyDown, ref: (el) => el?.focus(), children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", icon: X, iconOnly: true, "aria-label": "Close preview", className: "absolute top-4 right-4 rounded-full bg-muted/50 hover:bg-muted", onClick: onClose }), _jsx("img", { src: url, alt: alt, className: "max-w-[90vw] max-h-[90vh] object-contain rounded-lg animate-in zoom-in-90 duration-200", onClick: (e) => e.stopPropagation() })] }));
+}
+function formatMediaType(mediaType) {
+    return (mime.getExtension(mediaType) ?? "file").toUpperCase();
+}
+export function FileMessagePart(props) {
+    const { part, isUser, isImagePreviewable = part.mediaType.startsWith("image/") } = props;
+    const [showFullscreen, setShowFullscreen] = useState(false);
+    const filename = part.filename ?? "Attached file";
+    if (isImagePreviewable) {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn("group/img relative rounded-xl overflow-hidden", "border border-muted-border shadow-sm", isUser ? "ml-auto max-w-[85%]" : "max-w-[90%]"), children: [_jsx("img", { src: part.url, alt: filename, className: "max-w-full max-h-80 rounded-xl object-contain block" }), _jsxs("div", { className: cn("absolute inset-0 bg-transparent group-hover/img:bg-base-background/40 transition-colors duration-200", "flex items-end justify-end gap-1.5 p-2", "opacity-0 group-hover/img:opacity-100 transition-opacity duration-200"), children: [_jsx(Button, { type: "button", variant: "ghost", size: "xs", icon: Expand, iconOnly: true, "aria-label": "View full screen", className: "bg-muted/50 hover:bg-muted backdrop-blur-sm", onClick: () => setShowFullscreen(true) }), _jsx(Button, { type: "button", variant: "ghost", size: "xs", icon: Download, iconOnly: true, "aria-label": "Download", className: "bg-muted/50 hover:bg-muted backdrop-blur-sm", onClick: () => downloadFile(part.url, filename) })] })] }), showFullscreen && (_jsx(ImageFullscreenOverlay, { url: part.url, alt: filename, onClose: () => setShowFullscreen(false) }))] }));
+    }
+    return (_jsxs("div", { className: cn("flex items-center gap-2.5 px-3 py-2.5 rounded-xl", "border border-muted-border bg-faint shadow-sm", "typography-small", isUser && "ml-auto"), children: [_jsx(FileIcon, { className: "size-4 text-muted-foreground shrink-0" }), _jsx("span", { className: "truncate flex-1 min-w-0", children: filename }), _jsx("span", { className: "text-muted-foreground typography-tiny shrink-0", children: formatMediaType(part.mediaType) }), _jsx(Button, { type: "button", variant: "ghost", size: "xs", icon: Download, iconOnly: true, "aria-label": "Download", className: "shrink-0 [&>svg]:size-3.5", onClick: () => downloadFile(part.url, filename) })] }));
+}

package/dist/components/chat-view/GraphContextPanel.d.ts

@@ -0,0 +1,10 @@
+import type { JsonLdGraphDocument } from "@manta-eu/client/types/jsonld";
+type GraphContextPanelProps = {
+    mergedGraph: JsonLdGraphDocument;
+    graphCount: number;
+    nodeCount: number;
+    sparqlQueries: string[];
+};
+export declare function GraphContextPanel(props: GraphContextPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GraphContextPanel.d.ts.map

package/dist/components/chat-view/GraphContextPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphContextPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/GraphContextPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAazE,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kDAkD9D"}

package/dist/components/chat-view/GraphContextPanel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { Network } from "lucide-react";
+import { useState } from "react";
+import { AgentsGraph } from "../graph/AgentsGraph.js";
+import { Button } from "#components/button/index";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "#components/modal/index";
+function formatQueryExecution(count) {
+    return `${humanCount(count, "query")} ${count === 1 ? "was" : "were"}`;
+}
+export function GraphContextPanel(props) {
+    const { mergedGraph, graphCount, nodeCount, sparqlQueries } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    if (nodeCount === 0 && !isPresent(sparqlQueries)) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { iconOnly: true, icon: Network, size: "sm", variant: "tertiary", "aria-label": "View Graph Context", onClick: () => setIsOpen(true), className: "absolute top-4 right-4 z-10" }), _jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: _jsxs(DialogContent, { className: "max-w-[90vw] h-[90vh] p-0 gap-0 flex flex-col overflow-hidden", showCloseButton: true, children: [_jsxs(DialogHeader, { className: "p-6 pb-4 shrink-0", children: [_jsx(DialogTitle, { text: "Graph Context" }), _jsx(DialogDescription, { children: nodeCount > 0
+                                        ? `Visualizing ${humanCount(nodeCount, "node")} from ${humanCount(graphCount, "query")}`
+                                        : `${formatQueryExecution(sparqlQueries.length)} executed but returned no results` })] }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden p-0", children: nodeCount > 0 ? (_jsx(AgentsGraph, { jsonLd: mergedGraph, fullHeight: true })) : (_jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-4 text-muted-foreground", children: [_jsx(Network, { className: "size-12 opacity-50" }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "typography-body-semibold", children: "No graph data returned" }), _jsxs("p", { className: "typography-small", children: [formatQueryExecution(sparqlQueries.length), " executed but returned no results"] }), _jsx("p", { className: "typography-tiny mt-2", children: "Use the copy button in the controls to view the SPARQL queries" })] })] })) })] }) })] }));
+}

package/dist/components/chat-view/LoadingView.d.ts

@@ -0,0 +1,2 @@
+export declare function LoadingView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingView.d.ts.map

package/dist/components/chat-view/LoadingView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingView.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/LoadingView.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,4CAM1B"}

package/dist/components/chat-view/LoadingView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MantaSwim } from "#components/thinking/manta-swim";
+export function LoadingView() {
+    return (_jsx("div", { className: "flex h-screen w-full items-center justify-center bg-base-background", children: _jsx(MantaSwim, { mode: "swim" }) }));
+}

package/dist/components/chat-view/MessageItem.d.ts

@@ -0,0 +1,19 @@
+import type { ChatUIMessage } from "@manta-eu/client/shared/index";
+import { type ChatStatus } from "ai";
+import type { RefObject } from "react";
+export type MessageItemProps = {
+    message: ChatUIMessage;
+    toolsUsedInSession: RefObject<Set<string>>;
+    onAddToolResult: (params: {
+        tool: string;
+        toolCallId: string;
+        output: unknown;
+    }) => void;
+    status?: ChatStatus;
+    thinkingSeconds?: number;
+    compact?: boolean;
+    showFeedback: boolean;
+    isLastAssistantMessage: boolean;
+};
+export declare function MessageItem(props: MessageItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageItem.d.ts.map

package/dist/components/chat-view/MessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAGL,KAAK,UAAU,EAIhB,MAAM,IAAI,CAAC;AAEZ,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,aAAa,CAAC;IACvB,kBAAkB,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,eAAe,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACzF,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkKlD"}

package/dist/components/chat-view/MessageItem.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { isFileUIPart, isStaticToolUIPart, } from "ai";
+import { History } from "lucide-react";
+import { useMemo } from "react";
+import { match, P } from "ts-pattern";
+import { ToolOutputRenderer } from "../tool-invocation-card/ToolOutputRenderer.js";
+import { hasInlineVisualOutput } from "../tool-invocation-card/types.js";
+import { FileMessagePart } from "./FileMessagePart.js";
+import { MessageStepGroup } from "./MessageStepGroup.js";
+import { TextMessagePart } from "./TextMessagePart.js";
+import { filterSupersededRequestUserInputErrors, isStandaloneToolPart } from "./tool-part-rendering.js";
+import { ToolMessagePart } from "./ToolMessagePart.js";
+import { Banner } from "#components/banner/index";
+import { groupMessageParts } from "#lib/message-grouping";
+import { isThinkCompactionMessage } from "#lib/think-compaction";
+import { cn } from "#lib/utils";
+const finishedWithoutFinalResponsePart = {
+    type: "text",
+    text: "[ERROR]: The agent finished without producing a final response.",
+};
+const failedAssistantResponsePart = {
+    type: "text",
+    text: "[ERROR]: The agent could not complete this response.",
+};
+const emptyUserMessagePart = {
+    type: "text",
+    text: "Empty message",
+};
+function getResponseParts(parts, finalText) {
+    return parts.filter((part) => {
+        if (part === finalText)
+            return isPresent(finalText?.text.trim());
+        if (isFileUIPart(part))
+            return true;
+        if (!isStaticToolUIPart(part))
+            return false;
+        return isStandaloneToolPart(part) || (part.state === "output-available" && hasInlineVisualOutput(part.output));
+    });
+}
+function resolveFallbackText(message, isStepGrouped, isMessageActive) {
+    const isEmptyMessage = !isPresent(message.parts);
+    return match(message.role)
+        .returnType()
+        .with("user", () => isEmptyMessage && !message.metadata?.isTask ? { part: emptyUserMessagePart, muted: true } : null)
+        .with("assistant", () => {
+        if (isMessageActive || (!isEmptyMessage && !isStepGrouped))
+            return null;
+        return match(message.metadata?.responseState)
+            .returnType()
+            .with("finished", () => ({ part: finishedWithoutFinalResponsePart, muted: false }))
+            .with("failed", () => ({ part: failedAssistantResponsePart, muted: false }))
+            .with(P.union("in-progress", "aborted", undefined), () => null)
+            .exhaustive();
+    })
+        .with("system", () => null)
+        .exhaustive();
+}
+export function MessageItem(props) {
+    const { message, toolsUsedInSession, onAddToolResult, status, thinkingSeconds, compact, showFeedback, isLastAssistantMessage, } = props;
+    const visibleParts = useMemo(() => filterSupersededRequestUserInputErrors(message.parts), [message.parts]);
+    const grouped = useMemo(() => groupMessageParts(visibleParts), [visibleParts]);
+    const responseParts = useMemo(() => getResponseParts(visibleParts, grouped.finalText), [grouped.finalText, visibleParts]);
+    const isUser = message.role === "user" && !message.metadata?.isTask;
+    const isPendingAssistantPlaceholder = message.role === "assistant" && isLastAssistantMessage && !isPresent(message.parts);
+    const showStepGroup = grouped.isStepGrouped || isPendingAssistantPlaceholder;
+    const isMessageActive = status === "submitted" || status === "streaming";
+    const showInlineVisualOutputs = !isMessageActive;
+    const fallbackText = isPresent(responseParts)
+        ? null
+        : resolveFallbackText(message, grouped.isStepGrouped, isMessageActive);
+    const isCompactionSummary = isThinkCompactionMessage(message);
+    const textShowFeedback = showFeedback && !isCompactionSummary;
+    const textIsLastAssistantMessage = isLastAssistantMessage && !isCompactionSummary;
+    return (_jsxs("div", { "data-message-id": message.id, className: cn("flex min-w-0 w-full flex-col gap-4", isUser ? "items-end" : "items-start"), children: [isCompactionSummary && (_jsx(Banner, { type: "muted", size: "loose", icon: History, label: "Earlier conversation summarized", description: "Older messages were condensed to keep this conversation within its context limit.", className: "w-full max-w-2xl" })), showStepGroup ? (_jsxs(_Fragment, { children: [_jsx(MessageStepGroup, { steps: grouped.steps, status: status, thinkingSeconds: thinkingSeconds, isPendingAssistantPlaceholder: isPendingAssistantPlaceholder }), responseParts.map((part) => {
+                        if (part.type === "text") {
+                            return (_jsx(TextMessagePart, { showFeedback: textShowFeedback, isLastAssistantMessage: textIsLastAssistantMessage, isUser: isUser, part: part, message: message, status: status, compact: compact }, `text-${message.parts.indexOf(part)}`));
+                        }
+                        if (isFileUIPart(part)) {
+                            // Filtered output indexes can shift as earlier tools finish streaming; the source index stays stable.
+                            const messagePartIndex = message.parts.indexOf(part);
+                            return _jsx(FileMessagePart, { part: part, isUser: isUser }, `file-${messagePartIndex}`);
+                        }
+                        if (isStandaloneToolPart(part)) {
+                            return (_jsx(ToolMessagePart, { part: part, message: message, onAddToolResult: onAddToolResult, toolsUsedInSession: toolsUsedInSession }, part.toolCallId));
+                        }
+                        if (showInlineVisualOutputs) {
+                            return (_jsx("div", { className: "w-full max-w-2xl", children: _jsx(ToolOutputRenderer, { result: part.output, toolUIPart: part }) }, part.toolCallId));
+                        }
+                        return null;
+                    })] })) : (visibleParts.map((part, i) => {
+                return match(part)
+                    .with({ type: P.string.startsWith("tool-") }, (part) => {
+                    return (_jsx(ToolMessagePart, { message: message, part: part, onAddToolResult: onAddToolResult, toolsUsedInSession: toolsUsedInSession }, i));
+                })
+                    .with({ type: "text" }, (part) => {
+                    return (_jsx(TextMessagePart, { showFeedback: textShowFeedback, isLastAssistantMessage: textIsLastAssistantMessage, isUser: isUser, part: part, message: message, status: status, compact: compact }, i));
+                })
+                    .with({ type: "file" }, (part) => {
+                    return _jsx(FileMessagePart, { part: part, isUser: isUser }, i);
+                })
+                    .with({
+                    type: P.union("dynamic-tool", "reasoning", "reasoning-file", "custom", "source-document", "source-url", "step-start", P.string.startsWith("data-")),
+                }, () => null)
+                    .exhaustive();
+            })), fallbackText && (_jsx(TextMessagePart, { showFeedback: textShowFeedback, isLastAssistantMessage: textIsLastAssistantMessage, isUser: isUser, part: fallbackText.part, message: message, status: status, compact: compact, muted: fallbackText.muted }))] }));
+}

package/dist/components/chat-view/MessageStepGroup.d.ts

@@ -0,0 +1,12 @@
+import type { ChatStatus, ToolUIPart } from "ai";
+import type { MessageStep } from "#lib/message-grouping";
+export declare function getPrimaryLabel(part: ToolUIPart): string;
+type MessageStepGroupProps = {
+    steps: MessageStep[];
+    status?: ChatStatus;
+    thinkingSeconds?: number;
+    isPendingAssistantPlaceholder?: boolean;
+};
+export declare function MessageStepGroup(props: MessageStepGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MessageStepGroup.d.ts.map

package/dist/components/chat-view/MessageStepGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStepGroup.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/MessageStepGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAA+B,UAAU,EAAE,MAAM,IAAI,CAAC;AAO9E,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQtE,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAMxD;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC,CAAC;AA+EF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDA4B5D"}

package/dist/components/chat-view/MessageStepGroup.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSkillToolLabel } from "@manta-eu/client/shared/tools";
+import { match, P } from "ts-pattern";
+import { ToolOutputRenderer } from "../tool-invocation-card/ToolOutputRenderer.js";
+import { hasVisualOutput } from "../tool-invocation-card/types.js";
+import { isStandaloneToolPart } from "./tool-part-rendering.js";
+import { ChatReasoning } from "#components/chat/index";
+import { getPartIcon, getSkillToolIcon, getStepIcon } from "#lib/tool-icons";
+import { formatToolName } from "#lib/tool-names";
+function hasHumanIntent(input) {
+    return typeof input === "object" && input !== null && "humanIntent" in input && typeof input.humanIntent === "string";
+}
+export function getPrimaryLabel(part) {
+    if (hasHumanIntent(part.input)) {
+        return part.input.humanIntent;
+    }
+    return getSkillToolLabel(part) ?? formatToolName(part.type);
+}
+function partToItem(part) {
+    return match(part)
+        .with({ type: "text" }, (textPart) => {
+        const IconComponent = getStepIcon(textPart.text);
+        return {
+            icon: _jsx(IconComponent, { className: "size-4" }),
+            title: textPart.text,
+        };
+    })
+        .with({ type: "reasoning" }, (reasoningPart) => {
+        if (!reasoningPart.text.trim())
+            return undefined;
+        const IconComponent = getPartIcon("reasoning");
+        return {
+            icon: _jsx(IconComponent, { className: "size-4" }),
+            title: "Reasoning",
+            children: (_jsx("div", { className: "typography-small text-muted-foreground whitespace-pre-wrap break-words", children: reasoningPart.text })),
+        };
+    })
+        .with({ type: "step-start" }, () => undefined)
+        .with({ type: P.string.startsWith("tool-") }, (toolPart) => {
+        if (isStandaloneToolPart(toolPart))
+            return undefined;
+        const primaryLabel = getPrimaryLabel(toolPart);
+        const IconComponent = getSkillToolIcon(toolPart) ?? getStepIcon(primaryLabel);
+        const rendersPersistently = toolPart.type === "tool-showEntities";
+        return {
+            icon: _jsx(IconComponent, { className: "size-4" }),
+            title: primaryLabel,
+            children: hasVisualOutput(toolPart.output) && !rendersPersistently ? (_jsx("div", { className: "space-y-2", children: _jsx(ToolOutputRenderer, { result: toolPart.output, toolUIPart: toolPart }) })) : undefined,
+        };
+    })
+        .otherwise(() => undefined);
+}
+function buildItems(steps) {
+    const items = [];
+    for (const step of steps) {
+        for (const part of step.parts) {
+            const item = partToItem(part);
+            if (item !== undefined)
+                items.push(item);
+        }
+    }
+    return items;
+}
+function derivePhase(status, stepsLength, isPendingAssistantPlaceholder) {
+    if (isPendingAssistantPlaceholder) {
+        return match(status)
+            .returnType()
+            .with("streaming", () => "streaming")
+            .with("submitted", () => "pending")
+            .otherwise(() => "done");
+    }
+    return match(status)
+        .returnType()
+        .with("streaming", () => (stepsLength === 0 ? "pending" : "streaming"))
+        .with("submitted", () => "pending")
+        .otherwise(() => "done");
+}
+export function MessageStepGroup(props) {
+    const { steps, status, thinkingSeconds = 0, isPendingAssistantPlaceholder = false } = props;
+    const phase = derivePhase(status, steps.length, isPendingAssistantPlaceholder);
+    const items = buildItems(steps);
+    if (phase === "done")
+        return null;
+    const reasoningText = match(phase)
+        .with("pending", () => "Thinking")
+        .with("streaming", () => "Reasoning")
+        .exhaustive();
+    const latestItemTitle = items[items.length - 1]?.title;
+    const subtitleText = typeof latestItemTitle === "string" ? latestItemTitle : undefined;
+    return (_jsx("div", { "data-testid": "loading-indicator", className: "w-full min-w-0", children: _jsx(ChatReasoning, { text: reasoningText, subtitle: phase === "streaming" ? subtitleText : undefined, phase: phase, seconds: thinkingSeconds, items: items }) }));
+}

package/dist/components/chat-view/MessagesContainer.d.ts

@@ -0,0 +1,22 @@
+import type { ChatUIMessage } from "@manta-eu/client/shared/index";
+import type { ChatStatus } from "ai";
+import { type RefObject } from "react";
+export type MessagesContainerProps = {
+    messages: ChatUIMessage[];
+    toolsUsedInSession: RefObject<Set<string>>;
+    onAddToolResult: (params: {
+        tool: string;
+        toolCallId: string;
+        output: unknown;
+    }) => void;
+    status?: ChatStatus;
+    thinkingSeconds?: number;
+    activeTurnKey?: string;
+    compact?: boolean;
+    animateOnMount: boolean;
+    turnError?: unknown;
+    onRetryTurn: () => void;
+    onStartNewChat: () => void;
+};
+export declare function MessagesContainer(props: MessagesContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessagesContainer.d.ts.map

package/dist/components/chat-view/MessagesContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/MessagesContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAErC,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/C,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,kBAAkB,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,eAAe,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACzF,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAwD9D"}

package/dist/components/chat-view/MessagesContainer.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { findLast } from "ramda";
+import { useRef } from "react";
+import { ConversationContent } from "../ai-elements/conversation.js";
+import { ChatTurnErrorNotice } from "./ChatTurnErrorNotice.js";
+import { MessageItem } from "./MessageItem.js";
+import { useUserMessageScroller } from "#hooks/useUserMessageScroller";
+import { cn } from "#lib/utils";
+export function MessagesContainer(props) {
+    const { messages, onAddToolResult, toolsUsedInSession, status, thinkingSeconds, activeTurnKey, compact, animateOnMount, turnError, onRetryTurn, onStartNewChat, } = props;
+    const spacerRef = useUserMessageScroller(messages, status, activeTurnKey);
+    const shouldAnimate = useRef(animateOnMount).current;
+    const feedbackMessage = findLast((message) => message.role === "assistant", messages);
+    const lastIndex = messages.length - 1;
+    return (_jsxs(ConversationContent, { className: cn("mx-auto w-full max-w-3xl space-y-6 pb-15 md:pb-30", shouldAnimate && "animate-in fade-in duration-200 motion-reduce:animate-none"), children: [messages.map((m, i) => {
+                const isAssistantMessage = m.role === "assistant";
+                const isLastAssistantMessage = feedbackMessage?.id === m.id;
+                const messageStatus = isLastAssistantMessage ? status : "ready";
+                const showFeedback = isLastAssistantMessage ? status === "ready" : isAssistantMessage;
+                const isTail = i === lastIndex;
+                const key = isTail && isAssistantMessage && activeTurnKey ? activeTurnKey : m.id;
+                return (_jsx(MessageItem, { message: m, toolsUsedInSession: toolsUsedInSession, onAddToolResult: onAddToolResult, status: messageStatus, thinkingSeconds: thinkingSeconds, compact: compact, showFeedback: showFeedback, isLastAssistantMessage: isLastAssistantMessage }, key));
+            }), turnError !== undefined && (_jsx(ChatTurnErrorNotice, { error: turnError, onRetry: onRetryTurn, onStartNewChat: onStartNewChat })), _jsx("div", { ref: spacerRef, className: "shrink-0", "aria-hidden": "true" })] }, messages[0]?.id));
+}

package/dist/components/chat-view/RawContentFallback.d.ts

@@ -0,0 +1,8 @@
+type RawContentFallbackProps = {
+    text: string;
+    notice: string;
+    testId: string;
+};
+export declare function RawContentFallback(props: RawContentFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RawContentFallback.d.ts.map

package/dist/components/chat-view/RawContentFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawContentFallback.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/RawContentFallback.tsx"],"names":[],"mappings":"AAGA,KAAK,uBAAuB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAWhE"}

package/dist/components/chat-view/RawContentFallback.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Banner } from "#components/banner/index";
+export function RawContentFallback(props) {
+    if (!isPresent(props.text))
+        return _jsx(Banner, { type: "error", size: "loose", testId: props.testId, label: props.notice });
+    return (_jsx("pre", { "data-testid": props.testId, className: "typography-small text-default-foreground max-w-full overflow-x-auto wrap-break-word whitespace-pre-wrap", children: props.text }));
+}

package/dist/components/chat-view/RequestUserInputToolPart.d.ts

@@ -0,0 +1,9 @@
+import { type QuestionnaireOutput } from "@manta-eu/client/shared/questionnaire";
+import type { ToolUIPart } from "ai";
+type RequestUserInputToolPartProps = {
+    part: ToolUIPart;
+    onSubmit: (output: QuestionnaireOutput) => void;
+};
+export declare function RequestUserInputToolPart(props: RequestUserInputToolPartProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RequestUserInputToolPart.d.ts.map

package/dist/components/chat-view/RequestUserInputToolPart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestUserInputToolPart.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/RequestUserInputToolPart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AA4NrC,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,kDAuC5E"}