@parhelia/localization 0.1.12912 → 0.1.12917

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":"AA6UA,wBAAgB,kBAAkB,4CAmlCjC;AAED,eAAO,MAAM,oCAAoC,8BAA8B,CAAC;AAEhF,wBAAgB,8BAA8B,4CA0Y7C"}
+{"version":3,"file":"TranslationBatches.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationBatches.tsx"],"names":[],"mappings":"AA4UA,wBAAgB,kBAAkB,4CAklCjC;AAED,eAAO,MAAM,oCAAoC,8BAA8B,CAAC;AAEhF,wBAAgB,8BAA8B,4CA0Y7C"}

package/dist/translation-center/TranslationBatches.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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, DeleteIcon, formatDateTime, } from "@parhelia/core";
-import { listBatches, getTranslationProviders, listBatchTranslationJobs, retryBatchTranslation, abortBatch, deleteBatch, } from "../services/translationService";
+import { Button, Badge, Select, Input, UserPicker, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipTrigger, ContentTree, PageHeader, fetchItemStubs, searchUsers as searchBackendUsers, useEditContext, getLanguages, SimpleIconButton, formatDateTime, } from "@parhelia/core";
+import { listBatches, getTranslationProviders, listBatchTranslationJobs, retryBatchTranslation, abortJob, abortBatch, } 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";
@@ -187,7 +187,7 @@ export function TranslationBatches() {
     const [batchJobs, setBatchJobs] = useState({});
     const [loadingJobs, setLoadingJobs] = useState(new Set());
     const [abortingBatchIds, setAbortingBatchIds] = useState(new Set());
-    const [deletingBatchIds, setDeletingBatchIds] = useState(new Set());
+    const [abortingJobIds, setAbortingJobIds] = useState(new Set());
     const [retryingKeys, setRetryingKeys] = useState(new Set());
     // Cache of userName → displayName so we can render full names on batch rows
     // without re-querying the user service every render.
@@ -603,41 +603,54 @@ export function TranslationBatches() {
         loadBatchJobs,
         loadRecentBatches,
     ]);
