@manta-eu/react 0.1.0

package/dist/components/planning/ConnectedPlanDetailView.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GQLActionPlanState } from "@manta-eu/client";
+import { useImperativeHandle, useMemo } from "react";
+import { AgentsGraph } from "../graph/AgentsGraph.js";
+import { ActionPlanDetailView } from "./ActionPlanDetailView.js";
+import { useValidateActionPlan } from "#hooks/useValidateActionPlan";
+import { ActionPlanChangesTable } from "#ldo-ui";
+import { useMantaClient } from "#providers/MantaClientProvider";
+export function ConnectedPlanDetailView(props) {
+    const { plan, graphDocument, stateOverride, ref, onExecute, onCancel, changesSlot, ...rest } = props;
+    const { mantaClient } = useMantaClient();
+    const serverIsDraft = (plan.state ?? GQLActionPlanState.Draft) === GQLActionPlanState.Draft;
+    const { report, isLoading: isValidating } = useValidateActionPlan(mantaClient, serverIsDraft ? plan.iri : undefined);
+    const issueCount = report?.resultCount ?? 0;
+    const effectiveStatus = stateOverride ?? plan.state ?? GQLActionPlanState.Draft;
+    const planWithStatus = useMemo(() => ({ ...plan, state: effectiveStatus }), [plan, effectiveStatus]);
+    const graphSlot = graphDocument && graphDocument.size > 0 ? (_jsx(AgentsGraph, { graph: graphDocument, planGraphIri: plan.iri, defaultViewMode: "graph", fullHeight: true })) : null;
+    useImperativeHandle(ref, () => ({
+        execute: () => onExecute?.(plan.iri),
+        cancel: () => onCancel?.(plan.iri),
+    }));
+    return (_jsx(ActionPlanDetailView, { ...rest, plan: planWithStatus, execution: null, graphSlot: graphSlot, issueCount: issueCount, isValidating: isValidating, changesSlot: changesSlot ?? _jsx(ActionPlanChangesTable, { planGraphIri: plan.iri }), onCancel: onCancel, onExecute: onExecute ? (planIri) => onExecute(planIri) : undefined }));
+}

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

@@ -0,0 +1,2 @@
+export declare function DryRunCompleteBanner(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DryRunCompleteBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DryRunCompleteBanner.d.ts","sourceRoot":"","sources":["../../../src/components/planning/DryRunCompleteBanner.tsx"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,4CAenC"}

