@parhelia/localization 0.1.12907 → 0.1.12909

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManagement.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationManagement.tsx"],"names":[],"mappings":"AAQA,wBAAgB,qBAAqB,4CA+CpC"}
+{"version":3,"file":"TranslationManagement.d.ts","sourceRoot":"","sources":["../../src/translation-center/TranslationManagement.tsx"],"names":[],"mappings":"AAOA,wBAAgB,qBAAqB,4CAwEpC"}

package/dist/translation-center/TranslationManagement.js

@@ -1,23 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEditContext, usePathname, useRouter, useSearchParams, } from "@parhelia/core";
-import { BatchTranslationView } from "./BatchTranslationView";
+import { ItemEditorPane, Splitter, useEditContext, } from "@parhelia/core";
 export function TranslationManagement() {
     const editContext = useEditContext();
     const config = editContext?.configuration;
-    const searchParams = useSearchParams();
-    const batchId = searchParams.get("batchId");
-    const router = useRouter();
-    const pathname = usePathname();
-    // Get the Recent Translations panel content (since it's the only one)
-    const recentTranslationsPanel = config?.translationCenter?.groups
+    const showEditorPanel = editContext?.showAgentsWorkspaceEditor ?? false;
+    const isMobile = editContext?.isMobile ?? false;
+    // Get the Translation Batches panel content (since it's the only one)
+    const translationBatchesPanel = config?.translationCenter?.groups
         ?.flatMap((x) => x.panels)
-        ?.find((panel) => panel.id === "recent-translations");
+        ?.find((panel) => panel.id === "translation-batches");
     if (!config) {
-        return (_jsx("div", { className: "flex h-full flex-col items-center justify-center bg-[var(--color-gray-5)]", children: _jsxs("div", { className: "flex items-center gap-2 text-[var(--color-gray-2)]", children: [_jsx("i", { className: "pi pi-spin pi-spinner text-[#9650fb]" }), "Loading..."] }) }));
+        return (_jsx("div", { className: "flex h-full flex-col items-center justify-center bg-neutral-grey-5", children: _jsxs("div", { className: "flex items-center gap-2 text-neutral-grey-50", children: [_jsx("i", { className: "pi pi-spin pi-spinner text-[var(--color-highlight-100)]" }), "Loading..."] }) }));
     }
-    return (_jsx("div", { className: "absolute inset-0 flex flex-col bg-[var(--color-gray-5)]", "data-testid": "translation-management", children: batchId ? (_jsx(BatchTranslationView, { batchId: batchId, onBack: () => {
-                const current = new URLSearchParams(searchParams.toString());
-                current.delete("batchId");
-                router.push(`${pathname}?${current.toString()}`, { scroll: false });
-            } })) : recentTranslationsPanel ? (_jsx("div", { className: "flex-1 min-h-0", children: recentTranslationsPanel.content })) : (_jsxs("div", { className: "flex h-full flex-col items-center justify-center text-[var(--color-gray-2)]", children: [_jsx("i", { className: "pi pi-language mb-4 text-4xl text-[var(--color-gray-3)]" }), _jsx("p", { className: "font-medium text-[var(--color-gray-1)]", children: "Recent translations not available" })] })) }));
+    const managementContent = translationBatchesPanel ? (_jsx("div", { className: "h-full min-h-0 overflow-hidden", children: translationBatchesPanel.content })) : (_jsxs("div", { className: "flex h-full min-h-0 flex-col items-center justify-center text-neutral-grey-50", children: [_jsx("i", { className: "pi pi-language mb-4 text-4xl text-neutral-grey-15" }), _jsx("p", { className: "font-medium text-neutral-grey-100", children: "Translation batches not available" })] }));
+    const panels = [
+        {
+            name: "translation-management",
+            defaultSize: "auto",
+            content: managementContent,
+            className: "h-full min-h-0 min-w-0",
+        },
+    ];
+    if (showEditorPanel) {
+        panels.push({
+            name: "editor-preview",
+            defaultSize: isMobile ? 45 : 500,
+            className: "h-full min-h-0 min-w-0",
+            content: (_jsx("div", { className: "h-full overflow-hidden border-l border-border-default bg-neutral-grey-5", children: _jsx(ItemEditorPane, { name: "translation-management-preview", emptyDescription: "Select a translation batch item or language row to preview and edit it here." }) })),
+        });
+    }
+    return (_jsx("div", { className: "absolute inset-0 flex min-h-0 flex-col overflow-hidden bg-neutral-grey-5", "data-testid": "translation-management", children: _jsx(Splitter, { panels: panels, direction: isMobile ? "vertical" : "horizontal", localStorageKey: "translation-management.panelSizes" }) }));
 }

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

