@manta-eu/react 0.1.0

package/dist/components/thinking/gradient-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-border.d.ts","sourceRoot":"","sources":["../../../src/components/thinking/gradient-border.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAOF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8BxD"}

package/dist/components/thinking/gradient-border.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#style";
+const GRADIENT_START_ANGLE = 90;
+const ACTIVE_ARC_END_ANGLE = 69.23;
+const TRANSITION_TO_MUTED_ANGLE = 133.27;
+const FULL_ROTATION_ANGLE = 360;
+export function GradientBorder(props) {
+    const { thinking = false, className, children } = props;
+    return (_jsxs("div", { className: cn("relative inline-flex overflow-hidden rounded-full", className), children: [_jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute inset-0 transition-opacity ease-[cubic-bezier(0.25,0.46,0.45,0.94)]", thinking ? "opacity-100 duration-250" : "opacity-0 duration-400"), children: _jsx("div", { className: "absolute inset-0 grid place-items-center", children: _jsx("div", { className: cn("aspect-square w-[150%] origin-center", thinking &&
+                            "animate-[thinking-border-rotate_1.5s_linear_infinite] will-change-transform motion-reduce:animate-none"), style: {
+                            backgroundImage: `conic-gradient(from ${GRADIENT_START_ANGLE}deg, var(--color-muted-border) 0deg, var(--color-active-border) ${ACTIVE_ARC_END_ANGLE}deg, var(--color-muted-border) ${TRANSITION_TO_MUTED_ANGLE}deg, var(--color-muted-border) ${FULL_ROTATION_ANGLE}deg)`,
+                        } }) }) }), _jsx("div", { className: "relative m-0.5 flex flex-1 items-center justify-center overflow-hidden rounded-full bg-background", children: children })] }));
+}

package/dist/components/thinking/index.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+export declare const thinkingSizeClasses: {
+    readonly xs: "size-[calc(1.75rem+4px)] px-2";
+    readonly sm: "size-[calc(2rem+4px)] px-3";
+    readonly base: "size-[calc(2.5rem+4px)] px-4";
+    readonly lg: "size-[calc(3rem+4px)] px-4";
+};
+export declare const thinkingRoundedClasses: {
+    readonly full: "rounded-full";
+    readonly md: "rounded-md-v4";
+    readonly lg: "rounded-sm-v4";
+};
+export { GradientBorder } from "./gradient-border.js";
+export type ThinkingVariant = "secondary" | "tertiary" | "ghost";
+export type ThinkingSize = keyof typeof thinkingSizeClasses;
+export type ThinkingRounded = keyof typeof thinkingRoundedClasses;
+export type ThinkingProps = {
+    children: ReactNode;
+    variant?: ThinkingVariant;
+    size?: ThinkingSize;
+    rounded?: ThinkingRounded;
+    className?: string;
+};
+export declare function Thinking(props: ThinkingProps): import("react/jsx-runtime").JSX.Element;
+export type { GradientBorderProps } from "./gradient-border.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/thinking/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/thinking/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAmBjE,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAuC5C;AAGD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/thinking/index.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LayoutGroup, motion, useReducedMotion } from "motion/react";
+import { easeOutCubic } from "#easing";
+import { cn } from "#style";
+export const thinkingSizeClasses = {
+    xs: "size-[calc(1.75rem+4px)] px-2",
+    sm: "size-[calc(2rem+4px)] px-3",
+    base: "size-[calc(2.5rem+4px)] px-4",
+    lg: "size-[calc(3rem+4px)] px-4",
+};
+export const thinkingRoundedClasses = {
+    full: "rounded-full",
+    md: "rounded-md-v4",
+    lg: "rounded-sm-v4",
+};
+export { GradientBorder } from "./gradient-border.js";
+const thinkingVariantColors = {
+    secondary: {
+        borderStart: "var(--color-active-border)",
+        borderEnd: "var(--color-secondary)",
+        innerFill: "var(--color-secondary)",
+    },
+    tertiary: {
+        borderStart: "var(--color-active-border)",
+        borderEnd: "var(--color-muted-border)",
+        innerFill: "var(--color-input)",
+    },
+    ghost: {
+        borderStart: "var(--color-active-border)",
+        borderEnd: "var(--color-muted-border)",
+        innerFill: "var(--color-background)",
+    },
+};
+export function Thinking(props) {
+    const { variant = "tertiary", size = "base", rounded = "full", className, children } = props;
+    const shouldReduceMotion = useReducedMotion();
+    const transition = shouldReduceMotion ? undefined : { duration: 0.2, ease: easeOutCubic };
+    const colors = thinkingVariantColors[variant];
+    return (_jsx(LayoutGroup, { children: _jsx(motion.div, { className: "inline-flex overflow-hidden", layout: !shouldReduceMotion, transition: transition, children: _jsx(motion.div, { layout: "position", className: "inline-flex", initial: shouldReduceMotion ? false : { opacity: 0 }, animate: { opacity: 1 }, exit: shouldReduceMotion ? undefined : { opacity: 0 }, transition: transition, children: _jsx("div", { className: cn("thinking-border inline-flex items-center justify-center", thinkingSizeClasses[size], thinkingRoundedClasses[rounded], className), style: {
+                        "--thinking-border-start": colors.borderStart,
+                        "--thinking-border-end": colors.borderEnd,
+                        "--thinking-inner-fill": colors.innerFill,
+                    }, children: children }) }) }) }));
+}

