@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/solution-tests/process-results-viewer-dialog.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../dialog/dialog.js";
+const ProcessResultsViewerDialog = ({ open, onClose, title, data, loading, renderData })=>{
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsx(Dialog, {
+        open: open,
+        onOpenChange: (isOpen)=>{
+            if (!isOpen) onClose();
+        },
+        children: /*#__PURE__*/ jsxs(DialogContent, {
+            className: "max-h-[90vh] overflow-hidden",
+            style: {
+                width: "56rem",
+                maxWidth: "90vw"
+            },
+            children: [
+                /*#__PURE__*/ jsxs(DialogHeader, {
+                    children: [
+                        /*#__PURE__*/ jsx(DialogTitle, {
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsx(DialogDescription, {
+                            className: "sr-only",
+                            children: t("process_results_viewer_description")
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "max-h-[60vh] overflow-auto rounded-md border bg-muted/50 p-4",
+                    children: loading ? /*#__PURE__*/ jsxs("div", {
+                        className: "flex flex-col gap-2 py-2",
+                        children: [
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-3/4"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-full"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-5/6"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-2/3"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-full"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-4/5"
+                            })
+                        ]
+                    }) : renderData ? renderData(data) : /*#__PURE__*/ jsx("pre", {
+                        className: "whitespace-pre-wrap break-words text-xs",
+                        children: "string" == typeof data ? data : JSON.stringify(data, null, 2)
+                    })
+                })
+            ]
+        })
+    });
+};
+export { ProcessResultsViewerDialog };

package/dist/registry/solution-tests/result-expanded-content.d.ts

@@ -0,0 +1,15 @@
+import type { SolutionTestRunResult } from "./types";
+export interface ExpandedRowData {
+    loading: boolean;
+    expected?: unknown;
+    expectedInput?: unknown;
+    actual?: unknown;
+    actualInput?: unknown;
+    evaluatorResults?: unknown;
+}
+interface ResultExpandedContentProps {
+    result: SolutionTestRunResult;
+    data: ExpandedRowData | undefined;
+}
+export declare const ResultExpandedContent: ({ result, data, }: ResultExpandedContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/solution-tests/result-expanded-content.js

@@ -0,0 +1,177 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { ChevronRight } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible/collapsible.js";
+import { Empty, EmptyDescription } from "../empty/empty.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { useSolutionTestsConfig } from "./context.js";
+import { RunResultStatus } from "./types.js";
+import { hasAutoPass } from "./utils.js";
+import { UserMessagesView } from "./user-messages-view.js";
+import { EvaluatorResultsView, parseEvaluatorResults } from "./evaluator-results-view.js";
+import { JsonPanel } from "./evaluators/output-panels.js";
+import { ProcessOutputView } from "./outputs/process-output-view.js";
+const ResultExpandedContent = ({ result, data })=>{
+    const { t } = useVertexTranslation();
+    const { showDebug } = useSolutionTestsConfig();
+    const [debugOpen, setDebugOpen] = useState(false);
+    const status = result.Status;
+    if (data?.loading) return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col gap-4 p-4",
+        children: [
+            /*#__PURE__*/ jsx(Skeleton, {
+                className: "h-4 w-1/3"
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-2 gap-4",
+                children: [
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-40 w-full"
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-40 w-full"
+                    })
+                ]
+            })
+        ]
+    });
+    if (!data) return /*#__PURE__*/ jsx(Empty, {
+        children: /*#__PURE__*/ jsx(EmptyDescription, {
+            children: t("no_data_available")
+        })
+    });
+    const isAutoPass = hasAutoPass(data.evaluatorResults);
+    const isPassedOrFailed = status === RunResultStatus.Passed || status === RunResultStatus.Failed;
+    const evaluatorResults = parseEvaluatorResults(data.evaluatorResults);
+    const hasEvaluatorResults = null != evaluatorResults && Object.keys(evaluatorResults).length > 0;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col gap-4 p-4",
+        children: [
+            /*#__PURE__*/ jsx(UserMessagesView, {
+                messages: result.UserMessages
+            }),
+            status === RunResultStatus.Pending && /*#__PURE__*/ jsx(Empty, {
+                children: /*#__PURE__*/ jsx(EmptyDescription, {
+                    children: t("agent_still_running")
+                })
+            }),
+            isPassedOrFailed && !isAutoPass && (hasEvaluatorResults ? /*#__PURE__*/ jsx(EvaluatorResultsView, {
+                data: evaluatorResults,
+                expectedOutput: data.expected,
+                actualOutput: data.actual,
+                result: result
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-2 gap-4",
+                children: [
+                    /*#__PURE__*/ jsx(JsonPanel, {
+                        title: t("expected_output"),
+                        data: data.expected
+                    }),
+                    /*#__PURE__*/ jsx(JsonPanel, {
+                        title: t("actual_output"),
+                        data: data.actual
+                    })
+                ]
+            })),
+            showDebug && /*#__PURE__*/ jsxs(Collapsible, {
+                open: debugOpen,
+                onOpenChange: setDebugOpen,
+                className: "rounded-md border border-dashed",
+                children: [
+                    /*#__PURE__*/ jsxs(CollapsibleTrigger, {
+                        className: "flex w-full items-center gap-2 p-3 text-left text-sm font-medium text-muted-foreground hover:bg-muted/30",
+                        children: [
+                            /*#__PURE__*/ jsx(ChevronRight, {
+                                className: `size-4 shrink-0 transition-transform ${debugOpen ? "rotate-90" : ""}`,
+                                "aria-hidden": "true"
+                            }),
+                            t("debug_dev_only")
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(CollapsibleContent, {
+                        className: "flex flex-col gap-4 border-t p-3",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "grid grid-cols-2 gap-4",
+                                children: [
+                                    /*#__PURE__*/ jsx(JsonPanel, {
+                                        title: t("expected_output"),
+                                        data: data.expected
+                                    }),
+                                    /*#__PURE__*/ jsx(JsonPanel, {
+                                        title: t("actual_output"),
+                                        data: data.actual
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "grid grid-cols-2 gap-4",
+                                children: [
+                                    /*#__PURE__*/ jsx(JsonPanel, {
+                                        title: t("expected_input"),
+                                        data: data.expectedInput
+                                    }),
+                                    /*#__PURE__*/ jsx(JsonPanel, {
+                                        title: t("actual_input"),
+                                        data: data.actualInput
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            status === RunResultStatus.Missing && /*#__PURE__*/ jsx(ProcessOutputView, {
+                title: t("expected_output"),
+                agentId: result.AgentId,
+                processName: result.ProcessName,
+                output: data.expected
+            }),
+            status === RunResultStatus.NoBaseline && (null == data.actual ? /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsx("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: t("actual_output")
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-sm text-muted-foreground",
+                        children: t("agent_produced_no_output")
+                    })
+                ]
+            }) : /*#__PURE__*/ jsx(ProcessOutputView, {
+                title: t("actual_output"),
+                agentId: result.AgentId,
+                processName: result.ProcessName,
+                output: data.actual
+            })),
+            status === RunResultStatus.Error && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    result.ErrorMessage && /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("h4", {
+                                className: "mb-2 text-sm font-semibold",
+                                children: t("error")
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "rounded-md border border-destructive/30 bg-destructive/5 p-3",
+                                children: /*#__PURE__*/ jsx("pre", {
+                                    className: "whitespace-pre-wrap break-words text-xs",
+                                    children: result.ErrorMessage
+                                })
+                            })
+                        ]
+                    }),
+                    null != data.actual && /*#__PURE__*/ jsx(ProcessOutputView, {
+                        title: t("actual_output"),
+                        agentId: result.AgentId,
+                        processName: result.ProcessName,
+                        output: data.actual
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { ResultExpandedContent };

package/dist/registry/solution-tests/run-confirm-dialog.d.ts

@@ -0,0 +1,9 @@
+interface RunConfirmDialogProps {
+    open: boolean;
+    /** Label for the confirm button, e.g. "Run" or "Run all". */
+    confirmLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const RunConfirmDialog: ({ open, confirmLabel, onConfirm, onCancel, }: RunConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/solution-tests/run-confirm-dialog.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../dialog/dialog.js";
+const RunConfirmDialog = ({ open, confirmLabel, onConfirm, onCancel })=>{
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsx(Dialog, {
+        open: open,
+        onOpenChange: (isOpen)=>{
+            if (!isOpen) onCancel();
+        },
+        children: /*#__PURE__*/ jsxs(DialogContent, {
+            children: [
+                /*#__PURE__*/ jsxs(DialogHeader, {
+                    children: [
+                        /*#__PURE__*/ jsx(DialogTitle, {
+                            children: t("are_you_sure")
+                        }),
+                        /*#__PURE__*/ jsx(DialogDescription, {
+                            children: t("confirm_run_tests_description")
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex justify-end gap-2 pt-4",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "outline",
+                            onClick: onCancel,
+                            children: t("cancel")
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "warning",
+                            onClick: onConfirm,
+                            children: confirmLabel
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export { RunConfirmDialog };

package/dist/registry/solution-tests/run-details-agent-list.d.ts

@@ -0,0 +1,8 @@
+import { type SolutionTestRunResult } from "./types";
+export interface RunDetailsAgentListProps {
+    results: SolutionTestRunResult[];
+    selectedResultId: string | undefined;
+    isLoading: boolean;
+    onSelect: (resultId: string) => void;
+}
+export declare const RunDetailsAgentList: ({ results, selectedResultId, isLoading, onSelect, }: RunDetailsAgentListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/registry/solution-tests/run-details-agent-list.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Badge } from "../badge/badge.js";
+import { Empty, EmptyDescription } from "../empty/empty.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { renderValueOrEmptyState } from "../../lib/renderValueOrEmptyState.js";
+import { cn } from "../../lib/utils.js";
+import { defaultRunResultStatusLabels } from "./constants.js";
+import { resultBadgeClassMap, runResultStatusBadgeMap } from "./status-maps.js";
+import { RunResultStatus } from "./types.js";
+const RunDetailsAgentList = ({ results, selectedResultId, isLoading, onSelect })=>{
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex w-[320px] min-h-0 shrink-0 flex-col border-r border-border",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "px-4 pt-4 pb-2",
+                children: /*#__PURE__*/ jsx("h2", {
+                    className: "text-xs font-bold leading-none text-muted-foreground",
+                    children: t("agents")
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex-1 min-h-0 overflow-y-auto pb-6",
+                children: isLoading ? /*#__PURE__*/ jsxs("div", {
+                    className: "flex flex-col gap-2 p-4",
+                    children: [
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-12 w-full"
+                        }),
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-12 w-full"
+                        }),
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-12 w-full"
+                        })
+                    ]
+                }) : 0 === results.length ? /*#__PURE__*/ jsx(Empty, {
+                    children: /*#__PURE__*/ jsx(EmptyDescription, {
+                        children: t("no_results_available")
+                    })
+                }) : results.map((result)=>/*#__PURE__*/ jsx(RunDetailsAgentItem, {
+                        result: result,
+                        selected: result.Id === selectedResultId,
+                        onSelect: onSelect
+                    }, result.Id))
+            })
+        ]
+    });
+};
+const RunDetailsAgentItem = ({ result, selected, onSelect })=>{
+    const status = result.Status;
+    const showScore = status === RunResultStatus.Passed || status === RunResultStatus.Failed;
+    return /*#__PURE__*/ jsxs("button", {
+        type: "button",
+        "aria-pressed": selected,
+        onClick: ()=>onSelect(result.Id),
+        className: cn("flex w-full flex-col gap-2 border-b border-border px-4 py-3 text-left transition-colors last:border-b-0", selected ? "bg-muted" : "cursor-pointer hover:bg-muted/50"),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "text-sm font-semibold text-foreground",
+                children: result.ProcessName
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsx(Badge, {
+                        variant: "secondary",
+                        status: runResultStatusBadgeMap[status] ?? "info",
+                        className: resultBadgeClassMap[status],
+                        children: defaultRunResultStatusLabels[status] ?? "Unknown"
+                    }),
+                    showScore && /*#__PURE__*/ jsx("span", {
+                        className: "text-xs font-medium text-muted-foreground",
+                        children: renderValueOrEmptyState(result.Score, {
+                            type: "number",
+                            options: {
+                                style: "percent",
+                                maximumFractionDigits: 0
+                            }
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { RunDetailsAgentList };

package/dist/registry/solution-tests/run-details-view.d.ts

@@ -0,0 +1,24 @@
+import { type ExpandedRowData } from "./result-expanded-content";
+import { type SolutionTestRun, type SolutionTestRunResult } from "./types";
+export type BaselineJobMap = Map<string, {
+    id: string;
+    sourceRunResultId?: string;
+}>;
+export interface RunDetailsViewProps {
+    subjectLabel: string;
+    run: SolutionTestRun;
+    results: SolutionTestRunResult[];
+    isLoading: boolean;
+    baselineJobMap: BaselineJobMap;
+    selectedResultId: string | undefined;
+    selectedRowData: ExpandedRowData | undefined;
+    adoptingResultId: string | null;
+    updatingResultId: string | null;
+    removingBaselineId: string | null;
+    onBack: () => void;
+    onSelect: (resultId: string) => void;
+    onAdopt: (resultId: string) => void;
+    onUpdateBaseline: (resultId: string) => void;
+    onRemoveBaseline: (baselineId: string) => void;
+}
+export declare const RunDetailsView: ({ subjectLabel, run, results, isLoading, baselineJobMap, selectedResultId, selectedRowData, adoptingResultId, updatingResultId, removingBaselineId, onBack, onSelect, onAdopt, onUpdateBaseline, onRemoveBaseline, }: RunDetailsViewProps) => import("react/jsx-runtime").JSX.Element;