@uipath/apollo-vertex 0.1.0 → 0.3.0

package/dist/registry/shell/shell-user-profile-menu-items.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Globe, LogOut, Monitor, Moon, Sun } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from "../dropdown-menu/dropdown-menu.js";
 import { cn } from "../../lib/utils.js";
 import { useAuth } from "./shell-auth-provider.js";
@@ -8,7 +8,7 @@ import { LANGUAGE_CHANGED_EVENT, LOCALE_OPTIONS } from "./shell-constants.js";
 import { Text } from "./shell-text.js";
 import { useTheme } from "./shell-theme-provider.js";
 const UserProfileMenuItems = ()=>{
-    const { t, i18n } = useTranslation();
+    const { t, i18n } = useVertexTranslation();
     const { logout } = useAuth();
     const { setTheme } = useTheme();
     const language = i18n.language;

package/dist/registry/shell/shell-user-profile.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Avatar, AvatarFallback } from "../avatar/avatar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
 import { sidebarSpring } from "./shell-animations.js";
 import { UserProfileMenuItems } from "./shell-user-profile-menu-items.js";
 import { useUser } from "./shell-user-provider.js";
 const UserProfile = ({ isCollapsed, collapsedMenuSide = "top", collapsedMenuAlign = "start" })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { user } = useUser();
     const userInitials = user ? user.name.split(" ").map((n)=>n[0]).join("").toUpperCase().slice(0, 2) : "U";
     const firstName = user?.first_name ?? t("business_user");

package/dist/registry/shell/shell-user-provider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
 import { useAuth } from "./shell-auth-provider.js";

package/dist/registry/shell/shell.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { Skeleton } from "../skeleton/skeleton.js";

package/dist/registry/shell/use-group-id.js

