@manta-eu/react 0.1.0

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

@@ -0,0 +1,61 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+export declare const Dropdown: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare function preventPointerFocus(event: React.PointerEvent): void;
+export type DropdownContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownContent(props: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownContent {
+    var displayName: string;
+}
+export type DropdownGroupProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group> & {
+    label?: string;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownGroup(props: DropdownGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownGroup {
+    var displayName: string;
+}
+export type DropdownSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownSeparator(props: DropdownSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownSeparator {
+    var displayName: string;
+}
+export type DropdownItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    icon?: React.ReactNode;
+    selected?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownItem {
+    var displayName: string;
+}
+export type DropdownCheckboxItemProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>, "checked" | "onCheckedChange"> & {
+    icon?: React.ReactNode;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownCheckboxItem(props: DropdownCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownCheckboxItem {
+    var displayName: string;
+}
+export type DropdownFlagItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    countryCode: string;
+    countryName: string;
+    dialCode: string;
+    selected?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function DropdownFlagItem(props: DropdownFlagItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownFlagItem {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,QAAQ,mDAA6B,CAAC;AACnD,eAAO,MAAM,eAAe,0HAAgC,CAAC;AAC7D,eAAO,MAAM,cAAc,yDAA+B,CAAC;AAE3D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,QAE5D;AAkBD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,GAAG;IACxG,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAc1D;yBAde,eAAe;;;AAiB/B,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAatD;yBAbe,aAAa;;;AAgB7B,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,GAAG;IAC5G,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAS9D;yBATe,iBAAiB;;;AAsBjC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAClG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAepD;yBAfe,YAAY;;;AAkB5B,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,EACzE,SAAS,GAAG,iBAAiB,CAC9B,GAAG;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAiBpE;yBAjBe,oBAAoB;;;AAoBpC,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IACtG,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAe5D;yBAfe,gBAAgB"}

package/dist/components/dropdown/index.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check } from "lucide-react";
+import * as React from "react";
+import { tv } from "tailwind-variants";
+import { Checkbox } from "../checkbox/index.js";
+import { cn } from "#style";
+export const Dropdown = DropdownMenuPrimitive.Root;
+export const DropdownTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownPortal = DropdownMenuPrimitive.Portal;
+export function preventPointerFocus(event) {
+    event.preventDefault();
+}
+const dropdownContent = tv({
+    base: [
+        "z-50 min-w-[180px] overflow-hidden p-1.5",
+        "bg-card border border-muted-border rounded-md-v4",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        // A closed overlay stays hit-testable — see the note on the modal overlay.
+        "data-[state=closed]:hidden",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "origin-(--radix-dropdown-menu-content-transform-origin)",
+        "max-h-(--radix-dropdown-menu-content-available-height) overflow-y-auto",
+    ],
+});
+export function DropdownContent(props) {
+    const { className, sideOffset = 4, side = "bottom", align = "start", ref, ...otherProps } = props;
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, side: side, align: align, sideOffset: sideOffset, className: cn(dropdownContent(), className), ...otherProps }) }));
+}
+DropdownContent.displayName = "DropdownContent";
+export function DropdownGroup(props) {
+    const { className, label, children, ref, ...otherProps } = props;
+    const hasChildren = React.Children.count(children) > 0;
+    return (_jsxs(DropdownMenuPrimitive.Group, { ref: ref, className: cn("flex flex-col", className), ...otherProps, children: [label && hasChildren && (_jsx(DropdownMenuPrimitive.Label, { className: "px-2 py-1.5 typography-caption-medium text-muted-foreground", children: label })), children] }));
+}
+DropdownGroup.displayName = "DropdownGroup";
+export function DropdownSeparator(props) {
+    const { className, ref, ...otherProps } = props;
+    return (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("border-t-[0.5px] border-muted-border", className), ...otherProps }));
+}
+DropdownSeparator.displayName = "DropdownSeparator";
+const dropdownItem = tv({
+    base: [
+        "relative flex w-full cursor-pointer select-none items-center gap-2",
+        "rounded-sm-v4 pl-2 pr-3 py-2 typography-caption-medium text-default-foreground",
+        "outline-none transition-colors",
+        "hover:bg-faint focus:bg-faint",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    ],
+});
+export function DropdownItem(props) {
+    const { className, children, icon, selected, asChild, ref, ...otherProps } = props;
+    return (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn(dropdownItem(), className), asChild: asChild, ...otherProps, children: asChild ? (children) : (_jsxs(_Fragment, { children: [icon && _jsx("span", { className: "size-5 shrink-0 flex items-center justify-center", children: icon }), children, selected && _jsx(Check, { className: "size-4 shrink-0" })] })) }));
+}
+DropdownItem.displayName = "DropdownItem";
+export function DropdownCheckboxItem(props) {
+    const { className, children, icon, checked, onCheckedChange, disabled, ref, ...otherProps } = props;
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn(dropdownItem(), "gap-3", className), checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, onSelect: (e) => e.preventDefault(), ...otherProps, children: [_jsx(Checkbox, { checked: checked, disabled: disabled, tabIndex: -1, "aria-hidden": "true" }), icon && _jsx("span", { className: "size-5 shrink-0 flex items-center justify-center", children: icon }), children] }));
+}
+DropdownCheckboxItem.displayName = "DropdownCheckboxItem";
+export function DropdownFlagItem(props) {
+    const { className, countryCode, countryName, dialCode, selected, ref, ...otherProps } = props;
+    return (_jsxs(DropdownMenuPrimitive.Item, { ref: ref, className: cn(dropdownItem(), "gap-2", className), ...otherProps, children: [_jsx("img", { src: `https://flagcdn.com/${countryCode.toLowerCase()}.svg`, alt: `${countryName} flag`, className: "size-5 shrink-0 rounded-sm object-cover" }), _jsx("span", { className: "typography-caption-medium text-default-foreground", children: countryName }), _jsx("span", { className: "typography-caption-medium text-muted-foreground", children: dialCode }), _jsx("span", { className: "flex-1" }), selected && _jsx(Check, { className: "size-4 shrink-0" })] }));
+}
+DropdownFlagItem.displayName = "DropdownFlagItem";

