@manta-eu/react 0.1.0

package/dist/components/planning/RunHistoryTable.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLActionPlanRunStatus, useActionPlanRunHistoryQuery } from "@manta-eu/client";
+import { buildPlanHref, extractPlanName } from "@manta-eu/client/shared/agent-mode";
+import { formatDateTime } from "@manta-eu/lib/date";
+import { humanDuration } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useReactTable } from "@tanstack/react-table";
+import { format, formatDistanceToNow } from "date-fns";
+import { History } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { Link } from "react-router";
+import { match } from "ts-pattern";
+import { Badge } from "#components/badge/index";
+import { PaginationBlock } from "#components/pagination/index";
+import { createTableConfig, DataTable } from "#components/table/index";
+import { useMantaClient } from "#providers/MantaClientProvider";
+const pageSize = 10;
+const placeholderRuns = Array.from({ length: pageSize }, (_, index) => ({
+    activityIri: `placeholder-${index}`,
+    planGraphIri: "",
+    startedAt: new Date(0).toISOString(),
+    endedAt: null,
+    status: GQLActionPlanRunStatus.Completed,
+    operationType: null,
+    errorMessage: null,
+    dryRun: false,
+}));
+function runStatusVariant(status) {
+    return match(status)
+        .returnType()
+        .with(GQLActionPlanRunStatus.Completed, () => "success")
+        .with(GQLActionPlanRunStatus.Failed, () => "destructive")
+        .with(GQLActionPlanRunStatus.Running, () => "info")
+        .exhaustive();
+}
+function runStatusLabel(status) {
+    return match(status)
+        .with(GQLActionPlanRunStatus.Completed, () => "Completed")
+        .with(GQLActionPlanRunStatus.Failed, () => "Failed")
+        .with(GQLActionPlanRunStatus.Running, () => "Running")
+        .exhaustive();
+}
+function runDuration(run) {
+    if (!run.endedAt)
+        return run.status === GQLActionPlanRunStatus.Running ? "In progress" : "—";
+    const start = new Date(run.startedAt).getTime();
+    const end = new Date(run.endedAt).getTime();
+    return humanDuration({ start, end, largest: 2 }) || "0 seconds";
+}
+function MissingValue() {
+    return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+}
+function useRunHistoryColumns(showPlanColumn) {
+    return useMemo(() => {
+        const planColumn = {
+            id: "plan",
+            enableSorting: false,
+            header: "Plan",
+            cell: ({ row }) => (_jsx(Link, { to: buildPlanHref(row.original.planGraphIri), className: "block max-w-56 truncate hover:text-primary", title: row.original.planGraphIri, children: extractPlanName(row.original.planGraphIri) })),
+        };
+        return [
+            {
+                id: "status",
+                enableSorting: false,
+                header: "Status",
+                cell: ({ row }) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Badge, { variant: runStatusVariant(row.original.status), children: runStatusLabel(row.original.status) }), row.original.dryRun && _jsx(Badge, { variant: "info", children: "Dry run" })] })),
+            },
+            ...(showPlanColumn ? [planColumn] : []),
+            {
+                id: "started",
+                enableSorting: false,
+                header: "Started",
+                cell: ({ row }) => {
+                    const startedDate = new Date(row.original.startedAt);
+                    return (_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "typography-caption-medium text-default-foreground", title: format(startedDate, "PPpp"), children: formatDistanceToNow(startedDate, { addSuffix: true }) }), _jsx("p", { className: "typography-tiny text-muted-foreground truncate", children: formatDateTime(startedDate) })] }));
+                },
+            },
+            {
+                id: "duration",
+                enableSorting: false,
+                header: "Duration",
+                cell: ({ row }) => _jsx("span", { className: "text-muted-foreground", children: runDuration(row.original) }),
+            },
+            {
+                id: "operation",
+                enableSorting: false,
+                header: "Operation",
+                cell: ({ row }) => row.original.operationType ? (_jsx("span", { className: "text-muted-foreground", children: row.original.operationType })) : (_jsx(MissingValue, {})),
+            },
+            {
+                id: "details",
+                enableSorting: false,
+                header: "Details",
+                cell: ({ row }) => row.original.errorMessage ? (_jsx("p", { className: "max-w-72 truncate text-error-foreground", title: row.original.errorMessage, children: row.original.errorMessage })) : (_jsx(MissingValue, {})),
+            },
+        ];
+    }, [showPlanColumn]);
+}
+export function RunHistoryTable(props) {
+    const { planIris, showPlanColumn = false, emptyDescription = "This plan hasn't been executed. Runs will appear here once it does.", onRunClick, } = props;
+    const { mantaClient } = useMantaClient();
+    const [page, setPage] = useState(0);
+    const { data, isLoading, isPlaceholderData, error } = useActionPlanRunHistoryQuery(mantaClient, { planGraphIris: [...planIris], limit: pageSize, offset: page * pageSize }, { enabled: isPresent(planIris), placeholderData: keepPreviousData });
+    const runs = data?.actionPlanRunHistory.runs ?? [];
+    const totalCount = data?.actionPlanRunHistory.totalCount ?? 0;
+    const totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
+    const columns = useRunHistoryColumns(showPlanColumn);
+    useEffect(() => {
+        if (totalCount > 0 && page > totalPages - 1) {
+            setPage(totalPages - 1);
+        }
+    }, [page, totalPages, totalCount]);
+    const table = useReactTable(createTableConfig({
+        data: isLoading ? placeholderRuns : runs,
+        columns,
+        pagination: { pageIndex: 0, pageSize },
+        manualPagination: true,
+    }));
+    if (error) {
+        return (_jsx("div", { className: "rounded-xl border border-error-border bg-error p-4", children: _jsx("p", { className: "typography-small text-error-foreground", children: "Failed to load run history." }) }));
+    }
+    if (!isLoading && totalCount === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 rounded-xl border border-muted-border bg-card py-16 text-center", children: [_jsx(History, { className: "size-6 text-muted-foreground" }), _jsx("p", { className: "typography-small-medium text-default-foreground", children: "No runs yet" }), _jsx("p", { className: "typography-caption text-muted-foreground", children: emptyDescription })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "overflow-x-auto overflow-y-hidden rounded-xl border border-muted-border bg-card", children: onRunClick ? (_jsx(DataTable, { table: table, isRefetching: isLoading || isPlaceholderData, onRowClick: (row) => onRunClick(row.original.activityIri), isRowClickable: () => !isLoading })) : (_jsx(DataTable, { table: table, isRefetching: isLoading || isPlaceholderData })) }), totalPages > 1 && (_jsx("div", { className: "flex justify-end", children: _jsx(PaginationBlock, { currentPageIndex: page, totalPages: totalPages, onPageChange: setPage, showPageSize: true, pageSize: pageSize, totalCount: totalCount }) }))] }));
+}

package/dist/components/planning/SampleChanges.d.ts

@@ -0,0 +1,9 @@
+type SampleChangesProps = {
+    planGraphIri: string;
+    typeIri: string;
+    typeName: string;
+    limit?: number;
+};
+export declare function SampleChanges(props: SampleChangesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SampleChanges.d.ts.map

package/dist/components/planning/SampleChanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleChanges.d.ts","sourceRoot":"","sources":["../../../src/components/planning/SampleChanges.tsx"],"names":[],"mappings":"AA2BA,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA6CtD"}

package/dist/components/planning/SampleChanges.js

@@ -0,0 +1,117 @@
+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/planning/SummaryBar.d.ts

@@ -0,0 +1,11 @@
+import type { ExecutionStatus } from "./actioning-view-utils.js";
+import type { useActionPlanDetail } from "#hooks/useActionPlanDetail";
+type SummaryBarProps = {
+    plan: NonNullable<ReturnType<typeof useActionPlanDetail>["plan"]>;
+    executionStatus: ExecutionStatus;
+    startedAtMs: number | null;
+    endedAtMs: number | null;
+};
+export declare function SummaryBar(props: SummaryBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SummaryBar.d.ts.map

package/dist/components/planning/SummaryBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryBar.d.ts","sourceRoot":"","sources":["../../../src/components/planning/SummaryBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAsBhD"}

package/dist/components/planning/SummaryBar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { LiveTimer } from "./LiveTimer.js";
+import { buildRunningMetadataCells } from "./plan-detail-utils.js";
+export function SummaryBar(props) {
+    const { plan, executionStatus, startedAtMs, endedAtMs } = props;
+    const isRunning = executionStatus === "running" || executionStatus === "needs-approval";
+    const hasStarted = executionStatus !== "idle";
+    const cells = buildRunningMetadataCells(plan);
+    if (!isPresent(cells) && !hasStarted)
+        return null;
+    return (_jsxs("div", { className: "flex items-stretch divide-x divide-default-border rounded-xl border border-default-border bg-card", children: [hasStarted && (_jsx(MetadataCell, { label: "Build time", customValue: _jsx(LiveTimer, { startedAtMs: startedAtMs, endedAtMs: endedAtMs, running: isRunning }) })), cells.map((cell) => (_jsx(MetadataCell, { label: cell.label, value: cell.value, icon: cell.icon }, cell.label)))] }));
+}
+function MetadataCell(props) {
+    const { label, value, icon, customValue } = props;
+    return (_jsxs("div", { className: "flex flex-1 flex-col gap-0.5 px-4 py-3", children: [_jsx("span", { className: "typography-small text-muted-foreground", children: label }), customValue ?? (_jsxs("div", { className: "flex items-center gap-1.5", children: [icon, _jsx("span", { className: "typography-small-medium text-default-foreground", children: value })] }))] }));
+}

package/dist/components/planning/TopBar.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import { type ActionPlanStatus } from "./plan-detail-utils.js";
+export type PlanViewMode = "overview" | "visual" | "history";
+export type TopBarProps = {
+    planName: string;
+    status: ActionPlanStatus;
+    hasCurrentFacts: boolean;
+    planIri: string;
+    viewMode?: PlanViewMode;
+    onViewModeChange?: (mode: PlanViewMode) => void;
+    hasVisualView?: boolean;
+    issueCount?: number;
+    isValidating?: boolean;
+    isDryRun?: boolean;
+    onExecute?: (planIri: string) => void;
+    onCancel?: (planIri: string) => void;
+    onRerun?: (planIri: string) => void;
+    onModify?: (planIri: string) => void;
+    topBarActions?: ReactNode;
+    leadingAction?: ReactNode;
+};
+export declare function TopBar(props: TopBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopBar.d.ts.map

package/dist/components/planning/TopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/planning/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAQ7D,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,gBAAgB,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAgBF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuGxC"}

package/dist/components/planning/TopBar.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLActionPlanState } from "@manta-eu/client";
+import { CircleStop, Eye, History, List, Play, RotateCcw } from "lucide-react";
+import { match } from "ts-pattern";
+import { ChatToggleButton } from "../layouts/ChatToggleButton.js";
+import { isTerminalActionPlanState } from "./plan-detail-utils.js";
+import { Button } from "#components/button/index";
+import { Tabs, TabsList, TabsTrigger } from "#components/tabs/index";
+const planViewOptions = [
+    { mode: "overview", label: "Overview", icon: List },
+    { mode: "visual", label: "Visual", icon: Eye },
+    { mode: "history", label: "History", icon: History },
+];
+function isPlanViewMode(value) {
+    return value === "overview" || value === "visual" || value === "history";
+}
+function statusSubtitle(status, isDryRun, hasCurrentFacts) {
+    return match(status)
+        .with(GQLActionPlanState.Draft, () => (hasCurrentFacts ? "Plan is ready to run" : "Not currently executable"))
+        .with(GQLActionPlanState.Running, () => (isDryRun ? "Dry run in progress" : "Plan is running"))
+        .with(GQLActionPlanState.Completed, () => (isDryRun ? "Dry run complete" : "Plan completed"))
+        .with(GQLActionPlanState.Failed, () => (isDryRun ? "Dry run failed" : "Plan failed"))
+        .with(GQLActionPlanState.TimedOut, () => (isDryRun ? "Dry run timed out" : "Plan timed out"))
+        .exhaustive();
+}
+export function TopBar(props) {
+    const { planName, status, hasCurrentFacts, planIri, viewMode = "overview", onViewModeChange, hasVisualView = false, issueCount = 0, isValidating = false, isDryRun = false, onExecute, onCancel, onRerun, topBarActions, leadingAction, } = props;
+    const isDraft = status === GQLActionPlanState.Draft;
+    const isRunning = status === GQLActionPlanState.Running;
+    const isTerminal = isTerminalActionPlanState(status);
+    const runDisabled = isValidating || issueCount > 0;
+    function handleViewModeChange(value) {
+        if (isPlanViewMode(value)) {
+            onViewModeChange?.(value);
+        }
+    }
+    const subtitle = statusSubtitle(status, isDryRun, hasCurrentFacts);
+    return (_jsxs("div", { className: "shrink-0 flex h-16 items-center justify-between gap-2 border-b border-default-border px-3 sm:px-6", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [leadingAction, _jsx(ChatToggleButton, {}), _jsxs("div", { className: "hidden min-w-0 flex-col sm:flex", children: [_jsx("span", { className: "truncate typography-caption-medium text-default-foreground", children: planName }), subtitle && _jsx("span", { className: "truncate typography-tiny text-muted-foreground", children: subtitle })] })] }), _jsxs("div", { className: "ml-auto flex min-w-0 items-center gap-3", children: [onViewModeChange && (_jsx(Tabs, { className: "min-w-0", value: viewMode, onValueChange: handleViewModeChange, children: _jsx("div", { className: "scrollbar-hide min-w-0 overflow-x-auto", children: _jsx(TabsList, { className: "w-max rounded-lg-v4 border border-muted-border bg-muted/60", children: planViewOptions.map(({ mode, label, icon: Icon }) => (_jsxs(TabsTrigger, { value: mode, disabled: mode === "visual" && !hasVisualView, "aria-label": label, title: label, className: "rounded-md-v4 px-2 sm:px-4", children: [_jsx(Icon, { className: "size-4" }), _jsx("span", { className: "hidden sm:inline", children: label })] }, mode))) }) }) })), topBarActions, isDraft && onExecute && (_jsx(Button, { onClick: () => onExecute(planIri), variant: "primary", size: "base", rounded: "md", disabled: runDisabled, icon: Play, label: "Run plan", className: "shrink-0" })), isRunning && onCancel && (_jsx(Button, { onClick: () => onCancel(planIri), variant: "tertiary", size: "base", rounded: "md", icon: CircleStop, label: "Cancel", className: "shrink-0" })), isTerminal && onRerun && (_jsx(Button, { onClick: () => onRerun(planIri), variant: "primary", size: "base", rounded: "md", icon: RotateCcw, label: "Re-run", className: "shrink-0" }))] })] }));
+}