package/dist/components/planning/DryRunCompleteBanner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+export function DryRunCompleteBanner() {
+    return (_jsxs("div", { role: "status", className: "flex shrink-0 items-start gap-2 border-b border-default-border bg-info px-3 py-3 text-info-foreground sm:px-6", children: [_jsx(Info, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1", children: [_jsx("p", { className: "typography-small-medium", children: "Dry run complete \u2014 no changes were applied" }), _jsx("p", { className: "typography-small text-info-foreground/80", children: "Re-run with dry run off to apply these changes to your integrations." })] })] }));
+}

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export type ExecutePlanDialogAction = "execute" | "rerun";
+export type ExecutePlanDialogProps = {
+    onConfirm: (dryRun: boolean) => void;
+    trigger?: ReactNode | null;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    action?: ExecutePlanDialogAction;
+};
+export declare function ExecutePlanDialog(props: ExecutePlanDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutePlanDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutePlanDialog.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutePlanDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAe9D,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC,CAAC;AAqDF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6C9D"}

package/dist/components/planning/ExecutePlanDialog.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Play, RefreshCw } from "lucide-react";
+import { useCallback, useState } from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "#components/alert-dialog/index";
+import { Button } from "#components/button/index";
+import { Checkbox } from "#components/checkbox/index";
+const contentByAction = {
+    execute: {
+        title: "Are you sure you want to execute this plan?",
+        description: "This will apply all planned changes to your integrations.",
+        dryRunDescription: "This will preview the planned changes without applying them — nothing will be sent to your integrations.",
+        actionLabel: "Execute",
+        dryRunActionLabel: "Preview",
+        triggerIcon: Play,
+        triggerLabel: "Execute Plan",
+    },
+    rerun: {
+        title: "Re-run this plan?",
+        description: "This will re-apply all planned changes to your integrations.",
+        dryRunDescription: "This will preview the re-applied changes without applying them — nothing will be sent to your integrations.",
+        actionLabel: "Re-run",
+        dryRunActionLabel: "Preview",
+        triggerIcon: RefreshCw,
+        triggerLabel: "Re-run Plan",
+    },
+};
+function SizePinnedSwap(props) {
+    const { value, toggledValue, isToggled } = props;
+    return (_jsxs("span", { className: "grid min-w-0", children: [_jsx("span", { className: "col-start-1 row-start-1 min-w-0", children: isToggled ? toggledValue : value }), _jsx("span", { "aria-hidden": true, className: "invisible col-start-1 row-start-1 min-w-0", children: isToggled ? value : toggledValue })] }));
+}
+export function ExecutePlanDialog(props) {
+    const { onConfirm, trigger, open, onOpenChange, action = "execute" } = props;
+    const content = contentByAction[action];
+    const [dryRun, setDryRun] = useState(false);
+    const handleOpenChange = useCallback((nextOpen) => {
+        // Reset on close, as the dialog is opened by setting `open` directly, which does not trigger `onOpenChange`,
+        // while closing only happens via buttons in the dialog, so that always triggers `onOpenChange`
+        if (!nextOpen)
+            setDryRun(false);
+        onOpenChange?.(nextOpen);
+    }, [onOpenChange]);
+    return (_jsxs(AlertDialog, { open: open, onOpenChange: handleOpenChange, children: [trigger !== null && (_jsx(AlertDialogTrigger, { asChild: true, children: trigger ?? (_jsx(Button, { size: "lg", className: "cursor-pointer", icon: content.triggerIcon, label: content.triggerLabel })) })), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: content.title }), _jsx(AlertDialogDescription, { children: _jsx(SizePinnedSwap, { value: content.description, toggledValue: content.dryRunDescription, isToggled: dryRun }) })] }), _jsx(Checkbox, { checked: dryRun, onCheckedChange: (checked) => setDryRun(checked === true), label: "Dry run (preview changes)" }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => onConfirm(dryRun), children: _jsx(SizePinnedSwap, { value: content.actionLabel, toggledValue: content.dryRunActionLabel, isToggled: dryRun }) })] })] })] }));
+}

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

@@ -0,0 +1,9 @@
+import { type ResolvedManualActionStatus } from "./execution-section-model.js";
+import type { ExecutionProvenanceActivity } from "#ldo-ui";
+type ExecutionActivityRowProps = {
+    activity: ExecutionProvenanceActivity;
+    manualActionStatus?: ResolvedManualActionStatus | null;
+};
+export declare function ExecutionActivityRow(props: ExecutionActivityRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExecutionActivityRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionActivityRow.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionActivityRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAG3D,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,2BAA2B,CAAC;IACtC,kBAAkB,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAC;CACxD,CAAC;AAeF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA4BpE"}

package/dist/components/planning/ExecutionActivityRow.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanDuration } from "@manta-eu/lib/humanize";
+import { AlertCircle, Check, ClockFading, Loader2, X } from "lucide-react";
+import { useEffect, useState } from "react";
+import { match } from "ts-pattern";
+import { parseTimestampMs } from "./execution-section-model.js";
+import { cn } from "#lib/utils";
+function resolveIconState(activity, manualActionStatus) {
+    if (activity.errorMessage)
+        return "error";
+    if (manualActionStatus === "REJECTED")
+        return "rejected";
+    if (manualActionStatus === "COMPLETED" || !!activity.endedAtTime)
+        return "completed";
+    if (activity.startedAtTime)
+        return "running";
+    return "pending";
+}
+export function ExecutionActivityRow(props) {
+    const { activity, manualActionStatus = null } = props;
+    const iconState = resolveIconState(activity, manualActionStatus);
+    const hasError = iconState === "error";
+    const isPending = iconState === "pending";
+    return (_jsxs("div", { className: cn("flex items-center justify-between pl-5 pr-3 py-2", hasError && "bg-error/10"), children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [match(iconState)
+                        .with("error", () => _jsx(AlertCircle, { className: "size-4 shrink-0 text-error-foreground" }))
+                        .with("rejected", () => _jsx(X, { className: "size-4 shrink-0 text-error-foreground" }))
+                        .with("completed", () => _jsx(Check, { className: "size-4 shrink-0 text-success-foreground" }))
+                        .with("running", () => _jsx(Loader2, { className: "size-4 shrink-0 text-muted-foreground animate-spin" }))
+                        .with("pending", () => _jsx(ClockFading, { className: "size-4 shrink-0 text-muted-foreground/40" }))
+                        .exhaustive(), _jsx("span", { className: cn("text-[12px] font-mono leading-[18px] truncate", hasError ? "text-error-foreground" : isPending ? "text-muted-foreground" : "text-default-foreground"), children: activity.errorMessage ?? activity.entityLabel })] }), _jsx(ActivityElapsed, { activity: activity, hasError: hasError, isPending: isPending })] }));
+}
+function ActivityElapsed(props) {
+    const { activity, hasError, isPending } = props;
+    const isRunning = !!activity.startedAtTime && !activity.endedAtTime;
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!isRunning)
+            return;
+        const id = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(id);
+    }, [isRunning]);
+    if (!activity.startedAtTime) {
+        return _jsx("span", { className: "text-[12px] font-mono leading-[18px] shrink-0 ml-3 text-muted-foreground", children: "-" });
+    }
+    const start = parseTimestampMs(activity.startedAtTime);
+    if (start === null) {
+        return _jsx("span", { className: "text-[12px] font-mono leading-[18px] shrink-0 ml-3 text-muted-foreground", children: "-" });
+    }
+    const end = parseTimestampMs(activity.endedAtTime) ?? now;
+    const label = humanDuration({ start, end, largest: 2 }) || "0 seconds";
+    return (_jsx("span", { className: cn("text-[12px] font-mono leading-[18px] shrink-0 ml-3", hasError ? "text-error-foreground" : isPending ? "text-muted-foreground" : "text-default-foreground"), children: label }));
+}

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