package/dist/components/thinking/manta-swim.d.ts

@@ -0,0 +1,9 @@
+export type MantaSwimMode = "swim" | "swarm" | "finished";
+export type MantaSwimProps = {
+    mode?: MantaSwimMode;
+    thinking?: boolean;
+    className?: string;
+};
+export declare function MantaSwim(props: MantaSwimProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwarmDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=manta-swim.d.ts.map

package/dist/components/thinking/manta-swim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manta-swim.d.ts","sourceRoot":"","sources":["../../../src/components/thinking/manta-swim.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAa9C;AAED,wBAAgB,SAAS,4CAuBxB"}

package/dist/components/thinking/manta-swim.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChannelIcon } from "../channel-icon/index.js";
+import { GradientBorder } from "./gradient-border.js";
+export function MantaSwim(props) {
+    const { mode = "swim", thinking = false, className } = props;
+    const showGradient = mode !== "finished" || thinking;
+    return (_jsx(GradientBorder, { thinking: showGradient, className: className ?? "size-8", children: _jsx("div", { className: "relative size-7", children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(ChannelIcon, { channel: "MANTA", className: "size-4" }) }) }) }));
+}
+export function SwarmDemo() {
+    const [mode, setMode] = useState("swarm");
+    const [thinking, setThinking] = useState(true);
+    return (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(MantaSwim, { mode: mode, thinking: thinking }), _jsx("button", { type: "button", onClick: () => setMode((m) => (m === "swarm" ? "finished" : "swarm")), className: "rounded-full border border-muted-border px-4 py-1.5 typography-small text-muted-foreground transition-colors hover:bg-muted hover:text-default-foreground", children: mode === "swarm" ? "Finish" : "Restart" }), _jsx("button", { type: "button", onClick: () => setThinking((t) => !t), className: "rounded-full border border-muted-border px-4 py-1.5 typography-small text-muted-foreground transition-colors hover:bg-muted hover:text-default-foreground", children: thinking ? "Fade gradient" : "Show gradient" })] }));
+}

