@parhelia/localization 0.3.12769 → 0.3.12771

package/dist/translation-center/TranslationBatches.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationBatches.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationBatches.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgV1B,wBAAgB,kBAAkB,sBA+mCjC;AAED,eAAO,MAAM,oCAAoC,8BAA8B,CAAC;AAEhF,wBAAgB,8BAA8B,sBA0Y7C"}
+{"version":3,"file":"TranslationBatches.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationBatches.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkV1B,wBAAgB,kBAAkB,sBA2mCjC;AAED,eAAO,MAAM,oCAAoC,8BAA8B,CAAC;AAEhF,wBAAgB,8BAA8B,sBA0Y7C"}

package/dist/translation-center/TranslationBatches.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useRef, useState, useMemo, useSyncExternalStore, } from "react";
 import React from "react";
 import { Button, Badge, Select, Input, UserPicker, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipTrigger, ContentTree, PageHeader, fetchItemStubs, searchUsers as searchBackendUsers, useEditContext, getLanguages, SimpleIconButton, WorkspaceHomeView, formatDateTime, } from "@parhelia/core";
-import { listBatches, getTranslationProviders, listBatchTranslationJobs, retryBatchTranslation, abortJob, abortBatch, } from "../services/translationService";
+import { listBatches, getTranslationProviders, listBatchTranslationJobs, retryBatchTranslation, abortJob, abortBatch, subscribeToBatch, unsubscribeFromBatch, } from "../services/translationService";
 import { TRANSLATION_BATCH_STARTED_EVENT, } from "../translationEvents";
 import { useDebouncedCallback } from "use-debounce";
 import { X, ChevronDown, Languages, Loader2, Globe, FolderTree, ExternalLink, Check, AlertCircle, CircleStop, Hourglass, Copy, Sparkles, RotateCcw, Plus, } from "lucide-react";
@@ -581,6 +581,22 @@ export function TranslationBatches() {
         });
         setExpandedItems(new Set());
     }, [batchJobs, loadBatchJobs]);
