@manta-eu/react 0.1.5 → 0.1.6

package/dist/components/planning/SampleChanges.js

@@ -1,117 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useExplainRdFoxFactQuery } from "@manta-eu/client";
-import { iriLocalName } from "@manta-eu/client/shared/rdf-namespaces";
-import { isPresent } from "@manta-eu/lib/present";
-import { HelpCircle } from "lucide-react";
-import { useState } from "react";
-import { Badge } from "#components/badge/index";
-import { Button } from "#components/button/index";
-import { Loader } from "#components/loader/index";
-import { Popover, PopoverContent, PopoverTrigger } from "#components/popover/index";
-import { Skeleton } from "#components/skeleton/index";
-import { useActionPlanSamples } from "#ldo-ui";
-import { useMantaClient } from "#providers/MantaClientProvider";
-function formatSampleLabel(sample) {
-    return sample.label || sample.subject;
-}
-function getSampleDescription(sample, typeName) {
-    if (sample.description) {
-        return sample.description;
-    }
-    // Generate a helpful description based on type and operation
-    const operation = sample.operation === "ADDED" ? "New" : "Updated";
-    return `${operation} ${typeName.toLowerCase()}`;
-}
-export function SampleChanges(props) {
-    const { planGraphIri, typeIri, typeName, limit = 3 } = props;
-    const { data, isLoading, error } = useActionPlanSamples({
-        planGraphIri,
-        typeIri,
-        limit,
-    });
-    if (isLoading) {
-        return _jsx(SampleChangesLoading, {});
-    }
-    if (error || data?.error) {
-        const errorMessage = error instanceof Error ? error.message : (data?.error ?? "Unknown error");
-        return _jsxs("div", { className: "typography-small text-muted-foreground", children: ["Failed to load sample changes: ", errorMessage] });
-    }
-    const samples = data?.samples ?? [];
-    if (!isPresent(samples)) {
-        return _jsxs("div", { className: "typography-small text-muted-foreground", children: ["No sample changes available for ", typeName] });
-    }
-    return (_jsxs("div", { className: "space-y-3 overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "typography-small-medium text-default-foreground flex-shrink-0", children: "Sample Changes" }), _jsxs("div", { className: "typography-tiny text-muted-foreground bg-muted px-2 py-1 rounded-md flex-shrink-0", children: [samples.length, " samples shown"] })] }), _jsx("div", { className: "space-y-2 overflow-hidden", children: samples.map((sample, index) => (_jsx(SampleChangeItem, { sample: sample, typeIri: typeIri, typeName: typeName, planGraphIri: planGraphIri }, `${sample.subject}-${index}`))) })] }));
-}
-function SampleChangesLoading() {
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-muted-border p-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-3 w-16" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-5 w-12" }), _jsx(Skeleton, { className: "size-6 rounded-full" })] })] }, i))) })] }));
-}
-function SampleChangeItem(props) {
-    const { sample, typeName, planGraphIri } = props;
-    const [showAllProperties, setShowAllProperties] = useState(false);
-    const formattedLabel = formatSampleLabel(sample);
-    const description = getSampleDescription(sample, typeName);
-    return (_jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-muted-border p-3 bg-card/50 overflow-hidden", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "typography-small-medium text-default-foreground break-words", children: formattedLabel }), _jsx("div", { className: "typography-tiny text-muted-foreground mt-1 break-words", children: description })] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: _jsx(OperationBadge, { operation: sample.operation }) })] }), (() => {
-                const changes = sample.properties.filter((p) => p.changeType === "ADDED" || p.changeType === "UPDATED");
-                const unchanged = sample.properties.filter((p) => p.changeType === "UNCHANGED");
-                return (_jsxs("div", { className: "space-y-3", children: [isPresent(changes) && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "typography-tiny text-muted-foreground uppercase tracking-wide", children: "Changes" }), _jsx("div", { className: "space-y-1", children: changes.map((property, index) => (_jsx(PropertyChangeItem, { property: property, subject: sample.subject, planGraphIri: planGraphIri }, `change-${property.predicate}-${index}`))) })] })), isPresent(unchanged) && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "typography-tiny text-muted-foreground uppercase tracking-wide", children: "Current" }), _jsxs("div", { className: "space-y-1", children: [(showAllProperties ? unchanged : unchanged.slice(0, 3)).map((property, index) => (_jsx(PropertyChangeItem, { property: property, subject: sample.subject, planGraphIri: planGraphIri }, `unchanged-${property.predicate}-${index}`))), unchanged.length > 3 && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-auto p-1 typography-tiny text-muted-foreground hover:text-default-foreground", onClick: () => setShowAllProperties(!showAllProperties), children: showAllProperties ? "Show less" : `+ ${unchanged.length - 3} more properties` }))] })] })), !isPresent(changes) && !isPresent(unchanged) && (_jsx("div", { className: "typography-tiny text-muted-foreground italic", children: "No changes found" }))] }));
-            })()] }));
-}
-function titleize(text) {
-    return text
-        .replace(/([a-z])([A-Z])/g, "$1 $2")
-        .replace(/_/g, " ")
-        .replace(/\b\w/g, (char) => char.toUpperCase());
-}
-function PropertyChangeItem(props) {
-    const { property, subject, planGraphIri } = props;
-    const rawPredicateDisplay = property.predicateLabel || iriLocalName(property.predicate);
-    const predicateDisplay = titleize(rawPredicateDisplay);
-    const propertyObject = property.object.includes(" ")
-        ? property.object
-        : property.object.split(/[#/_]/).pop() || property.object;
-    const objectDisplay = property.objectLabel || propertyObject;
-    // UPDATED: Show before → after for properties that changed
-    if (property.changeType === "UPDATED") {
-        const beforeDisplay = property.beforeObjectLabel ||
-            (property.beforeObject ? iriLocalName(property.beforeObject) : property.beforeObject);
-        return (_jsx("div", { className: "bg-warning border border-warning-foreground px-2 py-1 rounded typography-tiny break-words", children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "typography-small-medium text-warning-foreground flex-shrink-0", children: predicateDisplay }), _jsxs("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [_jsx("span", { className: "text-warning-foreground break-all min-w-0", children: beforeDisplay }), _jsx("span", { className: "text-warning-foreground flex-shrink-0", children: "\u2192" }), _jsx("span", { className: "text-warning-foreground typography-small-medium break-all min-w-0", children: objectDisplay })] }), _jsx(PropertyExplainButton, { subject: subject, predicate: property.predicate, object: property.object, planGraphIri: planGraphIri, label: `${predicateDisplay}: ${beforeDisplay} → ${objectDisplay}` })] }) }));
-    }
-    // ADDED: Show → new_value for new properties
-    if (property.changeType === "ADDED") {
-        return (_jsx("div", { className: "bg-success border border-success-foreground px-2 py-1 rounded typography-tiny break-words", children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "typography-small-medium text-success-foreground flex-shrink-0", children: predicateDisplay }), _jsxs("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [_jsx("span", { className: "text-success-foreground flex-shrink-0", children: "\u2192" }), _jsx("span", { className: "text-success-foreground typography-small-medium break-all min-w-0", children: objectDisplay })] }), _jsx(PropertyExplainButton, { subject: subject, predicate: property.predicate, object: property.object, planGraphIri: planGraphIri, label: `${predicateDisplay}: ${objectDisplay}` })] }) }));
-    }
-    // UNCHANGED: Show just the value for unchanged properties
-    return (_jsx("div", { className: "bg-muted/30 px-2 py-1 rounded typography-tiny break-words", children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "typography-small-medium text-muted-foreground flex-shrink-0", children: predicateDisplay }), _jsx("span", { className: "text-default-foreground break-all min-w-0 flex-1", children: objectDisplay })] }) }));
-}
-function OperationBadge(props) {
-    const { operation } = props;
-    if (operation === "ADDED") {
-        return _jsx(Badge, { className: "bg-success text-success-foreground border-success-foreground", children: "New" });
-    }
-    return _jsx(Badge, { className: "bg-warning text-warning-foreground border-warning-foreground", children: "Updated" });
-}
-function PropertyExplainButton(props) {
-    const { subject, predicate, object, planGraphIri, label } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "xs", iconOnly: true, icon: HelpCircle, className: "text-muted-foreground hover:text-default-foreground flex-shrink-0", title: "Explain why this change exists", "aria-label": "Explain why this change exists" }) }), _jsx(PopoverContent, { className: "w-96", align: "end", children: _jsx(PropertyExplanationContent, { subject: subject, predicate: predicate, object: object, planGraphIri: planGraphIri, label: label }) })] }));
-}
-function PropertyExplanationContent(props) {
-    const { subject, predicate, object, planGraphIri, label } = props;
-    const { mantaClient } = useMantaClient();
-    const { data, isLoading, error } = useExplainRdFoxFactQuery(mantaClient, {
-        subject,
-        predicate,
-        object,
-        summarize: true,
-        namedGraph: planGraphIri,
-    });
-    if (isLoading) {
-        return (_jsx("div", { className: "space-y-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader, { className: "size-4" }), _jsx("span", { className: "typography-small", children: "Generating explanation..." })] }) }));
-    }
-    if (error || data?.explainRDFoxFact.error) {
-        const errorMessage = error?.message ?? data?.explainRDFoxFact.error ?? "Unknown error";
-        return (_jsxs("div", { className: "space-y-2", children: [_jsxs("h4", { className: "typography-small-semibold", children: ["Explanation for ", label] }), _jsxs("p", { className: "typography-small text-error-foreground", children: ["Failed to load explanation: ", errorMessage] })] }));
-    }
-    const explanation = data?.explainRDFoxFact;
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("h4", { className: "typography-small-semibold", children: "Why this exists" }), explanation?.summary ? (_jsx("p", { className: "typography-small text-default-foreground leading-relaxed", children: explanation.summary })) : (_jsx("p", { className: "typography-small text-muted-foreground", children: "No explanation available." }))] }));
-}

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

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

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