package/dist/components/embedded-chat/EmbeddedDatastorePicker.d.ts

@@ -0,0 +1,8 @@
+import type { Datastore } from "#lib/chat-types";
+export type EmbeddedDatastorePickerProps = {
+    datastores: Datastore[];
+    canSwitchDatastore?: boolean;
+    onDatastoreChosen: (datastore: Datastore) => void;
+};
+export declare function EmbeddedDatastorePicker(props: EmbeddedDatastorePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmbeddedDatastorePicker.d.ts.map

package/dist/components/embedded-chat/EmbeddedDatastorePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedDatastorePicker.d.ts","sourceRoot":"","sources":["../../../src/components/embedded-chat/EmbeddedDatastorePicker.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACnD,CAAC;AAGF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CA6F1E"}

package/dist/components/embedded-chat/EmbeddedDatastorePicker.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { LoaderCircle } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { SearchInput } from "#components/input/index";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "#components/tooltip/index";
+import { useDatastoreSelection } from "#hooks/useDatastoreSelection";
+import { datastorePickerRows, DatastoreRowContent, datastoreRowIndent, datastoreRowTestIdPrefix, filterDatastoreRows, searchThreshold, } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { useAssistantName } from "#providers/AssistantNameProvider";
+// No sidebar to hang the profile-menu picker off, so an operator picks the tenant before the chat opens.
+export function EmbeddedDatastorePicker(props) {
+    const { datastores, canSwitchDatastore, onDatastoreChosen } = props;
+    const assistantName = useAssistantName();
+    const [search, setSearch] = useState("");
+    const { setSelectedDatastore, isSwitching } = useDatastoreSelection({ canSwitchDatastore });
+    const rows = useMemo(() => datastorePickerRows({ userDatastores: datastores }), [datastores]);
+    const visibleRows = useMemo(() => filterDatastoreRows(rows, search), [rows, search]);
+    const choose = useCallback(async (row) => {
+        if (!(await setSelectedDatastore(row.id)))
+            return;
+        onDatastoreChosen(datastores.find((datastore) => datastore.id === row.id) ?? { id: row.id, name: row.name });
+    }, [datastores, setSelectedDatastore, onDatastoreChosen]);
+    return (_jsx(TooltipProvider, { delayDuration: 300, children: _jsxs("div", { className: "flex h-full flex-col gap-4 bg-background p-6 text-default-foreground", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h2", { className: "typography-large-body-semibold leading-none", children: "Select a datastore" }), _jsxs("p", { className: "typography-small text-muted-foreground", children: ["Choose which datastore ", assistantName, " should answer for."] })] }), rows.length > searchThreshold && (_jsx(SearchInput, { autoFocus: true, placeholder: "Search datastores...", value: search, onChange: (event) => setSearch(event.target.value) })), isSwitching && (_jsxs("div", { className: "flex items-center gap-2 typography-caption text-muted-foreground", children: [_jsx(LoaderCircle, { className: "size-4 animate-spin" }), "Switching datastore..."] })), isPresent(visibleRows) ? (_jsx("ul", { className: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto", "data-testid": "embedded-datastore-picker", children: visibleRows.map((row) => {
+                        const className = cn("flex w-full items-center gap-2 rounded-sm-v4 p-2 text-left", row.heading
+                            ? "cursor-default"
+                            : "hover:bg-accent focus-visible:bg-accent focus-visible:outline-none disabled:opacity-60");
+                        const item = row.heading ? (_jsx("div", { className: className, style: datastoreRowIndent(row), "data-testid": `${datastoreRowTestIdPrefix}-${row.id}`, children: _jsx(DatastoreRowContent, { row: row }) })) : (_jsx("button", { type: "button", disabled: isSwitching, className: className, style: datastoreRowIndent(row), "data-testid": `${datastoreRowTestIdPrefix}-${row.id}`, onClick: () => void choose(row), children: _jsx(DatastoreRowContent, { row: row }) }));
+                        if (!row.note)
+                            return _jsx("li", { children: item }, row.id);
+                        return (_jsx("li", { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: item }), _jsx(TooltipContent, { side: "right", children: row.note })] }) }, row.id));
+                    }) })) : (_jsx("p", { className: "typography-caption text-muted-foreground", children: "No datastores match your search." }))] }) }));
+}