@@ -0,0 +1,5 @@
+import type { ExecutionProgress } from "./plan-detail-utils.js";
+export declare function ExecutionProgressBar(props: {
+    execution: ExecutionProgress;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutionProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,SAAS,EAAE,iBAAiB,CAAA;CAAE,2CAyB3E"}

package/dist/components/planning/ExecutionProgressBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
+export function ExecutionProgressBar(props) {
+    const { execution } = props;
+    const completedCount = execution.activities.filter((a) => a.status === "completed").length;
+    return (_jsxs("div", { className: "mt-6 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "typography-caption-medium text-muted-foreground", children: execution.isComplete ? "Execution Complete" : execution.isFailed ? "Execution Failed" : "Executing..." }), _jsxs("span", { className: "typography-small text-muted-foreground", children: [completedCount, " / ", execution.activities.length, " tasks"] })] }), _jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: cn("h-full transition-all duration-300", execution.isFailed ? "bg-error-foreground" : "bg-accent-foreground"), style: { width: `${execution.progress}%` } }) })] }));
+}

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

@@ -0,0 +1,19 @@
+import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
+import { type SectionStatus } from "./execution-section-model.js";
+import { type ManualActionEntity } from "./ManualActionCard.js";
+import type { ExecutionProvenanceActivity, ManualAction } from "#ldo-ui";
+export type ExecutionSectionItemProps = {
+    entry: EntityTypeEntry;
+    activities: ExecutionProvenanceActivity[];
+    status: SectionStatus;
+    fallbackStartedAtMs?: number | null;
+    isExpanded: boolean;
+    onToggle: () => void;
+    manualActions?: ManualAction[];
+    manualActionEntities?: Map<string, ManualActionEntity[]>;
+    onManualActionResolve?: (subjectIri: string, status: "COMPLETED" | "REJECTED") => void;
+    onManualActionSkip?: (subjectIri: string) => void;
+    isResolvingManualAction?: boolean;
+};
+export declare function ExecutionSectionItem(props: ExecutionSectionItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutionSectionItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionSectionItem.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSectionItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEjH,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIzE,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC;IACvF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAmGpE"}

package/dist/components/planning/ExecutionSectionItem.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanDuration } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { AlertCircle, Check, ChevronDown, ClockFading, Loader2 } from "lucide-react";
+import { isNotNil } from "ramda";
+import { useCallback, useEffect, useState } from "react";
+import { match } from "ts-pattern";
+import { resolveStepIcon } from "./action-plan-icons.js";
+import { findResolvedManualActionStatus, parseTimestampMs } from "./execution-section-model.js";
+import { ExecutionActivityRow } from "./ExecutionActivityRow.js";
+import { ManualActionCard } from "./ManualActionCard.js";
+import { getPendingManualActions, getResolvedManualActions } from "#lib/manual-actions";
+import { cn } from "#lib/utils";
+export function ExecutionSectionItem(props) {
+    const { entry, activities, status, fallbackStartedAtMs = null, isExpanded, onToggle, manualActions = [], manualActionEntities, onManualActionResolve, onManualActionSkip, isResolvingManualAction = false, } = props;
+    const handleApprove = useCallback((subjectIri) => onManualActionResolve?.(subjectIri, "COMPLETED"), [onManualActionResolve]);
+    const handleReject = useCallback((subjectIri) => onManualActionResolve?.(subjectIri, "REJECTED"), [onManualActionResolve]);
+    const handleSkip = useCallback((subjectIri) => onManualActionSkip?.(subjectIri), [onManualActionSkip]);
+    const pendingManualActions = getPendingManualActions(manualActions);
+    const resolvedManualActions = getResolvedManualActions(manualActions);
+    const hasContent = isPresent(activities) || isPresent(pendingManualActions);
+    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center gap-3 pl-2 pr-3 py-3 text-left transition-colors hover:bg-muted/30", children: [_jsx("div", { className: "flex shrink-0 items-center p-1.5 rounded-lg", children: _jsx(ChevronDown, { className: cn("size-5 shrink-0 text-muted-foreground transition-transform", !isExpanded && "-rotate-90") }) }), _jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-faint", children: resolveStepIcon(entry.typeName, "size-5 text-muted-foreground") }), _jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-0.5", children: [_jsx("span", { className: cn("typography-small-medium block truncate", status === "pending" ? "text-muted-foreground" : "text-default-foreground"), children: entry.typeName }), entry.description && (_jsx("span", { className: "typography-tiny text-muted-foreground block truncate", children: entry.description }))] }), _jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [_jsx(SectionElapsed, { activities: activities, status: status, estimatedTime: entry.estimatedTime ?? null, fallbackStartedAtMs: fallbackStartedAtMs }), _jsx(SectionStatusIcon, { status: status })] })] }), isExpanded && hasContent && (_jsxs("div", { className: "bg-faint border-t border-default-border py-1.5", children: [activities.map((activity) => (_jsx(ExecutionActivityRow, { activity: activity, manualActionStatus: findResolvedManualActionStatus(activity, resolvedManualActions) }, activity.iri))), pendingManualActions.map((ma) => (_jsx(ManualActionCard, { manualAction: ma, entities: manualActionEntities?.get(ma.subjectIri) ?? [], description: entry.description ?? undefined, isResolving: isResolvingManualAction, onApprove: () => handleApprove(ma.subjectIri), onReject: () => handleReject(ma.subjectIri), onSkip: () => handleSkip(ma.subjectIri) }, ma.subjectIri)))] }))] }));
+}
+function SectionStatusIcon(props) {
+    return match(props.status)
+        .with("completed", () => (_jsx("div", { className: "size-5 flex items-center justify-center rounded-full bg-success", children: _jsx(Check, { className: "size-3 text-success-foreground" }) })))
+        .with("running", () => _jsx(Loader2, { className: "size-5 text-muted-foreground animate-spin" }))
+        .with("failed", () => (_jsx("div", { className: "size-5 flex items-center justify-center rounded-full bg-error", children: _jsx(AlertCircle, { className: "size-3 text-error-foreground" }) })))
+        .with("pending", () => _jsx(ClockFading, { className: "size-5 text-muted-foreground/40" }))
+        .exhaustive();
+}
+function SectionElapsed(props) {
+    const { activities, status, estimatedTime, fallbackStartedAtMs = null } = props;
+    const isRunning = status === "running";
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!isRunning)
+            return;
+        const id = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(id);
+    }, [isRunning]);
+    const started = activities
+        .map((a) => a.startedAtTime)
+        .filter(isNotNil)
+        .sort();
+    if (!isPresent(started)) {
+        if (fallbackStartedAtMs !== null) {
+            return (_jsx("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap", children: humanDuration({ start: fallbackStartedAtMs, end: now, largest: 2 }) || "0 seconds" }));
+        }
+        if (estimatedTime) {
+            return _jsx("span", { className: "typography-tiny text-muted-foreground/60 whitespace-nowrap", children: estimatedTime });
+        }
+        return null;
+    }
+    const ended = activities
+        .map((a) => a.endedAtTime)
+        .filter(isNotNil)
+        .sort()
+        .reverse();
+    const start = parseTimestampMs(started[0]);
+    if (start === null)
+        return null;
+    const end = isPresent(ended) && !isRunning ? parseTimestampMs(ended[0]) : now;
+    if (end === null)
+        return null;
+    const label = humanDuration({ start, end, largest: 2 }) || "0 seconds";
+    return _jsx("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap", children: label });
+}

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