@@ -0,0 +1,6 @@
+/**
+ * TranslationsTitlebar - Titlebar content for the Translation Management workspace.
+ * Shows desktop actions for the Translation Management workspace.
+ */
+export declare function TranslationsTitlebar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TranslationsTitlebar.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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.
+ */
+export function TranslationsTitlebar() {
+    const editContext = useEditContext();
+    if (!editContext?.workspace)
+        return null;
+    if (editContext.isMobile)
+        return null;
+    const { showAgentsWorkspaceEditor, setShowAgentsWorkspaceEditor } = editContext;
+    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/dist/types.d.ts

@@ -7,6 +7,7 @@ export type TranslationStatus = {
     status: string;
     timestamp: string;
     message?: string;
+    totalCost?: number | null;
 };
 export type translationCenter = {
     groups: {

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,aAAa,EAAE,CAAC;KACzB,EAAE,CAAC;CACL,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,aAAa,EAAE,CAAC;KACzB,EAAE,CAAC;CACL,CAAC"}

package/package.json

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

package/dist/constants.d.ts

@@ -1,15 +0,0 @@
-export declare const DISCOVERY_CONFIRMATION_THRESHOLD = 100;
-export declare const EXCLUDED_TEMPLATE_IDS: string[];
-export declare const DIALOG_DIMENSIONS: {
-    width: string;
-    height: string;
-};
-export declare const STEP_STATES: {
-    readonly COMPLETED: "completed";
-    readonly CURRENT: "current";
-    readonly PENDING: "pending";
-};
-export declare const STORAGE_KEYS: {
-    readonly TRANSLATION_PROVIDER: "editor.translationProvider";
-};
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAGpD,eAAO,MAAM,qBAAqB,UAEjC,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC;AAGF,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAGX,eAAO,MAAM,YAAY;;CAEf,CAAC"}

package/dist/constants.js

@@ -1,21 +0,0 @@
-// Discovery configuration
-export const DISCOVERY_CONFIRMATION_THRESHOLD = 100; // Pause every N subitems
-// Template IDs to exclude from translation
-export const EXCLUDED_TEMPLATE_IDS = [
-    "de8bfdac-5f9f-40c3-a680-2fce9997ae28" // System template ID
-];
-// Dialog dimensions
-export const DIALOG_DIMENSIONS = {
-    width: "75vw",
-    height: "75vh"
-};
-// Step progress indicators
-export const STEP_STATES = {
-    COMPLETED: "completed",
-    CURRENT: "current",
-    PENDING: "pending"
-};
-// Local storage keys
-export const STORAGE_KEYS = {
-    TRANSLATION_PROVIDER: "editor.translationProvider"
-};

package/dist/steps/MetadataInputStep.d.ts

@@ -1,4 +0,0 @@
-import { TranslationStepProps } from "./types";
-/** Example Step for metadata input testing */
-export declare function MetadataInputStep({ stepIndex, isActive, data, setData, onStepCompleted, }: TranslationStepProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MetadataInputStep.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MetadataInputStep.d.ts","sourceRoot":"","sources":["../../src/steps/MetadataInputStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,8CAA8C;AAC9C,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAe,EACf,IAAI,EACJ,OAAO,EACP,eAAe,GAChB,EAAE,oBAAoB,2CA8EtB"}

package/dist/steps/MetadataInputStep.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-/** Example Step for metadata input testing */
-export function MetadataInputStep({ stepIndex, isActive = true, data, setData, onStepCompleted, }) {
-    // Convert Map<string, Map<string, string>> to a flat object for local state management
-    const [itemMetadata, setItemMetadata] = useState(() => {
-        const result = {};
-        data.itemMetadata.forEach((languageMap, itemId) => {
-            result[itemId] = Object.fromEntries(languageMap);
-        });
-        return result;
-    });
-    const allItems = data.includeSubitems ? data.discoveredItems : data.items;
-    const handleMetadataChange = (itemId, language, metadata) => {
-        const updated = {
-            ...itemMetadata,
-            [itemId]: {
-                ...(itemMetadata[itemId] || {}),
-                [language]: metadata
-            }
-        };
-        setItemMetadata(updated);
-        // Convert back to Map structure for wizard data
-        const metadataMap = new Map();
-        Object.entries(updated).forEach(([itemId, languageMap]) => {
-            metadataMap.set(itemId, new Map(Object.entries(languageMap)));
-        });
-        setData({ ...data, itemMetadata: metadataMap });
-        console.log('Updated itemMetadata:', metadataMap);
-    };
-    // Data is saved automatically on change
-    useEffect(() => {
-        // Only update completion when this step is active
-        if (!isActive)
-            return;
-        // Mark step as completed since metadata is optional
-        onStepCompleted(true);
-    }, [isActive, onStepCompleted]); // Check when active state changes
-    // No footer actions needed since data is saved automatically
-    return (_jsxs("div", { className: "flex flex-col gap-4 p-6", "data-testid": "metadata-input-step", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold text-[var(--color-dark)] mb-2", children: "Enter Metadata Per Item Per Language" }), _jsx("p", { className: "text-sm text-[var(--color-gray-2)]", children: "Provide custom metadata for each item and language combination (optional)." })] }), _jsx("div", { className: "max-h-64 overflow-y-auto space-y-4", "data-testid": "metadata-input-container", children: allItems.map((item) => (_jsxs("div", { className: "border border-[var(--color-gray-3)] rounded-lg p-4 bg-background shadow-sm", "data-testid": `metadata-item-${item.id}`, children: [_jsx("label", { className: "block text-sm font-medium text-[var(--color-dark)] mb-3", "data-testid": `metadata-item-label-${item.id}`, children: item.name || item.id }), data.targetLanguages?.map((language) => (_jsxs("div", { className: "mb-3", "data-testid": `metadata-field-${item.id}-${language}`, children: [_jsxs("label", { className: "block text-xs font-medium mb-1.5 text-[var(--color-gray-2)]", "data-testid": `metadata-language-label-${item.id}-${language}`, children: [language.toUpperCase(), ":"] }), _jsx("textarea", { className: "w-full border border-[var(--color-gray-3)] rounded-md p-2.5 text-sm bg-[var(--color-gray-5)] text-[var(--color-dark)] focus:outline-none focus:ring-2 focus:ring-[#9650fb] focus:border-[#9650fb] transition-colors", rows: 2, value: itemMetadata[item.id]?.[language] || "", onChange: (e) => handleMetadataChange(item.id, language, e.target.value), placeholder: `Enter metadata for ${language}...`, "data-testid": `metadata-textarea-${item.id}-${language}` })] }, `${item.id}-${language}`)))] }, item.id))) })] }));
-}

package/dist/steps/SubitemDiscoveryStep.d.ts

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

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

@@ -1 +0,0 @@
-{"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,2CAga5L"}

package/dist/steps/SubitemDiscoveryStep.js

@@ -1,313 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState, useRef, useMemo, useCallback } from "react";
-import { Button, PerfectTree } from "@parhelia/core";
-import { convertFullItemToStub, convertStubToFullItem } from "@parhelia/core";
-import { discoverItemsTree, convertBackendTreeToTreeNodes, flattenSelectableItemsFromBackendTrees } from "../api/discovery";
-// We need to implement a basic Spinner component since it's not in core
-const Spinner = ({ ...props }) => (_jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[#9650fb]", ...props }));
-export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData, editContext, onStepCompleted, setBeforeNextCallback, setFooterActions, requestClose }) {
-    // Core state - simplified
-    const [isDiscovering, setIsDiscovering] = useState(false);
-    const [discoveryComplete, setDiscoveryComplete] = useState(false);
-    const [selectedItemIds, setSelectedItemIds] = useState(new Set());
-    const [treeNodes, setTreeNodes] = useState([]);
-    const [allDiscoveredItems, setAllDiscoveredItems] = useState([]);
-    const [userHasInteracted, setUserHasInteracted] = useState(false);
-    const [discoveredCount, setDiscoveredCount] = useState(0);
-    const [totalItemsCount, setTotalItemsCount] = useState(0);
-    const [treeInitialized, setTreeInitialized] = useState(false);
-    const [expandedIds, setExpandedIds] = useState(new Set());
-    // Refs for async safety
-    const isMountedRef = useRef(true);
-    const inFlightRef = useRef(false);
-    const shiftToggleRef = useRef(false);
-    // Cleanup
-    useEffect(() => {
-        isMountedRef.current = true;
-        return () => { isMountedRef.current = false; };
-    }, []);
-    // Commit callback - simplified
-    useEffect(() => {
-        const commit = async () => {
-            const selectedItems = allDiscoveredItems.filter(item => selectedItemIds.has(item.id));
-            const convertedItems = selectedItems.map(convertStubToFullItem);
-            setData({ ...data, discoveredItems: convertedItems });
-            return true;
-        };
-        setBeforeNextCallback?.(commit);
-    }, [setBeforeNextCallback, allDiscoveredItems, selectedItemIds, setData, data]);
-    // Initialize discovery or simple display
-    useEffect(() => {
-        if (!data.includeSubitems) {
-            // Simple mode: just show base items
-            const stubs = data.items.map(convertFullItemToStub);
-            setAllDiscoveredItems(stubs);
-            setDiscoveredCount(stubs.length);
-            const nodes = buildTreeNodes(stubs);
-            setTreeNodes(nodes);
-            setExpandedIds(new Set(nodes.map(n => n.key)));
-            const countItems = (nodeList) => {
-                let total = 0;
-                const walk = (nodeList) => {
-                    nodeList.forEach(node => {
-                        total++;
-                        if (node.children)
-                            walk(node.children);
-                    });
-                };
-                walk(nodeList);
-                return total;
-            };
-            setTotalItemsCount(countItems(nodes));
-            setDiscoveryComplete(true);
-            setTreeInitialized(true);
-            return;
-        }
-        // Discovery mode: fetch tree from backend
-        if (inFlightRef.current)
-            return;
-        inFlightRef.current = true;
-        const runDiscovery = async () => {
-            setIsDiscovering(true);
-            try {
-                const rootIds = data.items.map(i => i.descriptor.id);
-                const resp = await discoverItemsTree({
-                    rootItemIds: rootIds,
-                    language: editContext?.item?.language ??
-                        editContext?.currentItemDescriptor?.language ??
-                        "en",
-                }, editContext.sessionId ?? undefined);
-                if (!isMountedRef.current)
-                    return;
-                const items = flattenSelectableItemsFromBackendTrees(resp.trees);
-                const language = editContext?.item?.language ??
-                    editContext?.currentItemDescriptor?.language ??
-                    "en";
-                const stubs = items.map(x => ({
-                    id: x.id,
-                    name: x.name,
-                    path: x.path,
-                    parentId: "",
-                    idPath: "",
-                    database: "master",
-                    descriptor: { id: x.id, language, version: 0 },
-                    icon: "",
-                    largeIcon: "",
-                    templateId: "",
-                    templateName: "",
-                    hasLayout: false,
-                    hasChildren: x.hasChildren,
-                    versions: 0,
-                    language,
-                    version: 0,
-                }));
-                setAllDiscoveredItems(stubs);
-                setDiscoveredCount(stubs.length);
-                const nodes = convertBackendTreeToTreeNodes(resp.trees);
-                setTreeNodes(nodes);
-                setExpandedIds(new Set(nodes.map(n => n.key)));
-                const countItems = (nodeList) => {
-                    let total = 0;
-                    const walk = (nodeList) => {
-                        nodeList.forEach(node => {
-                            total++;
-                            if (node.children)
-                                walk(node.children);
-                        });
-                    };
-                    walk(nodeList);
-                    return total;
-                };
-                setTotalItemsCount(countItems(nodes));
-                setDiscoveryComplete(true);
-                setTreeInitialized(true);
-            }
-            catch (error) {
-                console.error("Discovery error:", error);
-            }
-            finally {
-                if (isMountedRef.current)
-                    setIsDiscovering(false);
-                inFlightRef.current = false;
-            }
-        };
-        runDiscovery();
-    }, [data.items, data.includeSubitems, editContext]);
-    // Set initial selection when tree is ready
-    useEffect(() => {
-        if (!isActive || !discoveryComplete || treeNodes.length === 0 || userHasInteracted)
-            return;
-        let initialSelection;
-        if (data.discoveredItems?.length > 0) {
-            // Restore previous selection
-            initialSelection = new Set(data.discoveredItems.map(item => item.descriptor.id));
-        }
-        else {
-            // Default: select all selectable items in the tree
-            const allSelectableIds = new Set();
-            const walk = (nodes) => {
-                nodes.forEach(node => {
-                    if (node?.data?.isFolder !== true) {
-                        allSelectableIds.add(node.key);
-                    }
-                    if (node.children)
-                        walk(node.children);
-                });
-            };
-            walk(treeNodes);
-            initialSelection = allSelectableIds;
-        }
-        setSelectedItemIds(initialSelection);
-    }, [isActive, discoveryComplete, treeNodes, data.discoveredItems, userHasInteracted]);
-    // Update completion status
-    useEffect(() => {
-        if (isActive && discoveryComplete) {
-            onStepCompleted(selectedItemIds.size > 0);
-        }
-    }, [isActive, discoveryComplete, selectedItemIds.size, onStepCompleted]);
-    const buildTreeNodes = useCallback((items) => {
-        // Fallback: Build simple tree from items for non-subitem discovery
-        const itemMap = new Map();
-        const childrenMap = new Map();
-        items.forEach(item => {
-            itemMap.set(item.id, item);
-            if (item.parentId) {
-                if (!childrenMap.has(item.parentId))
-                    childrenMap.set(item.parentId, []);
-                childrenMap.get(item.parentId).push(item);
-            }
-        });
-        const buildNode = (item) => ({
-            key: item.id,
-            label: item.name || item.id,
-            data: { id: item.id, name: item.name, path: item.path, isFolder: item.hasLayout !== true, hasChildren: item.hasChildren },
-            children: (childrenMap.get(item.id) || []).map(buildNode)
-        });
-        const originalItemIds = new Set(data.items.map(item => item.descriptor.id));
-        const rootItems = items.filter(item => !item.parentId || !itemMap.has(item.parentId) || originalItemIds.has(item.id));
-        return rootItems.map(buildNode);
-    }, [data.items]);
-    // PerfectTree integrations
-    const expandedKeys = useMemo(() => Array.from(expandedIds), [expandedIds]);
-    const selectedKeys = useMemo(() => Array.from(selectedItemIds), [selectedItemIds]);
-    const getDescendantIds = (nodeKey) => {
-        const findNode = (nodes) => {
-            for (const node of nodes) {
-                if (node.key === nodeKey)
-                    return node;
-                if (node.children) {
-                    const found = findNode(node.children);
-                    if (found)
-                        return found;
-                }
-            }
-            return null;
-        };
-        const node = findNode(treeNodes);
-        if (!node?.children)
-            return [];
-        const descendants = [];
-        const traverse = (children) => {
-            children.forEach(child => {
-                descendants.push(child.key);
-                if (child.children)
-                    traverse(child.children);
-            });
-        };
-        traverse(node.children);
-        return descendants;
-    };
-    const handleCancel = () => {
-        // Simplified cancel - just stop discovery
-        inFlightRef.current = false;
-        setIsDiscovering(false);
-        setDiscoveryComplete(true);
-    };
-    const showDiscoveryStatus = isDiscovering || !discoveryComplete;
-    return (_jsx("div", { className: "flex h-full min-h-0 flex-col gap-4 p-6", "data-testid": "subitem-discovery-step", children: _jsxs("div", { className: "flex min-h-0 w-full min-w-0 flex-1 flex-col rounded-lg border border-[var(--color-gray-3)] bg-background p-4 shadow-sm", "data-testid": "discovery-status-container", children: [showDiscoveryStatus && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isDiscovering && _jsx(Spinner, { "data-testid": "discovery-spinner" }), _jsx("span", { className: "font-medium text-[var(--color-dark)]", "data-testid": "discovery-status-text", children: isDiscovering ? 'Discovering subitems...' : 'Ready to discover' })] }), isDiscovering && (_jsx(Button, { size: "sm", variant: "outline", onClick: handleCancel, "data-testid": "discovery-cancel-button", children: "Cancel" }))] }), _jsx("div", { className: "mb-3 text-sm text-[var(--color-gray-2)]", "data-testid": "discovery-summary", children: discoveredCount > 0 ? (_jsxs("p", { "data-testid": "discovery-total-count", children: [_jsxs("span", { className: "font-medium text-[#9650fb]", children: [totalItemsCount, " total items found"] }), _jsx("br", {}), _jsxs("span", { className: "text-xs text-[var(--color-gray-2)]", 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-[var(--color-gray-2)] italic", children: "Item tree will appear when discovery completes" })] }))] })) : (_jsx("p", { className: "text-[var(--color-gray-2)]", children: "No items discovered yet." })) })] })), _jsx("div", { className: showDiscoveryStatus ? "mt-4 flex min-h-0 flex-1 flex-col" : "flex min-h-0 flex-1 flex-col", children: !isDiscovering && discoveryComplete && treeInitialized && allDiscoveredItems.length > 0 && treeNodes.length > 0 ? (_jsxs("div", { className: "flex min-h-0 w-full min-w-0 flex-1 flex-col", "data-testid": "item-selection-section", children: [_jsxs("div", { className: showDiscoveryStatus ? "mb-3 flex flex-col gap-2 border-t border-[var(--color-gray-3)] pt-4" : "mb-3 flex flex-col gap-2", children: [_jsx("h3", { className: "text-lg font-semibold text-[var(--color-dark)]", children: "Select Items to Translate" }), _jsx("span", { className: "text-sm text-[var(--color-gray-2)]", "data-testid": "selection-summary-header", children: selectedItemIds.size > 0 ? _jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-[#9650fb]", children: selectedItemIds.size }), " selected"] }) : "No items selected" }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => {
-                                                    if (!isActive)
-                                                        return;
-                                                    const allIds = new Set();
-                                                    const walk = (nodes) => {
-                                                        nodes.forEach(node => {
-                                                            allIds.add(node.key);
-                                                            if (node.children)
-                                                                walk(node.children);
-                                                        });
-                                                    };
-                                                    walk(treeNodes);
-                                                    setUserHasInteracted(true);
-                                                    setSelectedItemIds(allIds);
-                                                    onStepCompleted(allIds.size > 0);
-                                                }, "data-testid": "select-all-items-button", children: "Select All" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => {
-                                                    if (!isActive)
-                                                        return;
-                                                    setUserHasInteracted(true);
-                                                    setSelectedItemIds(new Set());
-                                                    onStepCompleted(false);
-                                                }, "data-testid": "select-none-items-button", children: "Select None" })] })] }), _jsx("div", { className: "text-xs text-[var(--color-gray-2)] mb-3", "data-testid": "selection-summary", children: _jsx("span", { children: "Tip: Hold Shift and click a checkbox to toggle all descendants." }) }), treeNodes.length > 0 && (_jsx("div", { className: "min-h-0 w-full min-w-0 flex-1 overflow-auto rounded-lg border border-[var(--color-gray-3)] bg-[var(--color-gray-5)]", "data-testid": "item-tree-view", children: _jsx(PerfectTree, { nodes: treeNodes, expandedKeys: expandedKeys, selectedKeys: selectedKeys, onToggleExpand: (key) => {
-                                        setExpandedIds(prev => {
-                                            const next = new Set(prev);
-                                            if (next.has(key))
-                                                next.delete(key);
-                                            else
-                                                next.add(key);
-                                            return next;
-                                        });
-                                    }, onSelect: (key, event) => {
-                                        if (!isActive)
-                                            return; // Don't handle selection when inactive
-                                        setUserHasInteracted(true);
-                                        const targetNode = key;
-                                        const shift = event?.shiftKey === true;
-                                        const next = new Set(selectedItemIds);
-                                        const findNode = (nodes) => {
-                                            for (const n of nodes) {
-                                                if (n.key === targetNode)
-                                                    return n;
-                                                if (n.children) {
-                                                    const f = findNode(n.children);
-                                                    if (f)
-                                                        return f;
-                                                }
-                                            }
-                                            return null;
-                                        };
-                                        const n = findNode(treeNodes);
-                                        if (!n)
-                                            return;
-                                        const ids = shift ? [key, ...getDescendantIds(key)] : [key];
-                                        if (!next.has(key))
-                                            ids.forEach((id) => next.add(id));
-                                        else
-                                            ids.forEach((id) => next.delete(id));
-                                        setSelectedItemIds(next);
-                                        // Update completion when user changes selection
-                                        onStepCompleted(next.size > 0);
-                                    }, renderNode: (node) => {
-                                        const isChecked = selectedItemIds.has(node.key);
-                                        const icon = node?.data?.icon;
-                                        return (_jsxs("div", { className: "flex items-center gap-2", children: [icon && (_jsx("img", { src: icon, alt: "", className: "w-4 h-4" })), _jsx("input", { type: "checkbox", checked: isChecked, "data-testid": `tree-item-checkbox-${node.key}`, onMouseDown: (e) => {
-                                                        shiftToggleRef.current = e.shiftKey;
-                                                    }, onChange: (e) => {
-                                                        if (!isActive)
-                                                            return;
-                                                        setUserHasInteracted(true);
-                                                        const next = new Set(selectedItemIds);
-                                                        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));
-                                                        else
-                                                            ids.forEach((id) => next.delete(id));
-                                                        setSelectedItemIds(next);
-                                                        shiftToggleRef.current = false;
-                                                        // Update completion when user changes selection
-                                                        onStepCompleted(next.size > 0);
-                                                    } }), _jsx("span", { children: node.label })] }));
-                                    } }) }))] })) : isDiscovering ? (
-                    // Loading skeleton for discovery results
-                    _jsxs("div", { className: "flex w-full min-w-0 flex-col", children: [_jsx("div", { className: "p-3 bg-[#f6eeff] border border-[#9650fb]/20 rounded-lg mb-4", children: _jsx("div", { className: "h-4 bg-[#9650fb]/20 rounded w-64 animate-pulse" }) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col border-t border-[var(--color-gray-3)] pt-4", children: [_jsxs("div", { className: "mb-3 flex flex-col gap-2", children: [_jsx("div", { className: "h-6 bg-[var(--color-gray-3)] rounded w-48 animate-pulse" }), _jsx("div", { className: "h-4 bg-[var(--color-gray-3)] rounded w-40 animate-pulse" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("div", { className: "h-8 bg-[var(--color-gray-3)] rounded w-20 animate-pulse" }), _jsx("div", { className: "h-8 bg-[var(--color-gray-3)] rounded w-20 animate-pulse" })] })] }), _jsx("div", { className: "h-4 bg-[var(--color-gray-3)] rounded w-64 mb-3 animate-pulse" }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto rounded-lg border border-[var(--color-gray-3)] bg-[var(--color-gray-5)]", children: _jsx("div", { className: "p-3 space-y-2", children: [...Array(8)].map((_, i) => (_jsxs("div", { className: "flex items-center gap-3 animate-pulse", children: [_jsx("div", { className: "h-4 w-4 bg-[var(--color-gray-3)] rounded" }), _jsx("div", { className: "h-4 bg-[var(--color-gray-3)] rounded w-48" })] }, i))) }) })] })] })) : (
-                    // Empty state
-                    _jsx("div", { className: "flex h-80 shrink-0 items-center justify-center overflow-auto rounded-lg border border-[var(--color-gray-3)] bg-[var(--color-gray-5)]", children: _jsxs("div", { className: "text-center text-[var(--color-gray-2)]", children: [_jsx("p", { className: "font-medium text-[var(--color-gray-1)]", children: "Ready to discover subitems" }), _jsx("p", { className: "text-sm mt-1", children: "Discovery will start automatically" })] }) })) })] }) }));
-}

