@manta-eu/react 0.1.0 → 0.1.2

package/dist/components/input/input-numeric.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { useState } from "react";
+import { cn } from "#style";
+export function clamp(value, min, max) {
+    let next = value;
+    if (isPresent(min)) {
+        next = Math.max(min, next);
+    }
+    if (isPresent(max)) {
+        next = Math.min(max, next);
+    }
+    return next;
+}
+function toDraft(value) {
+    return Number.isFinite(value) ? String(value) : "";
+}
+export function decimalsOf(value) {
+    const text = String(value);
+    // Exponential notation ("1e-7") carries no decimal point; fall back to full precision.
+    if (text.includes("e")) {
+        return 20;
+    }
+    const point = text.indexOf(".");
+    return point === -1 ? 0 : text.length - point - 1;
+}
+export function roundToStep(value, step, base = 0) {
+    const decimals = Math.min(20, Math.max(decimalsOf(step), decimalsOf(base)));
+    return Number(value.toFixed(decimals));
+}
+function StepperButton(props) {
+    const { label, disabled, onClick, children } = props;
+    return (_jsx("button", { type: "button", "aria-label": label, tabIndex: -1, disabled: disabled, onClick: onClick, className: "flex h-1/2 w-7 items-center justify-center text-muted-foreground hover:text-default-foreground disabled:pointer-events-none disabled:opacity-40", children: children }));
+}
+export function InputNumeric(props) {
+    const { value, onValueChange, min, max, step = 1, disabled = false, placeholder, className } = props;
+    const ariaLabel = props["aria-label"];
+    const [draft, setDraft] = useState(() => toDraft(value));
+    const [lastValue, setLastValue] = useState(value);
+    // Resync the draft when the parent moves value elsewhere; Object.is avoids a NaN loop (NaN !== NaN).
+    if (!Object.is(lastValue, value)) {
+        setLastValue(value);
+        if (parseFloat(draft) !== value) {
+            setDraft(toDraft(value));
+        }
+    }
+    function applyDelta(delta) {
+        const parsed = parseFloat(draft);
+        const base = Number.isFinite(parsed) ? parsed : value;
+        const next = clamp(roundToStep(base + delta, step, base), min, max);
+        onValueChange(next);
+        setDraft(toDraft(next));
+    }
+    function commitDraft() {
+        const parsed = parseFloat(draft);
+        if (Number.isFinite(parsed)) {
+            const next = clamp(parsed, min, max);
+            onValueChange(next);
+            setDraft(toDraft(next));
+        }
+        else {
+            setDraft(toDraft(value));
+        }
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter") {
+            commitDraft();
+        }
+        else if (event.key === "ArrowUp") {
+            event.preventDefault();
+            applyDelta(step);
+        }
+        else if (event.key === "ArrowDown") {
+            event.preventDefault();
+            applyDelta(-step);
+        }
+    }
+    const draftBase = Number.isFinite(parseFloat(draft)) ? parseFloat(draft) : value;
+    const atMin = isPresent(min) && draftBase <= min;
+    const atMax = isPresent(max) && draftBase >= max;
+    return (_jsxs("div", { className: cn("relative inline-flex w-full items-stretch rounded-md-v4 border border-input-border bg-input text-default-foreground", "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border", disabled && "pointer-events-none opacity-50", className), "data-slot": "numeric-input", children: [_jsx("input", { type: "text", inputMode: "decimal", value: draft, disabled: disabled, placeholder: placeholder, "aria-label": ariaLabel, onChange: (event) => setDraft(event.currentTarget.value), onBlur: commitDraft, onKeyDown: onKeyDown, className: "w-full min-w-0 bg-transparent px-3 py-2.5 typography-caption text-default-foreground outline-none placeholder:text-muted-foreground" }), _jsxs("div", { className: "flex flex-col justify-center border-l border-input-border", children: [_jsx(StepperButton, { label: "Increment", disabled: disabled || atMax, onClick: () => applyDelta(step), children: _jsx(ChevronUp, { className: "size-3" }) }), _jsx(StepperButton, { label: "Decrement", disabled: disabled || atMin, onClick: () => applyDelta(-step), children: _jsx(ChevronDown, { className: "size-3" }) })] })] }));
+}
+InputNumeric.displayName = "InputNumeric";