package/dist/components/toast/index.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+import { Toaster as Sonner } from "sonner";
+export type ToasterProps = ComponentProps<typeof Sonner>;
+declare const Toaster: ({ className, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI3C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,QAAA,MAAM,OAAO,GAAI,yBAAyB,YAAY,4CA2DrD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleCheck, CircleX, Info, OctagonAlert } from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner } from "sonner";
+import { Loader } from "../loader/index.js";
+import { cn } from "#style";
+const Toaster = ({ className, ...props }) => {
+    const { theme = "system" } = useTheme();
+    return (_jsx(Sonner, { theme: theme, className: cn("toaster group", className), position: "top-center", visibleToasts: 3, gap: 8, toastOptions: {
+            unstyled: true,
+            duration: 1000 * 5,
+            classNames: {
+                toast: cn("toast w-fit min-w-[320px] max-w-[420px] flex items-center gap-3 p-4", "bg-card border border-default-border rounded-md-v4 shadow-lg"),
+                content: "flex flex-1 flex-col gap-1 min-w-0",
+                title: "typography-caption !text-default-foreground",
+                description: "typography-caption-small !text-muted-foreground",
+                icon: "shrink-0 size-5 m-0 data-[visible=false]:hidden",
+                loader: "shrink-0 size-5 m-0 data-[visible=false]:hidden",
+                success: "[&_.toast-icon]:text-success-foreground",
+                error: "[&_.toast-icon]:text-error-foreground",
+                warning: "[&_.toast-icon]:text-warning-foreground",
+                info: "[&_.toast-icon]:text-info-foreground",
+                actionButton: cn("shrink-0 h-8 px-3 rounded-full", "bg-input border border-default-border", "typography-small !text-default-foreground", "hover:bg-faint transition-colors"),
+                cancelButton: cn("shrink-0 h-8 px-3 rounded-full", "bg-transparent", "typography-small !text-muted-foreground", "hover:text-default-foreground transition-colors"),
+                closeButton: cn("absolute right-2 top-2", "size-5 rounded-sm opacity-50 hover:opacity-100", "border-none bg-transparent p-0", "transition-opacity", "left-auto transform-none"),
+            },
+        }, icons: {
+            success: _jsx(CircleCheck, { className: "toast-icon size-5" }),
+            error: _jsx(CircleX, { className: "toast-icon size-5" }),
+            warning: _jsx(OctagonAlert, { className: "toast-icon size-5" }),
+            info: _jsx(Info, { className: "toast-icon size-5" }),
+            loading: _jsx(Loader, { className: "toast-icon size-5 text-muted-foreground" }),
+        }, pauseWhenPageIsHidden: true, ...props }));
+};
+export { Toaster };

package/dist/components/tool-invocation-card/ActionPlanShowcaseCard.d.ts

