@parhelia/localization 0.1.12902 → 0.1.12903

package/dist/LocalizeItemCommand.d.ts

@@ -1,8 +1,14 @@
-import { Command, CommandContext, CommandData, FullItem } from "@parhelia/core";
+import { Command, CommandContext, CommandData, EditContextType, FullItem } from "@parhelia/core";
+import { TranslationDialogResult } from "./steps/types";
 export type LocalizeItemCommandData = CommandData & {
     items: FullItem[];
 };
 export type LocalizeItemCommandContext = CommandContext<LocalizeItemCommandData>;
 export type LocalizeItemCommand = Command<LocalizeItemCommandData>;
+export declare function openLocalizeItemDialog({ editContext, openDialog, items, }: {
+    editContext: EditContextType;
+    openDialog?: EditContextType["openDialog"];
+    items: FullItem[];
+}): Promise<TranslationDialogResult | null>;
 export declare const localizeItemCommand: LocalizeItemCommand;
 //# sourceMappingURL=LocalizeItemCommand.d.ts.map

package/dist/LocalizeItemCommand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizeItemCommand.d.ts","sourceRoot":"","sources":["../src/LocalizeItemCommand.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAUhF,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG;IAClD,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GACpC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAEnE,eAAO,MAAM,mBAAmB,EAAE,mBA0DjC,CAAC"}
+{"version":3,"file":"LocalizeItemCommand.d.ts","sourceRoot":"","sources":["../src/LocalizeItemCommand.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAEL,uBAAuB,EACxB,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG;IAClD,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GACpC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAEnE,wBAAsB,sBAAsB,CAAC,EAC3C,WAAW,EACX,UAAmC,EACnC,KAAK,GACN,EAAE;IACD,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,2CAiCA;AAED,eAAO,MAAM,mBAAmB,EAAE,mBA6BjC,CAAC"}

package/dist/LocalizeItemCommand.js

@@ -2,9 +2,35 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { Globe as LucideGlobe } from "lucide-react";
 import { LocalizeItemDialog } from "./LocalizeItemDialog";
+import { dispatchTranslationBatchStarted } from "./translationEvents";
 // Icon wrapper to avoid React 19 JSX type issues with forwardRef components.
 // Use React.createElement so we don't call the forwardRef objects as functions.
 const GlobeIcon = (props) => React.createElement(LucideGlobe, props);
+export async function openLocalizeItemDialog({ editContext, openDialog = editContext.openDialog, items, }) {
+    const result = await openDialog(LocalizeItemDialog, {
+        items,
+        editContext,
+    });
+    // If translation was started (result contains batchId), navigate to the batch view
+    if (result?.batchId) {
+        const translationManagementEnabled = editContext?.configuration?.localization
+            ?.translationManagement !== false;
+        if (translationManagementEnabled) {
+            // Synchronous URL update to avoid race with workspace URL sync
+            const params = new URLSearchParams(window.location.search);
+            params.set("workspace", "translation-management");
+            params.set("batchId", result.batchId);
+            const newUrl = `${window.location.pathname}?${params.toString()}`;
+            window.history.pushState(null, "", newUrl);
+            // Now switch the workspace; URL already contains batchId
+            editContext.switchWorkspace("translation-management");
+            window.setTimeout(() => {
+                dispatchTranslationBatchStarted(result.batchId);
+            }, 0);
+        }
+    }
+    return result;
+}
 export const localizeItemCommand = {
     id: "localizeItem",
     label: "Translate",
@@ -26,25 +52,10 @@ export const localizeItemCommand = {
         if (!items || !items?.length) {
             return;
         }
-        const result = await context.openDialog(LocalizeItemDialog, {
-            items: items,
+        return openLocalizeItemDialog({
             editContext: context.editContext,
+            openDialog: context.openDialog,
+            items,
         });
-        // If translation was started (result contains batchId), navigate to the batch view
-        if (result?.batchId) {
-            const translationManagementEnabled = context.editContext?.configuration?.localization
-                ?.translationManagement !== false;
-            if (translationManagementEnabled) {
-                // Synchronous URL update to avoid race with workspace URL sync
-                const params = new URLSearchParams(window.location.search);
-                params.set("workspace", "translation-management");
-                params.set("batchId", result.batchId);
-                const newUrl = `${window.location.pathname}?${params.toString()}`;
-                window.history.pushState(null, "", newUrl);
-                // Now switch the workspace; URL already contains batchId
-                context.editContext.switchWorkspace("translation-management");
-            }
-        }
-        return result;
     },
 };

package/dist/LocalizeItemDialog.js

@@ -12,7 +12,7 @@ const LARGE_BATCH_WARNING_THRESHOLD = 100;
 const getNextButtonLabel = (step) => step?.nextButtonLabel || step?.name || "Next";
 // Note: DialogButtons is an internal component that might need to be added to core exports
 // For now, we'll implement it inline
-const DialogButtons = ({ children, ...props }) => (_jsx("div", { className: "mt-auto flex shrink-0 items-center gap-3 border-t border-border-default bg-background px-6 py-4", ...props, children: children }));
+const DialogButtons = ({ children, ...props }) => (_jsx("div", { className: "mt-auto flex shrink-0 items-center gap-3 border-t border-border-default bg-white px-6 py-4", ...props, children: children }));
 export function LocalizeItemDialog(props) {
     const editContext = props.editContext;
     const configuration = editContext.configuration.translationWizard;

package/dist/steps/ServiceLanguageSelectionStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceLanguageSelectionStep.d.ts","sourceRoot":"","sources":["../../src/steps/ServiceLanguageSelectionStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAGtE;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,EACf,IAAI,EACJ,OAAO,EACP,eAAe,EACf,WAAW,GACZ,EAAE,oBAAoB,2CA4OtB"}
+{"version":3,"file":"ServiceLanguageSelectionStep.d.ts","sourceRoot":"","sources":["../../src/steps/ServiceLanguageSelectionStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAGtE;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,EACf,IAAI,EACJ,OAAO,EACP,eAAe,EACf,WAAW,GACZ,EAAE,oBAAoB,2CAiRtB"}

package/dist/steps/ServiceLanguageSelectionStep.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { CountBadge } from "@parhelia/core";
+import { CountBadge, getLanguages } from "@parhelia/core";
 import { WizardStepShell } from "./WizardStepShell";
 /**
  * Language-only step. Item selection lives in its own step
@@ -28,12 +28,40 @@ export function ServiceLanguageSelectionStep({ isActive = true, data, setData, o
         }
     }, [isActive, data.targetLanguages.length]);
     const editContextLanguages = useMemo(() => editContext?.itemLanguages || [], [editContext?.itemLanguages]);
+    const [siteLanguages, setSiteLanguages] = useState([]);
+    useEffect(() => {
+        if (editContextLanguages.length > 0 || data.languageData.size > 0)
+            return;
+        let cancelled = false;
+        const loadSiteLanguages = async () => {
+            try {
+                const res = await getLanguages();
+                const languages = (res?.data ?? res ?? []);
+                if (!cancelled && Array.isArray(languages)) {
+                    setSiteLanguages(languages);
+                }
+            }
+            catch (error) {
+                console.error("Failed to load languages:", error);
+            }
+        };
+        loadSiteLanguages();
+        return () => {
+            cancelled = true;
+        };
+    }, [editContextLanguages.length, data.languageData.size]);
     const siteLanguageCodes = useMemo(() => {
         if (editContextLanguages.length > 0) {
             return editContextLanguages.map((lang) => lang.languageCode);
         }
+        if (data.languageData.size > 0) {
+            return Array.from(data.languageData.keys());
+        }
+        if (siteLanguages.length > 0) {
+            return siteLanguages.map((lang) => lang.languageCode);
+        }
         return Array.from(data.languageData.keys());
-    }, [editContextLanguages, data.languageData]);
+    }, [editContextLanguages, data.languageData, siteLanguages]);
     const itemSourceLanguage = useMemo(() => {
         return (data.items[0]?.descriptor.language ||
             editContext?.item?.descriptor.language ||
@@ -42,16 +70,21 @@ export function ServiceLanguageSelectionStep({ isActive = true, data, setData, o
     }, [data.items, editContext?.item, editContext?.currentItemDescriptor]);
     const allLanguages = useMemo(() => {
         const editContextLanguageMap = new Map(editContextLanguages.map((lang) => [lang.languageCode, lang]));
+        const siteLanguageMap = new Map(siteLanguages.map((lang) => [lang.languageCode, lang]));
         const arr = siteLanguageCodes
             .map((code) => {
             const editContextLang = editContextLanguageMap.get(code);
+            const siteLanguage = siteLanguageMap.get(code);
             const languageDataLang = data.languageData.get(code);
             const sourceLanguage = languageDataLang?.translationStatus?.sourceLanguage ||
                 itemSourceLanguage;
             return {
                 code,
-                name: editContextLang?.name || languageDataLang?.name || code,
-                icon: editContextLang?.icon,
+                name: editContextLang?.name ||
+                    languageDataLang?.name ||
+                    siteLanguage?.name ||
+                    code,
+                icon: editContextLang?.icon || siteLanguage?.icon,
                 sourceLanguage,
             };
         })
@@ -61,6 +94,7 @@ export function ServiceLanguageSelectionStep({ isActive = true, data, setData, o
     }, [
         siteLanguageCodes,
         editContextLanguages,
+        siteLanguages,
         data.languageData,
         itemSourceLanguage,
     ]);
@@ -118,7 +152,7 @@ export function ServiceLanguageSelectionStep({ isActive = true, data, setData, o
         return allLanguages.some((lang) => languageSelection[lang.code]);
     }, [allLanguages, languageSelection]);
     const selectedCount = data.targetLanguages.length;
-    return (_jsx(WizardStepShell, { fillHeight: true, testId: "language-selection-step", children: _jsxs("div", { className: "mx-auto flex min-h-0 w-full max-w-3xl flex-1 flex-col overflow-hidden rounded-xl border border-border-default bg-white", children: [_jsxs("div", { className: "flex h-[37px] shrink-0 items-center justify-between gap-2 border-b border-border-default bg-neutral-grey-5/50 px-3", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium tracking-wider text-neutral-grey-50 ", children: "Target Languages" }), selectedCount > 0 && (_jsx(CountBadge, { children: selectedCount }))] }), allLanguages.length > 1 && (_jsxs("label", { className: "flex cursor-pointer items-center gap-1.5 text-[11px] font-medium text-neutral-grey-50 transition-colors hover:text-neutral-grey-100", children: [_jsx("input", { type: "checkbox", checked: areAllLanguagesSelected, ref: (input) => {
+    return (_jsx(WizardStepShell, { fillHeight: true, testId: "language-selection-step", children: _jsxs("div", { className: "mx-auto flex min-h-0 w-full max-w-3xl flex-1 flex-col overflow-hidden rounded-xl border border-border-default bg-white", children: [_jsxs("div", { className: "flex h-[37px] shrink-0 items-center justify-between gap-2 border-b border-border-default bg-neutral-grey-5/50 px-3", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium tracking-wider text-neutral-grey-50 ", children: "Target Languages" }), selectedCount > 0 && _jsx(CountBadge, { children: selectedCount })] }), allLanguages.length > 1 && (_jsxs("label", { className: "flex cursor-pointer items-center gap-1.5 text-[11px] font-medium text-neutral-grey-50 transition-colors hover:text-neutral-grey-100", children: [_jsx("input", { type: "checkbox", checked: areAllLanguagesSelected, ref: (input) => {
                                         if (input) {
                                             input.indeterminate =
                                                 areSomeLanguagesSelected && !areAllLanguagesSelected;

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":"AAmPA,wBAAgB,kBAAkB,4CAgtCjC"}
+{"version":3,"file":"TranslationBatches.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationBatches.tsx"],"names":[],"mappings":"AAwPA,wBAAgB,kBAAkB,4CA6uCjC"}

package/dist/translation-center/TranslationBatches.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";
 import React from "react";
-import { Button, Select, Input, UserPicker, Popover, PopoverContent, PopoverTrigger, ContentTree, fetchItemStubs, searchUsers as searchBackendUsers, useEditContext, getLanguages, SimpleIconButton, DeleteIcon, } from "@parhelia/core";
+import { Button, Badge, Select, Input, UserPicker, Popover, PopoverContent, PopoverTrigger, ContentTree, fetchItemStubs, searchUsers as searchBackendUsers, useEditContext, getLanguages, SimpleIconButton, DeleteIcon, } from "@parhelia/core";
 import { listBatches, getTranslationProviders, listBatchTranslationJobs, retryBatchTranslation, abortBatch, deleteBatch, } from "../services/translationService";
+import { TRANSLATION_BATCH_STARTED_EVENT, } from "../translationEvents";
 import { useDebouncedCallback } from "use-debounce";
 import { X, ChevronDown, Languages, Loader2, Calendar, CheckCircle2, User as UserIcon2, Cloud, Globe, FileText, FolderTree, ExternalLink, Check, AlertCircle, CircleStop, Hourglass, Copy, Sparkles, RotateCcw, } from "lucide-react";
 import { toast } from "sonner";
@@ -437,6 +438,25 @@ export function TranslationBatches() {
     useEffect(() => {
         loadBatchJobsRef.current = loadBatchJobs;
     }, [loadBatchJobs]);
+    useEffect(() => {
+        const handleTranslationBatchStarted = (event) => {
+            const detail = event
+                .detail;
+            const batchId = normalizeGuid(detail?.batchId);
+            void (async () => {
+                await loadRecentBatches(0, false, effectiveFilters);
+                if (!batchId)
+                    return;
+                setExpandedBatchId(batchId);
+                setExpandedItems(new Set());
+                await loadBatchJobs(batchId);
+            })();
+        };
+        window.addEventListener(TRANSLATION_BATCH_STARTED_EVENT, handleTranslationBatchStarted);
+        return () => {
+            window.removeEventListener(TRANSLATION_BATCH_STARTED_EVENT, handleTranslationBatchStarted);
+        };
+    }, [effectiveFilters, loadBatchJobs, loadRecentBatches]);
     const toggleBatch = useCallback((batchId) => {
         setExpandedBatchId((prev) => {
             const next = prev === batchId ? null : batchId;
@@ -1146,7 +1166,7 @@ function LanguageJobChip({ job, language, batchStartedAtUtc, onOpen, isRetrying
     const emptyFieldText = statistics && statistics.emptyFieldCount > 0
         ? `${formatCount(statistics.emptyFieldCount)} empty`
         : null;
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: `inline-flex items-center gap-1.5 rounded-md border badge-pad-sm text-[12px] transition-colors cursor-pointer ${chipCls}`, children: [language?.icon ? (_jsx("img", { src: language.icon, alt: langName, className: "h-3.5 shrink-0" })) : null, _jsx("span", { className: "font-mono tracking-tight", children: job.targetLanguage }), jobInProgress && (_jsx(LoaderIcon, { className: "h-3 w-3 shrink-0 animate-spin" })), jobPending && (_jsx(QueuedIcon, { className: "h-3 w-3 shrink-0", strokeWidth: 1.75, "aria-label": "Queued" })), jobError && _jsx(AlertCircleIcon, { className: "h-3 w-3 shrink-0" }), !jobInProgress && !jobError && !jobPending && !jobAborted && (_jsx(CheckIcon, { className: "h-3 w-3 shrink-0 text-feedback-green" }))] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "w-[22rem] max-w-[calc(100vw-2rem)] p-0", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border-default px-3 py-2", children: [language?.icon ? (_jsx("img", { src: language.icon, alt: langName, className: "h-4 shrink-0" })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[13px] font-medium text-neutral-grey-100 truncate", children: langName }), _jsxs("div", { className: "text-[11px] text-neutral-grey-50 font-mono truncate", children: [job.targetLanguage, job.sourceLanguage ? ` ← ${job.sourceLanguage}` : ""] })] }), _jsxs("span", { className: `inline-flex items-center gap-1 rounded-badge badge-pad-sm text-2xs font-medium ${statusBadgeCls}`, children: [jobInProgress && (_jsx(LoaderIcon, { className: "h-2.5 w-2.5 animate-spin" })), jobStatus || "Unknown"] })] }), _jsxs("dl", { className: "divide-y divide-border-default/60", children: [claimedAtValid && (_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: "Claimed" }), _jsx("dd", { className: "text-[12px] text-neutral-grey-100", children: claimedAt.toLocaleString() })] })), timestampValid && (jobInProgress || jobPending) && (_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: "Updated" }), _jsx("dd", { className: "text-[12px] text-neutral-grey-100", children: timestamp.toLocaleString() })] })), durationMs != null && (_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: jobInProgress || jobPending ? "Running" : "Duration" }), _jsxs("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", title: durationApproximated
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: `inline-flex items-center gap-1.5 rounded-md border badge-pad-sm text-[12px] transition-colors cursor-pointer ${chipCls}`, children: [language?.icon ? (_jsx("img", { src: language.icon, alt: langName, className: "h-3.5 shrink-0" })) : null, _jsx("span", { className: "font-mono tracking-tight", children: job.targetLanguage }), jobInProgress && (_jsx(LoaderIcon, { className: "h-3 w-3 shrink-0 animate-spin" })), jobPending && (_jsx(QueuedIcon, { className: "h-3 w-3 shrink-0", strokeWidth: 1.75, "aria-label": "Queued" })), jobError && _jsx(AlertCircleIcon, { className: "h-3 w-3 shrink-0" }), !jobInProgress && !jobError && !jobPending && !jobAborted && (_jsx(CheckIcon, { className: "h-3 w-3 shrink-0 text-feedback-green" }))] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "w-[22rem] max-w-[calc(100vw-2rem)] p-0", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border-default px-3 py-2", children: [language?.icon ? (_jsx("img", { src: language.icon, alt: langName, className: "h-4 shrink-0" })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[13px] font-medium text-neutral-grey-100 truncate", children: langName }), _jsxs("div", { className: "text-[11px] text-neutral-grey-50 font-mono truncate", children: [job.targetLanguage, job.sourceLanguage ? ` ← ${job.sourceLanguage}` : ""] })] }), _jsxs(Badge, { size: "sm", className: statusBadgeCls, children: [jobInProgress && (_jsx(LoaderIcon, { className: "h-2.5 w-2.5 animate-spin" })), jobStatus || "Unknown"] })] }), _jsxs("dl", { className: "divide-y divide-border-default/60", children: [claimedAtValid && (_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: "Claimed" }), _jsx("dd", { className: "text-[12px] text-neutral-grey-100", children: claimedAt.toLocaleString() })] })), timestampValid && (jobInProgress || jobPending) && (_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: "Updated" }), _jsx("dd", { className: "text-[12px] text-neutral-grey-100", children: timestamp.toLocaleString() })] })), durationMs != null && (_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: jobInProgress || jobPending ? "Running" : "Duration" }), _jsxs("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", title: durationApproximated
                                             ? "Approximate — measured from batch start"
                                             : undefined, children: [durationApproximated ? "~" : "", formatDuration(durationMs)] })] })), statistics && (_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: "Fields" }), _jsxs("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", children: [fieldText, emptyFieldText ? (_jsxs("span", { className: "ml-1.5 text-neutral-grey-50", children: ["(", emptyFieldText, ")"] })) : null] })] })), statistics && (_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: "Text" }), _jsxs("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", children: [formatCount(statistics.sourceCharacterCount), " chars"] })] })), job.totalCost != null && (_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: "Cost" }), _jsx("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", children: formatUsdCost(job.totalCost) })] })), lastHeartbeatValid && (jobInProgress || jobPending) && (_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: "Heartbeat" }), _jsx("dd", { className: "text-[12px] text-neutral-grey-100", children: lastHeartbeat.toLocaleString() })] })), attemptCount > 1 && (_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: "Attempts" }), _jsx("dd", { className: "text-[12px] tabular-nums text-neutral-grey-100", children: attemptCount })] })), job.hash && (_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: "Hash" }), _jsx("dd", { className: "text-[11px] font-mono text-neutral-grey-100 break-all", children: job.hash })] })), 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: jobError ? "Error" : jobAborted ? "Aborted" : "Message" }), _jsx("dd", { className: `text-[12px] break-words ${jobError ? "text-feedback-red" : jobAborted ? "text-feedback-orange" : "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) => {
                                     e.stopPropagation();

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationsTitlebar.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationsTitlebar.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,oBAAoB,mDAuBnC"}
+{"version":3,"file":"TranslationsTitlebar.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationsTitlebar.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,wBAAgB,oBAAoB,mDA8CnC"}

package/dist/translation-center/TranslationsTitlebar.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SimpleIconButton, useEditContext } from "@parhelia/core";
-import { SquarePen } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SimpleIconButton, useEditContext } from "@parhelia/core";
+import { Globe, SquarePen } from "lucide-react";
+import { openLocalizeItemDialog } from "../LocalizeItemCommand";
 /**
  * TranslationsTitlebar - Titlebar content for the Translation Management workspace.
  * Shows desktop actions for the Translation Management workspace.
@@ -12,5 +13,13 @@ export function TranslationsTitlebar() {
     if (editContext.isMobile)
         return null;
     const { showAgentsWorkspaceEditor, setShowAgentsWorkspaceEditor } = editContext;
-    return (_jsx("div", { className: "flex w-full items-center justify-end pr-2", children: _jsx(SimpleIconButton, { icon: _jsx(SquarePen, { className: "h-5 w-5", strokeWidth: 1 }), label: showAgentsWorkspaceEditor ? "Hide Editor" : "Show Editor", size: "large", "data-testid": "translations-editor-panel-toggle", selected: showAgentsWorkspaceEditor, onClick: () => setShowAgentsWorkspaceEditor(!showAgentsWorkspaceEditor) }) }));
+    const multiItemEnabled = editContext.configuration?.localization?.multiItem !== false;
+    const currentItem = editContext.item;
+    const canTranslate = multiItemEnabled || !!currentItem;
+    return (_jsxs("div", { className: "flex w-full items-center justify-between gap-3 pr-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx("div", { "aria-hidden": "true", className: "border-border-default h-7 shrink-0 border-r" }), _jsxs(Button, { size: "sm", title: canTranslate ? "Translate" : "Open an item to translate", "data-testid": "translations-titlebar-translate-button", disabled: !canTranslate, onClick: () => {
+                            void openLocalizeItemDialog({
+                                editContext,
+                                items: currentItem ? [currentItem] : [],
+                            });
+                        }, children: [_jsx(Globe, { className: "h-4 w-4", strokeWidth: 1.5 }), "Translate"] })] }), _jsx(SimpleIconButton, { icon: _jsx(SquarePen, { className: "h-5 w-5", strokeWidth: 1 }), label: showAgentsWorkspaceEditor ? "Hide Editor" : "Show Editor", size: "large", "data-testid": "translations-editor-panel-toggle", selected: showAgentsWorkspaceEditor, onClick: () => setShowAgentsWorkspaceEditor(!showAgentsWorkspaceEditor) })] }));
 }

package/dist/translationEvents.d.ts

@@ -0,0 +1,6 @@
+export declare const TRANSLATION_BATCH_STARTED_EVENT = "parhelia:translation-batch-started";
+export type TranslationBatchStartedEventDetail = {
+    batchId: string;
+};
+export declare function dispatchTranslationBatchStarted(batchId: string): void;
+//# sourceMappingURL=translationEvents.d.ts.map

package/dist/translationEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translationEvents.d.ts","sourceRoot":"","sources":["../src/translationEvents.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B,uCACN,CAAC;AAEvC,MAAM,MAAM,kCAAkC,GAAG;IAC/C,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,MAAM,QAO9D"}

package/dist/translationEvents.js

@@ -0,0 +1,4 @@
+export const TRANSLATION_BATCH_STARTED_EVENT = "parhelia:translation-batch-started";
+export function dispatchTranslationBatchStarted(batchId) {
+    window.dispatchEvent(new CustomEvent(TRANSLATION_BATCH_STARTED_EVENT, { detail: { batchId } }));
+}

package/package.json

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