package/dist/components/embedded-chat/index.d.ts

@@ -0,0 +1,3 @@
+import { type AuthenticatedChatProps } from "#lib/chat-types";
+export declare function EmbeddedChat(props: AuthenticatedChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/embedded-chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/embedded-chat/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAoB,KAAK,sBAAsB,EAA0C,MAAM,iBAAiB,CAAC;AAOxH,wBAAgB,YAAY,CAAC,KAAK,EAAE,sBAAsB,2CAazD"}

package/dist/components/embedded-chat/index.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isEmpty } from "ramda";
+import { useState } from "react";
+import { MemoryRouter, useInRouterContext } from "react-router";
+import { Chat } from "../chat-view/index.js";
+import { KnowledgeGraphStartupGate } from "../layouts/KnowledgeGraphStartupGate.js";
+import { EmbeddedDatastorePicker } from "./EmbeddedDatastorePicker.js";
+import { Banner } from "#components/banner/index";
+import { resolveChatProps } from "#lib/chat-types";
+import { getDatastoreRoutes } from "#lib/datastore-routes";
+import { AssistantNameProvider } from "#providers/AssistantNameProvider";
+import { ChatManagerProvider } from "#providers/ChatManagerProvider";
+import { KnowledgeGraphStateProvider } from "#providers/KnowledgeGraphStateProvider";
+import { ActionPlansPage, PlanDetailRouteContent, useActionPlanRouteState } from "#routes/plans/index";
+export function EmbeddedChat(props) {
+    const inRouter = useInRouterContext();
+    const routes = getDatastoreRoutes({
+        Chat: _jsx(EmbeddedContent, { ...resolveChatProps(props) }),
+        Plans: _jsx(EmbeddedPlans, {}),
+    });
+    return (_jsx("div", { id: "manta-embed", "data-theme": "manta", className: "h-full", children: _jsx(AssistantNameProvider, { name: props.assistantName, children: inRouter ? routes : _jsx(MemoryRouter, { children: routes }) }) }));
+}
+function EmbeddedPlans() {
+    const { planName } = useActionPlanRouteState();
+    if (!planName) {
+        return _jsx(ActionPlansPage, {});
+    }
+    return (_jsx("div", { className: "p-6 lg:p-4", children: _jsx("div", { className: "mx-auto max-w-7xl", children: _jsx(PlanDetailRouteContent, { planName: planName }) }) }));
+}
+function EmbeddedContent(props) {
+    const { datastore, user, onLogout, onClose, onSelectPlan, isOperator, datastores, canSwitchDatastore } = props;
+    const [chosenDatastore, setChosenDatastore] = useState();
+    const activeDatastore = datastore ?? chosenDatastore;
+    if (!user) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: _jsx("div", { className: "w-full max-w-md space-y-4", children: _jsx(Banner, { type: "error", size: "loose", label: "Authentication Error", description: "Invalid user session. Please sign in again.", ...(onLogout && {
+                        actionLabel: "Sign Out",
+                        onAction: onLogout,
+                    }) }) }) }));
+    }
+    if (isOperator && isEmpty(datastores)) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: _jsx("div", { className: "w-full max-w-md space-y-4", children: _jsx(Banner, { type: "error", size: "loose", label: "Configuration Error", description: "No datastores available for operator access. Please contact your administrator.", ...(onLogout && {
+                        actionLabel: "Sign Out",
+                        onAction: onLogout,
+                    }) }) }) }));
+    }
+    if (isOperator && !activeDatastore) {
+        return (_jsx(EmbeddedDatastorePicker, { datastores: datastores, canSwitchDatastore: canSwitchDatastore, onDatastoreChosen: setChosenDatastore }));
+    }
+    return (_jsx(ChatManagerProvider, { datastoreId: activeDatastore?.id, onSelectPlan: onSelectPlan, children: _jsx(KnowledgeGraphStateProvider, { datastoreId: activeDatastore?.id, children: _jsx(KnowledgeGraphStartupGate, { embedded: true, children: _jsx(Chat, { datastore: activeDatastore, user: user, onLogout: onLogout, onCloseAction: onClose, isCopilot: true, isEmbedded: true, isOperator: isOperator, pageContext: props.pageContext, title: props.title, mark: props.mark, initialPrompt: props.initialPrompt, welcomeSubtitle: props.welcomeSubtitle, renderMenuItems: props.renderMenuItems }) }) }) }, activeDatastore?.id));
+}

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentType, ReactNode } from "react";
+export type EmptyStateProps = {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+    className?: string;
+    iconClassName?: string;
+};
+export declare function EmptyState(props: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAYhD"}

package/dist/components/empty-state/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#style";
+export function EmptyState(props) {
+    const { icon: Icon, title, description, children, className, iconClassName } = props;
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center h-60 max-w-md mx-auto gap-6 text-center", className), children: [_jsx(Icon, { className: cn("size-6 text-accent-foreground", iconClassName) }), _jsxs("div", { className: "grid gap-1", children: [_jsx("p", { className: "typography-body", children: title }), description && _jsx("p", { className: "typography-caption text-muted-foreground", children: description })] }), children] }));
+}

package/dist/components/filter-sheet/index.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export type FilterSheetProps = {
+    activeCount: number;
+    onReset: () => void;
+    children: ReactNode;
+    triggerLabel?: string;
+    title?: string;
+    applyLabel?: string;
+};
+export declare function FilterSheet(props: FilterSheetProps): import("react/jsx-runtime").JSX.Element;
+export type FilterSectionProps = {
+    title: string;
+    children: ReactNode;
+};
+export declare function FilterSection(props: FilterSectionProps): import("react/jsx-runtime").JSX.Element;
+export type FilterChipProps = {
+    selected: boolean;
+    label: string;
+    description?: string;
+    onClick: () => void;
+};
+export declare function FilterChip(props: FilterChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/filter-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/filter-sheet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAa9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+ClD;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAExE,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAOtD;AAED,MAAM,MAAM,eAAe,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE9G,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA6BhD"}

package/dist/components/filter-sheet/index.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, SlidersHorizontal } from "lucide-react";
+import { useId } from "react";
+import { Button } from "../button/index.js";
+import { Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "../sheet/index.js";
+export function FilterSheet(props) {
+    const { activeCount, onReset, children, triggerLabel = "Filters", title = "Filter", applyLabel = "Show results", } = props;
+    return (_jsxs(Sheet, { children: [_jsxs("span", { className: "relative inline-flex", children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { iconOnly: true, variant: "tertiary", size: "base", rounded: "lg", icon: SlidersHorizontal, "aria-label": triggerLabel }) }), activeCount > 0 && (_jsx("span", { className: "typography-tiny text-primary-foreground pointer-events-none absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 tabular-nums", children: activeCount }))] }), _jsxs(SheetContent, { side: "bottom", className: "max-h-[85vh] rounded-t-2xl", children: [_jsxs(SheetHeader, { className: "min-h-8 flex-row items-center justify-between pr-10", children: [_jsx(SheetTitle, { text: title }), activeCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onReset, children: "Reset" }))] }), _jsx(SheetBody, { className: "flex min-h-0 flex-col gap-5 py-2", children: children }), _jsx(SheetFooter, { children: _jsx(SheetClose, { asChild: true, children: _jsx(Button, { className: "w-full", children: applyLabel }) }) })] })] }));
+}
+export function FilterSection(props) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "typography-small-medium text-default-foreground", children: props.title }), _jsx("div", { className: "flex flex-wrap gap-2", children: props.children })] }));
+}
+export function FilterChip(props) {
+    const { selected, label, description, onClick } = props;
+    const descriptionId = useId();
+    return (_jsx(Button, { type: "button", size: "sm", rounded: "lg", "aria-pressed": selected, "aria-label": description ? label : undefined, "aria-describedby": description ? descriptionId : undefined, variant: selected ? "secondary" : "tertiary", icon: selected ? Check : undefined, onClick: onClick, className: description ? "h-auto max-w-full items-start justify-start py-2 text-left" : undefined, children: description ? (_jsxs("span", { className: "flex flex-col gap-0.5", children: [_jsx("span", { children: label }), _jsx("span", { id: descriptionId, className: "typography-tiny opacity-70", children: description })] })) : (label) }));
+}