@@ -1,3 +1,4 @@
+"use client";
 import { useLiveQuery } from "@tanstack/react-db";
 import { useSolution } from "@uipath/vs-core";
 const useGroupId = ({ role, roleGroupMap })=>{

package/dist/registry/shell/use-group-members.js

@@ -1,3 +1,4 @@
+"use client";
 import { eq, useLiveQuery } from "@tanstack/react-db";
 import { useSolution } from "@uipath/vs-core";
 const useGroupMembers = ({ groupId })=>{

package/dist/registry/shell/use-is-group-member.js

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from "@tanstack/react-query";
 import { useSolution } from "@uipath/vs-core";
 import { useAuth } from "./shell-auth-provider.js";

package/dist/registry/sidebar/sidebar-trigger.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelLeftIcon } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { cn } from "../../lib/utils.js";
 import { useSidebar } from "./sidebar-provider.js";
 function SidebarTrigger({ className, onClick, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { toggleSidebar } = useSidebar();
     return /*#__PURE__*/ jsxs(Button, {
         "data-sidebar": "trigger",

package/dist/registry/sidebar/sidebar.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../sheet/sheet.js";
 import { cn } from "../../lib/utils.js";
 import { SidebarProvider, useSidebar } from "./sidebar-provider.js";
@@ -35,7 +35,7 @@ const sidebarSpring = {
 };
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { isMobile, state, openMobile, setOpenMobile, sidebarWidthPx, sidebarWidthIconPx } = useSidebar();
     if ("none" === collapsible) return /*#__PURE__*/ jsx("div", {
         "data-slot": "sidebar",

package/dist/registry/solution-tests/baseline-compare.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { cn } from "../../lib/utils.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/table.js";
 import { EMPTY_VALUE } from "./constants.js";
 const BaselineCompare = ({ rows })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const visible = rows.filter((row)=>null != row.baseline || null != row.current);
     if (0 === visible.length) return null;
     return /*#__PURE__*/ jsx("div", {

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Spinner } from "../spinner/spinner.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../dialog/dialog.js";
 const DeleteConfirmDialog = ({ open, deleting, onConfirm, onCancel })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx(Dialog, {
         open: open,
         onOpenChange: (isOpen)=>{

package/dist/registry/solution-tests/evaluators/case-evaluation/case-evaluation-result.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Check, TriangleAlert } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../lib/vertex-translation.js";
 import { Alert, AlertDescription, AlertTitle } from "../../../alert/alert.js";
 import { Badge } from "../../../badge/badge.js";
 import { BaselineCompare } from "../../baseline-compare.js";
@@ -18,7 +18,7 @@ const presentOrNull = (value)=>{
     return value;
 };
 const ChangedBadge = ({ status })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx(Badge, {
         status: status,
         variant: "secondary",
@@ -26,7 +26,7 @@ const ChangedBadge = ({ status })=>{
     });
 };
 const PairFields = ({ pair })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { expected, actual } = pair;
     const compared = pair.status === EvaluationPairStatus.Compared;
     const modelChanged = (expected?.decision_model_id ?? "") !== (actual?.decision_model_id ?? "");
@@ -70,7 +70,7 @@ const SummarySide = ({ label, view })=>/*#__PURE__*/ jsxs("div", {
         ]
     });
 const SummaryCard = ({ view })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (!view) return /*#__PURE__*/ jsx("div", {
         className: "flex min-w-0 items-center justify-center rounded-md border border-dashed bg-muted/20 p-3",
         children: /*#__PURE__*/ jsx(Badge, {
@@ -108,7 +108,7 @@ const SummaryCard = ({ view })=>{
     });
 };
 const SummaryComparison = ({ pair })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const compared = pair.status === EvaluationPairStatus.Compared;
     const same = pair.summary_verdict === SummaryVerdict.Same;
     return /*#__PURE__*/ jsxs("div", {
@@ -173,7 +173,7 @@ const SummaryComparison = ({ pair })=>{
     });
 };
 const PairRow = ({ pair })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const oneSided = pair.status !== EvaluationPairStatus.Compared;
     return /*#__PURE__*/ jsxs("div", {
         className: "flex min-w-0 flex-col gap-3 rounded-md border p-3",
@@ -206,7 +206,7 @@ const PairRow = ({ pair })=>{
     });
 };
 const CaseEvaluationResult = ({ evaluatorDetails })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { pairs, count_mismatch, expected_count, actual_count, same_count, outcome_mismatch_count, summary_differs_count, missing_count, added_count } = evaluatorDetails;
     const summary = [
         {

package/dist/registry/solution-tests/evaluators/generic-evaluator-result.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
 import { EMPTY_VALUE } from "../constants.js";
 import { useSolutionTestsConfig } from "../context.js";
 import { JsonPanel } from "./output-panels.js";
@@ -13,7 +13,7 @@ function scoreColorClass(score, passThreshold) {
     return score >= passThreshold ? "text-success" : "text-destructive";
 }
 const GenericEvaluatorResult = ({ evaluatorId, label, score, evaluatorDetails, expectedOutput, actualOutput })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { passThreshold } = useSolutionTestsConfig();
     const displayLabel = label ?? evaluatorId;
     const justification = evaluatorDetails.justification;

package/dist/registry/solution-tests/evaluators/ixp-extraction/internal/document-row.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../../lib/vertex-translation.js";
 import { Badge } from "../../../../badge/badge.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../tooltip/tooltip.js";
 import { DocumentSection } from "../../../ixp/shared/document-section.js";
@@ -20,7 +20,7 @@ function groupFields(fields) {
     ];
 }
 const DocumentSummary = ({ doc, different, semanticallySame })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (doc.status === IxpDocStatus.MissingInActual) return /*#__PURE__*/ jsx(Badge, {
         status: "error",
         children: t("ixp_doc_missing")
@@ -72,7 +72,7 @@ const DocumentSummary = ({ doc, different, semanticallySame })=>{
     });
 };
 const DocumentRow = ({ doc })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const verdictCounts = doc.fields.reduce((acc, f)=>{
         acc[f.verdict] = (acc[f.verdict] ?? 0) + 1;
         return acc;

package/dist/registry/solution-tests/evaluators/ixp-extraction/internal/field-group.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../../lib/vertex-translation.js";
 import { Button } from "../../../../button/button.js";
 import { FieldCell, FieldGroupHeading, FieldRow, FieldTable } from "../../../ixp/shared/field-table.js";
 import { formatFieldValues } from "../../../ixp/shared/format-values.js";
 import { IxpVerdict } from "../schema.js";
 import { VerdictBadge } from "./verdict-badge.js";
 const FieldGroup = ({ group, fields })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [showUnchanged, setShowUnchanged] = useState(false);
     const changed = fields.filter((f)=>f.verdict !== IxpVerdict.Identical);
     const identicalCount = fields.length - changed.length;

package/dist/registry/solution-tests/evaluators/ixp-extraction/internal/provenance-bar.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../../lib/vertex-translation.js";
 import { BaselineCompare } from "../../../baseline-compare.js";
 import { versionDelta } from "../../../utils.js";
 import { VersionDeltaGlyph } from "../../../version-delta-glyph.js";
 const ProvenanceBar = ({ expected, actual })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const baselineVersion = formatVersion(expected?.resolved_project_version);
     const currentVersion = formatVersion(actual?.resolved_project_version);
     const { direction } = versionDelta(expected?.resolved_project_version, actual?.resolved_project_version);

package/dist/registry/solution-tests/evaluators/ixp-extraction/internal/summary-bar.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../../lib/vertex-translation.js";
 import { Badge } from "../../../../badge/badge.js";
 const SummaryBar = ({ different, semanticallySame, identical })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-wrap items-center gap-2",
         children: [

package/dist/registry/solution-tests/evaluators/ixp-extraction/internal/verdict-badge.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../../lib/vertex-translation.js";
 import { Badge } from "../../../../badge/badge.js";
 import { IxpVerdict } from "../schema.js";
 const VERDICT_CONFIG = {
@@ -18,7 +18,7 @@ const VERDICT_CONFIG = {
     }
 };
 const VerdictBadge = ({ verdict })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const config = VERDICT_CONFIG[verdict];
     return /*#__PURE__*/ jsx(Badge, {
         status: config?.status ?? "info",

package/dist/registry/solution-tests/evaluators/ixp-extraction/ixp-extraction-result.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../lib/vertex-translation.js";
 import { ProvenanceBar } from "./internal/provenance-bar.js";
 import { SummaryBar } from "./internal/summary-bar.js";
 import { DocumentRow } from "./internal/document-row.js";
 const IxpExtractionResult = ({ evaluatorDetails })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { documents, different_field_count, semantically_same_field_count, identical_field_count, expected_provenance, actual_provenance } = evaluatorDetails;
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-4",

package/dist/registry/solution-tests/expanded-agents-view.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Eye } from "lucide-react";
 import { Button } from "../button/button.js";
 import { Alert, AlertDescription } from "../alert/alert.js";
@@ -10,7 +10,7 @@ import { SolutionTestStatus } from "./types.js";
 import { ProcessResultsViewerDialog } from "./process-results-viewer-dialog.js";
 import { ProcessOutputView } from "./outputs/process-output-view.js";
 const ExpandedAgentsView = ({ test, baselines, isLoading, noOutputJobIds, viewing, onViewExpected, onCloseViewer })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (isLoading) return /*#__PURE__*/ jsx("div", {
         className: "p-4",
         children: /*#__PURE__*/ jsxs("div", {

package/dist/registry/solution-tests/expanded-run-tests-view.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Info, Square } from "lucide-react";
 import { Button } from "../button/button.js";
 import { Badge } from "../badge/badge.js";
@@ -13,7 +13,7 @@ import { runStatusBadgeMap } from "./status-maps.js";
 import { isRunDone } from "./utils.js";
 import { UserMessagesIcon } from "./user-messages-view.js";
 const ExpandedRunTestsView = ({ runs, tests, stoppingRunId, onOpenDetails, onForceStop })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx("div", {
         className: "p-4",
         children: /*#__PURE__*/ jsx("div", {

package/dist/registry/solution-tests/expanded-run-tests.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { toast } from "sonner";
 import { useSolutionTestsConfig } from "./context.js";
 import { useForceStopRun } from "./hooks.js";
 import { ExpandedRunTestsView } from "./expanded-run-tests-view.js";
 const ExpandedRunTests = ({ runs, tests })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { track, onOpenRun } = useSolutionTestsConfig();
     const forceStopRun = useForceStopRun();
     const stoppingRunId = forceStopRun.isPending ? forceStopRun.variables ?? null : null;

package/dist/registry/solution-tests/kpi-bar.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { TrendingUp } from "lucide-react";
 import { CartesianGrid, Line, LineChart, ReferenceLine, XAxis, YAxis } from "recharts";
 import { Card, CardContent, CardHeader, CardTitle } from "../card/card.js";
@@ -15,7 +15,7 @@ function isCompletedBatch(batch) {
     return batch.Status === RunStatus.Passed || batch.Status === RunStatus.Failed;
 }
 const KpiBar = ({ batchRuns, loading = false })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { subjectNoun, passThreshold } = useSolutionTestsConfig();
     const scoreTrendChartConfig = {
         score: {

package/dist/registry/solution-tests/outputs/case-evaluation/case-evaluation-output.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../lib/vertex-translation.js";
 import { Badge } from "../../../badge/badge.js";
 import { makeProcessOutputRenderer } from "../registry.js";
 import { CaseEvaluationOutputSchema } from "./schema.js";
 const EvaluationCard = ({ evaluation })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const faulted = "faulted" === evaluation.STATUS;
     const outcome = evaluation.OUTCOME || t("pe_output_no_outcome");
     const confidence = null == evaluation.OUTCOMECONFIDENCE ? null : Math.round(100 * evaluation.OUTCOMECONFIDENCE);
@@ -44,7 +44,7 @@ const EvaluationCard = ({ evaluation })=>{
     });
 };
 const CaseEvaluationOutputResult = ({ output })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (0 === output.evaluations.length) return /*#__PURE__*/ jsx("p", {
         className: "text-sm text-muted-foreground",
         children: t("pe_output_no_evaluations")

package/dist/registry/solution-tests/outputs/ixp-extraction/ixp-output-result.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../../lib/vertex-translation.js";
 import { DocumentSection } from "../../ixp/shared/document-section.js";
 import { FieldCell, FieldGroupHeading, FieldRow, FieldTable } from "../../ixp/shared/field-table.js";
 import { formatFieldValues } from "../../ixp/shared/format-values.js";
 import { makeProcessOutputRenderer } from "../registry.js";
 import { IxpOutputSchema } from "./schema.js";
 const IxpOutputResult = ({ output })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const documents = Object.entries(output.document_extractions);
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-4",
@@ -29,7 +29,7 @@ const IxpOutputResult = ({ output })=>{
     });
 };
 const OutputSummary = ({ output, documentCount })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const parts = [
         t("ixp_output_total_files", {
             count: output.total_files ?? documentCount
@@ -47,7 +47,7 @@ const OutputSummary = ({ output, documentCount })=>{
     });
 };
 const DocumentExtractionRow = ({ doc })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const fieldCount = doc.extractions.reduce((total, group)=>total + group.fieldValues.length, 0);
     return /*#__PURE__*/ jsx(DocumentSection, {
         title: doc.documentName,
@@ -63,7 +63,7 @@ const DocumentExtractionRow = ({ doc })=>{
     });
 };
 const ExtractionGroup = ({ group })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("div", {
         className: "mt-3 first:mt-0",
         children: [

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+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 } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx(Dialog, {
         open: open,
         onOpenChange: (isOpen)=>{

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

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+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";
@@ -14,7 +14,7 @@ import { EvaluatorResultsView, parseEvaluatorResults } from "./evaluator-results
 import { JsonPanel } from "./evaluators/output-panels.js";
 import { ProcessOutputView } from "./outputs/process-output-view.js";
 const ResultExpandedContent = ({ result, data })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { showDebug } = useSolutionTestsConfig();
     const [debugOpen, setDebugOpen] = useState(false);
     const status = result.Status;

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+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 } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx(Dialog, {
         open: open,
         onOpenChange: (isOpen)=>{

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+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";
@@ -10,7 +10,7 @@ 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 } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("div", {
         className: "flex w-[320px] min-h-0 shrink-0 flex-col border-r border-border",
         children: [

package/dist/registry/solution-tests/run-details-view.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftRight, Plus, Trash2 } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Badge } from "../badge/badge.js";
 import { Button } from "../button/button.js";
 import { Empty, EmptyDescription } from "../empty/empty.js";
@@ -17,7 +17,7 @@ import { RunResultStatus } from "./types.js";
 import { versionDelta } from "./utils.js";
 import { VersionDeltaGlyph } from "./version-delta-glyph.js";
 const RunDetailsView = ({ subjectLabel, run, results, isLoading, baselineJobMap, selectedResultId, selectedRowData, adoptingResultId, updatingResultId, removingBaselineId, onBack, onSelect, onAdopt, onUpdateBaseline, onRemoveBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const title = t("subject_run_results", {
         subject: subjectLabel
     });
@@ -118,7 +118,7 @@ const RunDetailsView = ({ subjectLabel, run, results, isLoading, baselineJobMap,
     });
 };
 const RunDetailsPane = ({ result, data, baselineJobMap, adoptPending, updatePending, removePendingId, onAdopt, onUpdateBaseline, onRemoveBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const status = result.Status;
     const showBaselineVersion = status !== RunResultStatus.NoBaseline;
     const showActualVersion = status !== RunResultStatus.Missing;
@@ -244,7 +244,7 @@ const ActionButton = ({ loading, icon, label, onClick })=>/*#__PURE__*/ jsxs(But
         ]
     });
 const BaselineStateLabel = ({ isBaselineSource, inBaseline, hadBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (isBaselineSource) return /*#__PURE__*/ jsx("span", {
         className: "text-xs font-medium text-info",
         children: t("current_baseline")

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { toast } from "sonner";
 import { Button } from "../button/button.js";
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "../empty/empty.js";
@@ -37,7 +37,7 @@ async function fetchResultAttachments(result, attachment, showDebug) {
     return {};
 }
 const RunDetails = ({ runId, onBack })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { showDebug, track } = useSolutionTestsConfig();
     const { runs, isLoading: runsLoading } = useSolutionTestRuns();
     const { tests } = useSolutionTests();

package/dist/registry/solution-tests/save-as-test-button.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, FlaskConical } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Spinner } from "../spinner/spinner.js";
 const SaveAsTestButton = ({ isSaved, isSaving, onSave, disabled = false })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(Button, {
         type: "button",
         variant: "outline",

package/dist/registry/solution-tests/solution-tests-view.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { ChevronRightIcon, Play, PlayCircle, Square, Trash2 } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Alert, AlertDescription } from "../alert/alert.js";
 import { Badge } from "../badge/badge.js";
 import { Button } from "../button/button.js";
@@ -56,7 +56,7 @@ function useControlledTable(initialSorting = []) {
     };
 }
 const SolutionTestsView = ({ tests, batchRuns, loading, error, hasActiveRuns, runningAll, runningSelected, runningTestId, togglingTestId, isDeleting, forceStoppingBatchId, deleteConfirmId, setDeleteConfirmId, runConfirm, setRunConfirm, onConfirmRun, onToggleActive, onDeleteTest, onForceStopBatch, renderExpandedTest, renderExpandedRun, activeTab: activeTabProp, onTabChange })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const config = useSolutionTestsConfig();
     const [internalTab, setInternalTab] = useState("cases");
     const activeTab = activeTabProp ?? internalTab;

package/dist/registry/solution-tests/solution-tests.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useNavigate, useSearch } from "@tanstack/react-router";
 import { useState } from "react";
 import { toast } from "sonner";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { normalizeTab } from "./tabs.js";
 import { RunStatus } from "./types.js";
 import { useDeleteTest, useForceStopBatch, useRunTests, useSolutionTestBatchRuns, useSolutionTestRuns, useSolutionTests, useToggleTestActive } from "./hooks.js";
@@ -14,7 +14,7 @@ function getRunsForBatch(batchId, allRuns) {
     return allRuns.filter((r)=>r.RunBatchId === batchId);
 }
 const SolutionTests = ()=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { tests, isLoading: testsLoading } = useSolutionTests();
     const { batchRuns, isLoading: batchLoading } = useSolutionTestBatchRuns();
     const { runs: allRuns } = useSolutionTestRuns();