@@ -0,0 +1,15 @@
+import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
+import type { ManualActionEntity } from "./ManualActionCard.js";
+import type { ActionPlanExecutionProvenanceResult, ManualAction } from "#ldo-ui";
+export type ExecutionSectionsProps = {
+    entityTypes: EntityTypeEntry[];
+    provenance: ActionPlanExecutionProvenanceResult | null;
+    manualActions?: ManualAction[];
+    manualActionEntities?: Map<string, ManualActionEntity[]>;
+    activeStartedAtMs?: number | null;
+    onManualActionResolve?: (subjectIri: string, status: "COMPLETED" | "REJECTED") => void;
+    onManualActionSkip?: (subjectIri: string) => void;
+    isResolvingManualAction?: boolean;
+};
+export declare function ExecutionSections(props: ExecutionSectionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutionSections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionSections.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSections.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,mCAAmC,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,mCAAmC,GAAG,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC;IACvF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoE9D"}

package/dist/components/planning/ExecutionSections.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useEffect, useState } from "react";
+import { buildSections, matchesManualActionSection } from "./execution-section-model.js";
+import { ExecutionActivityRow } from "./ExecutionActivityRow.js";
+import { ExecutionSectionItem } from "./ExecutionSectionItem.js";
+export function ExecutionSections(props) {
+    const { entityTypes, provenance, manualActions = [], manualActionEntities, activeStartedAtMs = null, onManualActionResolve, onManualActionSkip, isResolvingManualAction = false, } = props;
+    const [expandedIndex, setExpandedIndex] = useState(0);
+    const [lastAutoExpandedRunning, setLastAutoExpandedRunning] = useState(-1);
+    const activities = provenance?.activities ?? [];
+    const planFailed = !!provenance?.planErrorMessage;
+    const sections = buildSections({ entityTypes, activities, provenance, planFailed });
+    const runningSectionIndex = sections.findIndex((s) => s.status === "running");
+    useEffect(() => {
+        if (runningSectionIndex >= 0 && runningSectionIndex !== lastAutoExpandedRunning) {
+            setLastAutoExpandedRunning(runningSectionIndex);
+            setExpandedIndex(runningSectionIndex);
+        }
+    }, [lastAutoExpandedRunning, runningSectionIndex]);
+    if (!isPresent(sections) && isPresent(activities)) {
+        return (_jsx("div", { className: "overflow-hidden rounded-xl border border-default-border bg-card", children: _jsx("div", { className: "bg-faint py-1.5", children: activities.map((activity) => (_jsx(ExecutionActivityRow, { activity: activity }, activity.iri))) }) }));
+    }
+    return (_jsx("div", { className: "overflow-hidden rounded-xl border border-default-border bg-card divide-y divide-default-border", children: sections.map((section, index) => {
+            const activeFallbackApplies = index === 0 && section.status === "pending" && activeStartedAtMs !== null;
+            const effectiveStatus = activeFallbackApplies ? "running" : section.status;
+            const fallbackStartedAtMs = activeFallbackApplies ? activeStartedAtMs : null;
+            const sectionManualActions = manualActions.filter((manualAction) => matchesManualActionSection(manualAction, section.entry, sections.length));
+            return (_jsx(ExecutionSectionItem, { entry: section.entry, activities: section.activities, status: effectiveStatus, fallbackStartedAtMs: fallbackStartedAtMs, isExpanded: expandedIndex === index, onToggle: () => setExpandedIndex((prev) => (prev === index ? null : index)), manualActions: sectionManualActions, manualActionEntities: manualActionEntities, onManualActionResolve: onManualActionResolve, onManualActionSkip: onManualActionSkip, isResolvingManualAction: isResolvingManualAction }, section.key));
+        }) }));
+}

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

