@manta-eu/react 0.1.0

package/dist/components/pagination/index.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, MoreHorizontalIcon, } from "lucide-react";
+import { Button } from "../button/index.js";
+import { cn } from "#style";
+export function Pagination(props) {
+    const { className, ...rest } = props;
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("flex justify-center", className), ...rest }));
+}
+export function PaginationContent(props) {
+    const { className, ...rest } = props;
+    return _jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...rest });
+}
+export function PaginationItem(props) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink(props) {
+    const classList = cn("size-8! [&>svg]:size-sm");
+    return (_jsx(Button, { variant: "tertiary", className: classList, rounded: "md", size: "sm", "data-slot": "pagination-link", ...props, iconOnly: true }));
+}
+export function PaginationFirst(props) {
+    return _jsx(PaginationLink, { ...props, "aria-label": "Go to first page", icon: ChevronsLeftIcon });
+}
+export function PaginationLast(props) {
+    return _jsx(PaginationLink, { ...props, "aria-label": "Go to last page", icon: ChevronsRightIcon });
+}
+export function PaginationPrevious(props) {
+    return _jsx(PaginationLink, { ...props, "aria-label": "Go to previous page", icon: ChevronLeftIcon });
+}
+export function PaginationNext(props) {
+    return _jsx(PaginationLink, { ...props, "aria-label": "Go to next page", icon: ChevronRightIcon });
+}
+export function PaginationEllipsis(props) {
+    const { className, ...rest } = props;
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...rest, children: [_jsx(MoreHorizontalIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+}
+function PaginationPageSize(props) {
+    const { pageSize, currentPageIndex, totalPages, totalCount } = props;
+    const total = totalCount ?? totalPages * pageSize;
+    const from = currentPageIndex * pageSize + 1;
+    const to = Math.min((currentPageIndex + 1) * pageSize, total);
+    return (_jsxs("span", { className: "typography-caption whitespace-nowrap", children: [from, "-", to, " of ", total] }));
+}
+function PaginationPageCount(props) {
+    const { currentPageIndex, totalPages } = props;
+    return (_jsx("span", { className: "typography-caption whitespace-nowrap", children: `Page ${currentPageIndex + 1} of ${totalPages}` }));
+}
+export function PaginationBlock(props) {
+    const { currentPageIndex = 0, totalPages = 1, totalCount, onPrevClick, onNextClick, onPageChange, showPageCount = true, className, ...rest } = props;
+    const showPageSize = "showPageSize" in rest ? rest.showPageSize : false;
+    const pageSize = showPageSize ? rest.pageSize : undefined;
+    const isFirstPage = currentPageIndex === 0;
+    const isLastPage = currentPageIndex >= totalPages - 1;
+    function goToPreviousPage(page) {
+        onPrevClick?.(page);
+        onPageChange?.(page);
+    }
+    function goToNextPage(page) {
+        onNextClick?.(page);
+        onPageChange?.(page);
+    }
+    return (_jsxs("div", { className: cn("flex items-center justify-between gap-8", className), children: [showPageSize && typeof pageSize !== "undefined" && (_jsx(PaginationPageSize, { pageSize, currentPageIndex, totalPages, totalCount })), _jsxs("div", { className: "flex justify-end items-center gap-3", children: [showPageCount && _jsx(PaginationPageCount, { currentPageIndex, totalPages }), _jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationFirst, { disabled: isFirstPage, onClick: () => goToPreviousPage(0) }) }), _jsx(PaginationItem, { children: _jsx(PaginationPrevious, { disabled: isFirstPage, onClick: () => goToPreviousPage(currentPageIndex - 1) }) }), _jsx(PaginationItem, { children: _jsx(PaginationNext, { disabled: isLastPage, onClick: () => goToNextPage(currentPageIndex + 1) }) }), _jsx(PaginationItem, { children: _jsx(PaginationLast, { disabled: isLastPage, onClick: () => goToNextPage(totalPages - 1) }) })] }) })] })] }));
+}

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