package/dist/steps/index.d.ts

@@ -1,5 +0,0 @@
-export { ServiceLanguageSelectionStep } from "./ServiceLanguageSelectionStep";
-export { SubitemDiscoveryStep } from "./SubitemDiscoveryStep";
-export { MetadataInputStep } from "./MetadataInputStep";
-export * from "./types";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,SAAS,CAAC"}

package/dist/steps/index.js

@@ -1,4 +0,0 @@
-export { ServiceLanguageSelectionStep } from "./ServiceLanguageSelectionStep";
-export { SubitemDiscoveryStep } from "./SubitemDiscoveryStep";
-export { MetadataInputStep } from "./MetadataInputStep";
-export * from "./types";

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

@@ -1,8 +0,0 @@
-import "react-json-view-lite/dist/index.css";
-interface BatchTranslationViewProps {
-    batchId: string;
-    onBack?: () => void;
-}
-export declare function BatchTranslationView({ batchId, onBack, }: BatchTranslationViewProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BatchTranslationView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BatchTranslationView.d.ts","sourceRoot":"","sources":["../../src/translation-center/BatchTranslationView.tsx"],"names":[],"mappings":"AA4CA,OAAO,qCAAqC,CAAC;AA4C7C,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAwED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,GACP,EAAE,yBAAyB,2CAmoD3B"}