package/dist/components/planning/UnavailablePlanNotice.d.ts

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

package/dist/components/planning/UnavailablePlanNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnavailablePlanNotice.d.ts","sourceRoot":"","sources":["../../../src/components/planning/UnavailablePlanNotice.tsx"],"names":[],"mappings":"AAIA,KAAK,0BAA0B,GAAG;IAChC,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CActE"}

package/dist/components/planning/UnavailablePlanNotice.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { History } from "lucide-react";
+import { match } from "ts-pattern";
+import { Banner } from "#components/banner/index";
+export function UnavailablePlanNotice(props) {
+    const content = match(props.hasExecutionHistory)
+        .with(true, () => ({
+        label: "History-only plan",
+        description: "This plan's current facts no longer hold, so it can't be executed or re-run. Its previous run history remains available.",
+    }))
+        .with(false, () => ({
+        label: "Saved plan",
+        description: "This plan has no current rule-derived proposal data. Execution is unavailable.",
+    }))
+        .exhaustive();
+    return _jsx(Banner, { type: "warning", size: "loose", icon: History, ...content });
+}

package/dist/components/planning/action-plan-icons.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from "react";
+export declare function resolveStepIcon(name: string, className: string): ReactNode;
+//# sourceMappingURL=action-plan-icons.d.ts.map

