@parhelia/localization 0.1.11092 → 0.1.11143

package/dist/LocalizeItemDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizeItemDialog.d.ts","sourceRoot":"","sources":["../src/LocalizeItemDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,eAAe,CAAC;AAiBvB,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAAG,WAAW,CAAC,uBAAuB,CAAC,2CAmVtE"}
+{"version":3,"file":"LocalizeItemDialog.d.ts","sourceRoot":"","sources":["../src/LocalizeItemDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,eAAe,CAAC;AAiBvB,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAAG,WAAW,CAAC,uBAAuB,CAAC,2CA8VtE"}

package/dist/LocalizeItemDialog.js

@@ -41,11 +41,17 @@ export function LocalizeItemDialog(props) {
     }, [props.onClose]);
     // Memoize activeSteps to prevent unnecessary recalculations and new object references
     // This prevents infinite loops when wizardData changes but skip conditions don't
-    // The skip condition for subitem-discovery step only checks includeSubitems
+    // The skip condition for subitem-discovery step checks includeSubitems
+    // The skip condition for prompt-customization step checks serviceCustomData and translationProvider
     const activeSteps = useMemo(() => {
         const steps = configuration.steps.filter((step) => !step.skipCondition || !step.skipCondition(wizardData));
         return steps;
-    }, [configuration.steps, wizardData.includeSubitems]); // Only depend on what affects skip conditions
+    }, [
+        configuration.steps,
+        wizardData.includeSubitems,
+        wizardData.serviceCustomData,
+        wizardData.translationProvider
+    ]); // Depend on what affects skip conditions
     const currentStep = activeSteps[currentStepIndex];
     // Refs for stable callbacks - updated during render to avoid dependency issues
     const currentStepIdRef = useRef(currentStep?.id);