@@ -1,7 +0,0 @@
-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/lib/schema-fields.d.ts

@@ -1,2 +0,0 @@
-export declare function asNumber(value: unknown): number | undefined;
-//# sourceMappingURL=schema-fields.d.ts.map

package/dist/lib/schema-fields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema-fields.d.ts","sourceRoot":"","sources":["../../src/lib/schema-fields.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE3D"}

package/dist/lib/schema-fields.js

@@ -1,3 +0,0 @@
-export function asNumber(value) {
-    return typeof value === "number" ? value : undefined;
-}

package/dist/routes/memories/components/ConflictTimeoutFooter.d.ts

@@ -1,7 +0,0 @@
-export type ConflictTimeoutFooterProps = {
-    onCancel: () => void;
-    onConfirm: () => void;
-    isSaving: boolean;
-};
-export declare function ConflictTimeoutFooter(props: ConflictTimeoutFooterProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConflictTimeoutFooter.d.ts.map

package/dist/routes/memories/components/ConflictTimeoutFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConflictTimeoutFooter.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/ConflictTimeoutFooter.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAatE"}

package/dist/routes/memories/components/ConflictTimeoutFooter.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#components/button/index";
-export function ConflictTimeoutFooter(props) {
-    const { onCancel, onConfirm, isSaving } = props;
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "typography-small text-muted-foreground mr-auto", children: "Conflict check timed out. Save without checking?" }), _jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: isSaving, children: "Cancel" }), _jsx(Button, { onClick: onConfirm, disabled: isSaving, children: isSaving ? "Saving…" : "Save anyway" })] }));
-}