@@ -0,0 +1,8 @@
+import type { ShowcaseToolResult } from "./types.js";
+type ActionPlanShowcaseCardProps = {
+    result: ShowcaseToolResult;
+    onNavigateToPlan: (planIri: string) => void;
+};
+export declare function ActionPlanShowcaseCard(props: ActionPlanShowcaseCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionPlanShowcaseCard.d.ts.map

package/dist/components/tool-invocation-card/ActionPlanShowcaseCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPlanShowcaseCard.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ActionPlanShowcaseCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAyBxE"}

package/dist/components/tool-invocation-card/ActionPlanShowcaseCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { humanizePlanName } from "@manta-eu/client/shared/agent-mode";
+import { ReviewCta } from "#components/review-cta/index";
+import { planStatusLabel } from "#lib/plan-status-label";
+import { cn } from "#lib/utils";
+const iconContainerBaseClass = "flex items-center justify-center shrink-0";
+const ctaLeadingIconClass = `${iconContainerBaseClass} w-9 h-9 rounded-lg`;
+const ctaTrailingIconClass = `${iconContainerBaseClass} size-8 rounded-[var(--radius,12px)]`;
+export function ActionPlanShowcaseCard(props) {
+    const { result, onNavigateToPlan } = props;
+    const { planIri, planName: rawPlanName, status } = result;
+    const planName = humanizePlanName(rawPlanName);
+    return (_jsx("div", { "data-testid": "action-plan-showcase-card", className: cn("rounded-full border border-default-border overflow-hidden w-full", "bg-card text-default-foreground"), children: _jsx(ReviewCta, { dataTestId: "action-plan-showcase-cta", title: planName, subtitle: planStatusLabel(status), subtitleClassName: "typography-small mt-0.5", onClick: () => onNavigateToPlan(planIri), className: cn("rounded-full gap-3 px-3 py-3", "bg-muted/60 hover:bg-muted transition-colors"), leadingContainerClassName: ctaLeadingIconClass, trailingContainerClassName: ctaTrailingIconClass }) }));
+}

package/dist/components/tool-invocation-card/DefaultResultDisplay.d.ts

@@ -0,0 +1,9 @@
+import type { ToolUIPart } from "ai";
+import type { ToolResult } from "./types.js";
+type DefaultResultDisplayProps = {
+    result: ToolResult;
+    toolUIPart?: ToolUIPart;
+};
+export declare function DefaultResultDisplay(props: DefaultResultDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DefaultResultDisplay.d.ts.map

package/dist/components/tool-invocation-card/DefaultResultDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/DefaultResultDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAErC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAsBpE"}

package/dist/components/tool-invocation-card/DefaultResultDisplay.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { InsightCard } from "../rdf-insights/InsightCard.js";
+import { hasVisualOutput } from "./types.js";
+import { cn } from "#lib/utils";
+export function DefaultResultDisplay(props) {
+    const { result, toolUIPart } = props;
+    if (hasVisualOutput(result)) {
+        return _jsx(InsightCard, { result: result, toolInput: toolUIPart?.input });
+    }
+    const content = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+    return (_jsxs(_Fragment, { children: [_jsx("h5", { className: "typography-tiny-medium mb-1 text-muted-foreground", children: "Result:" }), _jsx("code", { className: cn("max-w-[450px] whitespace-pre-wrap break-words", "overflow-auto rounded-md bg-background/80 p-2 typography-tiny"), children: content })] }));
+}

package/dist/components/tool-invocation-card/EntitySetCard.d.ts

@@ -0,0 +1,8 @@
+import { type JsonLdGraphDocument } from "@manta-eu/client/types/jsonld";
+import type { ShowEntitiesToolResult } from "./types.js";
+export type EntitySetCardProps = {
+    result: ShowEntitiesToolResult;
+};
+export declare function sliceGraphPerEntity(entityIris: readonly string[], graph: JsonLdGraphDocument): Map<string, JsonLdGraphDocument>;
+export declare function EntitySetCard(props: EntitySetCardProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EntitySetCard.d.ts.map

package/dist/components/tool-invocation-card/EntitySetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitySetCard.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/EntitySetCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGpG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,sBAAsB,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,oCAgB5F;AAwBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAgBtD"}

package/dist/components/tool-invocation-card/EntitySetCard.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { entityTypesByIri, groupEntitiesByType } from "@manta-eu/client/shared/entity-set";
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { getJsonLdGraph, getNodeId } from "@manta-eu/client/types/jsonld";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { EntityCard, findPluralViewForTypes } from "#ldo-ui";
+export function sliceGraphPerEntity(entityIris, graph) {
+    const nodesByIri = new Map(getJsonLdGraph(graph).flatMap((node) => {
+        const id = getNodeId(node);
+        return id === undefined ? [] : [[expandPrefix(id), node]];
+    }));
+    return new Map(entityIris.map((entityIri) => {
+        const node = nodesByIri.get(expandPrefix(entityIri));
+        const slice = { "@context": graph["@context"], "@graph": node ? [node] : [] };
+        return [entityIri, slice];
+    }));
+}
+function EntityTypeGroupView(props) {
+    const { group, graph, graphsByIri } = props;
+    const PluralView = group.iris.length > 1 ? findPluralViewForTypes(group.typeIris) : undefined;
+    if (PluralView)
+        return _jsx(PluralView, { iris: group.iris });
+    return (_jsx("div", { className: "flex flex-col items-start gap-4", children: group.iris.map((entityIri) => (_jsx(EntityCard, { entityIri: entityIri, graph: graphsByIri.get(entityIri) ?? graph }, entityIri))) }));
+}
+export function EntitySetCard(props) {
+    const { result } = props;
+    const { entityIris, graph } = result;
+    const graphsByIri = useMemo(() => sliceGraphPerEntity(entityIris, graph), [entityIris, graph]);
+    const groups = useMemo(() => groupEntitiesByType(entityIris, entityTypesByIri(graph)), [entityIris, graph]);
+    if (!isPresent(entityIris))
+        return null;
+    return (_jsx("div", { className: "flex flex-col items-start gap-4", children: groups.map((group) => (_jsx(EntityTypeGroupView, { group: group, graph: graph, graphsByIri: graphsByIri }, group.key))) }));
+}

package/dist/components/tool-invocation-card/ExplainRDFoxResultDisplay.d.ts

@@ -0,0 +1,9 @@
+import type { ToolUIPart } from "ai";
+import type { ExplainRDFoxRulesToolResult } from "./types.js";
+type ExplainRDFoxResultDisplayProps = {
+    result: ExplainRDFoxRulesToolResult;
+    toolUIPart?: ToolUIPart;
+};
+export declare function ExplainRDFoxResultDisplay(props: ExplainRDFoxResultDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExplainRDFoxResultDisplay.d.ts.map

package/dist/components/tool-invocation-card/ExplainRDFoxResultDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplainRDFoxResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ExplainRDFoxResultDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIrC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAG3D,KAAK,8BAA8B,GAAG;IACpC,MAAM,EAAE,2BAA2B,CAAC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,2CAS9E"}

package/dist/components/tool-invocation-card/ExplainRDFoxResultDisplay.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { RDFoxExplain } from "../rdfox-explain/RDFoxExplain.js";
+import { DefaultResultDisplay } from "./DefaultResultDisplay.js";
+import { normalize } from "#ldo-ui";
+export function ExplainRDFoxResultDisplay(props) {
+    const { result, toolUIPart } = props;
+    const spo = useMemo(() => extractExplainSpo(toolUIPart?.input, result), [toolUIPart?.input, result]);
+    if (!spo) {
+        return _jsx(DefaultResultDisplay, { result: result, toolUIPart: toolUIPart });
+    }
+    return _jsx(RDFoxExplain, { mode: "compact", data: result, ...spo });
+}
+function extractExplainSpo(input, result) {
+    if (isExplainInput(input)) {
+        return {
+            subject: input.subject,
+            predicate: input.predicate,
+            object: input.object,
+            ...(input.namedGraph && { namedGraph: input.namedGraph }),
+            ...(input.objectDatatype && { objectDatatype: input.objectDatatype }),
+        };
+    }
+    const tree = normalize(result);
+    return tree?.root.spo;
+}
+function isOptionalString(value) {
+    return value === undefined || typeof value === "string";
+}
+function isExplainInput(input) {
+    if (typeof input !== "object" || input === null) {
+        return false;
+    }
+    const candidate = input;
+    return (typeof candidate.subject === "string" &&
+        typeof candidate.object === "string" &&
+        isOptionalString(candidate.predicate) &&
+        isOptionalString(candidate.namedGraph) &&
+        isOptionalString(candidate.objectDatatype));
+}

package/dist/components/tool-invocation-card/ListRulesResultDisplay.d.ts

@@ -0,0 +1,7 @@
+import type { GetRDFoxRulesToolResult } from "./types.js";
+type ListRulesResultDisplayProps = {
+    result: GetRDFoxRulesToolResult;
+};
+export declare function ListRulesResultDisplay(_props: ListRulesResultDisplayProps): null;
+export {};
+//# sourceMappingURL=ListRulesResultDisplay.d.ts.map

package/dist/components/tool-invocation-card/ListRulesResultDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListRulesResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ListRulesResultDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,2BAA2B,QAGzE"}

package/dist/components/tool-invocation-card/ListRulesResultDisplay.js

@@ -0,0 +1,4 @@
+export function ListRulesResultDisplay(_props) {
+    // TODO: implement once Sindre makes the designs presentable
+    return null;
+}

package/dist/components/tool-invocation-card/ManageRulesResultDisplay.d.ts

@@ -0,0 +1,7 @@
+import type { ManageRulesResult } from "./types.js";
+type ManageRulesResultDisplayProps = {
+    result: ManageRulesResult;
+};
+export declare function ManageRulesResultDisplay(props: ManageRulesResultDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ManageRulesResultDisplay.d.ts.map

package/dist/components/tool-invocation-card/ManageRulesResultDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageRulesResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ManageRulesResultDisplay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,KAAK,6BAA6B,GAAG;IACnC,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAwF5E"}

package/dist/components/tool-invocation-card/ManageRulesResultDisplay.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { CheckCircle, GitCommit, FileCode2, Zap } from "lucide-react";
+import { Badge } from "#components/badge/index";
+import { DatalogAst } from "#ldo-ui";
+export function ManageRulesResultDisplay(props) {
+    const { result } = props;
+    const hasRuleText = result.ruleText?.trim();
+    const hasRuleData = result.parsedRule && typeof result.parsedRule === "object";
+    const { parsedRule, content } = result;
+    const { rulesAdded = 0, rulesUpdated = 0, rulesDeleted = 0 } = result.commitSummary || {};
+    const { head, body } = parsedRule || {};
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle, { className: "size-4 text-success shrink-0" }), _jsx("span", { className: "typography-small", children: "Rule Successfully Managed" }), result.inferenceVerified && (_jsxs(Badge, { variant: "default", className: "ml-auto", children: [_jsx(Zap, { className: "size-3 mr-1" }), "Inference Verified"] }))] }), result.ruleIri && (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(FileCode2, { className: "size-4 text-muted-foreground mt-0.5 shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "typography-small text-muted-foreground", children: "Rule IRI" }), _jsx("code", { className: "typography-small font-mono bg-muted px-2 py-1 rounded", children: result.ruleIri })] })] })), (hasRuleText || hasRuleData) && (_jsxs("div", { className: "border rounded-lg overflow-hidden", children: [_jsx("div", { className: "bg-muted/30 px-4 py-2 border-b", children: _jsx("h5", { className: "typography-caption text-muted-foreground", children: "Rule Structure" }) }), _jsx("div", { className: "p-4", children: hasRuleText ? (_jsx(DatalogAst, { rule: result.ruleText })) : hasRuleData && (head || body) ? (_jsxs("div", { className: "space-y-3", children: [isPresent(head) && (_jsxs("div", { children: [_jsx("span", { className: "typography-small text-muted-foreground", children: "Head:" }), _jsx("code", { className: "block mt-1 p-2 bg-muted/50 rounded typography-small font-mono", children: JSON.stringify(head, null, 2) })] })), isPresent(body) && (_jsxs("div", { children: [_jsx("span", { className: "typography-small text-muted-foreground", children: "Body:" }), _jsx("code", { className: "block mt-1 p-2 bg-muted/50 rounded typography-small font-mono", children: JSON.stringify(body, null, 2) })] }))] })) : null })] })), result.commitSummary && (_jsxs("div", { className: "flex items-center gap-1 p-3 bg-muted/20 rounded-lg", children: [_jsx(GitCommit, { className: "size-4 text-muted-foreground shrink-0 mr-2" }), _jsx("span", { className: "typography-small text-muted-foreground", children: "Commit:" }), _jsxs("div", { className: "flex items-center gap-3 ml-2", children: [rulesAdded > 0 && _jsxs("span", { className: "typography-small text-success", children: ["+", rulesAdded, " added"] }), rulesUpdated > 0 && _jsxs("span", { className: "typography-small text-warning", children: ["~", rulesUpdated, " updated"] }), rulesDeleted > 0 && (_jsxs("span", { className: "typography-small text-error-foreground", children: ["-", rulesDeleted, " deleted"] })), !rulesAdded && !rulesUpdated && !rulesDeleted && (_jsx("span", { className: "typography-small text-muted-foreground", children: "No changes" }))] })] })), content && (_jsx("div", { className: "p-3 bg-muted/10 rounded-lg", children: _jsx("pre", { className: "typography-small whitespace-pre-wrap", children: content }) }))] }));
+}

package/dist/components/tool-invocation-card/ToolActions.d.ts

@@ -0,0 +1,9 @@
+import { type ToolInvocationCardProps } from "./ToolInvocationCard.js";
+type ToolActionsProps = {
+    toolCallId: string;
+    toolName: string;
+    onSubmit: ToolInvocationCardProps["onSubmit"];
+};
+export declare function ToolActions(props: ToolActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolActions.d.ts.map

package/dist/components/tool-invocation-card/ToolActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolActions.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;CAC/C,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAqBlD"}

package/dist/components/tool-invocation-card/ToolActions.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { APPROVAL } from "@manta-eu/client/shared/index";
+import { Button } from "#components/button/index";
+export function ToolActions(props) {
+    const { toolCallId, toolName: _toolName, onSubmit } = props;
+    function handleReject() {
+        onSubmit({ toolCallId, result: APPROVAL.NO });
+    }
+    function handleApprove() {
+        onSubmit({ toolCallId, result: APPROVAL.YES });
+    }
+    return (_jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "destructive", size: "sm", onClick: handleReject, children: "Reject" }), _jsx(Button, { size: "sm", onClick: handleApprove, children: "Approve" })] }));
+}