package/dist/components/planning/action-plan-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-plan-icons.d.ts","sourceRoot":"","sources":["../../../src/components/planning/action-plan-icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,CAG1E"}

package/dist/components/planning/action-plan-icons.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BarChart2, Bell, CircleDot, DollarSign, Image, Settings, Target, UsersRound, Zap } from "lucide-react";
+const stepIconKeywords = [
+    [["campaign", "ad", "advertising", "promote", "advertise", "boost"], Target],
+    [["audience", "target", "people", "customer", "user", "segment"], UsersRound],
+    [["remind", "review", "check", "monitor", "follow"], Bell],
+    [["budget", "spend", "cost", "money", "bid"], DollarSign],
+    [["creative", "image", "video", "asset", "copy", "content"], Image],
+    [["launch", "publish", "start", "run", "enable", "activate"], Zap],
+    [["report", "analys", "track", "metric", "data", "insight"], BarChart2],
+    [["rule", "logic", "automat", "workflow"], Settings],
+];
+function matchStepIcon(name) {
+    const lower = name.toLowerCase();
+    for (const [keywords, icon] of stepIconKeywords) {
+        if (keywords.some((kw) => lower.includes(kw)))
+            return icon;
+    }
+    return CircleDot;
+}
+export function resolveStepIcon(name, className) {
+    const Icon = matchStepIcon(name);
+    return _jsx(Icon, { className: className });
+}