+    // Subscribe the current session to the expanded batch so live job-status
+    // updates (translation-started/-finished/-error) are delivered here.
+    // Without this, NotifyBatchUpdate only reaches the batch initiator's session
+    // via an in-memory map — unreliable for long-running/queued jobs (lost on
+    // app restart, absent when a different session views the batch), leaving
+    // running jobs' statuses stale until a manual reload.
+    useEffect(() => {
+        const sessionId = editContext?.sessionId;
+        if (!sessionId || !expandedBatchId)
+            return;
+        const batchId = normalizeGuid(expandedBatchId);
+        void subscribeToBatch(batchId, sessionId).catch(() => { });
+        return () => {
+            void unsubscribeFromBatch(batchId, sessionId).catch(() => { });
+        };
+    }, [expandedBatchId, editContext?.sessionId]);
     const toggleItem = useCallback((key) => {
         setExpandedItems((prev) => {
             const next = new Set(prev);
@@ -766,21 +782,10 @@ export function TranslationBatches() {
                                             const languages = languagesCsv
                                                 ? languagesCsv.split(",")
                                                 : [];
-                                            const completedJobs = info?.completedJobs ?? 0;
                                             const errorJobs = info?.errorJobs ?? 0;
                                             const anyError = errorJobs > 0;
                                             const anyInProgress = isActiveBatchStatus(info?.status);
                                             const anyAborted = info?.status === "Aborted";
-                                            const progressPct = totalJobs > 0
-                                                ? Math.min(100, Math.round((completedJobs / totalJobs) * 100))
-                                                : 0;
-                                            const progressTone = anyError
-                                                ? "error"
-                                                : anyAborted
-                                                    ? "aborted"
-                                                    : progressPct >= 100
-                                                        ? "complete"
-                                                        : "active";
                                             const metaParts = [];
                                             metaParts.push(_jsxs("span", { className: "text-neutral-grey-100", children: [totalJobs, " translation", totalJobs !== 1 ? "s" : ""] }, "trans"));
                                             if (typeof itemsCount === "number") {
@@ -834,6 +839,7 @@ export function TranslationBatches() {
                                             })();
                                             const isExpanded = expandedBatchId === b.id;
                                             const jobs = batchJobs[b.id];
+                                            const statusCounts = computeBatchStatusCounts(info, jobs);
                                             const isLoadingThis = loadingJobs.has(b.id);
                                             const canRetry = anyError;
                                             const canAbort = isActiveBatchStatus(info?.status);
@@ -868,13 +874,13 @@ export function TranslationBatches() {
                                                                 e.preventDefault();
                                                                 toggleBatch(b.id);
                                                             }
-                                                        }, children: _jsxs("div", { className: `flex items-start ${isCompactBatches ? "gap-2" : "gap-4"}`, children: [_jsx("div", { className: `shrink-0 text-neutral-grey-100 transition-transform ${isCompactBatches ? "mt-0.5" : "mt-3"} ${isExpanded ? "rotate-180" : ""}`, children: _jsx(ChevronDownIcon, { className: "h-4 w-4" }) }), !isCompactBatches && totalJobs > 0 && (_jsx(BatchProgressIndicator, { value: progressPct, completedJobs: completedJobs, totalJobs: totalJobs, errorJobs: errorJobs, tone: progressTone, testId: `batch-progress-${b.id}` })), _jsxs("div", { className: `flex min-w-0 flex-1 ${isCompactBatches
+                                                        }, children: _jsxs("div", { className: `flex items-start ${isCompactBatches ? "gap-2" : "gap-4"}`, children: [_jsx("div", { className: `shrink-0 text-neutral-grey-100 transition-transform ${isCompactBatches ? "mt-0.5" : "mt-3"} ${isExpanded ? "rotate-180" : ""}`, children: _jsx(ChevronDownIcon, { className: "h-4 w-4" }) }), !isCompactBatches && totalJobs > 0 && (_jsx(BatchProgressIndicator, { counts: statusCounts, testId: `batch-progress-${b.id}` })), _jsxs("div", { className: `flex min-w-0 flex-1 ${isCompactBatches
                                                                         ? "flex-col gap-2"
                                                                         : "items-center justify-between gap-3"}`, children: [_jsxs("div", { className: "grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)]", children: [_jsx("span", { className: `min-w-0 text-[14px] font-medium text-neutral-grey-100 ${isCompactBatches
                                                                                         ? "whitespace-normal break-words leading-5"
                                                                                         : "truncate"}`, style: isCompactBatches
                                                                                         ? { overflowWrap: "anywhere" }
-                                                                                        : undefined, title: formattedBatchDate, children: batchDisplayName }), _jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12px] text-neutral-grey-50", children: desktopMetaParts.map((part, i) => (_jsxs(React.Fragment, { children: [i > 0 && (_jsx("span", { className: "text-neutral-grey-15", children: "\u00B7" })), part] }, i))) }), mobileFooterMetaParts.length > 0 && (_jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12px] text-neutral-grey-50", children: mobileFooterMetaParts.map((part, i) => (_jsxs(React.Fragment, { children: [i > 0 && (_jsx("span", { className: "text-neutral-grey-15", children: "\u00B7" })), part] }, `footer-${i}`))) }))] }), isCompactBatches && (_jsxs("div", { className: "mt-2 flex min-w-0 items-center gap-2", children: [totalJobs > 0 && (_jsx("div", { className: "min-w-0 flex-1", children: _jsx(BatchProgressIndicator, { value: progressPct, completedJobs: completedJobs, totalJobs: totalJobs, errorJobs: errorJobs, tone: progressTone, testId: `batch-progress-${b.id}`, variant: "bar" }) })), hasBatchActions && (_jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: batchActions }))] })), !isCompactBatches && hasBatchActions && (_jsx("div", { className: "flex shrink-0 items-center gap-2 self-center", children: batchActions }))] })] }) }), isExpanded && (_jsxs("div", { className: "border-t border-border-default/50", children: [_jsx(CustomPromptPanel, { prompts: parseCustomPrompts(info?.metadata) }), _jsx(BatchItemList, { batchId: b.id, batchProvider: info?.provider, jobs: jobs, isLoading: isLoadingThis, expandedItems: expandedItems, languages: sitecoreLanguages, currentLanguage: editContext?.item?.language, itemFilter: filters.itemIdOrPath.trim(), itemIncludeSubitems: filters.itemIncludeSubitems, statusFilter: filters.status, batchIsTerminal: isTerminalBatchStatus(info?.status), batchStartedAtUtc: info?.startedAtUtc ?? info?.createdAtUtc, abortingJobIds: abortingJobIds, retryingKeys: retryingKeys, isMobile: isMobile, onToggleItem: toggleItem, onOpenItem: openItemInEditor, onAbortJob: handleAbortJob, onRetryJobs: handleRetryJobs })] }))] }, b.id));
+                                                                                        : undefined, title: formattedBatchDate, children: batchDisplayName }), _jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12px] text-neutral-grey-50", children: desktopMetaParts.map((part, i) => (_jsxs(React.Fragment, { children: [i > 0 && (_jsx("span", { className: "text-neutral-grey-15", children: "\u00B7" })), part] }, i))) }), mobileFooterMetaParts.length > 0 && (_jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12px] text-neutral-grey-50", children: mobileFooterMetaParts.map((part, i) => (_jsxs(React.Fragment, { children: [i > 0 && (_jsx("span", { className: "text-neutral-grey-15", children: "\u00B7" })), part] }, `footer-${i}`))) }))] }), isCompactBatches && (_jsxs("div", { className: "mt-2 flex min-w-0 items-center gap-2", children: [totalJobs > 0 && (_jsx("div", { className: "min-w-0 flex-1", children: _jsx(BatchProgressIndicator, { counts: statusCounts, testId: `batch-progress-${b.id}`, variant: "bar" }) })), hasBatchActions && (_jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: batchActions }))] })), !isCompactBatches && hasBatchActions && (_jsx("div", { className: "flex shrink-0 items-center gap-2 self-center", children: batchActions }))] })] }) }), isExpanded && (_jsxs("div", { className: "border-t border-border-default/50", children: [_jsx(CustomPromptPanel, { prompts: parseCustomPrompts(info?.metadata) }), _jsx(BatchItemList, { batchId: b.id, batchProvider: info?.provider, jobs: jobs, isLoading: isLoadingThis, expandedItems: expandedItems, languages: sitecoreLanguages, currentLanguage: editContext?.item?.language, itemFilter: filters.itemIdOrPath.trim(), itemIncludeSubitems: filters.itemIncludeSubitems, statusFilter: filters.status, batchIsTerminal: isTerminalBatchStatus(info?.status), batchStartedAtUtc: info?.startedAtUtc ?? info?.createdAtUtc, abortingJobIds: abortingJobIds, retryingKeys: retryingKeys, isMobile: isMobile, onToggleItem: toggleItem, onOpenItem: openItemInEditor, onAbortJob: handleAbortJob, onRetryJobs: handleRetryJobs })] }))] }, b.id));
                                         }) })] }, dateGroup.label))), hasMore && (_jsx("div", { className: "flex justify-center pt-6", children: _jsx(Button, { variant: "outline", size: "sm", onClick: loadMore, disabled: isLoadingMore, children: isLoadingMore ? (_jsxs(_Fragment, { children: [_jsx(LoaderIcon, { className: "h-4 w-4 animate-spin text-highlight-100" }), "Loading more..."] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronDownIcon, { className: "h-4 w-4" }), "Load More Batches"] })) }) }))] })) }) })] }));
 }
 export const TRANSLATION_BATCH_FILTERS_SIDEBAR_ID = "translation-batch-filters";
@@ -1139,44 +1145,102 @@ function formatUsdCost(value) {
         maximumFractionDigits: value > 0 && value < 0.01 ? 6 : 2,
     }).format(value);
 }
-function BatchProgressIndicator({ value, completedJobs, totalJobs, errorJobs, tone, testId, variant = "circle", }) {
-    const percent = Math.max(0, Math.min(100, Math.round(value)));
-    const radius = 17;
-    const circumference = 2 * Math.PI * radius;
-    const dashOffset = circumference - (percent / 100) * circumference;
-    const hasErrors = errorJobs > 0;
-    const toneClass = tone === "complete"
-        ? "text-feedback-green"
-        : tone === "error"
-            ? "text-feedback-red"
-            : tone === "aborted"
-                ? "text-feedback-orange"
-                : "text-neutral-grey-50";
-    const toneColor = tone === "complete"
-        ? "var(--color-feedback-green)"
-        : tone === "error"
-            ? "var(--color-feedback-red)"
-            : tone === "aborted"
-                ? "var(--color-feedback-orange)"
-                : "var(--color-neutral-grey-50)";
-    const trackColor = tone === "complete"
-        ? "var(--color-feedback-green-light)"
-        : tone === "error"
-            ? "var(--color-feedback-red-light)"
-            : tone === "aborted"
-                ? "var(--color-feedback-orange-light)"
-                : "var(--color-neutral-grey-15)";
-    const label = `${percent}% complete (${completedJobs}/${totalJobs} translations${hasErrors ? `, ${errorJobs} failed` : ""})`;
+// Ring/bar segment colours mirror the language badge colours, softened with a
+// touch of transparency so the segmented progress reads as a matching set.
+const BATCH_SEGMENT_COLORS = {
+    succeeded: "color-mix(in srgb, var(--color-feedback-green) 88%, transparent)",
+    failed: "color-mix(in srgb, var(--color-feedback-red) 88%, transparent)",
+    aborted: "color-mix(in srgb, var(--color-feedback-orange) 88%, transparent)",
+    running: "color-mix(in srgb, var(--color-feedback-blue) 88%, transparent)",
+};
+function computeBatchStatusCounts(info, jobs) {
+    if (jobs && jobs.length > 0) {
+        const counts = {
+            total: jobs.length,
+            succeeded: 0,
+            failed: 0,
+            aborted: 0,
+            running: 0,
+            pending: 0,
+        };
+        for (const job of jobs) {
+            switch (job.status) {
+                case "Error":
+                    counts.failed += 1;
+                    break;
+                case "Aborted":
+                    counts.aborted += 1;
+                    break;
+                case "In Progress":
+                    counts.running += 1;
+                    break;
+                case "Pending":
+                    counts.pending += 1;
+                    break;
+                default:
+                    counts.succeeded += 1;
+            }
+        }
+        return counts;
+    }
+    // No per-job data yet (collapsed batch): derive what we can from the summary.
+    // Running vs. pending can't be told apart here, so the remainder stays in the
+    // neutral track rather than being guessed as "running".
+    const total = info?.expectedJobs ?? 0;
+    const succeeded = Math.min(total, info?.completedJobs ?? 0);
+    const failed = Math.min(Math.max(0, total - succeeded), info?.errorJobs ?? 0);
+    const remaining = Math.max(0, total - succeeded - failed);
+    const aborted = info?.status === "Aborted" ? remaining : 0;
+    const pending = info?.status === "Aborted" ? 0 : remaining;
+    return { total, succeeded, failed, aborted, running: 0, pending };
+}
+function BatchProgressIndicator({ counts, testId, variant = "circle", }) {
+    const { total, succeeded, failed, aborted, running } = counts;
+    const percent = total > 0
+        ? Math.max(0, Math.min(100, Math.round((succeeded / total) * 100)))
+        : 0;
+    const allSucceeded = total > 0 && succeeded === total;
+    // Colour-carrying segments in tooltip order; pending stays in the track.
+    const segments = [
+        { key: "succeeded", count: succeeded, color: BATCH_SEGMENT_COLORS.succeeded },
+        { key: "failed", count: failed, color: BATCH_SEGMENT_COLORS.failed },
+        { key: "aborted", count: aborted, color: BATCH_SEGMENT_COLORS.aborted },
+        { key: "running", count: running, color: BATCH_SEGMENT_COLORS.running },
+    ].filter((seg) => seg.count > 0);
+    // The centre number is the success rate, so it always reads in the success
+    // colour; failed/aborted/running are conveyed by the ring segments instead.
+    const textToneClass = "text-feedback-green";
+    const parts = [`${succeeded}/${total} succeeded`];
+    if (failed > 0)
+        parts.push(`${failed} failed`);
+    if (aborted > 0)
+        parts.push(`${aborted} aborted`);
+    if (running > 0)
+        parts.push(`${running} running`);
+    const label = parts.join(", ");
     if (variant === "bar") {
-        return (_jsxs(Tooltip, { delayDuration: 250, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", "aria-label": label, "data-testid": testId, children: [_jsx("div", { className: "h-1.5 min-w-0 flex-1 overflow-hidden rounded-full", style: { backgroundColor: trackColor }, children: _jsx("div", { className: "h-full rounded-full transition-[width]", style: {
-                                        width: `${percent}%`,
-                                        backgroundColor: toneColor,
-                                    } }) }), _jsxs("span", { className: `shrink-0 text-[11px] leading-none font-medium tabular-nums ${toneClass}`, children: [percent, "%"] })] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: label })] }));
+        return (_jsxs(Tooltip, { delayDuration: 250, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", "aria-label": label, "data-testid": testId, children: [_jsx("div", { className: "bg-neutral-grey-15 flex h-1.5 min-w-0 flex-1 overflow-hidden rounded-full", children: total > 0 &&
+                                    segments.map((seg) => (_jsx("div", { className: "h-full", style: {
+                                            width: `${(seg.count / total) * 100}%`,
+                                            backgroundColor: seg.color,
+                                        } }, seg.key))) }), allSucceeded ? (_jsx(CheckIcon, { className: "text-feedback-green h-3 w-3 shrink-0", style: { strokeWidth: 3 } })) : (_jsxs("span", { className: `shrink-0 text-[11px] leading-none font-medium tabular-nums ${textToneClass}`, children: [percent, "%"] }))] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: label })] }));
     }
-    return (_jsxs(Tooltip, { delayDuration: 250, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: `relative h-10 w-10 shrink-0 rounded-full ${tone === "complete" ? "bg-feedback-green-light" : ""}`, "aria-label": label, "data-testid": testId, children: [_jsxs("svg", { className: "h-10 w-10 -rotate-90", viewBox: "0 0 40 40", children: [_jsx("circle", { cx: "20", cy: "20", r: radius, fill: "none", stroke: trackColor, strokeWidth: 1 }), _jsx("circle", { cx: "20", cy: "20", r: radius, fill: "none", stroke: toneColor, strokeLinecap: "round", strokeWidth: 1, style: {
-                                        strokeDasharray: circumference,
-                                        strokeDashoffset: dashOffset,
-                                    } })] }), _jsxs("span", { className: `absolute inset-0 flex items-center justify-center text-[10px] leading-none font-medium tabular-nums ${toneClass}`, children: [percent, "%"] })] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: label })] }));
+    const radius = 16;
+    const strokeWidth = 3;
+    const circumference = 2 * Math.PI * radius;
+    const gap = segments.length > 1 ? circumference * 0.02 : 0;
+    let segStart = 0;
+    return (_jsxs(Tooltip, { delayDuration: 250, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "relative h-10 w-10 shrink-0 rounded-full", "aria-label": label, "data-testid": testId, children: [_jsxs("svg", { className: "h-10 w-10 -rotate-90", viewBox: "0 0 40 40", children: [allSucceeded && (_jsx("circle", { cx: "20", cy: "20", r: radius - strokeWidth / 2, fill: "var(--color-feedback-green-light)" })), _jsx("circle", { cx: "20", cy: "20", r: radius, fill: "none", stroke: "var(--color-neutral-grey-15)", strokeWidth: strokeWidth }), total > 0 &&
+                                    segments.map((seg) => {
+                                        const segLen = (seg.count / total) * circumference;
+                                        const dash = Math.max(0, segLen - gap);
+                                        const dashOffset = -segStart;
+                                        segStart += segLen;
+                                        return (_jsx("circle", { cx: "20", cy: "20", r: radius, fill: "none", stroke: seg.color, strokeLinecap: "butt", strokeWidth: strokeWidth, style: {
+                                                strokeDasharray: `${dash} ${circumference}`,
+                                                strokeDashoffset: dashOffset,
+                                            } }, seg.key));
+                                    })] }), _jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: allSucceeded ? (_jsx(CheckIcon, { className: "text-feedback-green h-4 w-4", style: { strokeWidth: 3 } })) : (_jsxs("span", { className: `text-[10px] leading-none font-medium tabular-nums ${textToneClass}`, children: [percent, "%"] })) })] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: label })] }));
 }
 function itemStatusDot(jobs) {
     const hasError = jobs.some((j) => j.status === "Error");
@@ -1186,7 +1250,7 @@ function itemStatusDot(jobs) {
     if (hasError)
         return { cls: "bg-feedback-red", label: "Has errors" };
     if (hasInProgress)
-        return { cls: "bg-highlight-100", label: "In progress" };
+        return { cls: "bg-feedback-blue", label: "In progress" };
     if (hasPending)
         return { cls: "bg-neutral-grey-15", label: "Queued" };
     if (hasAborted)
@@ -1428,7 +1492,7 @@ function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems,
                                         return;
                                     void onRetryJobs(batchId, batchProvider, itemErrorJobs, itemRetryKey);
                                 }, icon: _jsx(RetryIcon, { className: `h-3.5 w-3.5 ${isRetryingItem ? "animate-spin" : ""}`, strokeWidth: 1 }), label: "Retry failed translations for this item", disabled: itemErrorJobs.length === 0 || isRetryingItem }) })) : null;
-                        const itemContent = (_jsxs("div", { className: `flex min-w-0 items-start ${stackLanguageChips ? "gap-2" : "gap-2.5"}`, children: [_jsx("span", { className: "mt-1 shrink-0", children: itemAnyInProgress ? (_jsx(LoaderIcon, { className: "h-3 w-3 animate-spin text-highlight-100" })) : itemIsQueued ? (_jsx(QueuedIcon, { className: "h-3 w-3 text-neutral-grey-50", strokeWidth: 1, "aria-label": "Queued" })) : (_jsx("span", { className: `block h-1.5 w-1.5 rounded-full ${status.cls}`, "aria-hidden": "true" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `block min-w-0 text-[13px] text-neutral-grey-100 ${stackLanguageChips ? "break-words" : "truncate"}`, style: stackLanguageChips
+                        const itemContent = (_jsxs("div", { className: `flex min-w-0 items-start ${stackLanguageChips ? "gap-2" : "gap-2.5"}`, children: [_jsx("span", { className: "mt-1 shrink-0", children: itemAnyInProgress ? (_jsx(LoaderIcon, { className: "h-3 w-3 animate-spin text-feedback-blue" })) : itemIsQueued ? (_jsx(QueuedIcon, { className: "h-3 w-3 text-neutral-grey-50", strokeWidth: 1, "aria-label": "Queued" })) : (_jsx("span", { className: `block h-1.5 w-1.5 rounded-full ${status.cls}`, "aria-hidden": "true" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `block min-w-0 text-[13px] text-neutral-grey-100 ${stackLanguageChips ? "break-words" : "truncate"}`, style: stackLanguageChips
                                                 ? { overflowWrap: "anywhere" }
                                                 : undefined, title: titleAttr, children: displayName }), itemPath && (_jsx("div", { className: "whitespace-normal break-words font-mono text-[11px] text-neutral-grey-50", style: { overflowWrap: "anywhere" }, title: titleAttr, children: itemPath })), stackLanguageChips && (_jsx("div", { className: "mt-2", children: languageChips })), stackLanguageChips && retryAction && (_jsx("div", { className: "mt-2 flex justify-start", children: retryAction }))] })] }));
                         return (_jsxs("tr", { role: "button", tabIndex: 0, className: `group cursor-pointer transition-colors hover:bg-neutral-grey-5 ${itemIndex > 0 ? "border-t border-border-default/50" : ""}`, onClick: () => {
@@ -1455,7 +1519,7 @@ function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isAborting
         : jobAborted
             ? "border-feedback-orange bg-feedback-orange-light text-feedback-orange hover:bg-feedback-orange-light"
             : jobInProgress
-                ? "border-highlight-100/30 bg-highlight-10 text-highlight-100 hover:brightness-95"
+                ? "border-feedback-blue/30 bg-feedback-blue-light text-feedback-blue hover:brightness-95"
                 : jobPending
                     ? "border-border-default bg-neutral-grey-5 text-neutral-grey-50 hover:bg-neutral-grey-5"
                     : "border-feedback-green bg-feedback-green-light text-feedback-green hover:border-feedback-green hover:brightness-95";
@@ -1464,7 +1528,7 @@ function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isAborting
         : jobAborted
             ? "bg-feedback-orange-light text-feedback-orange"
             : jobInProgress
-                ? "bg-highlight-10 text-highlight-100"
+                ? "bg-feedback-blue-light text-feedback-blue"
                 : jobPending
                     ? "bg-neutral-grey-5 text-neutral-grey-50"
                     : "bg-feedback-green-light text-feedback-green";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parhelia/localization",
-  "version": "0.3.12769",
+  "version": "0.3.12771",
   "type": "module",
   "publishConfig": {
     "access": "public"