package/dist/components/graph/AgentsColumnHeaders.d.ts

@@ -0,0 +1,9 @@
+import { type PreviewFieldHints, type RDFNode } from "#ldo-ui";
+export type AgentsColumnHeadersProps = {
+    nodes: RDFNode[];
+    nodeMap: Map<string, RDFNode>;
+    planGraphIri?: string;
+    explain?: PreviewFieldHints;
+};
+export declare function AgentsColumnHeaders(props: AgentsColumnHeadersProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsColumnHeaders.d.ts.map

package/dist/components/graph/AgentsColumnHeaders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsColumnHeaders.d.ts","sourceRoot":"","sources":["../../../src/components/graph/AgentsColumnHeaders.tsx"],"names":[],"mappings":"AAIA,OAAO,EAQL,KAAK,iBAAiB,EAEtB,KAAK,OAAO,EAIb,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAgGlE"}

package/dist/components/graph/AgentsColumnHeaders.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNodePropertiesQuery } from "@manta-eu/client";
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { buildPreviewFields, getCurrencyCode, getStatus, isStatusField, ontologyTermIrisForChanges, ontologyTermIrisForProperties, selectPriorityPreviewFields, useOntologyTerms, withOntologyLabels, withOntologyPredicateLabels, } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/MantaClientProvider";
+export function AgentsColumnHeaders(props) {
+    const { nodes, planGraphIri, explain } = props;
+    const firstNode = nodes[0];
+    const { mantaClient } = useMantaClient();
+    const status = firstNode ? getStatus(firstNode.data) : undefined;
+    const nodeIri = useMemo(() => {
+        if (!firstNode)
+            return "";
+        const jsonLdNode = firstNode.data.jsonLd;
+        return expandPrefix(jsonLdNode["@id"] || "");
+    }, [firstNode]);
+    const { data } = useNodePropertiesQuery(mantaClient, { nodeIri, planGraphIri }, { enabled: !!planGraphIri && !!nodeIri });
+    const queryProperties = useMemo(() => data?.nodeProperties.properties ?? [], [data]);
+    const ontologyTerms = useOntologyTerms(useMemo(() => [
+        ...nodes.flatMap((node) => ontologyTermIrisForProperties(node.data.properties)),
+        ...ontologyTermIrisForChanges(queryProperties),
+    ], [nodes, queryProperties]));
+    const labeledQueryProperties = useMemo(() => withOntologyPredicateLabels(queryProperties, ontologyTerms), [queryProperties, ontologyTerms]);
+    const currencyCode = useMemo(() => getCurrencyCode(labeledQueryProperties, firstNode?.data.properties ?? []), [labeledQueryProperties, firstNode]);
+    const previewFields = useMemo(() => buildPreviewFields(labeledQueryProperties, withOntologyLabels(firstNode?.data.properties ?? [], ontologyTerms), currencyCode, status?.value), [labeledQueryProperties, currencyCode, firstNode, ontologyTerms, status?.value]);
+    const explainFields = useMemo(() => {
+        if (!explain)
+            return undefined;
+        const sets = nodes.map((node) => selectPriorityPreviewFields(withOntologyLabels(node.data.properties, ontologyTerms), explain, currencyCode));
+        return (sets.find((set) => set.some((field) => field.isHighlighted)) ??
+            sets.reduce((longest, set) => (set.length > longest.length ? set : longest), []));
+    }, [explain, nodes, ontologyTerms, currencyCode]);
+    const statusField = explainFields ? undefined : previewFields.find((f) => isStatusField(f));
+    const nonStatusFields = explainFields ?? previewFields.filter((f) => !isStatusField(f));
+    const firstColumnLabel = explain ? "Entity" : "Campaign";
+    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.2fr)_28px] gap-4 pl-12 pr-3 py-2.5 bg-muted border-b border-muted-border", children: [_jsx("span", { className: "typography-tiny-medium text-muted-foreground tracking-wide", children: firstColumnLabel }), nonStatusFields.slice(0, 2).map((f) => (_jsx("span", { className: cn("typography-tiny-medium tracking-wide text-right", f.isHighlighted ? "text-accent-foreground" : "text-muted-foreground"), children: f.label }, f.id))), nonStatusFields.length < 2 && _jsx("span", {}), !isPresent(nonStatusFields) && _jsx("span", {}), _jsx("span", { className: cn("typography-tiny-medium tracking-wide text-right", nonStatusFields[2]?.isHighlighted ? "text-accent-foreground" : "text-muted-foreground"), children: statusField ? "Status change" : (nonStatusFields[2]?.label ?? "") }), _jsx("span", {})] }));
+}

