@parhelia/localization 0.1.12468 → 0.1.12470

package/dist/api/discovery.d.ts

@@ -4,6 +4,7 @@ export type DiscoveredItem = {
     path: string;
     parentId?: string | null;
     hasChildren: boolean;
+    hasLayout?: boolean;
 };
 export type TreeNode = {
     key: string;
@@ -15,6 +16,8 @@ export type BackendTreeNode = {
     id: string;
     name: string;
     path: string;
+    hasLayout: boolean;
+    isTranslatable: boolean;
     isFolder: boolean;
     icon?: string;
     children: BackendTreeNode[];
@@ -30,5 +33,5 @@ export type DiscoverItemsTreeResponse = {
 };
 export declare function discoverItemsTree(req: DiscoverItemsTreeRequest, sessionId?: string): Promise<DiscoverItemsTreeResponse>;
 export declare function convertBackendTreeToTreeNodes(trees: BackendTreeNode[]): TreeNode[];
-export declare function flattenSelectableItemsFromBackendTrees(trees: BackendTreeNode[]): DiscoveredItem[];
+export declare function flattenPagesFromBackendTrees(trees: BackendTreeNode[]): DiscoveredItem[];
 //# sourceMappingURL=discovery.d.ts.map

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;CACtB,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,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,sCAAsC,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAQjG"}
+{"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,15 +12,16 @@ export function convertBackendTreeToTreeNodes(trees) {
     const convert = (n) => ({
         key: n.id,
         label: n.name,
-        data: { id: n.id, name: n.name, path: n.path, isFolder: n.isFolder, 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);
 }
-export function flattenSelectableItemsFromBackendTrees(trees) {
+export function flattenPagesFromBackendTrees(trees) {
     const out = [];
     const walk = (n) => {
-        out.push({ id: n.id, name: n.name, path: n.path, hasChildren: (n.children?.length ?? 0) > 0, parentId: undefined });
+        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);
     };
     trees.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;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAatD,OAAO,EACL,mBAAmB,EAGpB,MAAM,gBAAgB,CAAC;AAUxB,QAAA,MAAM,wCAAwC;;;;;;;;;;;;8BAalB,qBAAqB;;CAchD,CAAC;AAEF,QAAA,MAAM,4CAA4C;;;;;;;CAUjD,CAAC;AAkCF,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,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,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,uBAsHpC"}
+{"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;AAatD,OAAO,EACL,mBAAmB,EAGpB,MAAM,gBAAgB,CAAC;AAUxB,QAAA,MAAM,wCAAwC;;;;;;;;;;;;8BAalB,qBAAqB;;CAchD,CAAC;AAEF,QAAA,MAAM,4CAA4C;;;;;;;CAUjD,CAAC;AAkCF,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,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,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,uBAiIpC"}

package/dist/index.js

@@ -6,6 +6,7 @@ import { localizeItemCommand } from "./LocalizeItemCommand";
 import { TranslationSidebar } from "./sidebar/TranslationSidebar";
 import { TranslationManagement } from "./translation-center/TranslationManagement";
 import { RecentTranslations } from "./translation-center/RecentTranslations";
+import { LocalizationSetupStep } from "./setup/LocalizationSetupStep";
 import { TranslationServicesPanel } from "./settings/TranslationServicesPanel";
 import { Languages as LucideLanguages, LayoutGrid as LucideLayoutGrid, Globe as LucideGlobe, } from "lucide-react";
 const LanguagesIcon = LucideLanguages;
@@ -178,10 +179,20 @@ export function configureLocalization(configuration, options) {
         icon: _jsx(LanguagesIcon, { strokeWidth: 1 }),
         content: _jsx(TranslationServicesPanel, {}),
     };
+    const localizationSetupPanel = {
+        id: "localization-setup",
+        title: "Localization Setup",
+        subtitle: "Verify translation services and create provider settings items",
+        icon: _jsx(LanguagesIcon, { strokeWidth: 1 }),
+        content: _jsx(LocalizationSetupStep, {}),
+    };
     const ensureLocalizationPanels = (group) => {
         if (!group.panels.some((p) => p.id === "translation-services")) {
             group.panels.push(translationServicesPanel);
         }
+        if (!group.panels.some((p) => p.id === "localization-setup")) {
+            group.panels.push(localizationSetupPanel);
+        }
     };
     if (localizationGroupIndex >= 0) {
         const group = configuration.settings.groups[localizationGroupIndex];
@@ -195,7 +206,7 @@ export function configureLocalization(configuration, options) {
         const localizationGroup = {
             title: "Localization",
             icon: _jsx(LanguagesIcon, { strokeWidth: 1 }),
-            panels: [translationServicesPanel],
+            panels: [translationServicesPanel, localizationSetupPanel],
         };
         if (aboutIndex >= 0) {
             groups.splice(aboutIndex, 0, localizationGroup);

package/dist/settings/TranslationServicesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationServicesPanel.d.ts","sourceRoot":"","sources":["../../src/settings/TranslationServicesPanel.tsx"],"names":[],"mappings":"AAgEA;;;GAGG;AACH,wBAAgB,wBAAwB,4CAktBvC;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"TranslationServicesPanel.d.ts","sourceRoot":"","sources":["../../src/settings/TranslationServicesPanel.tsx"],"names":[],"mappings":"AA6DA;;;GAGG;AACH,wBAAgB,wBAAwB,4CA+mBvC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/settings/TranslationServicesPanel.js

@@ -1,14 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState, useEffect, } from "react";
 import { Button, useEditContext, Splitter, ItemConfigPanel, } from "@parhelia/core";
-import { CheckCircle as LucideCheckCircle, AlertCircle as LucideAlertCircle, RefreshCw as LucideRefreshCw, Plus as LucidePlus, Settings as LucideSettings, Trash2 as LucideTrash2, } from "lucide-react";
+import { CheckCircle as LucideCheckCircle, AlertCircle as LucideAlertCircle, RefreshCw as LucideRefreshCw, Plus as LucidePlus, Settings as LucideSettings, } from "lucide-react";
 import { getAvailableTranslationServices, createProviderSettings, getTranslationStructure, ensureTranslationStructure, } from "../services/translationService";
 const CheckCircleIcon = LucideCheckCircle;
 const AlertCircleIcon = LucideAlertCircle;
 const RefreshCwIcon = LucideRefreshCw;
 const PlusIcon = LucidePlus;
 const SettingsIcon = LucideSettings;
-const Trash2Icon = LucideTrash2;
 const DEFAULT_STRUCTURE_SETTINGS = {
     translationFolderPath: "/sitecore/system/Parhelia/Settings/Translation",
     translationFolderTemplateId: "b1e40cfe-6e36-4a0e-a49e-19c10b2127b7",
@@ -119,7 +118,6 @@ export function TranslationServicesPanel() {
                 const serviceStates = availableServices.map((svc) => ({
                     ...svc,
                     creating: false,
-                    deleting: false,
                 }));
                 setServices(serviceStates);
                 setState(availableServices.length === 0 ? "error" : "success");
@@ -195,53 +193,6 @@ export function TranslationServicesPanel() {
             setServices((prev) => prev.map((s) => s.serviceName === serviceName ? { ...s, creating: false } : s));
         }
     }, [editContext, loadData, structureSettings]);
-    const deleteSettings = useCallback(async (service) => {
-        if (!editContext || !service.settingsItemId)
-            return;
-        try {
-            setServices((prev) => prev.map((s) => s.serviceName === service.serviceName
-                ? { ...s, deleting: true }
-                : s));
-            setError(null);
-            const language = editContext.item?.language ??
-                editContext.currentItemDescriptor?.language ??
-                "en";
-            const deleted = await editContext.operations.deleteItems([
-                {
-                    id: service.settingsItemId,
-                    language,
-                    version: 0,
-                },
-            ]);
-            if (deleted) {
-                if (selectedConfigTarget?.key === `service:${service.serviceName}` ||
-                    selectedConfigTarget?.itemId === service.settingsItemId) {
-                    setSelectedConfigTarget(null);
-                }
-                setServices((prev) => prev.map((s) => s.serviceName === service.serviceName
-                    ? {
-                        ...s,
-                        isConfigured: false,
-                        settingsItemId: undefined,
-                        deleting: false,
-                    }
-                    : s));
-                await loadData();
-            }
-            else {
-                setServices((prev) => prev.map((s) => s.serviceName === service.serviceName
-                    ? { ...s, deleting: false }
-                    : s));
-            }
-        }
-        catch (e) {
-            setError(e?.message ||
-                `Failed to delete settings for ${service.displayName || service.serviceName}`);
-            setServices((prev) => prev.map((s) => s.serviceName === service.serviceName
-                ? { ...s, deleting: false }
-                : s));
-        }
-    }, [editContext, loadData, selectedConfigTarget]);
     useEffect(() => {
         loadData();
     }, [loadData]);
@@ -283,7 +234,7 @@ export function TranslationServicesPanel() {
                                         : "border-gray-200 bg-white"}`, children: [_jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [service.isConfigured ? (_jsx(CheckCircleIcon, { className: "h-4 w-4 text-green-600 shrink-0", strokeWidth: 1.5 })) : (_jsx(AlertCircleIcon, { className: "h-4 w-4 text-amber-500 shrink-0", strokeWidth: 1.5 })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-gray-900 truncate", children: service.displayName || service.serviceName }), service.displayName &&
                                                             service.displayName !== service.serviceName && (_jsxs("div", { className: "text-xs text-gray-500 truncate", children: ["Service: ", service.serviceName] })), service.isConfigured &&
                                                             service.supportedLanguages &&
-                                                            service.supportedLanguages.length > 0 && (_jsxs("div", { className: "text-xs text-gray-500 mt-1 truncate", children: ["Languages:", " ", service.supportedLanguages.join(", ")] })), !service.isConfigured && (_jsx("div", { className: "text-xs text-amber-600 mt-1", children: "Not configured" }))] })] }), _jsx("div", { className: "flex items-center gap-2 ml-4 shrink-0", children: service.isConfigured && service.settingsItemId ? (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: isSelected ? "default" : "ghost", onClick: () => handleOpenConfig(service), className: "shrink-0", disabled: service.deleting, children: [_jsx(SettingsIcon, { className: "h-4 w-4", strokeWidth: 1.5 }), editContext?.isMobile ? "" : "Configure"] }), _jsxs(Button, { size: "sm", variant: "ghost", onClick: () => deleteSettings(service), className: "shrink-0 text-red-600 hover:text-red-700", disabled: service.deleting, title: `Delete settings for ${service.displayName || service.serviceName}`, children: [service.deleting ? (_jsx(RefreshCwIcon, { strokeWidth: 1, className: "h-4 w-4 animate-spin" })) : (_jsx(Trash2Icon, { className: "h-4 w-4", strokeWidth: 1.5 })), editContext?.isMobile ? "" : "Delete"] })] })) : (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => createSettings(service.serviceName, service.templateId), disabled: service.creating, title: `Create settings using template: ${service.templateName}`, className: "shrink-0", children: [service.creating ? (_jsx(RefreshCwIcon, { strokeWidth: 1, className: "h-4 w-4 animate-spin" })) : (_jsx(PlusIcon, { strokeWidth: 1.5, className: "h-4 w-4" })), "Create Settings"] })) })] }, service.serviceName));
+                                                            service.supportedLanguages.length > 0 && (_jsxs("div", { className: "text-xs text-gray-500 mt-1 truncate", children: ["Languages:", " ", service.supportedLanguages.join(", ")] })), !service.isConfigured && (_jsx("div", { className: "text-xs text-amber-600 mt-1", children: "Not configured" }))] })] }), _jsx("div", { className: "flex items-center gap-2 ml-4 shrink-0", children: service.isConfigured && service.settingsItemId ? (_jsxs(Button, { size: "sm", variant: isSelected ? "default" : "ghost", onClick: () => handleOpenConfig(service), className: "shrink-0", children: [_jsx(SettingsIcon, { className: "h-4 w-4", strokeWidth: 1.5 }), editContext?.isMobile ? "" : "Configure"] })) : (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => createSettings(service.serviceName, service.templateId), disabled: service.creating, title: `Create settings using template: ${service.templateName}`, className: "shrink-0", children: [service.creating ? (_jsx(RefreshCwIcon, { strokeWidth: 1, className: "h-4 w-4 animate-spin" })) : (_jsx(PlusIcon, { strokeWidth: 1.5, className: "h-4 w-4" })), "Create Settings"] })) })] }, service.serviceName));
                             }) })), error && (_jsx("div", { className: "rounded border border-red-200 bg-red-50 p-3 text-sm text-red-700 whitespace-pre-wrap", children: error }))] }) }) }) }));
     // Build splitter panels - only show config panel when a service is selected
     const panels = selectedConfigTarget?.itemId

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,2CAoa5L"}
+{"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,2CA4f5L"}

package/dist/steps/SubitemDiscoveryStep.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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";
+import { discoverItemsTree, convertBackendTreeToTreeNodes, flattenPagesFromBackendTrees } 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 }) {
@@ -15,6 +15,7 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
     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
@@ -46,19 +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;
+                return { total, translatable };
             };
-            setTotalItemsCount(countItems(nodes));
+            const counts = countItems(nodes);
+            setTotalItemsCount(counts.total);
+            setTranslatableItemsCount(counts.translatable);
             setDiscoveryComplete(true);
             setTreeInitialized(true);
             return;
@@ -79,11 +87,11 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                 }, editContext.sessionId ?? undefined);
                 if (!isMountedRef.current)
                     return;
-                const items = flattenSelectableItemsFromBackendTrees(resp.trees);
+                const pages = flattenPagesFromBackendTrees(resp.trees);
                 const language = editContext?.item?.language ??
                     editContext?.currentItemDescriptor?.language ??
                     "en";
-                const stubs = items.map(x => ({
+                const stubs = pages.map(x => ({
                     id: x.id,
                     name: x.name,
                     path: x.path,
@@ -106,19 +114,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;
+                    return { total, translatable };
                 };
-                setTotalItemsCount(countItems(nodes));
+                const counts = countItems(nodes);
+                setTotalItemsCount(counts.total);
+                setTranslatableItemsCount(counts.translatable);
                 setDiscoveryComplete(true);
                 setTreeInitialized(true);
             }
@@ -143,19 +158,19 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
             initialSelection = new Set(data.discoveredItems.map(item => item.descriptor.id));
         }
         else {
-            // Default: select all selectable items in the tree
-            const allSelectableIds = new Set();
+            // Default: select all translatable items in the tree
+            const allTranslatableIds = new Set();
             const walk = (nodes) => {
                 nodes.forEach(node => {
-                    if (node?.data?.isFolder !== true) {
-                        allSelectableIds.add(node.key);
+                    if (node?.data?.isTranslatable) {
+                        allTranslatableIds.add(node.key);
                     }
                     if (node.children)
                         walk(node.children);
                 });
             };
             walk(treeNodes);
-            initialSelection = allSelectableIds;
+            initialSelection = allTranslatableIds;
         }
         setSelectedItemIds(initialSelection);
     }, [isActive, discoveryComplete, treeNodes, data.discoveredItems, userHasInteracted]);
@@ -180,7 +195,7 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
         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 },
+            data: { id: item.id, name: item.name, path: item.path, hasChildren: item.hasChildren },
             children: (childrenMap.get(item.id) || []).map(buildNode)
         });
         const originalItemIds = new Set(data.items.map(item => item.descriptor.id));
@@ -190,6 +205,8 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
     // PerfectTree integrations
     const expandedKeys = useMemo(() => Array.from(expandedIds), [expandedIds]);
     const selectedKeys = useMemo(() => Array.from(selectedItemIds), [selectedItemIds]);
+    // Memoize base item IDs for checkbox rendering
+    const baseItemIdsForCheckbox = useMemo(() => new Set(data.items.map(item => item.descriptor.id)), [data.items]);
     const getDescendantIds = (nodeKey) => {
         const findNode = (nodes) => {
             for (const node of nodes) {
@@ -217,6 +234,35 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
         traverse(node.children);
         return descendants;
     };
+    const getDescendantTranslatableIds = (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 root = findNode(treeNodes);
+        if (!root?.children)
+            return [];
+        const out = [];
+        const walk = (children) => {
+            children.forEach(child => {
+                const isTranslatable = child?.data?.isTranslatable === true;
+                if (isTranslatable)
+                    out.push(child.key);
+                if (child.children)
+                    walk(child.children);
+            });
+        };
+        walk(root.children);
+        return out;
+    };
     const handleCancel = () => {
         // Simplified cancel - just stop discovery
         inFlightRef.current = false;
@@ -225,21 +271,24 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
     };
     return (_jsxs("div", { className: "flex min-h-0 flex-col gap-4 p-6", "data-testid": "subitem-discovery-step", children: [_jsxs("div", { className: "mb-2 shrink-0", children: [_jsx("h3", { className: "text-lg font-semibold text-[var(--color-dark)] mb-1", children: "Discover Subitems" }), _jsx("p", { className: "text-sm text-[var(--color-gray-2)]", children: "Scanning for subitems to include in translation..." })] }), _jsxs("div", { className: "flex w-full min-w-0 shrink-0 flex-col rounded-lg border border-[var(--color-gray-3)] bg-background p-4 shadow-sm", "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 text-[var(--color-dark)]", "data-testid": "discovery-status-text", children: isDiscovering ? 'Discovering subitems...' :
                                             discoveryComplete ? 'Discovery Complete' :
-                                                'Ready to discover' })] }), isDiscovering && (_jsx(Button, { size: "sm", variant: "outline", onClick: handleCancel, "data-testid": "discovery-cancel-button", children: "Cancel" }))] }), _jsx("div", { className: "text-sm text-[var(--color-gray-2)] mb-3", "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: "mt-4 flex flex-col", children: !isDiscovering && discoveryComplete && treeInitialized && allDiscoveredItems.length > 0 && treeNodes.length > 0 ? (_jsxs("div", { className: "flex w-full min-w-0 flex-col", "data-testid": "item-selection-section", children: [_jsxs("div", { className: "mb-3 flex flex-col gap-2 border-t border-[var(--color-gray-3)] pt-4", 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: () => {
+                                                'Ready to discover' })] }), isDiscovering && (_jsx(Button, { size: "sm", variant: "outline", onClick: handleCancel, "data-testid": "discovery-cancel-button", children: "Cancel" }))] }), _jsx("div", { className: "text-sm text-[var(--color-gray-2)] mb-3", "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"] }), totalItemsCount !== translatableItemsCount && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("span", { className: "text-xs text-[var(--color-gray-2)]", children: ["Translatable items: ", translatableItemsCount, " | Non-translatable: ", totalItemsCount - translatableItemsCount] })] })), _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: "mt-4 flex flex-col", children: !isDiscovering && discoveryComplete && treeInitialized && allDiscoveredItems.length > 0 && treeNodes.length > 0 ? (_jsxs("div", { className: "flex w-full min-w-0 flex-col", "data-testid": "item-selection-section", children: [_jsxs("div", { className: "mb-3 flex flex-col gap-2 border-t border-[var(--color-gray-3)] pt-4", 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();
+                                                        // Only select translatable items
+                                                        const translatableIds = new Set();
                                                         const walk = (nodes) => {
                                                             nodes.forEach(node => {
-                                                                allIds.add(node.key);
+                                                                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: "ghost", onClick: () => {
                                                         if (!isActive)
                                                             return;
@@ -262,6 +311,7 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                                             const targetNode = key;
                                             const shift = event?.shiftKey === true;
                                             const next = new Set(selectedItemIds);
+                                            // Only select translatable items
                                             const findNode = (nodes) => {
                                                 for (const n of nodes) {
                                                     if (n.key === targetNode)
@@ -275,37 +325,73 @@ export function SubitemDiscoveryStep({ stepIndex, isActive = true, data, setData
                                                 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));
+                                            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));
+                                                else
+                                                    ids.forEach((id) => next.delete(id));
+                                            }
+                                            else {
+                                                // 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)
+                                                    translatableIds.forEach((id) => next.delete(id));
+                                                else
+                                                    translatableIds.forEach((id) => next.add(id));
+                                            }
                                             setSelectedItemIds(next);
                                             // Update completion when user changes selection
                                             onStepCompleted(next.size > 0);
                                         }, renderNode: (node) => {
-                                            const isChecked = selectedItemIds.has(node.key);
+                                            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 = isTranslatable ? selectedItemIds.has(node.key) : allSelected;
                                             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) => {
+                                            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) => {
+                                                            if (!isTranslatable)
+                                                                return; // Don't handle mouse down for untranslatable items
                                                             shiftToggleRef.current = e.shiftKey;
                                                         }, onChange: (e) => {
-                                                            if (!isActive)
-                                                                return;
+                                                            if (!isActive || !isTranslatable)
+                                                                return; // Don't handle changes when inactive or untranslatable
                                                             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));
+                                                            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));
+                                                                else
+                                                                    ids.forEach((id) => next.delete(id));
+                                                            }
+                                                            else {
+                                                                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));
+                                                                else if (!e.currentTarget.checked && allSel)
+                                                                    ids.forEach((id) => next.delete(id));
+                                                                else {
+                                                                    // Toggle based on current
+                                                                    if (allSel)
+                                                                        ids.forEach((id) => next.delete(id));
+                                                                    else
+                                                                        ids.forEach((id) => next.add(id));
+                                                                }
+                                                            }
                                                             setSelectedItemIds(next);
                                                             shiftToggleRef.current = false;
                                                             // Update completion when user changes selection
                                                             onStepCompleted(next.size > 0);
-                                                        } }), _jsx("span", { children: node.label })] }));
+                                                        } }), _jsx("span", { className: `${!isTranslatable ? 'opacity-70 italic' : ''}`, 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: "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: "border border-[var(--color-gray-3)] rounded-lg h-80 shrink-0 overflow-auto 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))) }) })] })] })) : (

package/package.json

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