@@ -137,12 +143,16 @@ export function LocalizeItemDialog(props) {
     const setWizardDataStable = useCallback((newData) => {
         // Create a stable key from the data to detect actual changes
         // Only compare the fields that matter for re-renders
+        const serviceCustomDataKey = newData.serviceCustomData
+            ? JSON.stringify(Array.from(newData.serviceCustomData.entries()))
+            : null;
         const dataKey = JSON.stringify({
             translationProvider: newData.translationProvider,
             targetLanguages: [...newData.targetLanguages].sort(),
             includeSubitems: newData.includeSubitems,
             discoveredItemsCount: newData.discoveredItems?.length || 0,
             itemsCount: newData.items?.length || 0,
+            serviceCustomData: serviceCustomDataKey,
         });
         // Skip if data hasn't actually changed
         if (lastSetWizardDataRef.current === dataKey) {

package/dist/LocalizeItemUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizeItemUtils.d.ts","sourceRoot":"","sources":["../src/LocalizeItemUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,wBAAsB,yBAAyB,CAC7C,UAAU,EAAE,qBAAqB,EACjC,WAAW,EAAE,eAAe,EAC5B,iBAAiB,CAAC,EAAE,MAAM,GACzB,OAAO,CAAC,iBAAiB,CAAC,CAgF5B;AAGD,eAAO,MAAM,mBAAmB,GAAU,eAAe,MAAM,EAAE,EAAE,mBAAmB,iBAAiB,EAAE,EAAE,WAAW,MAAM,EAAE,MAAM,QAAQ,EAAE,qBAAqB,MAAM,+BA0BxK,CAAC"}
+{"version":3,"file":"LocalizeItemUtils.d.ts","sourceRoot":"","sources":["../src/LocalizeItemUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,wBAAsB,yBAAyB,CAC7C,UAAU,EAAE,qBAAqB,EACjC,WAAW,EAAE,eAAe,EAC5B,iBAAiB,CAAC,EAAE,MAAM,GACzB,OAAO,CAAC,iBAAiB,CAAC,CAiG5B;AAGD,eAAO,MAAM,mBAAmB,GAAU,eAAe,MAAM,EAAE,EAAE,mBAAmB,iBAAiB,EAAE,EAAE,WAAW,MAAM,EAAE,MAAM,QAAQ,EAAE,qBAAqB,MAAM,+BA0BxK,CAAC"}

package/dist/LocalizeItemUtils.js

@@ -41,12 +41,28 @@ export async function performDefaultTranslation(wizardData, editContext, predefi
         error.name = 'NoTranslationsNeededError';
         throw error;
     }
+    // Prepare batch metadata including service-specific custom data
+    let batchMetadata = wizardData.metadata || null;
+    if (wizardData.serviceCustomData && wizardData.serviceCustomData.size > 0) {
+        const serviceData = wizardData.serviceCustomData.get(wizardData.translationProvider);
+        if (serviceData && serviceData.enableCustomPrompt) {
+            // Merge service-specific custom data into batch metadata
+            const metadataObj = batchMetadata ? (typeof batchMetadata === 'string' ? JSON.parse(batchMetadata) : batchMetadata) : {};
+            metadataObj.serviceCustomData = {
+                [wizardData.translationProvider]: {
+                    enableCustomPrompt: serviceData.enableCustomPrompt,
+                    customPrompt: serviceData.customPrompt || ""
+                }
+            };
+            batchMetadata = JSON.stringify(metadataObj);
+        }
+    }
     try {
         const batchResult = await requestBatchTranslation({
             sessionId: editContext.sessionId,
             batchId,
             provider: wizardData.translationProvider,
-            batchMetadata: wizardData.metadata,
+            batchMetadata: batchMetadata,
             translations: translationRequests,
         });
         if (batchResult.type === "error") {

package/dist/api/discovery.d.ts

@@ -17,6 +17,7 @@ export type BackendTreeNode = {
     name: string;
     path: string;
     hasLayout: boolean;
+    isTranslatable: boolean;
     isFolder: boolean;
     icon?: string;
     children: BackendTreeNode[];

package/dist/api/discovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../src/api/discovery.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;CAAE,CAAC;AAInG,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAsB,iBAAiB,CACrC,GAAG,EAAE,wBAAwB,EAC7B,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,yBAAyB,CAAC,CAWpC;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,QAAQ,EAAE,CAQlF;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAQvF"}
+{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../src/api/discovery.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;CAAE,CAAC;AAInG,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAsB,iBAAiB,CACrC,GAAG,EAAE,wBAAwB,EAC7B,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,yBAAyB,CAAC,CAWpC;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,QAAQ,EAAE,CAQlF;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAQvF"}

package/dist/api/discovery.js

@@ -12,7 +12,7 @@ export function convertBackendTreeToTreeNodes(trees) {
     const convert = (n) => ({
         key: n.id,
         label: n.name,
-        data: { id: n.id, name: n.name, path: n.path, hasLayout: n.hasLayout, icon: n.icon, parentId: undefined, hasChildren: (n.children?.length ?? 0) > 0 },
+        data: { id: n.id, name: n.name, path: n.path, hasLayout: n.hasLayout, isTranslatable: n.isTranslatable, icon: n.icon, parentId: undefined, hasChildren: (n.children?.length ?? 0) > 0 },
         children: n.children?.map(convert) || [],
     });
     return trees.map(convert);
@@ -20,7 +20,7 @@ export function convertBackendTreeToTreeNodes(trees) {
 export function flattenPagesFromBackendTrees(trees) {
     const out = [];
     const walk = (n) => {
-        if (n.hasLayout)
+        if (n.isTranslatable)
             out.push({ id: n.id, name: n.name, path: n.path, hasChildren: (n.children?.length ?? 0) > 0, parentId: undefined });
         n.children?.forEach(walk);
     };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAWtD,OAAO,EAAE,mBAAmB,EAAsB,MAAM,gBAAgB,CAAC;AASzE,QAAA,MAAM,wCAAwC;;;;;;;;;;;;8BAalB,qBAAqB;;CAGhD,CAAC;AAEF,QAAA,MAAM,4CAA4C;;;;;;;CAUjD,CAAC;AAEF,OAAO,EAAE,wCAAwC,EAAE,4CAA4C,EAAE,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,yBAAyB,EACzB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,mBAAmB,EAClC,OAAO,CAAC,EAAE,yBAAyB,uBAmGpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAWtD,OAAO,EAAE,mBAAmB,EAAsB,MAAM,gBAAgB,CAAC;AASzE,QAAA,MAAM,wCAAwC;;;;;;;;;;;;8BAalB,qBAAqB;;CAchD,CAAC;AAEF,QAAA,MAAM,4CAA4C;;;;;;;CAUjD,CAAC;AAEF,OAAO,EAAE,wCAAwC,EAAE,4CAA4C,EAAE,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,yBAAyB,EACzB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,mBAAmB,EAClC,OAAO,CAAC,EAAE,yBAAyB,uBAmGpC"}

package/dist/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { ServiceLanguageSelectionStep } from "./steps/ServiceLanguageSelectionStep";
 import { SubitemDiscoveryStep } from "./steps/SubitemDiscoveryStep";
+import { PromptCustomizationStep } from "./steps/PromptCustomizationStep";
 import { localizeItemCommand } from "./LocalizeItemCommand";
 import { TranslationSidebar } from "./sidebar/TranslationSidebar";
 import { TranslationManagement } from "./translation-center/TranslationManagement";
@@ -25,6 +26,17 @@ const DEFAULT_TRANSLATION_WIZARD_CONFIGURATION = {
             component: SubitemDiscoveryStep,
             skipCondition: (data) => !data.includeSubitems,
         },
+        {
+            id: "prompt-customization",
+            name: "Customize Prompt",
+            description: "Optionally customize the translation prompt.",
+            component: PromptCustomizationStep,
+            skipCondition: (data) => {
+                // Skip if custom prompt is not enabled (checkbox unchecked)
+                const serviceData = data.serviceCustomData?.get(data.translationProvider);
+                return !serviceData || !serviceData.enableCustomPrompt;
+            },
+        },
     ],
 };
 const SINGLE_ITEM_TRANSLATION_WIZARD_CONFIGURATION = {

package/dist/steps/PromptCustomizationStep.d.ts

@@ -0,0 +1,3 @@
+import { TranslationStepProps } from "./types";
+export declare function PromptCustomizationStep({ stepIndex, isActive, data, setData, onStepCompleted, editContext, }: TranslationStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PromptCustomizationStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptCustomizationStep.d.ts","sourceRoot":"","sources":["../../src/steps/PromptCustomizationStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAEtE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAe,EACf,IAAI,EACJ,OAAO,EACP,eAAe,EACf,WAAW,GACZ,EAAE,oBAAoB,2CA6MtB"}

package/dist/steps/PromptCustomizationStep.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+export function PromptCustomizationStep({ stepIndex, isActive = true, data, setData, onStepCompleted, editContext, }) {
+    const [customPrompt, setCustomPrompt] = useState("");
+    const [customizationType, setCustomizationType] = useState("extend");
+    // Get service-specific custom data for the selected provider
+    const serviceData = useMemo(() => {
+        if (!data.serviceCustomData || !data.translationProvider)
+            return null;
+        return data.serviceCustomData.get(data.translationProvider);
+    }, [data.serviceCustomData, data.translationProvider]);
+    const enableCustomPrompt = serviceData?.enableCustomPrompt === true;
+    // Initialize from existing data
+    useEffect(() => {
+        if (enableCustomPrompt && serviceData) {
+            setCustomPrompt(serviceData.customPrompt || "");
+            setCustomizationType(serviceData.promptCustomizationType || "extend");
+        }
+        else {
+            setCustomPrompt("");
+            setCustomizationType("extend");
+        }
+    }, [enableCustomPrompt, serviceData]);
+    // Get default prompt from provider settings (no fallback)
+    const defaultPrompt = useMemo(() => {
+        const provider = data.translationProviders.find(p => p.name === data.translationProvider);
+        const prompt = provider?.defaultPrompt;
+        // Return null if prompt is null, undefined, or empty string
+        return prompt && prompt.trim() ? prompt : null;
+    }, [data.translationProviders, data.translationProvider]);
+    const hasDefaultPrompt = defaultPrompt != null && defaultPrompt.trim().length > 0;
+    // Preview of final prompt
+    const previewPrompt = useMemo(() => {
+        if (!enableCustomPrompt || !customPrompt.trim()) {
+            return defaultPrompt || "";
+        }
+        // If no default prompt, just show custom prompt
+        if (!hasDefaultPrompt) {
+            return customPrompt;
+        }
+        // If default prompt exists, show based on customization type
+        if (customizationType === "replace") {
+            return customPrompt;
+        }
+        return `${defaultPrompt}\n\n${customPrompt}`;
+    }, [enableCustomPrompt, customPrompt, customizationType, defaultPrompt, hasDefaultPrompt]);
+    // Update wizard data when settings change
+    useEffect(() => {
+        if (!isActive)
+            return;
+        const newServiceCustomData = new Map(data.serviceCustomData || new Map());
+        // Compute final custom prompt based on extend/replace of Default Prompt
+        let finalCustomPrompt = "";
+        if (enableCustomPrompt && customPrompt.trim()) {
+            if (hasDefaultPrompt) {
+                // If default prompt exists, apply extend/replace logic
+                if (customizationType === "replace") {
+                    // Replace Default Prompt entirely
+                    finalCustomPrompt = customPrompt.trim();
+                }
+                else {
+                    // Extend Default Prompt
+                    finalCustomPrompt = `${defaultPrompt}\n\n${customPrompt.trim()}`;
+                }
+            }
+            else {
+                // No default prompt, just use custom prompt as-is
+                finalCustomPrompt = customPrompt.trim();
+            }
+        }
+        if (enableCustomPrompt) {
+            newServiceCustomData.set(data.translationProvider, {
+                enableCustomPrompt: true,
+                customPrompt: finalCustomPrompt,
+                // Note: promptCustomizationType is no longer sent to backend
+            });
+        }
+        else {
+            // Remove custom data if disabled
+            newServiceCustomData.delete(data.translationProvider);
+        }
+        const newData = {
+            ...data,
+            serviceCustomData: newServiceCustomData,
+        };
+        setData(newData);
+    }, [enableCustomPrompt, customPrompt, customizationType, defaultPrompt, hasDefaultPrompt, data.translationProvider, isActive, setData]);
+    // Update completion status
+    useEffect(() => {
+        if (!isActive)
+            return;
+        // Step is always complete (it's optional)
+        onStepCompleted(true);
+    }, [isActive, onStepCompleted]);
+    // Skip condition: hide step when checkbox is disabled
+    // This is handled by skipCondition in wizard config
+    return (_jsxs("div", { className: "p-6 space-y-6 h-full flex flex-col", "data-testid": "prompt-customization-step", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Customize Translation Prompt" }), _jsxs("p", { className: "text-sm text-gray-600 mb-6", children: ["Optionally customize the prompt used for translation. This allows you to provide specific instructions or context for the translation service.", _jsx("br", {}), _jsx("span", { className: "text-xs text-gray-500 mt-1 block", children: "Note: Your custom prompt will be appended to the system instructions that ensure proper translation structure." })] })] }), _jsxs("div", { className: "space-y-6 flex-1", children: [!enableCustomPrompt && (_jsx("div", { className: "border border-gray-200 rounded-md p-4 bg-gray-50", children: _jsx("p", { className: "text-sm text-gray-600", children: "Enable \"Customize translation prompt\" in the previous step to customize the prompt." }) })), enableCustomPrompt && (_jsxs(_Fragment, { children: [hasDefaultPrompt && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Default Prompt" }), _jsx("div", { className: "border border-gray-200 rounded-md p-3 bg-gray-50", children: _jsx("pre", { className: "text-xs text-gray-700 whitespace-pre-wrap font-mono", children: defaultPrompt }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Customization Type" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "radio", name: "customizationType", value: "extend", checked: customizationType === "extend", onChange: () => setCustomizationType("extend"), className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300", "data-testid": "customization-type-extend" }), _jsx("span", { className: "ml-2 text-sm text-gray-900", children: "Extend (append to default)" })] }), _jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "radio", name: "customizationType", value: "replace", checked: customizationType === "replace", onChange: () => setCustomizationType("replace"), className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300", "data-testid": "customization-type-replace" }), _jsx("span", { className: "ml-2 text-sm text-gray-900", children: "Replace (use custom prompt only)" })] })] })] })] })), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Custom Prompt" }), _jsx("textarea", { value: customPrompt, onChange: (e) => setCustomPrompt(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm font-mono", rows: 6, placeholder: "Enter your custom prompt instructions here...", "data-testid": "custom-prompt-textarea" }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: hasDefaultPrompt
+                                            ? customizationType === "extend"
+                                                ? "This will be appended to the default prompt. The final prompt (default + custom) will then be appended to the system instructions on the backend."
+                                                : "This will replace the default prompt. The custom prompt will then be appended to the system instructions on the backend."
+                                            : "Your custom prompt will be appended to the system instructions on the backend." })] }), hasDefaultPrompt && _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Preview" }), _jsx("div", { className: "border border-gray-200 rounded-md p-3 bg-gray-50 max-h-64 overflow-y-auto", children: _jsx("pre", { className: "text-xs text-gray-700 whitespace-pre-wrap font-mono", children: previewPrompt }) }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "This is how the final prompt will look when sent to the translation service." })] })] }))] })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ServiceLanguageSelectionStep.d.ts","sourceRoot":"","sources":["../../src/steps/ServiceLanguageSelectionStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAGtE,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,EAAE,QAAe,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAyU7K"}
+{"version":3,"file":"ServiceLanguageSelectionStep.d.ts","sourceRoot":"","sources":["../../src/steps/ServiceLanguageSelectionStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAGtE,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,EAAE,QAAe,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CA4Y7K"}

package/dist/steps/ServiceLanguageSelectionStep.js

@@ -121,9 +121,20 @@ export function ServiceLanguageSelectionStep({ stepIndex, isActive = true, data,
     }, [languageSelection, setData, data.targetLanguages]);
     const handleProviderChange = (e) => {
         const newProvider = e.target.value;
+        // Always create a new Map instance to ensure React detects the change
+        const newServiceCustomData = new Map();
+        if (data.serviceCustomData) {
+            data.serviceCustomData.forEach((value, key) => {
+                // Only preserve custom data if not switching away from OpenAI
+                if (key !== "OpenAI" || newProvider === "OpenAI") {
+                    newServiceCustomData.set(key, value);
+                }
+            });
+        }
         const newData = {
             ...data,
             translationProvider: newProvider,
+            serviceCustomData: newServiceCustomData,
             // Clear target languages when provider changes since language availability might change
             targetLanguages: []
         };
@@ -167,7 +178,40 @@ export function ServiceLanguageSelectionStep({ stepIndex, isActive = true, data,
     const areSomeLanguagesSelected = useMemo(() => {
         return allLanguages.some(lang => languageSelection[lang.code]);
     }, [allLanguages, languageSelection]);
-    return (_jsxs("div", { className: "p-6 space-y-6 h-full flex flex-col", "data-testid": "service-language-selection-step", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Configure Translation" }), _jsx("p", { className: "text-sm text-gray-600 mb-6", children: "Select translation provider and target languages for your content." })] }), _jsxs("div", { className: "space-y-6 flex-1", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Translation Provider" }), _jsx("p", { className: "text-xs text-gray-600 mb-3", children: "Choose how to translate your content. \"Create Versions\" will create new language versions without automatic translation." }), _jsxs("select", { value: data.translationProvider || "", onChange: handleProviderChange, className: "block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", "data-testid": "translation-provider-select", children: [_jsx("option", { value: "", disabled: true, children: "Select a provider..." }), data.translationProviders.map((provider) => (_jsx("option", { value: provider.name, children: provider.displayName || provider.name }, provider.name)))] })] }), multiItemEnabled && (_jsxs("div", { children: [_jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", checked: data.includeSubitems, onChange: handleSubitemsToggle, className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded", "data-testid": "include-subitems-checkbox" }), _jsx("span", { className: "ml-2 text-sm text-gray-900", children: "Include subitems" })] }), _jsx("p", { className: "text-xs text-gray-500 mt-1 ml-6", children: "Also translate any child components and nested content within this item." })] })), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900", children: "Target Languages" }), allLanguages.length > 1 && (_jsxs("label", { className: "flex items-center cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: areAllLanguagesSelected, ref: (input) => {
+    // Compute checkbox state for prompt customization
+    const isPromptCustomizationEnabled = useMemo(() => {
+        if (data.translationProvider !== "OpenAI") {
+            return false;
+        }
+        const serviceData = data.serviceCustomData?.get("OpenAI");
+        return serviceData?.enableCustomPrompt === true;
+    }, [data.translationProvider, data.serviceCustomData]);
+    return (_jsxs("div", { className: "p-6 space-y-6 h-full flex flex-col", "data-testid": "service-language-selection-step", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Configure Translation" }), _jsx("p", { className: "text-sm text-gray-600 mb-6", children: "Select translation provider and target languages for your content." })] }), _jsxs("div", { className: "space-y-6 flex-1", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-2", children: "Translation Provider" }), _jsx("p", { className: "text-xs text-gray-600 mb-3", children: "Choose how to translate your content. \"Create Versions\" will create new language versions without automatic translation." }), _jsxs("select", { value: data.translationProvider || "", onChange: handleProviderChange, className: "block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", "data-testid": "translation-provider-select", children: [_jsx("option", { value: "", disabled: true, children: "Select a provider..." }), data.translationProviders.map((provider) => (_jsx("option", { value: provider.name, children: provider.displayName || provider.name }, provider.name)))] })] }), multiItemEnabled && (_jsxs("div", { children: [_jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", checked: data.includeSubitems, onChange: handleSubitemsToggle, className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded", "data-testid": "include-subitems-checkbox" }), _jsx("span", { className: "ml-2 text-sm text-gray-900", children: "Include subitems" })] }), _jsx("p", { className: "text-xs text-gray-500 mt-1 ml-6", children: "Also translate any child components and nested content within this item." })] })), data.translationProvider === "OpenAI" && (_jsxs("div", { children: [_jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", checked: isPromptCustomizationEnabled, onChange: (e) => {
+                                            const isChecked = e.target.checked;
+                                            // Always create a new Map instance to ensure React detects the change
+                                            const newServiceCustomData = new Map();
+                                            if (data.serviceCustomData) {
+                                                data.serviceCustomData.forEach((value, key) => {
+                                                    newServiceCustomData.set(key, value);
+                                                });
+                                            }
+                                            if (isChecked) {
+                                                newServiceCustomData.set("OpenAI", {
+                                                    enableCustomPrompt: true,
+                                                    customPrompt: "",
+                                                    promptCustomizationType: "extend",
+                                                });
+                                            }
+                                            else {
+                                                // Remove the service data when unchecked
+                                                newServiceCustomData.delete("OpenAI");
+                                            }
+                                            const newData = {
+                                                ...data,
+                                                serviceCustomData: newServiceCustomData
+                                            };
+                                            setData(newData);
+                                        }, className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded", "data-testid": "enable-custom-prompt-checkbox" }), _jsx("span", { className: "ml-2 text-sm text-gray-900", children: "Customize translation prompt" })] }), _jsx("p", { className: "text-xs text-gray-500 mt-1 ml-6", children: "Enable advanced prompt customization for the translation service." })] })), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900", children: "Target Languages" }), allLanguages.length > 1 && (_jsxs("label", { className: "flex items-center cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: areAllLanguagesSelected, ref: (input) => {
                                                     if (input) {
                                                         input.indeterminate = areSomeLanguagesSelected && !areAllLanguagesSelected;
                                                     }

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

@@ -1 +1 @@
-{"version":3,"file":"SubitemDiscoveryStep.d.ts","sourceRoot":"","sources":["../../src/steps/SubitemDiscoveryStep.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAW/C,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAe,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CA4b5L"}
+{"version":3,"file":"SubitemDiscoveryStep.d.ts","sourceRoot":"","sources":["../../src/steps/SubitemDiscoveryStep.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAW/C,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAe,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAuf5L"}

package/dist/steps/SubitemDiscoveryStep.js

@@ -14,6 +14,8 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
     const [allDiscoveredItems, setAllDiscoveredItems] = useState([]);
     const [userHasInteracted, setUserHasInteracted] = useState(false);
     const [discoveredCount, setDiscoveredCount] = useState(0);
+    const [totalItemsCount, setTotalItemsCount] = useState(0);
+    const [translatableItemsCount, setTranslatableItemsCount] = useState(0);
     const [treeInitialized, setTreeInitialized] = useState(false);
     const [expandedIds, setExpandedIds] = useState(new Set());
     // Refs for async safety
@@ -45,6 +47,26 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
             const nodes = buildTreeNodes(stubs);
             setTreeNodes(nodes);
             setExpandedIds(new Set(nodes.map(n => n.key)));
+            // Count total items and translatable items in the tree
+            const countItems = (nodeList) => {
+                let total = 0;
+                let translatable = 0;
+                const walk = (nodeList) => {
+                    nodeList.forEach(node => {
+                        total++;
+                        if (node?.data?.isTranslatable === true) {
+                            translatable++;
+                        }
+                        if (node.children)
+                            walk(node.children);
+                    });
+                };
+                walk(nodeList);
+                return { total, translatable };
+            };
+            const counts = countItems(nodes);
+            setTotalItemsCount(counts.total);
+            setTranslatableItemsCount(counts.translatable);
             setDiscoveryComplete(true);
             setTreeInitialized(true);
             return;
@@ -87,6 +109,26 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                 const nodes = convertBackendTreeToTreeNodes(resp.trees);
                 setTreeNodes(nodes);
                 setExpandedIds(new Set(nodes.map(n => n.key)));
+                // Count total items and translatable items in the tree
+                const countItems = (nodeList) => {
+                    let total = 0;
+                    let translatable = 0;
+                    const walk = (nodeList) => {
+                        nodeList.forEach(node => {
+                            total++;
+                            if (node?.data?.isTranslatable === true) {
+                                translatable++;
+                            }
+                            if (node.children)
+                                walk(node.children);
+                        });
+                    };
+                    walk(nodeList);
+                    return { total, translatable };
+                };
+                const counts = countItems(nodes);
+                setTotalItemsCount(counts.total);
+                setTranslatableItemsCount(counts.translatable);
                 setDiscoveryComplete(true);
                 setTreeInitialized(true);
             }
@@ -111,19 +153,19 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
             initialSelection = new Set(data.discoveredItems.map(item => item.descriptor.id));
         }
         else {
-            // Default: select all pages in the tree
-            const allPageIds = new Set();
+            // Default: select all translatable items in the tree
+            const allTranslatableIds = new Set();
             const walk = (nodes) => {
                 nodes.forEach(node => {
-                    if (node?.data?.hasLayout) {
-                        allPageIds.add(node.key);
+                    if (node?.data?.isTranslatable) {
+                        allTranslatableIds.add(node.key);
                     }
                     if (node.children)
                         walk(node.children);
                 });
             };
             walk(treeNodes);
-            initialSelection = allPageIds;
+            initialSelection = allTranslatableIds;
         }
         setSelectedItemIds(initialSelection);
     }, [isActive, discoveryComplete, treeNodes, data.discoveredItems, userHasInteracted]);
@@ -187,7 +229,7 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
         traverse(node.children);
         return descendants;
     };
-    const getDescendantPageIds = (nodeKey) => {
+    const getDescendantTranslatableIds = (nodeKey) => {
         const findNode = (nodes) => {
             for (const node of nodes) {
                 if (node.key === nodeKey)
@@ -206,8 +248,8 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
         const out = [];
         const walk = (children) => {
             children.forEach(child => {
-                const isPage = child?.data?.hasLayout === true;
-                if (isPage)
+                const isTranslatable = child?.data?.isTranslatable === true;
+                if (isTranslatable)
                     out.push(child.key);
                 if (child.children)
                     walk(child.children);
@@ -224,13 +266,24 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
     };
     return (_jsxs("div", { className: "flex flex-col gap-4 p-6 h-full", "data-testid": "subitem-discovery-step", children: [_jsxs("div", { className: "mb-2", children: [_jsx("h3", { className: "text-lg font-medium mb-1", children: "Discover Subitems" }), _jsx("p", { className: "text-sm text-gray-600", children: "Scanning for subitems to include in translation..." })] }), _jsxs("div", { className: "border rounded p-4 bg-gray-50 min-h-[120px]", "data-testid": "discovery-status-container", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isDiscovering && _jsx(Spinner, { "data-testid": "discovery-spinner" }), _jsx("span", { className: "font-medium", "data-testid": "discovery-status-text", children: isDiscovering ? 'Discovering subitems...' :
                                             discoveryComplete ? 'Discovery Complete' :
-                                                'Ready to discover' })] }), isDiscovering && (_jsx(Button, { size: "sm", onClick: handleCancel, "data-testid": "discovery-cancel-button", children: "Cancel" }))] }), _jsx("div", { className: "text-sm text-gray-600 mb-3", "data-testid": "discovery-summary", children: discoveredCount > 0 ? (_jsxs("p", { "data-testid": "discovery-total-count", children: [_jsxs("span", { className: "font-medium text-blue-600", children: [discoveredCount, " total items found"] }), _jsx("br", {}), _jsxs("span", { className: "text-xs", children: ["Original items: ", data.items.length, " | Subitems discovered: ", Math.max(0, discoveredCount - data.items.length)] }), isDiscovering && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx("span", { className: "text-xs text-gray-500 italic", children: "Item tree will appear when discovery completes" })] }))] })) : (_jsx("p", { children: "No items discovered yet." })) }), _jsx("div", { className: "mt-4 min-h-[400px]", children: !isDiscovering && discoveryComplete && treeInitialized && allDiscoveredItems.length > 0 && treeNodes.length > 0 ? (_jsx("div", { children: _jsxs("div", { className: "border-t pt-4", "data-testid": "item-selection-section", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-medium", children: "Select Items to Translate" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm text-gray-600", "data-testid": "selection-summary-header", children: selectedItemIds.size > 0 ? `${selectedItemIds.size} selected` : "No items selected" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => {
+                                                'Ready to discover' })] }), isDiscovering && (_jsx(Button, { size: "sm", onClick: handleCancel, "data-testid": "discovery-cancel-button", children: "Cancel" }))] }), _jsx("div", { className: "text-sm text-gray-600 mb-3", "data-testid": "discovery-summary", children: discoveredCount > 0 ? (_jsxs("p", { "data-testid": "discovery-total-count", children: [_jsxs("span", { className: "font-medium text-blue-600", children: [totalItemsCount, " total items found"] }), totalItemsCount !== translatableItemsCount && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("span", { className: "text-xs", children: ["Translatable items: ", translatableItemsCount, " | Non-translatable: ", totalItemsCount - translatableItemsCount] })] })), _jsx("br", {}), _jsxs("span", { className: "text-xs", children: ["Original items: ", data.items.length, " | Subitems discovered: ", Math.max(0, totalItemsCount - data.items.length)] }), isDiscovering && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx("span", { className: "text-xs text-gray-500 italic", children: "Item tree will appear when discovery completes" })] }))] })) : (_jsx("p", { children: "No items discovered yet." })) }), _jsx("div", { className: "mt-4 min-h-[400px]", children: !isDiscovering && discoveryComplete && treeInitialized && allDiscoveredItems.length > 0 && treeNodes.length > 0 ? (_jsx("div", { children: _jsxs("div", { className: "border-t pt-4", "data-testid": "item-selection-section", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-medium", children: "Select Items to Translate" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm text-gray-600", "data-testid": "selection-summary-header", children: selectedItemIds.size > 0 ? `${selectedItemIds.size} selected` : "No items selected" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => {
                                                             if (!isActive)
                                                                 return;
-                                                            const allIds = new Set(allDiscoveredItems.map(i => i.id));
+                                                            // Only select translatable items
+                                                            const translatableIds = new Set();
+                                                            const walk = (nodes) => {
+                                                                nodes.forEach(node => {
+                                                                    if (node?.data?.isTranslatable === true) {
+                                                                        translatableIds.add(node.key);
+                                                                    }
+                                                                    if (node.children)
+                                                                        walk(node.children);
+                                                                });
+                                                            };
+                                                            walk(treeNodes);
                                                             setUserHasInteracted(true);
-                                                            setSelectedItemIds(allIds);
-                                                            onStepCompleted(allIds.size > 0);
+                                                            setSelectedItemIds(translatableIds);
+                                                            onStepCompleted(translatableIds.size > 0);
                                                         }, "data-testid": "select-all-items-button", children: "Select All" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => {
                                                             if (!isActive)
                                                                 return;
@@ -253,7 +306,7 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                                                 const targetNode = key;
                                                 const shift = event?.shiftKey === true;
                                                 const next = new Set(selectedItemIds);
-                                                // Only select pages
+                                                // Only select translatable items
                                                 const findNode = (nodes) => {
                                                     for (const n of nodes) {
                                                         if (n.key === targetNode)
@@ -267,35 +320,34 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                                                     return null;
                                                 };
                                                 const n = findNode(treeNodes);
-                                                const isPage = n?.data?.hasLayout === true;
-                                                if (isPage) {
+                                                const isTranslatable = n?.data?.isTranslatable === true;
+                                                if (isTranslatable) {
                                                     const ids = shift ? [key, ...getDescendantIds(key)] : [key];
                                                     if (!next.has(key))
-                                                        ids.forEach(id => next.add(id));
+                                                        ids.forEach((id) => next.add(id));
                                                     else
-                                                        ids.forEach(id => next.delete(id));
+                                                        ids.forEach((id) => next.delete(id));
                                                 }
                                                 else {
-                                                    // Folder row click toggles all descendant pages
-                                                    const pageIds = getDescendantPageIds(key);
-                                                    const allSelected = pageIds.length > 0 && pageIds.every(id => next.has(id));
+                                                    // Folder row click toggles all descendant translatable items
+                                                    const translatableIds = getDescendantTranslatableIds(key);
+                                                    const allSelected = translatableIds.length > 0 && translatableIds.every((id) => next.has(id));
                                                     if (allSelected)
-                                                        pageIds.forEach(id => next.delete(id));
+                                                        translatableIds.forEach((id) => next.delete(id));
                                                     else
-                                                        pageIds.forEach(id => next.add(id));
+                                                        translatableIds.forEach((id) => next.add(id));
                                                 }
                                                 setSelectedItemIds(next);
                                                 // Update completion when user changes selection
                                                 onStepCompleted(next.size > 0);
                                             }, renderNode: (node) => {
-                                                const isPage = node?.data?.hasLayout === true;
-                                                const isTranslatable = isPage;
-                                                const pageIds = !isPage ? getDescendantPageIds(node.key) : [];
-                                                const allSelected = !isPage ? (pageIds.length > 0 && pageIds.every(id => selectedItemIds.has(id))) : false;
-                                                const someSelected = !isPage ? (pageIds.some(id => selectedItemIds.has(id)) && !allSelected) : false;
-                                                // Simple checkbox logic: if it's a page, check direct selection; otherwise check descendant pages
+                                                const isTranslatable = node?.data?.isTranslatable === true;
+                                                const translatableIds = !isTranslatable ? getDescendantTranslatableIds(node.key) : [];
+                                                const allSelected = !isTranslatable ? (translatableIds.length > 0 && translatableIds.every((id) => selectedItemIds.has(id))) : false;
+                                                const someSelected = !isTranslatable ? (translatableIds.some((id) => selectedItemIds.has(id)) && !allSelected) : false;
+                                                // Simple checkbox logic: if it's translatable, check direct selection; otherwise check descendant translatable items
                                                 // Base items are treated like any other selected item - if selected, show checked
-                                                const isChecked = isPage ? selectedItemIds.has(node.key) : allSelected;
+                                                const isChecked = isTranslatable ? selectedItemIds.has(node.key) : allSelected;
                                                 const icon = node?.data?.icon;
                                                 return (_jsxs("div", { className: `flex items-center gap-2 ${!isTranslatable ? 'opacity-70' : ''}`, children: [icon && (_jsx("img", { src: icon, alt: "", className: `w-4 h-4 ${!isTranslatable ? 'opacity-50' : ''}` })), _jsx("input", { type: "checkbox", checked: isChecked, disabled: !isTranslatable, "data-testid": `tree-item-checkbox-${node.key}`, ref: (el) => { if (el)
                                                                 el.indeterminate = someSelected; }, onMouseDown: (e) => {
@@ -307,27 +359,27 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                                                                     return; // Don't handle changes when inactive or untranslatable
                                                                 setUserHasInteracted(true);
                                                                 const next = new Set(selectedItemIds);
-                                                                if (isPage) {
+                                                                if (isTranslatable) {
                                                                     const withDesc = shiftToggleRef.current && (node.children?.length ?? 0) > 0;
                                                                     const ids = withDesc ? [node.key, ...getDescendantIds(node.key)] : [node.key];
                                                                     if (e.currentTarget.checked)
-                                                                        ids.forEach(id => next.add(id));
+                                                                        ids.forEach((id) => next.add(id));
                                                                     else
-                                                                        ids.forEach(id => next.delete(id));
+                                                                        ids.forEach((id) => next.delete(id));
                                                                 }
                                                                 else {
-                                                                    const ids = getDescendantPageIds(node.key);
-                                                                    const allSel = ids.length > 0 && ids.every(id => next.has(id));
+                                                                    const ids = getDescendantTranslatableIds(node.key);
+                                                                    const allSel = ids.length > 0 && ids.every((id) => next.has(id));
                                                                     if (e.currentTarget.checked && !allSel)
-                                                                        ids.forEach(id => next.add(id));
+                                                                        ids.forEach((id) => next.add(id));
                                                                     else if (!e.currentTarget.checked && allSel)
-                                                                        ids.forEach(id => next.delete(id));
+                                                                        ids.forEach((id) => next.delete(id));
                                                                     else {
                                                                         // Toggle based on current
                                                                         if (allSel)
-                                                                            ids.forEach(id => next.delete(id));
+                                                                            ids.forEach((id) => next.delete(id));
                                                                         else
-                                                                            ids.forEach(id => next.add(id));
+                                                                            ids.forEach((id) => next.add(id));
                                                                     }
                                                                 }
                                                                 setSelectedItemIds(next);

package/dist/steps/types.d.ts

@@ -3,6 +3,7 @@ export type TranslationProviderInfo = {
     name: string;
     displayName: string;
     supportedLanguages: string[];
+    defaultPrompt?: string;
 };
 export type TranslationStatus = {
     targetLanguage: string;
@@ -43,6 +44,7 @@ export type TranslationWizardData = {
     translationProviders: TranslationProviderInfo[];
     itemMetadata: Map<string, Map<string, string>>;
     metadata?: any;
+    serviceCustomData?: Map<string, any>;
     [key: string]: any;
 };
 export type TranslationStepProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/steps/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/steps/types.ts"],"names":[],"mappings":"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"}

package/dist/translation-center/BatchTranslationView.d.ts

@@ -1,3 +1,4 @@
+import "react-json-view-lite/dist/index.css";
 interface BatchTranslationViewProps {
     batchId: string;
     onBack?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"BatchTranslationView.d.ts","sourceRoot":"","sources":["../../src/translation-center/BatchTranslationView.tsx"],"names":[],"mappings":"AA2BA,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAoCD,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,yBAAyB,2CAg5BlF"}
+{"version":3,"file":"BatchTranslationView.d.ts","sourceRoot":"","sources":["../../src/translation-center/BatchTranslationView.tsx"],"names":[],"mappings":"AAwBA,OAAO,qCAAqC,CAAC;AAa7C,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAoCD,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,yBAAyB,2CA07BlF"}

package/dist/translation-center/BatchTranslationView.js

@@ -2,8 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useEffect, useState, useMemo, useRef, useCallback, } from "react";
 import { useEditContext, SimpleTable, Progress as CoreProgress, Button, } from "@parhelia/core";
 import { listBatchTranslationJobs, subscribeToBatch, unsubscribeFromBatch, getBatchInfo, getTranslationProviders } from "../services/translationService";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { JsonView, defaultStyles } from "react-json-view-lite";
+import "react-json-view-lite/dist/index.css";
 // Wrapper so React 19 sees a plain function component instead of a forwardRef exotic component.
 const Progress = (props) => React.createElement(CoreProgress, props);
+// Wrappers for lucide-react icons to work with React 19
+const ChevronUpIcon = (props) => React.createElement(ChevronUp, props);
+const ChevronDownIcon = (props) => React.createElement(ChevronDown, props);
 // Normalize API shape/casing to what the UI expects
 function normalizeBatchInfo(raw) {
     if (!raw)
@@ -39,6 +45,7 @@ export function BatchTranslationView({ batchId, onBack }) {
     const [isLoading, setIsLoading] = useState(false);
     const [translationProgress, setTranslationProgress] = useState(new Map());
     const [itemNames, setItemNames] = useState(new Map());
+    const [isMetadataExpanded, setIsMetadataExpanded] = useState(false);
     const lastWsAtRef = useRef(0);
     const batchJobsRef = useRef([]);
     const hasLoadedRef = useRef(false);
@@ -52,6 +59,17 @@ export function BatchTranslationView({ batchId, onBack }) {
         const provider = providers.find(p => p.name === serviceName);
         return provider?.displayName || serviceName;
     }, [providers]);
+    // Parse metadata for display
+    const parsedMetadata = useMemo(() => {
+        if (!batchInfo?.metadata)
+            return null;
+        try {
+            return JSON.parse(batchInfo.metadata);
+        }
+        catch {
+            return null;
+        }
+    }, [batchInfo?.metadata]);
     // Keep refs in sync with state
     useEffect(() => {
         batchJobsRef.current = batchJobs;
@@ -482,7 +500,7 @@ export function BatchTranslationView({ batchId, onBack }) {
                                                                 ? 'bg-blue-100 text-blue-700'
                                                                 : effectiveStatus === 'Error'
                                                                     ? 'bg-red-100 text-red-700'
-                                                                    : 'bg-gray-100 text-gray-700'}`, children: effectiveStatus })), batchInfo.provider && (_jsxs("span", { className: "text-gray-700", children: ["Provider: ", _jsx("span", { className: "font-medium", children: getProviderDisplayName(batchInfo.provider) })] })), batchInfo.initiatedByUser && (_jsxs("span", { className: "text-gray-700", children: ["By: ", _jsx("span", { className: "font-medium", children: batchInfo.initiatedByUser })] })), batchInfo.includeSubitems !== undefined && batchInfo.includeSubitems !== null && (_jsxs("span", { className: "text-gray-700", children: ["Include subitems: ", _jsx("span", { className: "font-medium", children: batchInfo.includeSubitems ? 'Yes' : 'No' })] })), batchInfo.scopeItemPath && (_jsxs("span", { className: "text-gray-700 truncate max-w-[40rem]", children: ["Scope: ", _jsx("span", { className: "font-mono", children: batchInfo.scopeItemPath })] })), (batchInfo.startedAtUtc || batchInfo.completedAtUtc || batchInfo.lastUpdatedUtc) && (_jsxs("span", { className: "text-gray-500", children: [batchInfo.startedAtUtc && (_jsxs(_Fragment, { children: ["Started: ", new Date(batchInfo.startedAtUtc).toLocaleString()] })), batchInfo.completedAtUtc && (_jsxs(_Fragment, { children: [batchInfo.startedAtUtc ? ' • ' : '', "Completed: ", new Date(batchInfo.completedAtUtc).toLocaleString()] })), !batchInfo.completedAtUtc && batchInfo.lastUpdatedUtc && (_jsxs(_Fragment, { children: [batchInfo.startedAtUtc ? ' • ' : '', "Updated: ", new Date(batchInfo.lastUpdatedUtc).toLocaleString()] }))] }))] }))] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "text-sm text-gray-600", children: [`${progressSegments.completedCount}/${progressSegments.total} completed`, progressSegments.errorCount ? `, ${progressSegments.errorCount} errors` : ''] }), _jsxs(Button, { size: "sm", onClick: loadBatchJobs, disabled: isLoading, title: "Manual refresh - normally updates come through websocket subscriptions", children: [_jsx("i", { className: `pi pi-refresh ${isLoading ? 'pi-spin' : ''}` }), "Refresh"] })] })] }), _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-medium", children: "Overall Progress" }), _jsxs("span", { className: "text-sm text-gray-600", children: [progressSegments.completedCount, " / ", progressSegments.total, " completed"] })] }), _jsxs("div", { className: "relative h-4 bg-gray-200 rounded-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0 flex", children: [progressSegments.completed > 0 && (_jsx("div", { className: "bg-green-500 h-full transition-all duration-300", style: { width: `${progressSegments.completed}%` } })), progressSegments.inProgress > 0 && (_jsx("div", { className: "bg-blue-500 h-full transition-all duration-300", style: { width: `${progressSegments.inProgress}%` } })), progressSegments.error > 0 && (_jsx("div", { className: "bg-red-500 h-full transition-all duration-300", style: { width: `${progressSegments.error}%` } })), progressSegments.pending > 0 && (_jsx("div", { className: "bg-gray-300 h-full transition-all duration-300", style: { width: `${progressSegments.pending}%` } }))] }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsxs("span", { className: "text-xs font-medium text-white drop-shadow-sm", children: [overallProgress, "%"] }) })] }), _jsxs("div", { className: "flex gap-3 mt-2 text-xs", children: [progressSegments.completedCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-green-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.completedCount, " completed"] })] })), progressSegments.inProgressCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-blue-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.inProgressCount, " in progress"] })] })), progressSegments.errorCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-red-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.errorCount, " errors"] })] })), progressSegments.pendingCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-gray-300 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.pendingCount, " pending"] })] })), typeof batchInfo?.expectedJobs === 'number' && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-gray-300 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [(batchInfo.expectedJobs || 0) - (batchInfo.completedJobs || 0) - (batchInfo.errorJobs || 0), " pending (server)"] })] }))] })] })] }), _jsx("div", { className: "flex-1 overflow-auto p-4 min-h-0", children: isLoading && batchJobs.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx("i", { className: "pi pi-spin pi-spinner" }), "Loading batch translations..."] }) })) : batchJobs.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsxs("div", { className: "text-center text-gray-500", children: [_jsx("i", { className: "pi pi-language text-2xl block mb-2" }), _jsx("p", { children: "No translations found for this batch" }), _jsx("p", { className: "text-sm", children: "The batch may not exist or no translation jobs have started yet" })] }) })) : (_jsx("div", { className: "space-y-6", children: sortedItemGroups.map(([itemId, jobs]) => {
+                                                                    : 'bg-gray-100 text-gray-700'}`, children: effectiveStatus })), batchInfo.provider && (_jsxs("span", { className: "text-gray-700", children: ["Provider: ", _jsx("span", { className: "font-medium", children: getProviderDisplayName(batchInfo.provider) })] })), batchInfo.initiatedByUser && (_jsxs("span", { className: "text-gray-700", children: ["By: ", _jsx("span", { className: "font-medium", children: batchInfo.initiatedByUser })] })), batchInfo.includeSubitems !== undefined && batchInfo.includeSubitems !== null && (_jsxs("span", { className: "text-gray-700", children: ["Include subitems: ", _jsx("span", { className: "font-medium", children: batchInfo.includeSubitems ? 'Yes' : 'No' })] })), batchInfo.scopeItemPath && (_jsxs("span", { className: "text-gray-700 truncate max-w-[40rem]", children: ["Scope: ", _jsx("span", { className: "font-mono", children: batchInfo.scopeItemPath })] })), (batchInfo.startedAtUtc || batchInfo.completedAtUtc || batchInfo.lastUpdatedUtc) && (_jsxs("span", { className: "text-gray-500", children: [batchInfo.startedAtUtc && (_jsxs(_Fragment, { children: ["Started: ", new Date(batchInfo.startedAtUtc).toLocaleString()] })), batchInfo.completedAtUtc && (_jsxs(_Fragment, { children: [batchInfo.startedAtUtc ? ' • ' : '', "Completed: ", new Date(batchInfo.completedAtUtc).toLocaleString()] })), !batchInfo.completedAtUtc && batchInfo.lastUpdatedUtc && (_jsxs(_Fragment, { children: [batchInfo.startedAtUtc ? ' • ' : '', "Updated: ", new Date(batchInfo.lastUpdatedUtc).toLocaleString()] }))] }))] }))] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "text-sm text-gray-600", children: [`${progressSegments.completedCount}/${progressSegments.total} completed`, progressSegments.errorCount ? `, ${progressSegments.errorCount} errors` : ''] }), _jsxs(Button, { size: "sm", onClick: loadBatchJobs, disabled: isLoading, title: "Manual refresh - normally updates come through websocket subscriptions", children: [_jsx("i", { className: `pi pi-refresh ${isLoading ? 'pi-spin' : ''}` }), "Refresh"] })] })] }), parsedMetadata && (_jsxs("div", { className: "border-t border-gray-200 bg-gray-50 mt-4", children: [_jsxs("button", { onClick: () => setIsMetadataExpanded(!isMetadataExpanded), className: "flex w-full cursor-pointer items-center justify-between px-4 py-2 text-left transition-colors hover:bg-gray-100", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-info-circle text-gray-500" }), _jsx("span", { className: "text-xs font-medium text-gray-700", children: "Batch Metadata" })] }), isMetadataExpanded ? (_jsx(ChevronUpIcon, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 })) : (_jsx(ChevronDownIcon, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 }))] }), isMetadataExpanded && (_jsx("div", { className: "max-h-96 overflow-y-auto px-4 pb-3", children: _jsx("div", { className: "rounded-md border border-gray-200 bg-white p-3 text-xs shadow-sm mt-2", children: _jsx(JsonView, { data: parsedMetadata, shouldExpandNode: (level) => level < 2, style: defaultStyles }) }) }))] })), _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-medium", children: "Overall Progress" }), _jsxs("span", { className: "text-sm text-gray-600", children: [progressSegments.completedCount, " / ", progressSegments.total, " completed"] })] }), _jsxs("div", { className: "relative h-4 bg-gray-200 rounded-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0 flex", children: [progressSegments.completed > 0 && (_jsx("div", { className: "bg-green-500 h-full transition-all duration-300", style: { width: `${progressSegments.completed}%` } })), progressSegments.inProgress > 0 && (_jsx("div", { className: "bg-blue-500 h-full transition-all duration-300", style: { width: `${progressSegments.inProgress}%` } })), progressSegments.error > 0 && (_jsx("div", { className: "bg-red-500 h-full transition-all duration-300", style: { width: `${progressSegments.error}%` } })), progressSegments.pending > 0 && (_jsx("div", { className: "bg-gray-300 h-full transition-all duration-300", style: { width: `${progressSegments.pending}%` } }))] }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsxs("span", { className: "text-xs font-medium text-white drop-shadow-sm", children: [overallProgress, "%"] }) })] }), _jsxs("div", { className: "flex gap-3 mt-2 text-xs", children: [progressSegments.completedCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-green-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.completedCount, " completed"] })] })), progressSegments.inProgressCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-blue-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.inProgressCount, " in progress"] })] })), progressSegments.errorCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-red-500 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.errorCount, " errors"] })] })), progressSegments.pendingCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-gray-300 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [progressSegments.pendingCount, " pending"] })] })), typeof batchInfo?.expectedJobs === 'number' && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "w-3 h-3 bg-gray-300 rounded-sm" }), _jsxs("span", { className: "text-gray-700", children: [(batchInfo.expectedJobs || 0) - (batchInfo.completedJobs || 0) - (batchInfo.errorJobs || 0), " pending (server)"] })] }))] })] })] }), _jsx("div", { className: "flex-1 overflow-auto p-4 min-h-0", children: isLoading && batchJobs.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx("i", { className: "pi pi-spin pi-spinner" }), "Loading batch translations..."] }) })) : batchJobs.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsxs("div", { className: "text-center text-gray-500", children: [_jsx("i", { className: "pi pi-language text-2xl block mb-2" }), _jsx("p", { children: "No translations found for this batch" }), _jsx("p", { className: "text-sm", children: "The batch may not exist or no translation jobs have started yet" })] }) })) : (_jsx("div", { className: "space-y-6", children: sortedItemGroups.map(([itemId, jobs]) => {
                         const itemCompleted = jobs.filter(j => j.status === "Completed").length;
                         // Calculate item progress including in-progress job progress
                         // Performance: item-level calculation is always fast (typically 2-10 jobs per item)

package/package.json

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