package/dist/components/graph/AgentsGraph.d.ts

@@ -0,0 +1,6 @@
+import { type GraphProps, type PreviewFieldHints } from "#ldo-ui";
+export type AgentsGraphProps = Omit<GraphProps, "onLoadRelationships" | "renderPropertyDiff" | "renderListRow" | "renderListHeader" | "previewHints"> & {
+    explain?: PreviewFieldHints;
+};
+export declare function AgentsGraph(props: AgentsGraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsGraph.d.ts.map

package/dist/components/graph/AgentsGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsGraph.d.ts","sourceRoot":"","sources":["../../../src/components/graph/AgentsGraph.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,UAAU,EACV,qBAAqB,GAAG,oBAAoB,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,CACrG,GAAG;IACF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA6BlD"}

package/dist/components/graph/AgentsGraph.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AgentsColumnHeaders } from "./AgentsColumnHeaders.js";
+import { AgentsGraphListRow } from "./AgentsGraphListRow.js";
+import { PropertyDiffViewContainer } from "./NodeDetailPanel/PropertyDiffViewContainer.js";
+import { Graph } from "#ldo-ui";
+import { useLoadRelationships } from "#lib/load-relationships";
+export function AgentsGraph(props) {
+    const { explain, ...graphProps } = props;
+    const onLoadRelationships = useLoadRelationships();
+    return (_jsx(Graph, { ...graphProps, previewHints: explain, onLoadRelationships: onLoadRelationships, renderPropertyDiff: ({ node, nodeIri, planGraphIri }) => (_jsx(PropertyDiffViewContainer, { node: node, nodeIri: nodeIri, planGraphIri: planGraphIri })), renderListHeader: ({ nodes, nodeMap, planGraphIri }) => (_jsx(AgentsColumnHeaders, { nodes: nodes, nodeMap: nodeMap, planGraphIri: planGraphIri, explain: explain })), renderListRow: ({ node, depth, parentLabel, isSelected, isCollapsed, planGraphIri }) => (_jsx(AgentsGraphListRow, { node: node, depth: depth, parentLabel: parentLabel, isSelected: isSelected, isCollapsed: isCollapsed, planGraphIri: planGraphIri, explain: explain })) }));
+}