package/dist/components/tool-invocation-card/ToolArgumentsDisplay.d.ts

@@ -0,0 +1,7 @@
+import type { ToolUIPart } from "ai";
+type ToolArgumentsDisplayProps = {
+    toolUIPart: ToolUIPart;
+};
+export declare function ToolArgumentsDisplay(props: ToolArgumentsDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolArgumentsDisplay.d.ts.map

package/dist/components/tool-invocation-card/ToolArgumentsDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolArgumentsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolArgumentsDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAGrC,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAepE"}

package/dist/components/tool-invocation-card/ToolArgumentsDisplay.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
+export function ToolArgumentsDisplay(props) {
+    const { toolUIPart } = props;
+    return (_jsxs("div", { className: "mb-3", children: [_jsx("h5", { className: "typography-tiny-medium mb-1 text-muted-foreground", children: "Arguments:" }), _jsx("pre", { className: cn("max-w-[450px] whitespace-pre-wrap break-words", "overflow-auto rounded-md bg-background/80 p-2 typography-tiny"), children: JSON.stringify(toolUIPart.input, null, 2) })] }));
+}

package/dist/components/tool-invocation-card/ToolHeader.d.ts

@@ -0,0 +1,10 @@
+import type { ToolUIPart } from "ai";
+type ToolHeaderProps = {
+    toolUIPart: ToolUIPart;
+    needsConfirmation: boolean;
+    isExpanded: boolean;
+    onToggle: () => void;
+};
+export declare function ToolHeader(props: ToolHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolHeader.d.ts.map

package/dist/components/tool-invocation-card/ToolHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolHeader.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAGrC,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAuBhD"}

package/dist/components/tool-invocation-card/ToolHeader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getToolUIPartLabel } from "@manta-eu/client/shared/tools";
+import { CheckCircle2, ChevronDown, Loader2 } from "lucide-react";
+export function ToolHeader(props) {
+    const { toolUIPart, isExpanded, onToggle, needsConfirmation } = props;
+    const isComplete = !needsConfirmation && toolUIPart.state === "output-available";
+    const humanToolName = getToolUIPartLabel(toolUIPart);
+    function handleToggle() {
+        onToggle();
+    }
+    return (_jsxs("button", { type: "button", onClick: handleToggle, className: "w-full flex items-center gap-2 cursor-pointer", children: [_jsxs("h4", { className: "typography-small-medium flex items-center gap-2 flex-1 text-left", children: [isComplete ? _jsx(CheckCircle2, { size: 16 }) : _jsx(Loader2, { size: 16, className: "animate-spin" }), humanToolName] }), _jsx(ChevronDown, { size: 16, className: `text-muted-foreground transition-transform ${isExpanded ? "rotate-180" : ""}` })] }));
+}

package/dist/components/tool-invocation-card/ToolInvocationCard.d.ts

@@ -0,0 +1,13 @@
+import type { ToolUIPart } from "ai";
+export type ToolInvocationCardProps = {
+    toolUIPart: ToolUIPart;
+    toolCallId: string;
+    needsConfirmation: boolean;
+    onSubmit: ({ toolCallId, result }: {
+        toolCallId: string;
+        result: string;
+    }) => void;
+    addToolResult: (toolCallId: string, result: string) => void;
+};
+export declare function ToolInvocationCard(props: ToolInvocationCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolInvocationCard.d.ts.map

package/dist/components/tool-invocation-card/ToolInvocationCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolInvocationCard.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolInvocationCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAWrC,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAiDhE"}

package/dist/components/tool-invocation-card/ToolInvocationCard.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getToolUIPartLabel } from "@manta-eu/client/shared/tools";
+import { useCallback, useState } from "react";
+import { match } from "ts-pattern";
+import { ToolActions } from "./ToolActions.js";
+import { ToolArgumentsDisplay } from "./ToolArgumentsDisplay.js";
+import { ToolHeader } from "./ToolHeader.js";
+import { ToolLoadingState } from "./ToolLoadingState.js";
+import { ToolResultDisplay } from "./ToolResultDisplay.js";
+import { Card } from "#components/card/index";
+import { cn } from "#lib/utils";
+export function ToolInvocationCard(props) {
+    const { toolUIPart, toolCallId, needsConfirmation, onSubmit } = props;
+    const [isExpanded, setIsExpanded] = useState(false);
+    const loadingLabel = getToolUIPartLabel(toolUIPart);
+    const [executionStartTime] = useState(Date.now());
+    const handleToggle = useCallback(() => {
+        setIsExpanded(!isExpanded);
+    }, []);
+    return (_jsxs(Card, { className: "my-3 w-full max-w-2xl card-base overflow-hidden", children: [_jsx(ToolHeader, { toolUIPart: toolUIPart, needsConfirmation: needsConfirmation, isExpanded: isExpanded, onToggle: handleToggle }), _jsx("div", { className: cn([
+                    "transition-all duration-200",
+                    isExpanded ? "max-h-[600px] opacity-100 mt-3" : "max-h-0 opacity-0 overflow-hidden",
+                ]), children: _jsxs("div", { className: "overflow-y-auto", style: { maxHeight: isExpanded ? "580px" : "0px" }, children: [_jsx(ToolArgumentsDisplay, { toolUIPart: toolUIPart }), match({ needsConfirmation, state: toolUIPart.state })
+                            .with({ needsConfirmation: true, state: "input-available" }, () => (_jsx(ToolActions, { toolCallId: toolCallId, toolName: toolUIPart.type.replace("tool-", ""), onSubmit: onSubmit })))
+                            .with({ needsConfirmation: false, state: "output-available" }, () => (_jsx(ToolResultDisplay, { result: toolUIPart.output, executionStartTime: executionStartTime, toolUIPart: toolUIPart })))
+                            .with({ state: "input-streaming" }, () => _jsx(ToolLoadingState, { label: loadingLabel }))
+                            .otherwise(() => null)] }) })] }));
+}

package/dist/components/tool-invocation-card/ToolLoadingState.d.ts

@@ -0,0 +1,6 @@
+type ToolLoadingStateProps = {
+    label: string;
+};
+export declare function ToolLoadingState(props: ToolLoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolLoadingState.d.ts.map

package/dist/components/tool-invocation-card/ToolLoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolLoadingState.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolLoadingState.tsx"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAa5D"}

package/dist/components/tool-invocation-card/ToolLoadingState.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+function useTimer() {
+    const [timer, setTimer] = useState(0);
+    const intervalRef = useRef(null);
+    useEffect(() => {
+        intervalRef.current = setInterval(() => {
+            setTimer((prev) => prev + 1);
+        }, 1000);
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        };
+    }, []);
+    return timer;
+}
+export function ToolLoadingState(props) {
+    const { label } = props;
+    const timer = useTimer();
+    return (_jsx("div", { className: "mt-3 border-t border-muted-border pt-3", children: _jsxs("div", { className: "flex items-center gap-2 typography-small text-muted-foreground", children: [_jsx(Loader2, { size: 16, className: "animate-spin" }), _jsxs("span", { className: "font-mono", children: [label, "..."] }), _jsxs("span", { className: "text-muted-foreground/60 font-mono typography-tiny", children: [timer, "s"] })] }) }));
+}

package/dist/components/tool-invocation-card/ToolOutputRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { ToolUIPart } from "ai";
+import type { ToolResult } from "./types.js";
+type ToolOutputRendererProps = {
+    result: ToolResult;
+    toolUIPart?: ToolUIPart;
+};
+export declare function ToolOutputRenderer(props: ToolOutputRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolOutputRenderer.d.ts.map

package/dist/components/tool-invocation-card/ToolOutputRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolOutputRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolOutputRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAUrC,OAAO,KAAK,EAQV,UAAU,EACX,MAAM,SAAS,CAAC;AAsHjB,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkBhE"}