@@ -0,0 +1,15 @@
+import type { ExecutionStatus } from "./actioning-view-utils.js";
+type ExecutionTopBarProps = {
+    planName: string;
+    status: ExecutionStatus;
+    workflowId: string | null;
+    triggerError: string | null;
+    onExecute?: (dryRun: boolean) => void;
+    onRerun?: (dryRun: boolean) => void;
+    isExecuteDialogOpen: boolean;
+    onExecuteDialogOpenChange: (open: boolean) => void;
+    isDryRun?: boolean;
+};
+export declare function ExecutionTopBar(props: ExecutionTopBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExecutionTopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionTopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,yBAAyB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwBF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAqE1D"}

package/dist/components/planning/ExecutionTopBar.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2, MessageCircle, RotateCcw, Zap } from "lucide-react";
+import { ExecutePlanDialog } from "./ExecutePlanDialog.js";
+import { cn } from "#lib/utils";
+const statusConfig = {
+    idle: { label: "Ready", dotClass: "bg-muted-foreground" },
+    running: {
+        label: "Running",
+        dryRunLabel: "Dry run…",
+        indicator: "Executing…",
+        dryRunIndicator: "Previewing…",
+        dotClass: "bg-warning-foreground",
+    },
+    "needs-approval": {
+        label: "Needs approval",
+        dryRunLabel: "Dry run · Needs approval",
+        indicator: "Awaiting approval…",
+        dotClass: "bg-accent-foreground",
+    },
+    completed: { label: "Completed", dryRunLabel: "Dry run complete", dotClass: "bg-success-foreground" },
+    failed: { label: "Failed", dryRunLabel: "Dry run failed", dotClass: "bg-error-foreground" },
+};
+export function ExecutionTopBar(props) {
+    const { planName, status, onExecute, onRerun, isExecuteDialogOpen, onExecuteDialogOpenChange, isDryRun } = props;
+    const config = statusConfig[status];
+    const isTerminal = status === "completed" || status === "failed";
+    const displayLabel = (isDryRun && config.dryRunLabel) || config.label;
+    return (_jsxs("div", { className: "shrink-0 h-16 flex items-center border-b border-muted-border bg-sidebar px-5 py-3 gap-3", children: [_jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl border border-muted-border bg-muted/40 text-muted-foreground", children: _jsx(MessageCircle, { className: "size-5" }) }), _jsxs("div", { className: "flex min-w-0 items-center gap-2 typography-caption-medium text-default-foreground", children: [_jsx("span", { className: "truncate", children: planName }), _jsxs("span", { className: "ml-1 flex shrink-0 items-center gap-1.5 rounded-full border border-muted-border bg-muted/60 px-2 py-0.5 typography-tiny text-muted-foreground", children: [_jsx("div", { className: cn("size-2 rounded-full", config.dotClass) }), displayLabel] })] }), _jsxs("div", { className: "ml-auto flex items-center gap-3 shrink-0", children: [status === "idle" && onExecute && (_jsx(ExecutePlanDialog, { onConfirm: onExecute, open: isExecuteDialogOpen, onOpenChange: onExecuteDialogOpenChange, trigger: _jsxs("button", { type: "button", className: cn("flex items-center gap-2 rounded-xl", "bg-primary px-4 py-2", "typography-small-medium text-primary-foreground", "hover:bg-primary-hover transition-colors"), children: [_jsx(Zap, { className: "size-4" }), "Run plan"] }) })), (status === "running" || status === "needs-approval") && (_jsxs("div", { className: "flex items-center gap-1.5 rounded-xl border border-default-border px-4 py-2 typography-small-medium text-muted-foreground", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), (isDryRun && config.dryRunIndicator) || config.indicator] })), isTerminal && onRerun && (_jsx(ExecutePlanDialog, { action: "rerun", onConfirm: onRerun, trigger: _jsxs("button", { type: "button", className: cn("flex items-center gap-2 rounded-xl", "bg-primary px-4 py-2", "typography-small-medium text-primary-foreground", "hover:bg-primary-hover transition-colors"), children: [_jsx(RotateCcw, { className: "size-4" }), "Re-run"] }) }))] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FailedBanner.d.ts","sourceRoot":"","sources":["../../../src/components/planning/FailedBanner.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}

package/dist/components/planning/FailedBanner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+export function FailedBanner(props) {
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-xl bg-error/10 border border-error p-4", children: [_jsx(AlertCircle, { className: "size-5 shrink-0 text-error-foreground mt-0.5" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "typography-small-medium text-error-foreground", children: "Plan failed to build" }), _jsx("p", { className: "typography-small text-error-foreground/80 mt-0.5", children: props.message })] })] }));
+}

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

@@ -0,0 +1,8 @@
+type LiveTimerProps = {
+    startedAtMs: number | null;
+    endedAtMs: number | null;
+    running: boolean;
+};
+export declare function LiveTimer(props: LiveTimerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LiveTimer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveTimer.d.ts","sourceRoot":"","sources":["../../../src/components/planning/LiveTimer.tsx"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAkC9C"}

package/dist/components/planning/LiveTimer.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanDuration } from "@manta-eu/lib/humanize";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+export function LiveTimer(props) {
+    const { startedAtMs, endedAtMs, running } = props;
+    const staticLabel = useMemo(() => {
+        if (!startedAtMs)
+            return "—";
+        const end = endedAtMs ?? Date.now();
+        return humanDuration({ start: startedAtMs, end, largest: 2 }) || "0 seconds";
+    }, [startedAtMs, endedAtMs]);
+    const [liveLabel, setLiveLabel] = useState(null);
+    useEffect(() => {
+        if (!running || endedAtMs || !startedAtMs) {
+            setLiveLabel(null);
+            return;
+        }
+        const id = setInterval(() => {
+            setLiveLabel(humanDuration({ start: startedAtMs, end: Date.now(), largest: 2 }) || "0 seconds");
+        }, 1000);
+        return () => clearInterval(id);
+    }, [running, endedAtMs, startedAtMs]);
+    const label = liveLabel ?? staticLabel;
+    if (!startedAtMs) {
+        return _jsx("span", { className: "typography-small-medium text-default-foreground", children: "\u2014" });
+    }
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [running && !endedAtMs && _jsx(Loader2, { className: "size-4 text-muted-foreground animate-spin" }), _jsx("span", { className: "typography-small-medium text-default-foreground", children: label })] }));
+}

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

@@ -0,0 +1,23 @@
+import type { ManualAction } from "#ldo-ui";
+export type ManualActionEntity = {
+    subjectIri: string;
+    label: string;
+    properties: PropertyChange[];
+};
+export type PropertyChange = {
+    label: string;
+    oldValue: string | null;
+    newValue: string | null;
+};
+type ManualActionCardProps = {
+    manualAction: ManualAction;
+    entities: ManualActionEntity[];
+    description?: string | null;
+    isResolving: boolean;
+    onApprove: () => void;
+    onReject: () => void;
+    onSkip?: () => void;
+};
+export declare function ManualActionCard(props: ManualActionCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ManualActionCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManualActionCard.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ManualActionCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiB5D"}

package/dist/components/planning/ManualActionCard.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { addAll } from "@manta-eu/lib/set";
+import { CircleCheck, Hand, MessageSquareWarning } from "lucide-react";
+import { cn } from "#lib/utils";
+export function ManualActionCard(props) {
+    const { manualAction, entities, description, isResolving, onApprove, onReject } = props;
+    const title = description ?? buildManualActionTitle(manualAction);
+    const displayEntities = isPresent(entities) ? entities : [buildFallbackEntity(manualAction)];
+    return (_jsx("div", { className: "mx-2 my-2", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-dashed border-active-border/50 bg-card shadow-sm", children: [_jsx(CardHeader, { title: title }), _jsx(EntityTable, { entities: displayEntities }), _jsx(CardFooter, { isResolving: isResolving, onApprove: onApprove, onReject: onReject })] }) }));
+}
+function CardHeader(props) {
+    const { title } = props;
+    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-default-border bg-faint px-3 py-3", children: [_jsx(Hand, { className: "size-4 text-primary" }), _jsx("span", { className: "typography-tiny text-default-foreground", children: title })] }));
+}
+function EntityTable(props) {
+    const { entities } = props;
+    const hasProperties = entities.some((e) => isPresent(e.properties));
+    const propertyLabels = hasProperties ? collectPropertyLabels(entities) : [];
+    return (_jsxs("div", { children: [hasProperties && (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-muted px-3 py-2.5", children: [_jsx("span", { className: "typography-tiny w-[240px] text-muted-foreground", children: "Entity" }), propertyLabels.map((label) => (_jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: label }, label))), _jsx("div", { className: "w-7" })] })), entities.map((entity) => (_jsx(EntityRow, { entity: entity, propertyLabels: propertyLabels }, entity.subjectIri)))] }));
+}
+function EntityRow(props) {
+    const { entity, propertyLabels } = props;
+    return (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-card px-3 py-3 last:border-b-0", children: [_jsx("div", { className: "flex items-center gap-2 w-[240px]", children: _jsx("span", { className: "typography-tiny truncate text-default-foreground", children: entity.label || "Manual action" }) }), propertyLabels.map((label) => {
+                const change = entity.properties.find((p) => p.label === label);
+                if (!change) {
+                    return (_jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: "\u2014" }, label));
+                }
+                return _jsx(PropertyChangePills, { change: change }, label);
+            })] }));
+}
+function PropertyChangePills(props) {
+    const { change } = props;
+    if (!change.oldValue && !change.newValue) {
+        return _jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: "\u2014" });
+    }
+    if (!change.oldValue) {
+        return (_jsx("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: _jsx("span", { className: "rounded-[5px] bg-success px-1.5 py-0.5 font-mono text-[11px] leading-4 text-success-foreground", children: change.newValue }) }));
+    }
+    return (_jsxs("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: [_jsx("span", { className: "rounded-[5px] bg-accent px-1.5 py-0.5 font-mono text-[11px] leading-4 text-muted-foreground", children: change.oldValue }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: "\u2192" }), _jsx("span", { className: "rounded-[5px] bg-success px-1.5 py-0.5 font-mono text-[11px] leading-4 text-success-foreground", children: change.newValue })] }));
+}
+function CardFooter(props) {
+    const { isResolving, onApprove, onReject } = props;
+    return (_jsx("div", { className: "flex items-center justify-between bg-muted px-3 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "button", disabled: isResolving, onClick: onApprove, className: cn("flex h-8 items-center gap-1.5 rounded-lg bg-success px-3", "typography-tiny text-success-foreground", "hover:bg-success/80 transition-colors", "disabled:opacity-50 disabled:cursor-not-allowed"), children: [_jsx(CircleCheck, { className: "size-4" }), "Mark as Completed"] }), _jsxs("button", { type: "button", disabled: isResolving, onClick: onReject, className: cn("flex h-8 items-center gap-1.5 rounded-lg border border-default-border bg-card px-3", "typography-tiny text-default-foreground", "hover:bg-muted-border transition-colors", "disabled:opacity-50 disabled:cursor-not-allowed"), children: [_jsx(MessageSquareWarning, { className: "size-4" }), "Mark as Rejected"] })] }) }));
+}
+function buildManualActionTitle(manualAction) {
+    const subject = manualAction.subjectLabel || manualAction.typeName;
+    if (subject && subject !== "Nothing") {
+        return `${subject} needs approval`;
+    }
+    return "Manual action needs approval";
+}
+function buildFallbackEntity(manualAction) {
+    return {
+        subjectIri: manualAction.subjectIri,
+        label: manualAction.subjectLabel || manualAction.typeName || "Manual action",
+        properties: [],
+    };
+}
+function collectPropertyLabels(entities) {
+    const labels = new Set();
+    for (const entity of entities) {
+        addAll(labels, entity.properties.map((prop) => prop.label));
+    }
+    return Array.from(labels);
+}

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

@@ -0,0 +1,7 @@
+type PlanDetailFooterProps = {
+    issueCount?: number;
+    isValidating?: boolean;
+};
+export declare function PlanDetailFooter(props: PlanDetailFooterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PlanDetailFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanDetailFooter.d.ts","sourceRoot":"","sources":["../../../src/components/planning/PlanDetailFooter.tsx"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAyB5D"}

package/dist/components/planning/PlanDetailFooter.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { OctagonAlert } from "lucide-react";
+export function PlanDetailFooter(props) {
+    const { issueCount = 0, isValidating = false } = props;
+    const hasIssues = issueCount > 0;
+    if (!isValidating && !hasIssues) {
+        return null;
+    }
+    return (_jsx("div", { className: "shrink-0 px-6 pb-4", children: _jsx("div", { className: "rounded-xl border border-default-border px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [isValidating && _jsx("span", { className: "typography-small text-muted-foreground", children: "Checking plan\u2026" }), !isValidating && hasIssues && (_jsxs(_Fragment, { children: [_jsx(OctagonAlert, { className: "size-5 text-warning-foreground" }), _jsxs("span", { className: "typography-small text-warning-foreground", children: [issueCount, " issue", issueCount !== 1 ? "s" : "", " need", issueCount === 1 ? "s" : "", " attention"] })] }))] }) }) }));
+}

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

@@ -0,0 +1,8 @@
+export type RunHistoryTableProps = {
+    planIris: readonly string[];
+    showPlanColumn?: boolean;
+    emptyDescription?: string;
+    onRunClick?: (activityIri: string) => void;
+};
+export declare function RunHistoryTable(props: RunHistoryTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RunHistoryTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunHistoryTable.d.ts","sourceRoot":"","sources":["../../../src/components/planning/RunHistoryTable.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AA2HF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgF1D"}