package/dist/components/graph/AgentsGraphContextPanel.d.ts

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

package/dist/components/graph/AgentsGraphContextPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsGraphContextPanel.d.ts","sourceRoot":"","sources":["../../../src/components/graph/AgentsGraphContextPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAIzE,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAI1E"}

package/dist/components/graph/AgentsGraphContextPanel.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AgentsGraph } from "./AgentsGraph.js";
+import { GraphContextPanel } from "#ldo-ui";
+export function AgentsGraphContextPanel(props) {
+    return (_jsx(GraphContextPanel, { ...props, renderGraph: (mergedGraph) => _jsx(AgentsGraph, { jsonLd: mergedGraph, fullHeight: true }) }));
+}

package/dist/components/graph/AgentsGraphListRow.d.ts

@@ -0,0 +1,12 @@
+import { type PreviewFieldHints, type RDFNode } from "#ldo-ui";
+export type AgentsGraphListRowProps = {
+    node: RDFNode;
+    depth: number;
+    parentLabel?: string;
+    isSelected: boolean;
+    isCollapsed: boolean;
+    planGraphIri?: string;
+    explain?: PreviewFieldHints;
+};
+export declare function AgentsGraphListRow(props: AgentsGraphListRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsGraphListRow.d.ts.map

package/dist/components/graph/AgentsGraphListRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsGraphListRow.d.ts","sourceRoot":"","sources":["../../../src/components/graph/AgentsGraphListRow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAUL,KAAK,iBAAiB,EAEtB,KAAK,OAAO,EAKb,MAAM,SAAS,CAAC;AAqCjB,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAoIhE"}

package/dist/components/graph/AgentsGraphListRow.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useNodePropertiesQuery } from "@manta-eu/client";
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, ChevronRight, Info } from "lucide-react";
+import { useMemo } from "react";
+import { ChannelIcon } from "#components/channel-icon/index";
+import { buildPreviewFields, getCurrencyCode, getNodeChannel, getStatus, getStatusPillColor, isStatusField, ontologyTermIrisForChanges, ontologyTermIrisForProperties, selectPriorityPreviewFields, useGraphContext, useOntologyTerms, withOntologyLabels, withOntologyPredicateLabels, } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/MantaClientProvider";
+function StatusPreviewPill(props) {
+    return (_jsx("span", { className: cn("rounded-[5px] px-1.5 py-0.5 text-[11px] font-mono leading-4 whitespace-nowrap", props.muted ? "bg-accent text-muted-foreground" : getStatusPillColor(props.rawValue ?? props.value)), children: props.value }));
+}
+function GridFieldCell(props) {
+    const { field } = props;
+    return (_jsx("span", { className: cn("text-right truncate tabular-nums", field.isHighlighted
+            ? "typography-small-medium text-accent-foreground"
+            : "typography-small text-muted-foreground"), title: `${field.label}: ${field.value}`, children: field.value }));
+}
+export function AgentsGraphListRow(props) {
+    const { node, depth, parentLabel, isSelected, isCollapsed, planGraphIri, explain } = props;
+    const { onSelectNode, onToggleCollapse, onNodeContextMenu } = useGraphContext();
+    const { mantaClient } = useMantaClient();
+    const status = getStatus(node.data);
+    const nodeIri = useMemo(() => {
+        const jsonLdNode = node.data.jsonLd;
+        return expandPrefix(jsonLdNode["@id"] || "");
+    }, [node.data.jsonLd]);
+    const { data } = useNodePropertiesQuery(mantaClient, { nodeIri, planGraphIri }, { enabled: !!planGraphIri && !!nodeIri });
+    const displayLabel = data?.nodeProperties.label || node.data.label;
+    const channel = getNodeChannel(node.data);
+    const queryProperties = useMemo(() => data?.nodeProperties.properties ?? [], [data]);
+    const ontologyTerms = useOntologyTerms(useMemo(() => [...ontologyTermIrisForProperties(node.data.properties), ...ontologyTermIrisForChanges(queryProperties)], [node.data.properties, queryProperties]));
+    const nodeProperties = useMemo(() => withOntologyLabels(node.data.properties, ontologyTerms), [node.data.properties, ontologyTerms]);
+    const labeledQueryProperties = useMemo(() => withOntologyPredicateLabels(queryProperties, ontologyTerms), [queryProperties, ontologyTerms]);
+    const currencyCode = useMemo(() => getCurrencyCode(labeledQueryProperties, nodeProperties), [labeledQueryProperties, nodeProperties]);
+    const previewFields = useMemo(() => explain
+        ? selectPriorityPreviewFields(nodeProperties, explain, currencyCode)
+        : buildPreviewFields(labeledQueryProperties, nodeProperties, currencyCode, status?.value), [explain, labeledQueryProperties, currencyCode, nodeProperties, status?.value]);
+    const statusField = explain ? undefined : previewFields.find((f) => isStatusField(f));
+    const nonStatusFields = explain ? previewFields : previewFields.filter((f) => !isStatusField(f));
+    return (_jsx("div", { className: cn("transition-colors bg-faint border-b border-muted-border hover:bg-muted/50 cursor-pointer", isSelected && "bg-muted"), onContextMenu: (event) => {
+            event.preventDefault();
+            onNodeContextMenu(node.id, displayLabel, event.clientX, event.clientY);
+        }, children: _jsxs("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.2fr)_28px] items-center gap-4 pr-3 py-3", style: { paddingLeft: `${depth * 20 + 48}px` }, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [node.data.hasChildren ? (_jsx("button", { type: "button", onClick: (event) => {
+                                event.stopPropagation();
+                                onToggleCollapse(node.id);
+                            }, className: "flex size-6 shrink-0 items-center justify-center rounded-md border border-default-border bg-card text-muted-foreground transition-colors hover:bg-muted", "aria-label": isCollapsed ? "Expand node" : "Collapse node", children: isCollapsed ? _jsx(ChevronRight, { size: 12 }) : _jsx(ChevronDown, { size: 12 }) })) : (_jsx("div", { className: "size-2 shrink-0 rounded-full bg-muted-foreground/40" })), channel && _jsx(ChannelIcon, { channel: channel, iconClassName: "size-4" }), _jsx("button", { type: "button", onClick: () => onSelectNode({ ...node, data: { ...node.data, label: displayLabel } }), className: "min-w-0 text-left overflow-hidden", children: _jsx("span", { className: "typography-small text-default-foreground truncate block", title: parentLabel ? `${parentLabel} > ${displayLabel}` : displayLabel, children: parentLabel ? `${parentLabel} > ${displayLabel}` : displayLabel }) })] }), nonStatusFields.slice(0, 2).map((field) => (_jsx(GridFieldCell, { field: field }, field.id))), nonStatusFields.length < 2 && _jsx("span", {}), !isPresent(nonStatusFields) && _jsx("span", {}), statusField?.currentValue ? (_jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [statusField.previousValue && (_jsxs(_Fragment, { children: [_jsx(StatusPreviewPill, { value: statusField.previousValue, rawValue: statusField.previousRawValue, muted: true }), _jsx("span", { className: "text-[11px] text-muted-foreground/50 leading-4", children: "\u2192" })] })), _jsx(StatusPreviewPill, { value: statusField.currentValue, rawValue: statusField.currentRawValue })] })) : nonStatusFields.length >= 3 ? (_jsx(GridFieldCell, { field: nonStatusFields[2] })) : (_jsx("span", {})), _jsx("div", { className: "flex items-center justify-center px-1.5", children: _jsx(Info, { className: "size-4 text-muted-foreground/50 hover:text-muted-foreground transition-colors cursor-pointer", onClick: () => onSelectNode({ ...node, data: { ...node.data, label: displayLabel } }) }) })] }) }));
+}