-    const handleDeleteBatch = useCallback((batchId) => {
+    const handleAbortJob = useCallback((job) => {
+        if (!job.id || !job.batchId) {
+            toast.error("This translation job cannot be aborted.");
+            return;
+        }
+        const jobId = job.id;
+        const batchId = job.batchId;
+        const targetLabel = job.targetLanguage
+            ? `${job.targetLanguage} translation`
+            : "translation";
         editContext?.confirm({
-            header: "Delete Translation Batch from History",
-            message: "Delete this translation batch from history? This removes only translation job records; it does not delete Sitecore items or translated content.",
-            acceptLabel: "Delete",
+            header: "Abort Translation Job",
+            message: `Abort this ${targetLabel} job? This stops the remaining translation work for this language, but it does not roll back content that was already written.`,
+            acceptLabel: "Abort",
             showCancel: true,
             accept: async () => {
-                setDeletingBatchIds((prev) => new Set(prev).add(batchId));
+                setAbortingJobIds((prev) => new Set(prev).add(jobId));
                 try {
-                    const result = await deleteBatch(batchId);
+                    const result = await abortJob(jobId);
                     if (result.type !== "success") {
                         toast.error(result.details ||
                             result.summary ||
-                            "Failed to delete translation batch.");
+                            "Failed to abort translation job.");
                         return;
                     }
-                    toast.success("Translation batch deleted.");
-                    setBatches((prev) => prev.filter((batch) => batch.id !== batchId));
-                    setBatchJobs((prev) => {
-                        const next = { ...prev };
-                        delete next[batchId];
-                        return next;
-                    });
-                    setExpandedBatchId((prev) => (prev === batchId ? null : prev));
+                    toast.success("Translation job aborted.");
+                    await loadRecentBatches(0, false, effectiveFilters);
+                    if (expandedBatchId === batchId || batchJobs[batchId]) {
+                        await loadBatchJobs(batchId);
+                    }
                 }
                 finally {
-                    setDeletingBatchIds((prev) => {
+                    setAbortingJobIds((prev) => {
                         const next = new Set(prev);
-                        next.delete(batchId);
+                        next.delete(jobId);
                         return next;
                     });
                 }
             },
         });
-    }, [editContext]);
+    }, [
+        batchJobs,
+        editContext,
+        effectiveFilters,
+        expandedBatchId,
+        loadBatchJobs,
+        loadRecentBatches,
+    ]);
     const handleRetryJobs = useCallback(async (batchId, provider, jobs, retryKey) => {
         const sessionId = editContext?.sessionId;
         if (!sessionId) {
@@ -806,11 +819,9 @@ export function TranslationBatches() {
                                             const isLoadingThis = loadingJobs.has(b.id);
                                             const canRetry = anyError;
                                             const canAbort = isActiveBatchStatus(info?.status);
-                                            const canDelete = isTerminalBatchStatus(info?.status);
                                             const isRetryingBatch = retryingKeys.has(`batch:${b.id}`);
                                             const isAborting = abortingBatchIds.has(b.id);
-                                            const isDeleting = deletingBatchIds.has(b.id);
-                                            const hasBatchActions = canRetry || canAbort || canDelete;
+                                            const hasBatchActions = canRetry || canAbort;
                                             // Stable test-id status used by Playwright assertions.
                                             // Matches the visual status dot/spinner logic above.
                                             const testStatus = anyError
@@ -828,18 +839,12 @@ export function TranslationBatches() {
                                                         }, icon: _jsx(RetryIcon, { className: `h-3.5 w-3.5 ${isRetryingBatch ? "animate-spin" : ""}`, strokeWidth: 1.5 }), label: "Retry failed translations", disabled: !canRetry ||
                                                             isRetryingBatch ||
                                                             isLoadingThis ||
-                                                            isAborting ||
-                                                            isDeleting })), canAbort && (_jsx(SimpleIconButton, { onClick: (event) => {
+                                                            isAborting })), canAbort && (_jsx(SimpleIconButton, { onClick: (event) => {
                                                             event.stopPropagation();
                                                             if (!canAbort)
                                                                 return;
                                                             handleAbortBatch(b.id);
-                                                        }, icon: _jsx(AbortIcon, { className: `h-3.5 w-3.5 ${isAborting ? "animate-spin" : ""}`, strokeWidth: 1.5 }), label: "Abort translation batch", disabled: !canAbort || isAborting || isDeleting })), canDelete && (_jsx(SimpleIconButton, { onClick: (event) => {
-                                                            event.stopPropagation();
-                                                            if (!canDelete)
-                                                                return;
-                                                            handleDeleteBatch(b.id);
-                                                        }, icon: _jsx(DeleteIcon, { size: "md" }), label: "Delete translation batch from history", disabled: !canDelete || isDeleting || isAborting }))] }));
+                                                        }, icon: _jsx(AbortIcon, { className: `h-3.5 w-3.5 ${isAborting ? "animate-spin" : ""}`, strokeWidth: 1.5 }), label: "Abort translation batch", disabled: !canAbort || isAborting }))] }));
                                             return (_jsxs("div", { "data-testid": `batch-row-${b.id}`, "data-batch-status": testStatus, children: [_jsx("div", { role: "button", tabIndex: 0, className: `group w-full cursor-pointer py-3 text-left transition-colors hover:bg-neutral-grey-5 ${isCompactBatches ? "px-2.5" : "px-4"}`, onClick: () => toggleBatch(b.id), onKeyDown: (e) => {
                                                             if (e.key === "Enter" || e.key === " ") {
                                                                 e.preventDefault();
@@ -851,7 +856,7 @@ export function TranslationBatches() {
                                                                                         ? "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, retryingKeys: retryingKeys, isMobile: isMobile, onToggleItem: toggleItem, onOpenItem: openItemInEditor, 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, { 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));
                                         }) })] }, 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";
@@ -965,7 +970,7 @@ export function TranslationBatchFiltersSidebar() {
                                         : undefined, onChange: (user) => setTranslationBatchFilters((prev) => ({
                                         ...prev,
                                         user: user?.userName ?? "all",
-                                    })), disabled: isLimitedPreviewUser, placeholder: "All Users", buttonClassName: "h-auto min-h-[34px] w-full justify-start rounded-md border bg-white py-2 text-xs font-medium", allowClear: true, clearLabel: "All Users", showIcon: isLimitedPreviewUser || filters.user !== "all", searchUsers: searchTranslationUsers })] }), _jsxs("div", { className: filterFieldClass, children: [_jsx("label", { className: filterLabelClass, children: "Provider" }), _jsx(Select, { className: "w-full bg-white", options: [
+                                    })), disabled: isLimitedPreviewUser, placeholder: "All Users", buttonClassName: "h-8 min-h-0 w-full justify-start rounded-[4px] border bg-white px-2 py-0 text-xs font-medium", allowClear: true, clearLabel: "All Users", showIcon: isLimitedPreviewUser || filters.user !== "all", searchUsers: searchTranslationUsers })] }), _jsxs("div", { className: filterFieldClass, children: [_jsx("label", { className: filterLabelClass, children: "Provider" }), _jsx(Select, { className: "w-full bg-white", options: [
                                         { value: "all", label: "All Providers" },
                                         ...providers.map((p) => ({
                                             value: p.name,
@@ -1170,7 +1175,7 @@ function itemStatusDot(jobs) {
         return { cls: "bg-feedback-orange", label: "Aborted" };
     return { cls: "bg-feedback-green/70", label: "Completed" };
 }
-function InlineLanguageJobChips({ batchId, batchProvider, jobs, languageMap, isExpanded, batchStartedAtUtc, retryingKeys, singleLine = false, onToggle, onOpenItem, onRetryJobs, }) {
+function InlineLanguageJobChips({ batchId, batchProvider, jobs, languageMap, isExpanded, batchStartedAtUtc, abortingJobIds, retryingKeys, singleLine = false, onToggle, onOpenItem, onAbortJob, onRetryJobs, }) {
     if (jobs.length === 0)
         return null;
     const handleCellClick = (event) => {
@@ -1191,7 +1196,7 @@ function InlineLanguageJobChips({ batchId, batchProvider, jobs, languageMap, isE
                 : "max-h-7 flex-wrap overflow-hidden"}`, "aria-label": `${jobs.length} target language${jobs.length !== 1 ? "s" : ""}`, "aria-expanded": isExpanded, onClick: handleCellClick, onKeyDown: handleCellKeyDown, children: jobs.map((job, idx) => {
             const lang = languageMap.get((job.targetLanguage || "").toLowerCase());
             const retryKey = `job:${job.id ?? `${job.itemId}:${job.sourceLanguage}:${job.targetLanguage}`}`;
-            return (_jsx("span", { className: "shrink-0", onClick: (event) => event.stopPropagation(), children: _jsx(LanguageJobChip, { job: job, language: lang, batchStartedAtUtc: batchStartedAtUtc, onOpen: () => onOpenItem(job.itemId, job.targetLanguage), isRetrying: retryingKeys.has(retryKey), onRetry: () => onRetryJobs(batchId, batchProvider, [job], retryKey) }) }, `${job.id ?? idx}-${job.targetLanguage}`));
+            return (_jsx("span", { className: "shrink-0", onClick: (event) => event.stopPropagation(), children: _jsx(LanguageJobChip, { job: job, language: lang, batchStartedAtUtc: batchStartedAtUtc, onOpen: () => onOpenItem(job.itemId, job.targetLanguage), isAborting: !!job.id && abortingJobIds.has(job.id), onAbort: () => onAbortJob(job), isRetrying: retryingKeys.has(retryKey), onRetry: () => onRetryJobs(batchId, batchProvider, [job], retryKey) }) }, `${job.id ?? idx}-${job.targetLanguage}`));
         }) }));
 }
 function CustomPromptPanel({ prompts }) {
@@ -1232,7 +1237,7 @@ function CustomPromptPanel({ prompts }) {
                                         }, icon: justCopied ? (_jsx(CheckIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 })) : (_jsx(CopyIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 })), label: justCopied ? "Copied" : "Copy prompt" })), _jsx(ChevronDownIcon, { className: `h-3.5 w-3.5 text-neutral-grey-100 transition-transform ${isOpen ? "rotate-180" : ""}` })] })] }), isOpen && (_jsx("div", { style: { paddingLeft: "2.5rem" }, className: "pr-3 md:pr-4 pb-3", children: _jsx("pre", { className: "max-h-64 overflow-y-auto whitespace-pre-wrap break-words rounded border border-border-default/50 bg-white p-2 font-mono text-[12px] text-neutral-grey-100", children: p.prompt }) }))] }, p.provider));
         }) }));
 }
-function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems, languages, currentLanguage, itemFilter, itemIncludeSubitems, statusFilter, batchIsTerminal, batchStartedAtUtc, retryingKeys, isMobile = false, onToggleItem, onOpenItem, onRetryJobs, }) {
+function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems, languages, currentLanguage, itemFilter, itemIncludeSubitems, statusFilter, batchIsTerminal, batchStartedAtUtc, abortingJobIds, retryingKeys, isMobile = false, onToggleItem, onOpenItem, onAbortJob, onRetryJobs, }) {
     const languageMap = React.useMemo(() => {
         const map = new Map();
         for (const l of languages) {
@@ -1359,11 +1364,7 @@ function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems,
             observer?.disconnect();
             window.removeEventListener("resize", updateLayout);
         };
-    }, [
-        isMobile,
-        stackLanguageChips,
-        statusFilteredJobs,
-    ]);
+    }, [isMobile, stackLanguageChips, statusFilteredJobs]);
     if (isLoading && !jobs) {
         return (_jsxs("div", { className: "px-3 md:px-4 py-4 pl-8 text-[12px] text-neutral-grey-50", children: [_jsx(LoaderIcon, { className: "inline h-3.5 w-3.5 mr-1.5 animate-spin text-highlight-100" }), "Loading items\u2026"] }));
     }
@@ -1401,7 +1402,7 @@ function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems,
                             .filter((language) => Boolean(language));
                         const normalizedCurrentLanguage = normalizeLanguageCode(currentLanguage);
                         const rowOpenLanguage = rowLanguages.find((language) => normalizeLanguageCode(language) === normalizedCurrentLanguage) ?? rowLanguages[0];
-                        const languageChips = (_jsx(InlineLanguageJobChips, { batchId: batchId, batchProvider: batchProvider, jobs: itemJobs, languageMap: languageMap, isExpanded: isItemExpanded, batchStartedAtUtc: batchStartedAtUtc, retryingKeys: retryingKeys, singleLine: !stackLanguageChips, onToggle: () => onToggleItem(itemId), onOpenItem: onOpenItem, onRetryJobs: onRetryJobs }));
+                        const languageChips = (_jsx(InlineLanguageJobChips, { batchId: batchId, batchProvider: batchProvider, jobs: itemJobs, languageMap: languageMap, isExpanded: isItemExpanded, batchStartedAtUtc: batchStartedAtUtc, abortingJobIds: abortingJobIds, retryingKeys: retryingKeys, singleLine: !stackLanguageChips, onToggle: () => onToggleItem(itemId), onOpenItem: onOpenItem, onAbortJob: onAbortJob, onRetryJobs: onRetryJobs }));
                         const showRetryAction = itemErrorJobs.length > 0;
                         const retryAction = showRetryAction ? (_jsx("div", { className: "flex shrink-0 items-center justify-end", children: _jsx(SimpleIconButton, { onClick: (event) => {
                                     event.stopPropagation();
@@ -1422,13 +1423,14 @@ function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems,
                             }, children: [!stackLanguageChips && (_jsx("td", { "aria-hidden": "true", className: "px-3 py-2 md:px-4" })), _jsx("td", { className: `py-2 align-top ${stackLanguageChips ? "pr-2 pl-2.5" : "pr-4"}`, children: itemContent }), !stackLanguageChips && (_jsx("td", { className: "py-2 pr-2 align-top", children: languageChips })), !stackLanguageChips && (_jsx("td", { className: "py-2 pr-3 align-top md:pr-4", children: retryAction }))] }, itemId));
                     }) })] }) }));
 }
-function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isRetrying = false, onRetry, }) {
+function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isAborting = false, onAbort, isRetrying = false, onRetry, }) {
     const [open, setOpen] = React.useState(false);
     const jobStatus = job.status;
     const jobInProgress = jobStatus === "In Progress";
     const jobPending = jobStatus === "Pending";
     const jobError = jobStatus === "Error";
     const jobAborted = jobStatus === "Aborted";
+    const canAbort = !!job.id && !!job.batchId && !!onAbort && (jobInProgress || jobPending);
     const langName = language?.name || job.targetLanguage;
     const chipCls = jobError
         ? "border-feedback-red bg-feedback-red-light text-feedback-red hover:bg-feedback-red-light"
@@ -1513,7 +1515,11 @@ function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isRetrying
                                 // ITranslationService stack trace). Render them in a bounded,
                                 // scrollable monospace block so the popover stays a sensible size and
                                 // the original formatting is preserved.
-                                _jsxs("div", { className: "flex flex-col gap-1 px-3 py-2", children: [_jsx("dt", { className: "text-[10px] tracking-wide text-neutral-grey-50", children: jobError ? "Error" : "Aborted" }), _jsx("dd", { className: `max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-sm bg-neutral-grey-5 p-2 font-mono text-[11px] leading-snug ${jobError ? "text-feedback-red" : "text-feedback-orange"}`, children: job.message })] })) : (_jsxs("div", { className: "flex items-baseline gap-3 px-3 py-2", children: [_jsx("dt", { className: "w-20 shrink-0 text-[10px] tracking-wide text-neutral-grey-50", children: "Progress" }), _jsx("dd", { className: "text-[12px] break-words text-neutral-grey-100", children: job.message })] }))), job.batchId && (_jsxs("div", { className: "flex items-baseline gap-3 px-3 py-2", children: [_jsx("dt", { className: "w-20 shrink-0 text-[10px] tracking-wide text-neutral-grey-50", children: "Batch" }), _jsx("dd", { className: "text-[11px] font-mono text-neutral-grey-50 break-all", children: job.batchId })] }))] }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-border-default px-3 py-2", children: [jobError && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", disabled: isRetrying, onClick: (e) => {
+                                _jsxs("div", { className: "flex flex-col gap-1 px-3 py-2", children: [_jsx("dt", { className: "text-[10px] tracking-wide text-neutral-grey-50", children: jobError ? "Error" : "Aborted" }), _jsx("dd", { className: `max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-sm bg-neutral-grey-5 p-2 font-mono text-[11px] leading-snug ${jobError ? "text-feedback-red" : "text-feedback-orange"}`, children: job.message })] })) : (_jsxs("div", { className: "flex items-baseline gap-3 px-3 py-2", children: [_jsx("dt", { className: "w-20 shrink-0 text-[10px] tracking-wide text-neutral-grey-50", children: "Progress" }), _jsx("dd", { className: "text-[12px] break-words text-neutral-grey-100", children: job.message })] }))), job.batchId && (_jsxs("div", { className: "flex items-baseline gap-3 px-3 py-2", children: [_jsx("dt", { className: "w-20 shrink-0 text-[10px] tracking-wide text-neutral-grey-50", children: "Batch" }), _jsx("dd", { className: "text-[11px] font-mono text-neutral-grey-50 break-all", children: job.batchId })] }))] }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-border-default px-3 py-2", children: [canAbort && (_jsxs(Button, { size: "sm", variant: "outline", disabled: isAborting, onClick: (e) => {
+                                    e.stopPropagation();
+                                    void onAbort?.();
+                                    setOpen(false);
+                                }, className: "gap-1.5 text-feedback-orange hover:text-feedback-orange", children: [_jsx(AbortIcon, { className: `h-3.5 w-3.5 ${isAborting ? "animate-spin" : ""}` }), "Abort"] })), jobError && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", disabled: isRetrying, onClick: (e) => {
                                     e.stopPropagation();
                                     void onRetry();
                                     setOpen(false);

package/package.json

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