@manta-eu/react 0.1.0

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isShowEntitiesResult } from "@manta-eu/client/shared/tools";
+import { isWorkspaceArtifactInlineMediaType, } from "@manta-eu/client/shared/workspace-artifacts";
+import { useCallback } from "react";
+import { match } from "ts-pattern";
+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 { ListRulesResultDisplay } from "./ListRulesResultDisplay.js";
+import { ManageRulesResultDisplay } from "./ManageRulesResultDisplay.js";
+import { isChartToolResult, isErrorToolResult, isExplainRDFoxRulesResult, isGetRDFoxRulesToolResult, isManageRulesResult, isShowcaseToolResult, isWorkspaceArtifactResult, } from "./types.js";
+import { chartSchema } from "#components/chart/chart-schemas";
+import { AreaChart, BarChart, ComposedChart, LineChart, PieChart, RadarChart, ScatterChart, } from "#components/chart/index";
+import { decodeChartEntities } from "#lib/decode-chart-entities";
+import { cn } from "#lib/utils";
+import { useChatManagerConnection } from "#providers/ChatManagerProvider";
+function ErrorResultDisplay(props) {
+    const { result } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("h5", { className: "typography-tiny-medium mb-1 text-error-foreground", children: "Error:" }), _jsx("pre", { className: cn("max-w-[450px] whitespace-pre-wrap break-words", "overflow-auto rounded-md border p-2 typography-tiny", "border-error-border bg-error text-error-foreground"), children: result.content })] }));
+}
+function renderChart(result) {
+    const parsed = chartSchema.safeParse(result.data);
+    if (!parsed.success) {
+        return null;
+    }
+    const chart = decodeChartEntities(parsed.data);
+    return match(chart)
+        .with({ type: "line" }, (data) => _jsx(LineChart, { data: data }))
+        .with({ type: "area" }, (data) => _jsx(AreaChart, { data: data }))
+        .with({ type: "bar" }, (data) => _jsx(BarChart, { data: data }))
+        .with({ type: "pie" }, (data) => _jsx(PieChart, { data: data }))
+        .with({ type: "scatter" }, (data) => _jsx(ScatterChart, { data: data }))
+        .with({ type: "radar" }, (data) => _jsx(RadarChart, { data: data }))
+        .with({ type: "composed" }, (data) => _jsx(ComposedChart, { data: data }))
+        .exhaustive();
+}
+function ChartResultDisplay(props) {
+    const { result } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("h5", { className: "typography-tiny-medium mb-1 text-muted-foreground", children: "Chart:" }), _jsx("div", { className: "mb-2", children: renderChart(result) }), _jsx("p", { className: "typography-tiny text-muted-foreground", children: result.message })] }));
+}
+function ShowcaseResultDisplay(props) {
+    const { result } = props;
+    const { handleSelectPlan } = useChatManagerConnection();
+    const handleNavigate = useCallback((planIri) => {
+        void handleSelectPlan(planIri);
+    }, [handleSelectPlan]);
+    return _jsx(ActionPlanShowcaseCard, { result: result, onNavigateToPlan: handleNavigate });
+}
+function WorkspaceArtifactResultDisplay(props) {
+    const { result } = props;
+    return (_jsx(FileMessagePart, { part: {
+            type: "file",
+            url: result.url,
+            mediaType: result.mediaType,
+            filename: result.filename,
+        }, isUser: false, isImagePreviewable: isWorkspaceArtifactInlineMediaType(result.mediaType) }));
+}
+export function ToolOutputRenderer(props) {
+    const { result, toolUIPart } = props;
+    return match(result)
+        .when(isErrorToolResult, (errorResult) => _jsx(ErrorResultDisplay, { result: errorResult }))
+        .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(isShowcaseToolResult, (showcaseResult) => (_jsx(ShowcaseResultDisplay, { result: showcaseResult })))
+        .when(isWorkspaceArtifactResult, (artifactResult) => _jsx(WorkspaceArtifactResultDisplay, { result: artifactResult }))
+        .when(isShowEntitiesResult, (entitySetResult) => _jsx(EntitySetCard, { result: entitySetResult }))
+        .otherwise((defaultResult) => _jsx(DefaultResultDisplay, { result: defaultResult, toolUIPart: toolUIPart }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResultDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/ToolResultDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAGrC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgB9D"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { coerceToolOutput, isValidToolName } from "@manta-eu/client/shared/tools";
+import { useMemo } from "react";
+import { ToolOutputRenderer } from "./ToolOutputRenderer.js";
+import { cn } from "#lib/utils";
+export function ToolResultDisplay(props) {
+    const { result, toolUIPart } = props;
+    const toolName = toolUIPart.type.replace("tool-", "");
+    const coercedResult = useMemo(() => {
+        if (isValidToolName(toolName)) {
+            return coerceToolOutput(toolName, result);
+        }
+        return result;
+    }, [result, toolName]);
+    return (_jsx("div", { className: cn("mt-3 border-t pt-3", "border-[#F48120]/10"), children: _jsx(ToolOutputRenderer, { result: coercedResult, toolUIPart: toolUIPart }) }));
+}

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

@@ -0,0 +1,8 @@
+export { ToolActions } from "./ToolActions.js";
+export { ToolArgumentsDisplay } from "./ToolArgumentsDisplay.js";
+export { ToolHeader } from "./ToolHeader.js";
+export { ToolInvocationCard } from "./ToolInvocationCard.js";
+export { ToolLoadingState } from "./ToolLoadingState.js";
+export { ToolResultDisplay } from "./ToolResultDisplay.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-invocation-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export { ToolActions } from "./ToolActions.js";
+export { ToolArgumentsDisplay } from "./ToolArgumentsDisplay.js";
+export { ToolHeader } from "./ToolHeader.js";
+export { ToolInvocationCard } from "./ToolInvocationCard.js";
+export { ToolLoadingState } from "./ToolLoadingState.js";
+export { ToolResultDisplay } from "./ToolResultDisplay.js";
+export * from "./types.js";

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

@@ -0,0 +1,61 @@
+import { type ActionPlanShowcaseOutput, type ShowEntitiesOutput } from "@manta-eu/client/shared/tools";
+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";
+export type ChartToolResult = {
+    type: "chart";
+    chartType: "line" | "area" | "bar" | "pie" | "scatter" | "radar" | "composed";
+    data: object;
+    message: string;
+};
+export type ErrorToolResult = {
+    is_error: true;
+    content: string;
+};
+export type ManageRulesResult = {
+    success: true;
+    ruleIri?: string;
+    staged?: true;
+    parsedRule?: DatalogRule;
+    ruleText?: string;
+    inferenceVerified?: boolean;
+    inferenceVerification?: InferenceVerificationResult | null;
+    commitSummary?: {
+        rulesAdded: number;
+        rulesUpdated: number;
+        rulesDeleted: number;
+    };
+    content: string;
+};
+export type StagedManageRulesResult = ManageRulesResult & {
+    staged: true;
+    ruleIri: string;
+};
+export type ShowcaseToolResult = Extract<ActionPlanShowcaseOutput, {
+    planIri: string;
+}>;
+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 | {
+    content: Array<{
+        type: string;
+        text: string;
+    }>;
+} | string | object | unknown;
+export type ToolState = "input-streaming" | "input-available" | "output-available" | "output-error";
+export declare function isObjectWithProps(obj: unknown, props: string[]): obj is Record<string, unknown>;
+export declare function isErrorToolResult(result: unknown): result is ErrorToolResult;
+export declare function isChartToolResult(result: unknown): result is ChartToolResult;
+export declare function isWorkspaceArtifactResult(result: unknown): result is WorkspaceArtifact;
+export declare function isManageRulesResult(result: unknown): result is ManageRulesResult;
+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 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,75 @@
+import { isShowEntitiesResult, } from "@manta-eu/client/shared/tools";
+import { workspaceArtifactSchema } from "@manta-eu/client/shared/workspace-artifacts";
+import { isJsonLdDocument } from "@manta-eu/client/types/jsonld";
+import { isPresent } from "@manta-eu/lib/present";
+export function isObjectWithProps(obj, props) {
+    return typeof obj === "object" && obj !== null && props.every((prop) => prop in obj);
+}
+export function isErrorToolResult(result) {
+    return isObjectWithProps(result, ["is_error"]) && result.is_error === true;
+}
+export function isChartToolResult(result) {
+    return isObjectWithProps(result, ["type"]) && result.type === "chart";
+}
+export function isWorkspaceArtifactResult(result) {
+    return workspaceArtifactSchema.safeParse(result).success;
+}
+export function isManageRulesResult(result) {
+    if (!isObjectWithProps(result, ["success"]) || result.success !== true)
+        return false;
+    const output = result;
+    return "parsedRule" in output || "commitSummary" in output || output.staged === true;
+}
+export function isStagedManageRulesResult(result) {
+    return isManageRulesResult(result) && result.staged === true && typeof result.ruleIri === "string";
+}
+export function isShowcaseToolResult(result) {
+    return isObjectWithProps(result, ["planIri"]);
+}
+export function isGetRDFoxRulesToolResult(result) {
+    return isObjectWithProps(result, ["rules"]) && Array.isArray(result.rules);
+}
+export function isExplainRDFoxRulesResult(result) {
+    if (typeof result !== "object" || result === null || Array.isArray(result))
+        return false;
+    if ("is_error" in result || "rules" in result || "type" in result)
+        return false;
+    const entries = Object.values(result);
+    if (!isPresent(entries))
+        return false;
+    return entries.every((entry) => {
+        const values = Array.isArray(entry) ? entry : [entry];
+        return isPresent(values) && values.every(isRDFoxExplainFact);
+    });
+}
+export function hasVisualOutput(output) {
+    return !!(output &&
+        (isChartToolResult(output) ||
+            isJsonLdDocument(output) ||
+            isManageRulesResult(output) ||
+            isShowcaseToolResult(output) ||
+            isShowEntitiesResult(output) ||
+            isGetRDFoxRulesToolResult(output) ||
+            isExplainRDFoxRulesResult(output) ||
+            isWorkspaceArtifactResult(output)));
+}
+export function hasInlineVisualOutput(output) {
+    return (isChartToolResult(output) ||
+        isExplainRDFoxRulesResult(output) ||
+        isShowEntitiesResult(output) ||
+        isWorkspaceArtifactResult(output));
+}
+function isRDFoxExplainFact(value) {
+    if (typeof value !== "object" || value === null || Array.isArray(value))
+        return false;
+    if ("fact" in value && typeof value.fact !== "string")
+        return false;
+    if ("type" in value && value.type !== "derived" && value.type !== "explicit")
+        return false;
+    if ("rule-instances" in value) {
+        const instances = value["rule-instances"];
+        if (!Array.isArray(instances))
+            return false;
+    }
+    return "fact" in value || "type" in value || "rule-instances" in value;
+}

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

@@ -0,0 +1,9 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    showArrow?: boolean;
+    container?: TooltipPrimitive.TooltipPortalProps["container"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,eAAO,MAAM,eAAe,2DAA4B,CAAC;AACzD,eAAO,MAAM,OAAO,mDAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,oIAA2B,CAAC;AAOvD,eAAO,MAAM,cAAc;gBAJb,OAAO;gBACP,gBAAgB,CAAC,kBAAkB,CAAC,WAAW,CAAC;kDA8B7D,CAAC"}

package/dist/components/tooltip/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { forwardRef } from "react";
+import { cn } from "#style";
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const Tooltip = TooltipPrimitive.Root;
+export const TooltipTrigger = TooltipPrimitive.Trigger;
+export const TooltipContent = forwardRef(({ className, sideOffset = 8, container, showArrow = true, children, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { container: container, children: _jsxs(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-visible rounded-md bg-secondary px-2.5 py-1.5 shadow-lg", "typography-small-semibold text-secondary-foreground text-center", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", 
+        // A closed overlay stays hit-testable — see the note on the modal overlay.
+        "data-[state=closed]:hidden", "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-tooltip-content-transform-origin)", className), ...props, children: [children, showArrow && _jsx(TooltipPrimitive.Arrow, { className: "fill-secondary -mx-px", width: 12, height: 6 })] }) })));
+TooltipContent.displayName = "TooltipContent";

package/dist/components/tooltip-list/index.d.ts

@@ -0,0 +1,6 @@
+export type TooltipListProps = {
+    summary: string;
+    lines: string[];
+};
+export declare function TooltipList(props: TooltipListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip-list/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgBlD"}

package/dist/components/tooltip-list/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
+export function TooltipList(props) {
+    const { summary, lines } = props;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "typography-small text-muted-foreground cursor-default", children: summary }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "flex flex-col gap-1", children: lines.map((line) => (_jsx("span", { children: line }, line))) }) })] }));
+}

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