package/dist/components/graph/NodeDetailPanel/AgentsNodeDetailPanel.d.ts

@@ -0,0 +1,4 @@
+import { type NodeDetailPanelProps } from "#ldo-ui";
+export type AgentsNodeDetailPanelProps = Omit<NodeDetailPanelProps, "renderPropertyDiff">;
+export declare function AgentsNodeDetailPanel(props: AgentsNodeDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsNodeDetailPanel.d.ts.map

package/dist/components/graph/NodeDetailPanel/AgentsNodeDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsNodeDetailPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/graph/NodeDetailPanel/AgentsNodeDetailPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAE1F,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAStE"}

package/dist/components/graph/NodeDetailPanel/AgentsNodeDetailPanel.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PropertyDiffViewContainer } from "./PropertyDiffViewContainer.js";
+import { NodeDetailPanel } from "#ldo-ui";
+export function AgentsNodeDetailPanel(props) {
+    return (_jsx(NodeDetailPanel, { ...props, renderPropertyDiff: ({ node, nodeIri, planGraphIri }) => (_jsx(PropertyDiffViewContainer, { node: node, nodeIri: nodeIri, planGraphIri: planGraphIri })) }));
+}

package/dist/components/graph/NodeDetailPanel/PropertyDiffViewContainer.d.ts