package/dist/components/planning/actioning-view-utils.d.ts

@@ -0,0 +1,38 @@
+import { GQLActionPlanState } from "@manta-eu/client";
+export type ExecutionStatus = "idle" | "running" | "completed" | "failed" | "needs-approval";
+export type DeriveExecutionStatusArgs = {
+    provenance: {
+        planErrorMessage: string | null;
+        planEndedAtTime: string | null;
+        planStartedAtTime: string | null;
+    } | null;
+    isTriggered: boolean;
+    triggeredAtMs: number | null;
+    planState: GQLActionPlanState | null;
+    pendingManualActionCount: number;
+};
+export declare function isStalePlanCompletion(args: {
+    triggeredAtMs: number | null;
+    planEndedAtTime: string | null;
+}): boolean;
+export type DerivePlanStateFromExecutionArgs = {
+    provenance: {
+        planErrorMessage: string | null;
+        planEndedAtTime: string | null;
+    } | null;
+    triggeredAtMs: number | null;
+    isRunningOverride: boolean;
+};
+export declare function derivePlanStateFromExecution(args: DerivePlanStateFromExecutionArgs): GQLActionPlanState | undefined;
+export type DeriveIsDryRunArgs = {
+    provenance: {
+        planDryRun: boolean;
+        planStartedAtTime: string | null;
+        planEndedAtTime: string | null;
+    } | null;
+    triggeredAtMs: number | null;
+    dryRun: boolean | null;
+};
+export declare function deriveIsDryRun(args: DeriveIsDryRunArgs): boolean;
+export declare function deriveExecutionStatus(args: DeriveExecutionStatusArgs): ExecutionStatus;
+//# sourceMappingURL=actioning-view-utils.d.ts.map