@@ -0,0 +1,22 @@
+import { type ReactElement, type ReactNode } from "react";
+export type TreeNodeData = {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    children?: TreeNodeData[];
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+};
+export type TreeProps = {
+    nodes: TreeNodeData[];
+    selectedId?: string;
+    defaultSelectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function Tree(props: TreeProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare namespace Tree {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAC;AAKpH,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAmDF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,8EAwLpC;yBAxLe,IAAI"}

package/dist/components/tree/index.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { tv } from "tailwind-variants";
+import { match } from "ts-pattern";
+import { cn } from "#style";
+const treeRow = tv({
+    base: "flex w-full items-center gap-1.5 rounded-md py-1 pr-2 text-default-foreground",
+    variants: {
+        selected: {
+            true: "bg-accent typography-small-medium",
+            false: "typography-small hover:bg-accent/60",
+        },
+        disabled: {
+            true: "cursor-not-allowed opacity-50",
+            false: "cursor-pointer",
+        },
+    },
+    defaultVariants: { selected: false, disabled: false },
+});
+function hasChildNodes(node) {
+    return isPresent(node.children);
+}
+function collectDefaultExpanded(nodes) {
+    const expanded = new Set();
+    function walk(list) {
+        for (const node of list) {
+            if (node.defaultExpanded === true && hasChildNodes(node)) {
+                expanded.add(node.id);
+            }
+            if (node.children) {
+                walk(node.children);
+            }
+        }
+    }
+    walk(nodes);
+    return expanded;
+}
+function visibleIdsInOrder(nodes, expanded) {
+    const ids = [];
+    function walk(list) {
+        for (const node of list) {
+            ids.push(node.id);
+            if (node.children && expanded.has(node.id)) {
+                walk(node.children);
+            }
+        }
+    }
+    walk(nodes);
+    return ids;
+}
+export function Tree(props) {
+    const { nodes, selectedId, defaultSelectedId, onSelect, className } = props;
+    const ariaLabel = props["aria-label"];
+    const [expanded, setExpanded] = useState(() => collectDefaultExpanded(nodes));
+    const [internalSelected, setInternalSelected] = useState(defaultSelectedId);
+    const selected = selectedId ?? internalSelected;
+    const visibleIds = useMemo(() => visibleIdsInOrder(nodes, expanded), [nodes, expanded]);
+    const [focusedId, setFocusedId] = useState(() => visibleIds[0]);
+    const itemRefs = useRef(new Map());
+    // Keep a visible node tabbable: if the focused node is collapsed out of view, Tab can no longer re-enter the tree.
+    useEffect(() => {
+        if (isPresent(focusedId) && !visibleIds.includes(focusedId)) {
+            setFocusedId(visibleIds[0]);
+        }
+    }, [visibleIds, focusedId]);
+    function toggle(id) {
+        setExpanded((prev) => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                next.add(id);
+            }
+            return next;
+        });
+    }
+    function select(node) {
+        if (node.disabled === true) {
+            return;
+        }
+        if (selectedId === undefined) {
+            setInternalSelected(node.id);
+        }
+        onSelect?.(node.id);
+    }
+    function focusById(id) {
+        if (!isPresent(id)) {
+            return;
+        }
+        setFocusedId(id);
+        itemRefs.current.get(id)?.focus();
+    }
+    function activate(node) {
+        if (node.disabled === true) {
+            return;
+        }
+        if (hasChildNodes(node)) {
+            toggle(node.id);
+        }
+        select(node);
+    }
+    function onItemKeyDown(event, node, parentId) {
+        const index = visibleIds.indexOf(node.id);
+        const expandable = hasChildNodes(node);
+        const isExpanded = expanded.has(node.id);
+        const isDisabled = node.disabled === true;
+        const handled = match(event.key)
+            .with("ArrowDown", () => {
+            focusById(visibleIds[index + 1]);
+            return true;
+        })
+            .with("ArrowUp", () => {
+            focusById(visibleIds[index - 1]);
+            return true;
+        })
+            .with("ArrowRight", () => {
+            if (expandable && !isExpanded) {
+                if (!isDisabled) {
+                    toggle(node.id);
+                }
+            }
+            else if (expandable) {
+                focusById(node.children?.[0]?.id);
+            }
+            return true;
+        })
+            .with("ArrowLeft", () => {
+            if (expandable && isExpanded && !isDisabled) {
+                toggle(node.id);
+            }
+            else {
+                focusById(parentId);
+            }
+            return true;
+        })
+            .with("Home", () => {
+            focusById(visibleIds[0]);
+            return true;
+        })
+            .with("End", () => {
+            focusById(visibleIds[visibleIds.length - 1]);
+            return true;
+        })
+            .with("Enter", " ", () => {
+            activate(node);
+            return true;
+        })
+            .otherwise(() => false);
+        if (handled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    function renderLevel(levelNodes, depth, parentId) {
+        return (_jsx("ul", { role: depth === 0 ? "tree" : "group", "aria-label": depth === 0 ? ariaLabel : undefined, className: depth === 0 ? cn("select-none", className) : undefined, children: levelNodes.map((node) => {
+                const expandable = hasChildNodes(node);
+                const isExpanded = expanded.has(node.id);
+                const isSelected = selected === node.id;
+                return (_jsxs("li", { role: "treeitem", "aria-level": depth + 1, "aria-expanded": expandable ? isExpanded : undefined, "aria-selected": isSelected, "aria-disabled": node.disabled === true ? true : undefined, tabIndex: focusedId === node.id ? 0 : -1, ref: (element) => {
+                        if (element) {
+                            itemRefs.current.set(node.id, element);
+                        }
+                        else {
+                            itemRefs.current.delete(node.id);
+                        }
+                    }, onFocus: (event) => {
+                        event.stopPropagation();
+                        setFocusedId(node.id);
+                    }, onKeyDown: (event) => onItemKeyDown(event, node, parentId), onClick: (event) => {
+                        event.stopPropagation();
+                        activate(node);
+                    }, className: cn("outline-none", "[&:focus-visible>div]:outline [&:focus-visible>div]:outline-2 [&:focus-visible>div]:-outline-offset-2 [&:focus-visible>div]:outline-active-border"), children: [_jsxs("div", { className: treeRow({ selected: isSelected, disabled: node.disabled }), style: { paddingLeft: depth * 16 + 6 }, children: [expandable ? (_jsx(ChevronRight, { className: cn("size-4 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") })) : (_jsx("span", { className: "size-4 shrink-0" })), isPresent(node.icon) ? (_jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground [&>svg]:size-4", children: node.icon })) : null, _jsx("span", { className: "truncate", children: node.label })] }), expandable && isExpanded ? renderLevel(node.children ?? [], depth + 1, node.id) : null] }, node.id));
+            }) }));
+    }
+    return renderLevel(nodes, 0);
+}
+Tree.displayName = "Tree";

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

@@ -0,0 +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";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,25 @@
+export type TreeSelectItem = {
+    id: string;
+    label: string;
+    caption?: string;
+    hint?: string;
+    selectable: boolean;
+    disabled?: boolean;
+    depth: number;
+};
+export declare const treeSearchThreshold = 7;
+export type TreeNode = {
+    id: string;
+    name?: string | null;
+    parent?: string | null;
+};
+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 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[];
+export declare function visibleTreeItems(items: readonly TreeSelectItem[], collapsedIds: ReadonlySet<string>): TreeSelectItem[];
+//# sourceMappingURL=tree-multi-select-rows.d.ts.map

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

@@ -0,0 +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"}