@@ -0,0 +1,8 @@
+import type { RDFNodeData } from "#graph/types";
+export type PropertyDiffViewContainerProps = {
+    node: RDFNodeData;
+    nodeIri: string;
+    planGraphIri?: string;
+};
+export declare function PropertyDiffViewContainer(props: PropertyDiffViewContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PropertyDiffViewContainer.d.ts.map

package/dist/components/graph/NodeDetailPanel/PropertyDiffViewContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyDiffViewContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/graph/NodeDetailPanel/PropertyDiffViewContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAUhD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,2CA6B9E"}

package/dist/components/graph/NodeDetailPanel/PropertyDiffViewContainer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNodePropertiesQuery } from "@manta-eu/client";
+import { compactUri } from "@manta-eu/client/shared/rdf-namespaces";
+import { useMemo } from "react";
+import { ontologyTermIrisForChanges, PropertyDiffView, useOntologyTerms, withOntologyPredicateLabels, } from "#ldo-ui";
+import { useMantaClient } from "#providers/MantaClientProvider";
+export function PropertyDiffViewContainer(props) {
+    const { node, nodeIri, planGraphIri } = props;
+    const { mantaClient } = useMantaClient();
+    const { data, isLoading, error } = useNodePropertiesQuery(mantaClient, { nodeIri, planGraphIri }, { enabled: !!nodeIri });
+    const result = data?.nodeProperties;
+    const displayType = result?.typeName || (node.type ? compactUri(node.type) : undefined);
+    const properties = result?.properties;
+    const ontologyTerms = useOntologyTerms(useMemo(() => ontologyTermIrisForChanges(properties ?? []), [properties]));
+    const labeledProperties = useMemo(() => (properties ? withOntologyPredicateLabels(properties, ontologyTerms) : undefined), [properties, ontologyTerms]);
+    return (_jsx(PropertyDiffView, { node: node, displayType: displayType, properties: labeledProperties, isLoading: isLoading, error: error }));
+}

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

@@ -0,0 +1,3 @@
+export { AgentsGraph as Graph, type AgentsGraphProps as GraphProps } from "./AgentsGraph.js";
+export { AgentsGraphContextPanel as GraphContextPanel, type AgentsGraphContextPanelProps as GraphContextPanelProps, } from "./AgentsGraphContextPanel.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/graph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,KAAK,gBAAgB,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EACL,uBAAuB,IAAI,iBAAiB,EAC5C,KAAK,4BAA4B,IAAI,sBAAsB,GAC5D,MAAM,2BAA2B,CAAC"}

package/dist/components/graph/index.js

@@ -0,0 +1,2 @@
+export { AgentsGraph as Graph } from "./AgentsGraph.js";
+export { AgentsGraphContextPanel as GraphContextPanel, } from "./AgentsGraphContextPanel.js";

package/dist/components/hover-card.d.ts

@@ -0,0 +1,6 @@
+import { Root, Trigger, Content } from "@radix-ui/react-hover-card";
+import type { ComponentProps } from "react";
+export declare function HoverCard(props: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCardTrigger(props: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCardContent(props: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/components/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAU,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAE3D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAUrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAiBrE"}

package/dist/components/hover-card.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Root, Trigger, Content, Portal } from "@radix-ui/react-hover-card";
+import { cn } from "../lib/utils.js";
+export function HoverCard(props) {
+    return _jsx(Root, { "data-slot": "hover-card", ...props });
+}
+export function HoverCardTrigger(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(Trigger, { className: cn("touch-manipulation", className), "data-slot": "hover-card-trigger", type: "button", ...otherProps }));
+}
+export function HoverCardContent(props) {
+    const { className, align = "center", sideOffset = 4, ...otherProps } = props;
+    return (_jsx(Portal, { "data-slot": "hover-card-portal", children: _jsx(Content, { align: align, className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) touch-manipulation rounded-md border bg-card p-4 text-default-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none", className), "data-slot": "hover-card-content", sideOffset: sideOffset, ...otherProps }) }));
+}