package/dist/components/planning/actioning-view-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actioning-view-utils.d.ts","sourceRoot":"","sources":["../../../src/components/planning/actioning-view-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAE7F,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,EAAE;QACV,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;QAChC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,GAAG,IAAI,CAAC;IACT,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,IAAI,EAAE;IAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,OAAO,CAMrH;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE;QAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACvF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,gCAAgC,GAAG,kBAAkB,GAAG,SAAS,CAcnH;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7G,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,kBAAkB,GAAG,OAAO,CAKhE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,yBAAyB,GAAG,eAAe,CAQtF"}

package/dist/components/planning/actioning-view-utils.js

@@ -0,0 +1,44 @@
+import { GQLActionPlanState } from "@manta-eu/client";
+import { match } from "ts-pattern";
+import { parseTimestampMs } from "./execution-section-model.js";
+export function isStalePlanCompletion(args) {
+    const { triggeredAtMs, planEndedAtTime } = args;
+    if (triggeredAtMs == null)
+        return false;
+    const endedAtMs = parseTimestampMs(planEndedAtTime);
+    if (endedAtMs == null)
+        return false;
+    return triggeredAtMs > endedAtMs;
+}
+export function derivePlanStateFromExecution(args) {
+    const { provenance, triggeredAtMs, isRunningOverride } = args;
+    const stale = isStalePlanCompletion({ triggeredAtMs, planEndedAtTime: provenance?.planEndedAtTime ?? null });
+    return match({
+        hasError: !!provenance?.planErrorMessage,
+        hasEnded: !!provenance?.planEndedAtTime,
+        stale,
+        isRunningOverride,
+    })
+        .with({ hasError: true, stale: false }, () => GQLActionPlanState.Failed)
+        .with({ hasEnded: true, stale: false }, () => GQLActionPlanState.Completed)
+        .with({ isRunningOverride: true }, () => GQLActionPlanState.Running)
+        .otherwise(() => undefined);
+}
+export function deriveIsDryRun(args) {
+    const { provenance, triggeredAtMs, dryRun } = args;
+    const stale = isStalePlanCompletion({ triggeredAtMs, planEndedAtTime: provenance?.planEndedAtTime ?? null });
+    const initialRun = triggeredAtMs != null && !provenance?.planStartedAtTime;
+    return stale || initialRun ? (dryRun ?? false) : (provenance?.planDryRun ?? false);
+}
+export function deriveExecutionStatus(args) {
+    const { provenance, isTriggered, triggeredAtMs, planState, pendingManualActionCount } = args;
+    const stale = isStalePlanCompletion({ triggeredAtMs, planEndedAtTime: provenance?.planEndedAtTime ?? null });
+    if (provenance?.planErrorMessage && !stale)
+        return "failed";
+    if (provenance?.planEndedAtTime && !stale)
+        return "completed";
+    const isRunning = !!provenance?.planStartedAtTime || isTriggered || planState === GQLActionPlanState.Running;
+    if (isRunning)
+        return pendingManualActionCount > 0 ? "needs-approval" : "running";
+    return "idle";
+}