package/dist/components/input/input-tags.d.ts

@@ -0,0 +1,17 @@
+export type InputTagsSize = "sm" | "base" | "lg";
+export type InputTagsProps = {
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    size?: InputTagsSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function addTag(values: string[], raw: string): string[];
+export declare function InputTags(props: InputTagsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputTags {
+    var displayName: string;
+}
+//# sourceMappingURL=input-tags.d.ts.map

package/dist/components/input/input-tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-tags.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-tags.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAQF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAM9D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAuE9C;yBAvEe,SAAS"}

package/dist/components/input/input-tags.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useRef, useState } from "react";
+import { Chip } from "../chip/index.js";
+import { cn } from "#style";
+const sizeLayout = {
+    sm: "min-h-8 px-2.5 py-1 typography-small",
+    base: "min-h-10 px-3 py-1.5 typography-caption",
+    lg: "min-h-12 px-4 py-2 typography-body-v4",
+};
+export function addTag(values, raw) {
+    const tag = raw.trim();
+    if (!isPresent(tag) || values.includes(tag)) {
+        return values;
+    }
+    return [...values, tag];
+}
+export function InputTags(props) {
+    const { value, onChange, placeholder = "Add a tag…", size = "base", disabled = false, invalid = false, className, } = props;
+    const ariaLabel = props["aria-label"];
+    const inputRef = useRef(null);
+    const [pending, setPending] = useState("");
+    function commitFromInput() {
+        const next = addTag(value, pending);
+        if (next !== value) {
+            onChange(next);
+        }
+        setPending("");
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === ",") {
+            event.preventDefault();
+            commitFromInput();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            setPending("");
+        }
+        else if (event.key === "Backspace" && !isPresent(pending) && isPresent(value)) {
+            onChange(value.slice(0, -1));
+        }
+    }
+    return (_jsxs("div", { "data-slot": "tag-input", onClick: () => inputRef.current?.focus(), className: cn("flex w-full flex-wrap items-center gap-1.5 rounded-md-v4 border bg-input text-default-foreground", "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border", invalid ? "border-error-border" : "border-input-border", disabled && "pointer-events-none opacity-50", sizeLayout[size], className), children: [value.map((tag) => (_jsx(Chip, { label: tag, removeLabel: tag, disabled: disabled, onRemove: () => onChange(value.filter((current) => current !== tag)) }, tag))), _jsx("input", { ref: inputRef, type: "text", value: pending, "aria-label": ariaLabel, "aria-invalid": invalid ? true : undefined, disabled: disabled, placeholder: isPresent(value) ? "" : placeholder, onChange: (event) => setPending(event.currentTarget.value), onKeyDown: onKeyDown, onBlur: commitFromInput, className: "min-w-24 flex-1 bg-transparent outline-none placeholder:text-placeholder-foreground" })] }));
+}
+InputTags.displayName = "InputTags";

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+export type MultiSelectSize = "sm" | "base" | "lg";
+export type MultiSelectOption = {
+    value: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** Text to match against when searching; defaults to the label when it is a string, otherwise the value. */
+    searchText?: string;
+};
+export type MultiSelectProps = {
+    /** A selected id with no matching option stays in state but shows no chip; keep options complete. */
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    size?: MultiSelectSize;
+    disabled?: boolean;
+    clearable?: boolean;
+    invalid?: boolean;
+    /** Validation message; renders below the control and is announced via `aria-errormessage`. Implies `invalid`. */
+    error?: string;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MultiSelect {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAe9C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qGAAqG;IACrG,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iHAAiH;IACjH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAeF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4GlD;yBA5Ge,WAAW"}

package/dist/components/multi-select/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, X } from "lucide-react";
+import { useId } from "react";
+import { Chip } from "../chip/index.js";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, } from "../combobox/index.js";
+import { createSelectClassName } from "../select/index.js";
+import { toggleValue } from "./toggle-value.js";
+import { cn } from "#style";
+const triggerLayoutBySize = {
+    sm: "min-h-8 py-1",
+    base: "min-h-10 py-1.5",
+    lg: "min-h-12 py-2",
+};
+function optionSearchText(option) {
+    if (isPresent(option.searchText)) {
+        return option.searchText;
+    }
+    return typeof option.label === "string" ? option.label : option.value;
+}
+export function MultiSelect(props) {
+    const { options, value, onChange, placeholder = "Select…", searchPlaceholder = "Search…", emptyMessage = "No results.", size = "base", disabled = false, clearable = true, invalid = false, error, className, } = props;
+    const ariaLabel = props["aria-label"];
+    const errorId = useId();
+    const isInvalid = invalid || isPresent(error);
+    const hasSelection = isPresent(value);
+    return (_jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [_jsxs(Combobox, { children: [_jsxs("div", { "data-slot": "multi-select", className: cn(createSelectClassName({ size }), "group relative h-auto flex-wrap items-start gap-1.5", "has-[:focus-visible]:border-active-border has-[:focus-visible]:outline has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-active-border has-[:focus-visible]:outline-offset-0", "has-[[aria-invalid]]:border-error-border has-[[aria-invalid]]:ring-error-foreground/20", triggerLayoutBySize[size], disabled && "pointer-events-none opacity-50", className), children: [_jsx(ComboboxTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: disabled, "aria-label": ariaLabel, "aria-invalid": isInvalid ? true : undefined, "aria-errormessage": isPresent(error) ? errorId : undefined, className: "absolute inset-0 size-full cursor-pointer rounded-[inherit] outline-none disabled:cursor-not-allowed" }) }), _jsx("div", { className: "pointer-events-none relative flex min-w-0 flex-1 flex-wrap items-center gap-1.5", children: hasSelection ? (value.map((selected) => {
+                                    const option = options.find((candidate) => candidate.value === selected);
+                                    return (_jsx(Chip, { label: option?.label ?? selected, removeLabel: isPresent(option) ? optionSearchText(option) : selected, disabled: disabled, onRemove: () => onChange(toggleValue(value, selected)) }, selected));
+                                })) : (_jsx("span", { className: "text-placeholder-foreground", children: placeholder })) }), _jsxs("div", { className: "pointer-events-none relative flex shrink-0 items-center gap-0.5 pt-0.5", children: [clearable && hasSelection && !disabled && (_jsx("button", { type: "button", "aria-label": "Clear all", onClick: () => onChange([]), className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm text-muted-foreground hover:text-default-foreground", children: _jsx(X, { className: "size-3.5" }) })), _jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })] })] }), _jsxs(ComboboxContent, { className: "w-[var(--radix-popover-trigger-width)]", children: [_jsx(ComboboxInput, { placeholder: searchPlaceholder }), _jsxs(ComboboxList, { children: [_jsx(ComboboxEmpty, { children: emptyMessage }), options.map((option) => (_jsx(ComboboxItem, { value: option.value, keywords: [optionSearchText(option)], icon: option.icon, selected: value.includes(option.value), disabled: option.disabled, closeOnSelect: false, onSelect: () => onChange(toggleValue(value, option.value)), children: option.label }, option.value)))] })] })] }), isPresent(error) ? (_jsx("p", { id: errorId, className: "typography-small text-error-foreground", children: error })) : null] }));
+}
+MultiSelect.displayName = "MultiSelect";

package/dist/components/multi-select/toggle-value.d.ts

@@ -0,0 +1,2 @@
+export declare function toggleValue(values: string[], value: string): string[];
+//# sourceMappingURL=toggle-value.d.ts.map

package/dist/components/multi-select/toggle-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-value.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/toggle-value.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAErE"}

package/dist/components/multi-select/toggle-value.js

@@ -0,0 +1,3 @@
+export function toggleValue(values, value) {
+    return values.includes(value) ? values.filter((current) => current !== value) : [...values, value];
+}

package/dist/components/plan-row/index.d.ts

@@ -1,3 +1,4 @@
+import type { GQLIntegration } from "@manta-eu/client";
 import type { ElementType } from "react";
 export type PlanState = "DRAFT" | "RUNNING" | "FAILED" | "TIMED_OUT" | "COMPLETED";
 export type PlanHowTo = {
@@ -9,7 +10,7 @@ export type PlanHowTo = {
 export type PlanRowPlan = {
     iri: string;
     state?: PlanState | null;
-    primaryIntegration?: string | null;
+    primaryIntegration?: GQLIntegration | null;
     actionCount: number;
     completedActionCount: number;
     subjects: number;

package/dist/components/plan-row/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/plan-row/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOzC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAEnF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0EF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAsE1C;AAED,wBAAgB,iBAAiB,4CAShC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/plan-row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAEnF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2DF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAsE1C;AAED,wBAAgB,iBAAiB,4CAShC"}

package/dist/components/plan-row/index.js

@@ -4,6 +4,7 @@ import { Clock, Ellipsis, Zap } from "lucide-react";
 import { match } from "ts-pattern";
 import { Link } from "../button/index.js";
 import { ChannelIcon } from "../channel-icon/index.js";
+import { integrationToChannel } from "../planning/plan-detail-utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
 import { cn } from "#style";
 function isActivePlan(state) {
@@ -63,23 +64,10 @@ function extractPlanName(iri) {
     const separator = Math.max(lastHash, lastSlash);
     return separator > -1 ? iri.slice(separator + 1) : iri;
 }
-function integrationToChannel(integration) {
-    if (integration === "GOOGLE")
-        return "GOOGLE_ADS";
-    if (integration === "META" ||
-        integration === "GOOGLE_ADS" ||
-        integration === "SNAPCHAT" ||
-        integration === "SHOPIFY" ||
-        integration === "MARKETER" ||
-        integration === "MANTA") {
-        return integration;
-    }
-    return null;
-}
 export function PlanRow(props) {
     const { plan, href, component, className } = props;
     const status = getStatusConfig(plan.state);
-    const channel = integrationToChannel(plan.primaryIntegration);
+    const channel = plan.primaryIntegration ? integrationToChannel(plan.primaryIntegration) : null;
     const actionCount = getActionCount(plan);
     const timeEstimate = getTimeEstimate(plan);
     const planName = plan.howTo?.name ?? extractPlanName(plan.iri);

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

@@ -15,7 +15,10 @@ declare function Sidebar({ side, variant, collapsible, className, children, ...p
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }): import("react/jsx-runtime").JSX.Element;
-declare function SidebarTrigger(props: IconOnlyButtonProps): import("react/jsx-runtime").JSX.Element;
+export type SidebarTriggerProps = Omit<IconOnlyButtonProps, "icon" | "iconOnly" | "aria-label"> & {
+    "aria-label"?: string;
+};
+declare function SidebarTrigger(props: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function SidebarRail({ className, ...props }: ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarInset({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SidebarInput({ className, ...props }: ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebar/index.js

@@ -104,12 +104,12 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
                     : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:border-muted-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", children: children }) })] }));
 }
 function SidebarTrigger(props) {
-    const { className, onClick, ...otherProps } = props;
+    const { className, onClick, "aria-label": ariaLabel = "Toggle Sidebar", ...otherProps } = props;
     const { toggleSidebar } = useSidebar();
     return (_jsx(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", className: cn("size-7", className), onClick: (event) => {
             onClick?.(event);
             toggleSidebar();
-        }, ...otherProps, icon: PanelLeftIcon, iconOnly: true, "aria-label": "Toggle Sidebar" }));
+        }, ...otherProps, icon: PanelLeftIcon, iconOnly: true, "aria-label": ariaLabel }));
 }
 function SidebarRail({ className, ...props }) {
     const { toggleSidebar } = useSidebar();

package/dist/components/skeleton/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { tv } from "tailwind-variants";
 import { cn } from "#style";
 export const skeletonConfig = {
-    base: "animate-shimmer bg-gradient-to-r from-accent from-25% via-accent/10 to-accent to-75% bg-[length:220%_100%] " +
+    base: "animate-shimmer bg-gradient-to-r from-skeleton from-25% via-skeleton/10 to-skeleton to-75% bg-[length:220%_100%] " +
         "motion-reduce:animate-none",
     variants: {
         variant: {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExplainFactResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ExplainFactResultDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIrC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,KAAK,6BAA6B,GAAG;IACnC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAS5E"}

package/dist/components/tool-invocation-card/{ExplainRDFoxResultDisplay.js → ExplainFactResultDisplay.js}

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { RDFoxExplain } from "../rdfox-explain/RDFoxExplain.js";
+import { ExplainFact } from "../explain-fact/ExplainFact.js";
 import { DefaultResultDisplay } from "./DefaultResultDisplay.js";
 import { normalize } from "#ldo-ui";
-export function ExplainRDFoxResultDisplay(props) {
+export function ExplainFactResultDisplay(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 });
+    return _jsx(ExplainFact, { mode: "compact", data: result, ...spo });
 }
 function extractExplainSpo(input, result) {
     if (isExplainInput(input)) {

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

@@ -7,7 +7,7 @@ import { FileMessagePart } from "../chat-view/FileMessagePart.js";
 import { ActionPlanShowcaseCard } from "./ActionPlanShowcaseCard.js";
 import { DefaultResultDisplay } from "./DefaultResultDisplay.js";
 import { EntitySetCard } from "./EntitySetCard.js";
-import { ExplainRDFoxResultDisplay } from "./ExplainRDFoxResultDisplay.js";
+import { ExplainFactResultDisplay } from "./ExplainFactResultDisplay.js";
 import { ListRulesResultDisplay } from "./ListRulesResultDisplay.js";
 import { ManageRulesResultDisplay } from "./ManageRulesResultDisplay.js";
 import { isChartToolResult, isErrorToolResult, isExplainRDFoxRulesResult, isGetRDFoxRulesToolResult, isManageRulesResult, isShowcaseToolResult, isWorkspaceArtifactResult, } from "./types.js";
@@ -64,7 +64,7 @@ export function ToolOutputRenderer(props) {
         .when(isChartToolResult, (chartResult) => _jsx(ChartResultDisplay, { result: chartResult }))
         .when(isManageRulesResult, (rulesResult) => _jsx(ManageRulesResultDisplay, { result: rulesResult }))
         .when(isGetRDFoxRulesToolResult, (rulesResult) => (_jsx(ListRulesResultDisplay, { result: rulesResult })))
-        .when(isExplainRDFoxRulesResult, (explainResult) => (_jsx(ExplainRDFoxResultDisplay, { result: explainResult, toolUIPart: toolUIPart })))
+        .when(isExplainRDFoxRulesResult, (explainResult) => (_jsx(ExplainFactResultDisplay, { result: explainResult, toolUIPart: toolUIPart })))
         .when(isShowcaseToolResult, (showcaseResult) => (_jsx(ShowcaseResultDisplay, { result: showcaseResult })))
         .when(isWorkspaceArtifactResult, (artifactResult) => _jsx(WorkspaceArtifactResultDisplay, { result: artifactResult }))
         .when(isShowEntitiesResult, (entitySetResult) => _jsx(EntitySetCard, { result: entitySetResult }))

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

@@ -2,7 +2,7 @@ import { type ActionPlanShowcaseOutput, type ShowEntitiesOutput } from "@manta-e
 import type { GetRDFoxRulesOutputSuccess } from "@manta-eu/client/shared/tools/types";
 import { type WorkspaceArtifact } from "@manta-eu/client/shared/workspace-artifacts";
 import type { DatalogRule, InferenceVerificationResult } from "@manta-eu/datalog-parser";
-import type { RDFoxExplainOutput } from "#ldo-ui";
+import type { ExplainFactOutput } from "#ldo-ui";
 export type ChartToolResult = {
     type: "chart";
     chartType: "line" | "area" | "bar" | "pie" | "scatter" | "radar" | "composed";
@@ -39,8 +39,8 @@ export type ShowEntitiesToolResult = Extract<ShowEntitiesOutput, {
     entityIris: string[];
 }>;
 export type GetRDFoxRulesToolResult = GetRDFoxRulesOutputSuccess;
-export type ExplainRDFoxRulesToolResult = RDFoxExplainOutput;
-export type ToolResult = ChartToolResult | ErrorToolResult | ManageRulesResult | ShowcaseToolResult | ShowEntitiesToolResult | GetRDFoxRulesToolResult | ExplainRDFoxRulesToolResult | WorkspaceArtifact | {
+export type ExplainFactToolResult = ExplainFactOutput;
+export type ToolResult = ChartToolResult | ErrorToolResult | ManageRulesResult | ShowcaseToolResult | ShowEntitiesToolResult | GetRDFoxRulesToolResult | ExplainFactToolResult | WorkspaceArtifact | {
     content: Array<{
         type: string;
         text: string;
@@ -55,7 +55,7 @@ export declare function isManageRulesResult(result: unknown): result is ManageRu
 export declare function isStagedManageRulesResult(result: unknown): result is StagedManageRulesResult;
 export declare function isShowcaseToolResult(result: unknown): result is ShowcaseToolResult;
 export declare function isGetRDFoxRulesToolResult(result: unknown): result is GetRDFoxRulesOutputSuccess;
-export declare function isExplainRDFoxRulesResult(result: unknown): result is ExplainRDFoxRulesToolResult;
+export declare function isExplainRDFoxRulesResult(result: unknown): result is ExplainFactToolResult;
 export declare function hasVisualOutput(output: unknown): boolean;
 export declare function hasInlineVisualOutput(output: unknown): boolean;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/types.ts"],"names":[],"mappings":"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"}

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

@@ -39,7 +39,7 @@ export function isExplainRDFoxRulesResult(result) {
         return false;
     return entries.every((entry) => {
         const values = Array.isArray(entry) ? entry : [entry];
-        return isPresent(values) && values.every(isRDFoxExplainFact);
+        return isPresent(values) && values.every(isExplainedFact);
     });
 }
 export function hasVisualOutput(output) {
@@ -59,7 +59,7 @@ export function hasInlineVisualOutput(output) {
         isShowEntitiesResult(output) ||
         isWorkspaceArtifactResult(output));
 }
-function isRDFoxExplainFact(value) {
+function isExplainedFact(value) {
     if (typeof value !== "object" || value === null || Array.isArray(value))
         return false;
     if ("fact" in value && typeof value.fact !== "string")

package/dist/components/tree-multi-select/index.d.ts

@@ -1,3 +1,3 @@
 export { TreeMultiSelect, type TreeMultiSelectProps } from "./tree-multi-select.js";
-export { buildTreeRows, type TreeNode, type TreeRow, type TreeSelectItem } from "./tree-multi-select-rows.js";
+export { buildTreeRows, compareNodes, type TreeNode, type TreeRow, type TreeSelectItem, } from "./tree-multi-select-rows.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree-multi-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree-multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree-multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EACL,aAAa,EACb,YAAY,EACZ,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,KAAK,cAAc,GACpB,MAAM,0BAA0B,CAAC"}

package/dist/components/tree-multi-select/index.js

@@ -1,2 +1,2 @@
 export { TreeMultiSelect } from "./tree-multi-select.js";
-export { buildTreeRows } from "./tree-multi-select-rows.js";
+export { buildTreeRows, compareNodes, } from "./tree-multi-select-rows.js";

package/dist/components/tree-multi-select/tree-multi-select-rows.d.ts

@@ -17,7 +17,8 @@ export type TreeRow<T extends TreeNode> = {
     node: T;
     depth: number;
 };
-export declare function buildTreeRows<T extends TreeNode>(nodes: readonly T[]): TreeRow<T>[];
+export declare function compareNodes(a: TreeNode, b: TreeNode): number;
+export declare function buildTreeRows<T extends TreeNode>(nodes: readonly T[], compare?: (a: T, b: T) => number): TreeRow<T>[];
 export declare function isGroupHead(items: readonly TreeSelectItem[], index: number): boolean;
 export declare function subtreeIds(items: readonly TreeSelectItem[], headId: string): string[];
 export declare function filterTreeItems(items: readonly TreeSelectItem[], search: string): TreeSelectItem[];

package/dist/components/tree-multi-select/tree-multi-select-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-multi-select-rows.d.ts","sourceRoot":"","sources":["../../../src/components/tree-multi-select/tree-multi-select-rows.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,MAAM,MAAM,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAEpF,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,QAAQ,IAAI;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAcrE,wBAAgB,aAAa,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CA+BnF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAIpF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAYrF;AAkBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,cAAc,EAAE,CAuBlG;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,cAAc,EAAE,EAChC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,GAChC,cAAc,EAAE,CAWlB"}
+{"version":3,"file":"tree-multi-select-rows.d.ts","sourceRoot":"","sources":["../../../src/components/tree-multi-select/tree-multi-select-rows.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,MAAM,MAAM,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAEpF,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,QAAQ,IAAI;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAMrE,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,CAK7D;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,QAAQ,EAC9C,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,OAAO,GAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAqB,GAC7C,OAAO,CAAC,CAAC,CAAC,EAAE,CA+Bd;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAIpF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAYrF;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,cAAc,EAAE,CA4BlG;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,cAAc,EAAE,EAChC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,GAChC,cAAc,EAAE,CAWlB"}

package/dist/components/tree-multi-select/tree-multi-select-rows.js

@@ -4,15 +4,15 @@ export const treeSearchThreshold = 7;
 function nodeLabel(node) {
     return node.name ?? node.id;
 }
-function compareNodes(a, b) {
+export function compareNodes(a, b) {
     const aNamed = a.name != null;
     const bNamed = b.name != null;
     if (aNamed !== bNamed)
         return aNamed ? -1 : 1;
     return nodeLabel(a).localeCompare(nodeLabel(b)) || a.id.localeCompare(b.id);
 }
-// Depth-first from the roots with label-sorted siblings; orphans and cycles still surface as roots.
-export function buildTreeRows(nodes) {
+// Depth-first from the roots with siblings sorted by label by default; orphans and cycles still surface as roots.
+export function buildTreeRows(nodes, compare = compareNodes) {
     const ids = new Set(nodes.map(({ id }) => id));
     const childrenByParent = new Map();
     const roots = [];
@@ -33,11 +33,11 @@ export function buildTreeRows(nodes) {
             return;
         visited.add(node.id);
         rows.push({ node, depth });
-        for (const child of [...(childrenByParent.get(node.id) ?? [])].sort(compareNodes)) {
+        for (const child of [...(childrenByParent.get(node.id) ?? [])].sort(compare)) {
             visit(child, depth + 1);
         }
     }
-    for (const root of [...roots].sort(compareNodes)) {
+    for (const root of [...roots].sort(compare)) {
         visit(root, 0);
     }
     for (const node of nodes) {
@@ -64,21 +64,7 @@ export function subtreeIds(items, headId) {
     }
     return ids;
 }
-function ancestorIndexes(items, index) {
-    const indexes = [];
-    const row = items[index];
-    if (!row)
-        return indexes;
-    let depth = row.depth;
-    for (let previous = index - 1; previous >= 0 && depth > 0; previous--) {
-        const candidate = items[previous];
-        if (candidate && candidate.depth < depth) {
-            indexes.push(previous);
-            depth = candidate.depth;
-        }
-    }
-    return indexes;
-}
+// One pass: a match keeps its ancestors, tracked on a stack, and every row below it.
 export function filterTreeItems(items, search) {
     const term = search.trim().toLowerCase();
     if (!isPresent(term))
@@ -87,19 +73,23 @@ export function filterTreeItems(items, search) {
         (item.caption ?? "").toLowerCase().includes(term) ||
         item.id.toLowerCase().includes(term);
     const kept = new Set();
+    const ancestors = [];
+    let matchedDepth = null;
     items.forEach((item, index) => {
-        if (!matches(item))
-            return;
-        kept.add(index);
-        for (const ancestor of ancestorIndexes(items, index))
-            kept.add(ancestor);
-        const itemDepth = item.depth;
-        for (let next = index + 1; next < items.length; next++) {
-            const descendant = items[next];
-            if (!descendant || descendant.depth <= itemDepth)
-                break;
-            kept.add(next);
+        while ((ancestors.at(-1)?.depth ?? -1) >= item.depth)
+            ancestors.pop();
+        if (matchedDepth != null && item.depth <= matchedDepth)
+            matchedDepth = null;
+        if (matchedDepth != null) {
+            kept.add(index);
+        }
+        else if (matches(item)) {
+            kept.add(index);
+            for (const ancestor of ancestors)
+                kept.add(ancestor.index);
+            matchedDepth = item.depth;
         }
+        ancestors.push({ index, depth: item.depth });
     });
     return items.filter((_, index) => kept.has(index));
 }