@@ -0,0 +1,52 @@
+import type { ComponentProps, ComponentType, Ref } from "react";
+import { type VariantPropsOf } from "#style";
+export declare const pillConfig: {
+    base: string;
+    variants: {
+        size: {
+            sm: string[];
+            base: string[];
+            lg: string[];
+        };
+        rounded: {
+            rounded: string;
+            square: string;
+        };
+        border: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        readonly size: "base";
+        readonly rounded: "rounded";
+        readonly border: true;
+    };
+};
+export type BasePillProps = ComponentProps<"div"> & VariantPropsOf<typeof pillConfig> & {
+    asChild?: boolean;
+    textClassName?: string;
+};
+export type IconOnlyPillProps = BasePillProps & {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    label?: never;
+    iconOnly: true;
+    "aria-label": string;
+};
+export type LabeledPillProps = BasePillProps & {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    iconOnly?: false | never;
+};
+export type PillProps = (IconOnlyPillProps | LabeledPillProps) & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function Pill(props: PillProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Pill {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pill/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEjD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CA0BtB,CAAC;AAIF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAC/C,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC;AAEF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAmEpC;yBAnEe,IAAI"}

package/dist/components/pill/index.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { tv } from "tailwind-variants";
+import { cn } from "#style";
+export const pillConfig = {
+    base: [
+        "inline-flex items-center justify-center gap-1.5",
+        "bg-card text-center",
+        "typography-caption transition-colors",
+    ].join(" "),
+    variants: {
+        size: {
+            sm: ["h-6 px-2", "typography-tiny", "[&>svg]:size-3 has-[>svg:only-child]:size-6 has-[>svg:only-child]:p-0"],
+            base: ["h-8 px-3", "typography-small", "[&>svg]:size-4 has-[>svg:only-child]:size-8 has-[>svg:only-child]:p-0"],
+            lg: ["h-10 px-4", "typography-body", "[&>svg]:size-5 has-[>svg:only-child]:size-10 has-[>svg:only-child]:p-0"],
+        },
+        rounded: {
+            rounded: "rounded-full",
+            square: "rounded-sm-v4",
+        },
+        border: {
+            true: ["border border-muted-border"].join(" "),
+            false: ["rounded-full border-transparent", "bg-card/50 backdrop-blur-sm"].join(" "),
+        },
+    },
+    defaultVariants: {
+        size: "base",
+        rounded: "rounded",
+        border: true,
+    },
+};
+const pillVariants = tv(pillConfig);
+export function Pill(props) {
+    const { className, size, rounded, border, asChild = false, icon, label, iconOnly = false, textClassName, children, ref, ...rest } = props;
+    if (asChild) {
+        return (_jsx(Slot, { ref: ref, "data-slot": "pill", className: cn(pillVariants({ size, rounded, border, className })), ...rest, children: children }));
+    }
+    if (iconOnly && icon) {
+        const IconComponent = icon;
+        return (_jsx("div", { ref: ref, "data-slot": "pill", className: cn(pillVariants({
+                size,
+                rounded,
+                className,
+                border,
+            })), ...rest, children: _jsx(IconComponent, {}) }));
+    }
+    const IconComponent = icon ?? null;
+    return (_jsxs("div", { ref: ref, "data-slot": "pill", className: cn(pillVariants({
+            size,
+            rounded,
+            className,
+            border,
+        })), ...rest, children: [IconComponent && _jsx(IconComponent, {}), _jsx("span", { className: textClassName, children: label }), children] }));
+}
+Pill.displayName = "Pill";

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

@@ -0,0 +1,28 @@
+import type { ElementType } from "react";
+export type PlanState = "DRAFT" | "RUNNING" | "FAILED" | "TIMED_OUT" | "COMPLETED";
+export type PlanHowTo = {
+    name?: string | null;
+    step?: Array<unknown> | null;
+    totalTime?: string | null;
+    performTime?: string | null;
+};
+export type PlanRowPlan = {
+    iri: string;
+    state?: PlanState | null;
+    primaryIntegration?: string | null;
+    actionCount: number;
+    completedActionCount: number;
+    subjects: number;
+    duration?: string | null;
+    howTo?: PlanHowTo | null;
+    pendingApprovalLabel?: string | null;
+};
+export type PlanRowProps = {
+    plan: PlanRowPlan;
+    href: string;
+    component?: ElementType;
+    className?: string;
+};
+export declare function PlanRow(props: PlanRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoActivePlansPill(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanCount, humanNumber } from "@manta-eu/lib/humanize";
+import { Clock, Ellipsis, Zap } from "lucide-react";
+import { match } from "ts-pattern";
+import { Link } from "../button/index.js";
+import { ChannelIcon } from "../channel-icon/index.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
+import { cn } from "#style";
+function isActivePlan(state) {
+    const effectiveState = state ?? "DRAFT";
+    return effectiveState === "RUNNING" || effectiveState === "FAILED" || effectiveState === "TIMED_OUT";
+}
+function getStatusConfig(state) {
+    return match(state ?? "DRAFT")
+        .with("RUNNING", () => ({ label: "Running", dotClass: "bg-warning-foreground" }))
+        .with("FAILED", "TIMED_OUT", () => ({ label: "Failed", dotClass: "bg-error-foreground" }))
+        .with("COMPLETED", () => ({ label: "Completed", dotClass: "bg-success-foreground" }))
+        .with("DRAFT", () => ({ label: "Ready to launch", dotClass: "bg-muted-foreground" }))
+        .exhaustive();
+}
+function formatIsoDuration(iso) {
+    if (!iso)
+        return null;
+    const durationMatch = iso.match(/^PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?$/i);
+    if (!durationMatch)
+        return null;
+    const hours = parseInt(durationMatch[1] || "0", 10);
+    const minutes = parseInt(durationMatch[2] || "0", 10);
+    const seconds = parseInt(durationMatch[3] || "0", 10);
+    if (hours > 0)
+        return `${hours}h ${minutes}m`;
+    if (minutes > 0 && seconds > 0)
+        return `${minutes}m ${seconds}s`;
+    if (minutes > 0)
+        return `~${minutes} min`;
+    if (seconds > 0)
+        return `${seconds}s`;
+    return null;
+}
+function getActionCount(plan) {
+    const total = plan.actionCount;
+    const completed = plan.completedActionCount;
+    if (total > 0 && isActivePlan(plan.state)) {
+        return `${humanNumber(completed)}/${humanNumber(total)}`;
+    }
+    if (total > 0) {
+        return humanCount(total, "action");
+    }
+    const stepCount = plan.howTo?.step?.length ?? 0;
+    if (stepCount > 0)
+        return humanCount(stepCount, "action");
+    if (plan.subjects > 0)
+        return humanCount(plan.subjects, "action");
+    return "";
+}
+function getTimeEstimate(plan) {
+    const totalTime = plan.howTo?.totalTime ?? plan.howTo?.performTime ?? plan.duration;
+    return formatIsoDuration(totalTime);
+}
+function extractPlanName(iri) {
+    const lastHash = iri.lastIndexOf("#");
+    const lastSlash = iri.lastIndexOf("/");
+    const separator = Math.max(lastHash, lastSlash);
+    return separator > -1 ? iri.slice(separator + 1) : iri;
+}
+function integrationToChannel(integration) {
+    if (integration === "GOOGLE")
+        return "GOOGLE_ADS";
+    if (integration === "META" ||
+        integration === "GOOGLE_ADS" ||
+        integration === "SNAPCHAT" ||
+        integration === "SHOPIFY" ||
+        integration === "MARKETER" ||
+        integration === "MANTA") {
+        return integration;
+    }
+    return null;
+}
+export function PlanRow(props) {
+    const { plan, href, component, className } = props;
+    const status = getStatusConfig(plan.state);
+    const channel = integrationToChannel(plan.primaryIntegration);
+    const actionCount = getActionCount(plan);
+    const timeEstimate = getTimeEstimate(plan);
+    const planName = plan.howTo?.name ?? extractPlanName(plan.iri);
+    const needsApproval = plan.state === "RUNNING" && !!plan.pendingApprovalLabel;
+    const statusDotClass = needsApproval ? "bg-accent-foreground" : status.dotClass;
+    const statusLabel = needsApproval ? plan.pendingApprovalLabel : status.label;
+    return (_jsxs(Link, { component: component, href: href, variant: "ghost", rounded: "lg", className: cn("h-auto w-full justify-start gap-3 rounded-xl border border-muted-border bg-faint p-3 text-left", "transition-colors hover:bg-muted focus:ring-0 active:scale-100", className), children: [_jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-accent", children: channel ? (_jsx(ChannelIcon, { channel: channel, iconClassName: "size-5" })) : (_jsx(Zap, { className: "size-5 text-accent-foreground" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "typography-caption-medium text-default-foreground truncate", children: planName }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: cn("size-2 rounded-full shrink-0", statusDotClass) }), _jsx("p", { className: "typography-tiny text-muted-foreground", children: statusLabel })] })] }), _jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [actionCount && (_jsxs("span", { className: "flex items-center gap-1.5 typography-tiny-medium text-accent-foreground", children: [_jsx(Zap, { className: "size-4" }), actionCount] })), timeEstimate && (_jsxs("span", { className: "flex items-center gap-1.5 typography-tiny text-muted-foreground", children: [_jsx(Clock, { className: "size-4" }), timeEstimate] })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: (event) => event.preventDefault(), className: "p-1.5 rounded-lg text-muted-foreground hover:bg-muted transition-colors", children: _jsx(Ellipsis, { className: "size-5" }) }) }), _jsx(TooltipContent, { side: "left", children: _jsx("p", { children: "More actions coming soon" }) })] })] })] }));
+}
+export function NoActivePlansPill() {
+    return (_jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-muted-border bg-faint p-3", children: [_jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-accent", children: _jsx(Zap, { className: "size-5 text-muted-foreground" }) }), _jsx("p", { className: "typography-caption-medium text-muted-foreground", children: "No active plans at the moment" })] }));
+}

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

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+import type { ActionPlan, ExecutionProgress } from "./plan-detail-utils.js";
+import { type PlanViewMode } from "./TopBar.js";
+export type { EntityTypeEntry, ExecutionProgress, ActionPlan } from "./plan-detail-utils.js";
+export type ActionPlanDetailViewProps = {
+    plan: ActionPlan;
+    isLoading: boolean;
+    error: string | null;
+    execution?: ExecutionProgress | null;
+    graphSlot?: ReactNode;
+    issueCount?: number;
+    isValidating?: boolean;
+    isDryRun?: boolean;
+    hideTopBar?: boolean;
+    hideChanges?: boolean;
+    fitContent?: boolean;
+    viewMode?: PlanViewMode;
+    onViewModeChange?: (viewMode: PlanViewMode) => void;
+    onExecute?: (planIri: string) => void;
+    onCancel?: (planIri: string) => void;
+    onRerun?: (planIri: string) => void;
+    onModify?: (planIri: string) => void;
+    topBarActions?: ReactNode;
+    leadingAction?: ReactNode;
+    rulesSlot?: ReactNode;
+    changesSlot?: ReactNode;
+    onRunClick?: (activityIri: string) => void;
+};
+export declare function ActionPlanDetailView(props: ActionPlanDetailViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionPlanDetailView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPlanDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ActionPlanDetailView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAKrD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE1F,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,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;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAyKpE"}

package/dist/components/planning/ActionPlanDetailView.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLActionPlanState } from "@manta-eu/client";
+import { extractPlanName } from "@manta-eu/client/shared/agent-mode";
+import { isPresent } from "@manta-eu/lib/present";
+import { useState } from "react";
+import { ActivityLog } from "./ActivityLog.js";
+import { DryRunCompleteBanner } from "./DryRunCompleteBanner.js";
+import { ExecutionProgressBar } from "./ExecutionProgressBar.js";
+import { formatIntegration } from "./plan-detail-utils.js";
+import { PlanDetailFooter } from "./PlanDetailFooter.js";
+import { RunHistoryTable } from "./RunHistoryTable.js";
+import { TopBar } from "./TopBar.js";
+import { UnavailablePlanNotice } from "./UnavailablePlanNotice.js";
+import { Loader } from "#components/loader/index";
+import { cn } from "#lib/utils";
+export function ActionPlanDetailView(props) {
+    const { plan, isLoading, error, execution, graphSlot, issueCount = 0, isValidating = false, isDryRun = false, hideTopBar = false, hideChanges = false, fitContent = false, viewMode: controlledViewMode, onViewModeChange, onExecute, onCancel, onRerun, onModify, topBarActions, leadingAction, rulesSlot, changesSlot, onRunClick, } = props;
+    const status = plan.state ?? GQLActionPlanState.Draft;
+    const isDraft = status === GQLActionPlanState.Draft;
+    const planName = extractPlanName(plan.iri);
+    const formattedIntegration = plan.primaryIntegration ? formatIntegration(plan.primaryIntegration) : null;
+    const hasVisualView = graphSlot != null;
+    const [internalViewMode, setInternalViewMode] = useState("overview");
+    const selectedViewMode = controlledViewMode ?? internalViewMode;
+    const activeViewMode = selectedViewMode === "visual" && !hasVisualView ? "overview" : selectedViewMode;
+    const showOverviewContent = hideTopBar || activeViewMode === "overview";
+    const showVisualContent = hasVisualView && (hideTopBar || activeViewMode === "visual");
+    const showHistoryContent = !hideTopBar && activeViewMode === "history";
+    function handleViewModeChange(nextViewMode) {
+        if (controlledViewMode === undefined) {
+            setInternalViewMode(nextViewMode);
+        }
+        onViewModeChange?.(nextViewMode);
+    }
+    if (isLoading) {
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx(Loader, { className: "size-6" }) }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "p-6", children: _jsx("div", { className: "rounded-xl border border-error-border bg-error p-4", children: _jsx("p", { className: "typography-small text-error-foreground", children: error }) }) }));
+    }
+    return (_jsxs("div", { className: cn("flex min-h-0 min-w-0 flex-col", fitContent ? "shrink-0" : "h-full", hideTopBar ? "bg-background" : "bg-base-background", !hideTopBar && !fitContent && "overflow-hidden"), children: [!hideTopBar && (_jsx(TopBar, { viewMode: activeViewMode, onViewModeChange: handleViewModeChange, hasVisualView: hasVisualView, issueCount: issueCount, isValidating: isValidating, isDryRun: isDryRun, planName: planName, status: status, hasCurrentFacts: plan.hasCurrentFacts, planIri: plan.iri, onExecute: onExecute, onCancel: onCancel, onRerun: onRerun, onModify: onModify, topBarActions: topBarActions, leadingAction: leadingAction })), !hideTopBar && showOverviewContent && isDryRun && status === GQLActionPlanState.Completed && (_jsx(DryRunCompleteBanner, {})), _jsx("div", { className: cn("min-w-0 overflow-x-hidden", !fitContent && "flex-1 overflow-y-auto"), children: _jsx("div", { className: "mx-auto w-full max-w-7xl px-8 py-6", children: _jsxs("div", { className: "space-y-6", children: [!plan.hasCurrentFacts && _jsx(UnavailablePlanNotice, { hasExecutionHistory: plan.hasExecutionHistory }), showOverviewContent && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h1", { className: "typography-subheading text-default-foreground truncate", title: planName, children: planName }), !plan.hasCurrentFacts && isPresent(plan.description) && (_jsx("p", { className: "mt-1 typography-small text-muted-foreground", children: plan.description })), plan.hasCurrentFacts && isDraft && formattedIntegration && (_jsxs("p", { className: "mt-1 typography-small text-muted-foreground", children: ["Built from your ", formattedIntegration, " product data and executed on ", formattedIntegration, "."] }))] }), execution && !isDraft && _jsx(ExecutionProgressBar, { execution: execution }), rulesSlot, !hideChanges && changesSlot && (_jsxs("div", { children: [_jsx("div", { className: "mb-6 border-t border-default-border" }), _jsx("h3", { className: "mb-4 typography-small-header text-default-foreground", children: "Recommended changes" }), changesSlot] })), execution && isPresent(execution.activities) && (_jsxs("div", { children: [_jsx("h3", { className: "mb-3 typography-caption-medium text-muted-foreground", children: "Activity Log" }), _jsx(ActivityLog, { execution: execution })] }))] })), showVisualContent && (_jsxs("div", { children: [_jsx("h3", { className: "mb-3 typography-caption-medium text-muted-foreground", children: "Plan Graph" }), _jsx("div", { className: cn("overflow-hidden rounded-xl border border-default-border bg-card", showOverviewContent ? "h-[500px]" : "h-[640px]"), children: graphSlot })] })), showHistoryContent && (_jsxs("div", { children: [_jsx("h3", { className: "mb-3 typography-caption-medium text-muted-foreground", children: "Run history" }), _jsx(RunHistoryTable, { planIris: [plan.iri], onRunClick: onRunClick }, plan.iri)] }))] }) }) }), isDraft && (isValidating || issueCount > 0) && (_jsx(PlanDetailFooter, { issueCount: issueCount, isValidating: isValidating }))] }));
+}

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

@@ -0,0 +1,19 @@
+import { type GQLActionPlanDiffResponse } from "@manta-eu/client";
+import { type ReactNode } from "react";
+import { type UseActionPlanExecutionResult } from "#hooks/useActionPlanExecution";
+type ActioningViewProps = {
+    planGraphIri: string;
+    diff: GQLActionPlanDiffResponse | null;
+    isLoading: boolean;
+    mantaChatBaseUrl: URL;
+    executionControl?: UseActionPlanExecutionResult;
+    executePromptNonce?: number;
+    datastoreId?: string;
+    userId?: string;
+    hideTopBar?: boolean;
+    chatIri?: string;
+    completedChangesSlot?: ReactNode;
+};
+export declare function ActioningView(props: ActioningViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActioningView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActioningView.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ActioningView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAclF,OAAO,EAA0B,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAO1G,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAyOtD"}

package/dist/components/planning/ActioningView.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLActionPlanState, GQLManualActionResolveStatus, useResolveManualActionMutation, } from "@manta-eu/client";
+import { extractPlanName } from "@manta-eu/client/shared/agent-mode";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { toast } from "sonner";
+import { deriveExecutionStatus, deriveIsDryRun, isStalePlanCompletion } from "./actioning-view-utils.js";
+import { DryRunCompleteBanner } from "./DryRunCompleteBanner.js";
+import { parseTimestampMs } from "./execution-section-model.js";
+import { ExecutionSections } from "./ExecutionSections.js";
+import { ExecutionTopBar } from "./ExecutionTopBar.js";
+import { FailedBanner } from "./FailedBanner.js";
+import { SummaryBar } from "./SummaryBar.js";
+import { UnavailablePlanNotice } from "./UnavailablePlanNotice.js";
+import { Loader } from "#components/loader/index";
+import { useActionPlanDetail } from "#hooks/useActionPlanDetail";
+import { useActionPlanExecution } from "#hooks/useActionPlanExecution";
+import { useActionPlanDiff, useActionPlanExecutionProvenance, useManualActions } from "#ldo-ui";
+import { getPendingManualActions } from "#lib/manual-actions";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/MantaClientProvider";
+import { invalidateActionPlanQueries } from "#shared/query-keys";
+export function ActioningView(props) {
+    const { planGraphIri, diff, isLoading, executionControl, executePromptNonce, datastoreId, userId, hideTopBar = false, chatIri, completedChangesSlot, } = props;
+    const planName = extractPlanName(planGraphIri);
+    const [isExecuteDialogOpen, setIsExecuteDialogOpen] = useState(false);
+    const internalExecutionControl = useActionPlanExecution(planGraphIri, chatIri);
+    const { execute, isTriggered, triggeredAtMs, dryRun, workflowId, triggerError } = executionControl ?? internalExecutionControl;
+    useEffect(() => {
+        if ((executePromptNonce ?? 0) > 0) {
+            setIsExecuteDialogOpen(true);
+        }
+    }, [executePromptNonce]);
+    const { plan } = useActionPlanDetail(planGraphIri);
+    const hasCurrentFacts = plan?.hasCurrentFacts ?? false;
+    const { data: fetchedDiff } = useActionPlanDiff({ planGraphIri, enabled: !!planGraphIri });
+    const { data: provenance } = useActionPlanExecutionProvenance({
+        planGraphIri,
+        enabled: !!planGraphIri,
+        refetchIntervalMs: isTriggered ? 2000 : 5000,
+    });
+    const ldoDiff = diff ?? fetchedDiff;
+    const baseIsRunning = !provenance?.planErrorMessage &&
+        !provenance?.planEndedAtTime &&
+        (!!provenance?.planStartedAtTime || isTriggered || plan?.state === GQLActionPlanState.Running);
+    const { data: manualActions = [] } = useManualActions({
+        planGraphIri,
+        enabled: !!planGraphIri,
+        refetchIntervalMs: baseIsRunning ? 3000 : 10000,
+    });
+    const pendingManualActionCount = getPendingManualActions(manualActions).length;
+    const executionStatus = deriveExecutionStatus({
+        provenance: provenance ?? null,
+        isTriggered,
+        triggeredAtMs,
+        planState: plan?.state ?? null,
+        pendingManualActionCount,
+    });
+    const isDryRun = deriveIsDryRun({ provenance: provenance ?? null, triggeredAtMs, dryRun });
+    const isDryRunCompleted = executionStatus === "completed" && isDryRun;
+    const stale = isStalePlanCompletion({
+        triggeredAtMs,
+        planEndedAtTime: provenance?.planEndedAtTime ?? null,
+    });
+    const planStartedAtMs = stale ? triggeredAtMs : (parseTimestampMs(provenance?.planStartedAtTime) ?? triggeredAtMs);
+    const planEndedAtMs = stale ? null : parseTimestampMs(provenance?.planEndedAtTime);
+    const isExecutionActive = executionStatus === "running" || executionStatus === "needs-approval";
+    const activeStartedAtMs = isExecutionActive ? planStartedAtMs : null;
+    const queryClient = useQueryClient();
+    const { mantaClient } = useMantaClient();
+    const resolveManualAction = useResolveManualActionMutation(mantaClient);
+    const canResolveManualAction = !!datastoreId && !!userId;
+    const handleManualActionResolve = useCallback((subjectIri, status) => {
+        if (!userId) {
+            toast.error("Cannot resolve manual action: missing user context.");
+            return;
+        }
+        resolveManualAction.mutate({
+            namedGraphIri: planGraphIri,
+            subjectIri,
+            resolvedBy: userId,
+            status: status === "COMPLETED" ? GQLManualActionResolveStatus.Completed : GQLManualActionResolveStatus.Rejected,
+        }, {
+            onSuccess: async () => {
+                await invalidateActionPlanQueries(queryClient, planGraphIri);
+            },
+            onError: (err) => {
+                console.error("Failed to resolve manual action", err);
+                toast.error(err instanceof Error ? err.message : "Failed to resolve manual action.");
+            },
+        });
+    }, [userId, planGraphIri, resolveManualAction, queryClient]);
+    const handleManualActionSkip = useCallback((subjectIri) => handleManualActionResolve(subjectIri, "REJECTED"), [handleManualActionResolve]);
+    const handleExecute = useCallback((nextDryRun) => {
+        void execute(nextDryRun);
+    }, [execute]);
+    const handleConfirmRerun = useCallback(async (nextDryRun) => {
+        const result = await execute(nextDryRun);
+        if (result.success) {
+            toast.success(nextDryRun ? "Plan re-run preview triggered" : "Plan re-run triggered");
+        }
+        else {
+            toast.error(nextDryRun ? "Failed to preview plan re-run" : "Failed to re-run plan");
+        }
+    }, [execute]);
+    const manualActionEntities = useMemo(() => {
+        const map = new Map();
+        for (const ma of manualActions) {
+            map.set(ma.subjectIri, [
+                {
+                    subjectIri: ma.subjectIri,
+                    label: ma.subjectLabel || ma.typeName || "Manual action",
+                    properties: [],
+                },
+            ]);
+        }
+        return map;
+    }, [manualActions]);
+    const entityTypes = useMemo(() => {
+        if (!ldoDiff)
+            return [];
+        return ldoDiff.byTypes.map((entry) => ({
+            typeIri: entry.typeIri,
+            typeName: entry.typeName,
+            addedCount: entry.addedCount,
+            updatedCount: entry.updatedCount,
+            description: null,
+            estimatedTime: null,
+        }));
+    }, [ldoDiff]);
+    const effectiveEntityTypes = useMemo(() => {
+        if (isPresent(entityTypes))
+            return entityTypes;
+        const byType = new Map();
+        for (const ma of manualActions) {
+            if (!byType.has(ma.typeIri)) {
+                byType.set(ma.typeIri, {
+                    typeIri: ma.typeIri,
+                    typeName: ma.typeName,
+                    addedCount: 0,
+                    updatedCount: 0,
+                    description: null,
+                    estimatedTime: null,
+                });
+            }
+        }
+        return Array.from(byType.values());
+    }, [entityTypes, manualActions]);
+    const completedChanges = executionStatus === "completed" ? completedChangesSlot : null;
+    return (_jsxs("div", { className: cn("flex flex-col", !hideTopBar && "h-full bg-background"), children: [!hideTopBar && (_jsx(ExecutionTopBar, { planName: planName, status: executionStatus, workflowId: workflowId, triggerError: triggerError, onExecute: hasCurrentFacts ? handleExecute : undefined, onRerun: hasCurrentFacts ? handleConfirmRerun : undefined, isExecuteDialogOpen: isExecuteDialogOpen, onExecuteDialogOpenChange: setIsExecuteDialogOpen, isDryRun: isDryRun })), !hideTopBar && isDryRunCompleted && _jsx(DryRunCompleteBanner, {}), _jsx("div", { className: cn(!hideTopBar && "flex-1 overflow-y-auto"), children: _jsxs("div", { className: cn("space-y-6", hideTopBar ? "mx-auto w-full max-w-7xl px-8" : "mx-auto max-w-[960px] px-16 py-8"), children: [!hideTopBar && plan && !plan.hasCurrentFacts && (_jsx(UnavailablePlanNotice, { hasExecutionHistory: plan.hasExecutionHistory })), executionStatus === "failed" && (provenance?.planErrorMessage || triggerError) && (_jsx(FailedBanner, { message: provenance?.planErrorMessage ?? triggerError ?? "Execution failed" })), isLoading && !isPresent(effectiveEntityTypes) && (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader, { className: "size-6" }) })), plan && (_jsx(SummaryBar, { plan: plan, executionStatus: executionStatus, startedAtMs: planStartedAtMs, endedAtMs: planEndedAtMs })), completedChanges ??
+                            (isPresent(effectiveEntityTypes) && (_jsx(ExecutionSections, { entityTypes: effectiveEntityTypes, provenance: provenance ?? null, manualActions: manualActions, manualActionEntities: manualActionEntities, activeStartedAtMs: activeStartedAtMs, onManualActionResolve: handleManualActionResolve, onManualActionSkip: handleManualActionSkip, isResolvingManualAction: resolveManualAction.isPending || !canResolveManualAction })))] }) })] }));
+}

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

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

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

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

package/dist/components/planning/ActivityLog.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Loader2 } from "lucide-react";
+import { cn } from "#lib/utils";
+export function ActivityLog(props) {
+    const { execution } = props;
+    return (_jsx("div", { className: "rounded-xl border border-default-border bg-card overflow-hidden", children: execution.activities.map((activity) => (_jsxs("div", { className: cn("flex items-center gap-3 border-b border-default-border px-4 py-2.5 last:border-b-0", activity.status === "in_progress" && "bg-info", activity.status === "pending" && "opacity-50"), children: [activity.status === "completed" && _jsx(Check, { className: "size-4 shrink-0 text-success-foreground" }), activity.status === "in_progress" && (_jsx(Loader2, { className: "size-4 shrink-0 text-accent-foreground animate-spin" })), activity.status === "pending" && (_jsx("div", { className: "size-4 shrink-0 rounded-full border-2 border-muted-border" })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "typography-caption-medium text-default-foreground", children: activity.entityName }), _jsx("span", { className: "ml-2 typography-small text-muted-foreground", children: activity.typeName })] }), _jsx("span", { className: "typography-small text-muted-foreground uppercase", children: activity.operation })] }, activity.id))) }));
+}

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

@@ -0,0 +1,34 @@
+import { GQLActionPlanState } from "@manta-eu/client";
+import { type ReactNode, type Ref } from "react";
+import type { ActionPlan } from "./plan-detail-utils.js";
+import type { PlanViewMode } from "./TopBar.js";
+import { type RdfGraph } from "#ldo-ui";
+export type ConnectedPlanDetailViewHandle = {
+    execute: () => void;
+    cancel: () => void;
+};
+export type ConnectedPlanDetailViewProps = {
+    plan: ActionPlan;
+    graphDocument?: RdfGraph | null;
+    isLoading: boolean;
+    error: string | null;
+    hideTopBar?: boolean;
+    hideChanges?: boolean;
+    fitContent?: boolean;
+    viewMode?: PlanViewMode;
+    stateOverride?: GQLActionPlanState;
+    isDryRun?: boolean;
+    ref?: Ref<ConnectedPlanDetailViewHandle>;
+    onViewModeChange?: (viewMode: PlanViewMode) => void;
+    onExecute?: (planIri: string) => void;
+    onCancel?: (planIri: string) => void;
+    onRerun?: (planIri: string) => void;
+    onModify?: (planIri: string) => void;
+    topBarActions?: ReactNode;
+    leadingAction?: ReactNode;
+    rulesSlot?: ReactNode;
+    changesSlot?: ReactNode;
+    onRunClick?: (activityIri: string) => void;
+};
+export declare function ConnectedPlanDetailView(props: ConnectedPlanDetailViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectedPlanDetailView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedPlanDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ConnectedPlanDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAgC,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAA0B,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,6BAA6B,CAAC,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,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;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAoC1E"}