package/dist/components/planning/execution-section-model.d.ts

@@ -0,0 +1,24 @@
+import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
+import type { ActionPlanExecutionProvenanceResult, ExecutionProvenanceActivity, ManualAction } from "#ldo-ui";
+export type SectionStatus = "pending" | "running" | "completed" | "failed";
+export type SectionData = {
+    key: string;
+    entry: EntityTypeEntry;
+    activities: ExecutionProvenanceActivity[];
+    status: SectionStatus;
+};
+export type ResolvedManualActionStatus = Extract<ManualAction["status"], "COMPLETED" | "REJECTED">;
+export type BuildSectionsArgs = {
+    entityTypes: EntityTypeEntry[];
+    activities: ExecutionProvenanceActivity[];
+    provenance: ActionPlanExecutionProvenanceResult | null;
+    planFailed: boolean;
+};
+export declare function parseTimestampMs(timestamp: string | null | undefined): number | null;
+export declare function deriveSectionStatus(activities: ExecutionProvenanceActivity[], provenance: ActionPlanExecutionProvenanceResult | null, planFailed: boolean): SectionStatus;
+export declare function matchesSection(activity: ExecutionProvenanceActivity, entry: EntityTypeEntry): boolean;
+export declare function matchesManualActionSection(manualAction: ManualAction, entry: EntityTypeEntry, sectionCount: number): boolean;
+export declare function matchesManualActionActivity(manualAction: ManualAction, activity: ExecutionProvenanceActivity): boolean;
+export declare function findResolvedManualActionStatus(activity: ExecutionProvenanceActivity, manualActions: ManualAction[]): ResolvedManualActionStatus | null;
+export declare function buildSections(args: BuildSectionsArgs): SectionData[];
+//# sourceMappingURL=execution-section-model.d.ts.map

package/dist/components/planning/execution-section-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-section-model.d.ts","sourceRoot":"","sources":["../../../src/components/planning/execution-section-model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,mCAAmC,EAAE,2BAA2B,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE9G,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAEnG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,UAAU,EAAE,mCAAmC,GAAG,IAAI,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAIpF;AAED,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,2BAA2B,EAAE,EACzC,UAAU,EAAE,mCAAmC,GAAG,IAAI,EACtD,UAAU,EAAE,OAAO,GAClB,aAAa,CAYf;AAqDD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,2BAA2B,EAAE,KAAK,EAAE,eAAe,GAAG,OAAO,CAWrG;AAED,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,MAAM,GACnB,OAAO,CAgBT;AAED,wBAAgB,2BAA2B,CACzC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,2BAA2B,GACpC,OAAO,CAQT;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,2BAA2B,EACrC,aAAa,EAAE,YAAY,EAAE,GAC5B,0BAA0B,GAAG,IAAI,CAGnC;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,WAAW,EAAE,CAmCpE"}