@parhelia/localization 0.1.12910 → 0.1.12912

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

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

package/dist/translation-center/TranslationsTitlebar.js

@@ -1,7 +1,6 @@
-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";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleIconButton, useEditContext } from "@parhelia/core";
+import { SquarePen } from "lucide-react";
 /**
  * TranslationsTitlebar - Titlebar content for the Translation Management workspace.
  * Shows desktop actions for the Translation Management workspace.
@@ -13,13 +12,5 @@ export function TranslationsTitlebar() {
     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) })] }));
+    return (_jsx("div", { className: "flex w-full items-center justify-end gap-3 pr-2", children: _jsx(SimpleIconButton, { icon: _jsx(SquarePen, { className: "h-5 w-5", strokeWidth: 1 }), label: showAgentsWorkspaceEditor ? "Hide Editor" : "Show Editor", size: "large", "data-testid": "translations-editor-panel-toggle", selected: showAgentsWorkspaceEditor, onClick: () => setShowAgentsWorkspaceEditor(!showAgentsWorkspaceEditor) }) }));
 }

package/package.json

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

package/dist/steps/PromptCustomizationStep.d.ts

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

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

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

package/dist/steps/PromptCustomizationStep.js

@@ -1,257 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Input, Select, Spinner, Textarea } from "@parhelia/core";
-import { WizardStepShell } from "./WizardStepShell";
-import { suggestBatchName } from "../api/discovery";
-export function PromptCustomizationStep({ isActive = true, data, setData, onStepCompleted, editContext, }) {
-    const [customPrompt, setCustomPrompt] = useState("");
-    const [customizationType, setCustomizationType] = useState("extend");
-    // Local mirror of the wizard's batch name so typing is responsive.
-    const [batchName, setBatchName] = useState(data.batchName ?? "");
-    const [isSuggesting, setIsSuggesting] = useState(false);
-    // Whether the user has manually edited the name. If so, we never overwrite
-    // it with a fresh AI suggestion.
-    const userTouchedNameRef = useRef(!!data.batchName);
-    const dataRef = useRef(data);
-    useEffect(() => {
-        dataRef.current = data;
-    }, [data]);
-    // Push name changes back into wizard data (debounced via simple equality).
-    useEffect(() => {
-        if ((dataRef.current.batchName ?? "") === batchName)
-            return;
-        setData({ ...dataRef.current, batchName });
-    }, [batchName, setData]);
-    // Auto-suggest a name when the step becomes active and the user hasn't
-    // already provided/edited one. Fires once per item+language combination so
-    // navigating away and back doesn't re-fetch.
-    const lastSuggestionKeyRef = useRef("");
-    const sessionId = editContext?.sessionId;
-    useEffect(() => {
-        if (!isActive)
-            return;
-        if (userTouchedNameRef.current)
-            return;
-        const itemIds = (data.selectionTreeItems && data.selectionTreeItems.length > 0
-            ? data.selectionTreeItems.map((s) => s.descriptor.id)
-            : data.items.map((i) => i.descriptor.id)).filter(Boolean);
-        const langs = [...data.targetLanguages].sort();
-        if (itemIds.length === 0 || langs.length === 0)
-            return;
-        const key = JSON.stringify({ itemIds: [...itemIds].sort(), langs });
-        if (lastSuggestionKeyRef.current === key)
-            return;
-        lastSuggestionKeyRef.current = key;
-        let cancelled = false;
-        setIsSuggesting(true);
-        void (async () => {
-            try {
-                const includeSubitems = !!data.selectionTreeItems?.some((s) => s.includeSubitems);
-                const name = await suggestBatchName({ itemIds, targetLanguages: langs, includeSubitems }, sessionId);
-                if (cancelled || userTouchedNameRef.current)
-                    return;
-                if (name)
-                    setBatchName(name);
-            }
-            finally {
-                if (!cancelled)
-                    setIsSuggesting(false);
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [
-        isActive,
-        sessionId,
-        data.selectionTreeItems,
-        data.items,
-        data.targetLanguages,
-    ]);
-    const customPromptRef = useRef(customPrompt);
-    const customizationTypeRef = useRef(customizationType);
-    const hasInitializedRef = useRef(false);
-    const lastProviderRef = useRef(data.translationProvider);
-    const updateTimerRef = useRef(null);
-    useEffect(() => {
-        customPromptRef.current = customPrompt;
-    }, [customPrompt]);
-    useEffect(() => {
-        customizationTypeRef.current = customizationType;
-    }, [customizationType]);
-    const selectedProvider = useMemo(() => data.translationProviders.find((p) => p.name === data.translationProvider), [data.translationProviders, data.translationProvider]);
-    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;
-    const supportsPromptCustomization = data.translationProvider === "AI";
-    const defaultPrompt = useMemo(() => {
-        const prompt = selectedProvider?.defaultPrompt;
-        return prompt && prompt.trim() ? prompt : null;
-    }, [selectedProvider?.defaultPrompt]);
-    const hasDefaultPrompt = defaultPrompt != null && defaultPrompt.length > 0;
-    useEffect(() => {
-        if (lastProviderRef.current !== data.translationProvider) {
-            hasInitializedRef.current = false;
-            lastProviderRef.current = data.translationProvider;
-        }
-        if (hasInitializedRef.current)
-            return;
-        const nextCustomizationType = serviceData?.promptCustomizationType ||
-            "extend";
-        let nextCustomPrompt = serviceData?.customPrompt || "";
-        if (hasDefaultPrompt &&
-            nextCustomizationType === "extend" &&
-            nextCustomPrompt.startsWith(defaultPrompt || "")) {
-            nextCustomPrompt = nextCustomPrompt.slice((defaultPrompt || "").length);
-            nextCustomPrompt = nextCustomPrompt.replace(/^\s*\n\s*\n?/, "");
-        }
-        if (enableCustomPrompt && serviceData) {
-            setCustomPrompt(nextCustomPrompt);
-            setCustomizationType(nextCustomizationType);
-        }
-        else {
-            setCustomPrompt("");
-            setCustomizationType("extend");
-        }
-        hasInitializedRef.current = true;
-    }, [
-        data.translationProvider,
-        defaultPrompt,
-        enableCustomPrompt,
-        hasDefaultPrompt,
-        serviceData,
-    ]);
-    useEffect(() => {
-        if (!isActive)
-            return;
-        onStepCompleted(!!data.translationProvider);
-    }, [data.translationProvider, isActive, onStepCompleted]);
-    const handleProviderChange = (e) => {
-        const newProvider = e.target.value;
-        const newServiceCustomData = new Map();
-        data.serviceCustomData?.forEach((value, key) => {
-            if (key !== "AI" || newProvider === "AI") {
-                newServiceCustomData.set(key, value);
-            }
-        });
-        const newData = {
-            ...data,
-            translationProvider: newProvider,
-            serviceCustomData: newServiceCustomData,
-        };
-        setData(newData);
-    };
-    const handleCustomPromptToggle = (enabled) => {
-        const newServiceCustomData = new Map(data.serviceCustomData || new Map());
-        if (enabled) {
-            newServiceCustomData.set(data.translationProvider, {
-                enableCustomPrompt: true,
-                customPrompt: "",
-                promptCustomizationType: "extend",
-            });
-        }
-        else {
-            newServiceCustomData.delete(data.translationProvider);
-        }
-        setData({
-            ...data,
-            serviceCustomData: newServiceCustomData,
-        });
-    };
-    const previewPrompt = useMemo(() => {
-        if (!enableCustomPrompt || !customPrompt.trim()) {
-            return defaultPrompt || "";
-        }
-        if (!hasDefaultPrompt) {
-            return customPrompt;
-        }
-        if (customizationType === "replace") {
-            return customPrompt;
-        }
-        return `${defaultPrompt}\n\n${customPrompt}`;
-    }, [
-        customPrompt,
-        customizationType,
-        defaultPrompt,
-        enableCustomPrompt,
-        hasDefaultPrompt,
-    ]);
-    const updateParentData = useCallback(() => {
-        if (!data.translationProvider)
-            return;
-        const trimmedCustomPrompt = customPromptRef.current.trim();
-        const currentCustomizationType = customizationTypeRef.current;
-        const newServiceCustomData = new Map(data.serviceCustomData || new Map());
-        const currentServiceData = data.serviceCustomData?.get(data.translationProvider);
-        if (enableCustomPrompt) {
-            const nextServiceData = {
-                enableCustomPrompt: true,
-                customPrompt: trimmedCustomPrompt,
-                promptCustomizationType: currentCustomizationType,
-            };
-            const isSame = currentServiceData?.enableCustomPrompt === true &&
-                (currentServiceData.customPrompt || "") === trimmedCustomPrompt &&
-                (currentServiceData.promptCustomizationType || "extend") ===
-                    currentCustomizationType;
-            if (isSame)
-                return;
-            newServiceCustomData.set(data.translationProvider, nextServiceData);
-        }
-        else {
-            if (!currentServiceData)
-                return;
-            newServiceCustomData.delete(data.translationProvider);
-        }
-        setData({
-            ...data,
-            serviceCustomData: newServiceCustomData,
-        });
-    }, [data, enableCustomPrompt, setData]);
-    useEffect(() => {
-        if (!isActive || !supportsPromptCustomization)
-            return;
-        if (updateTimerRef.current) {
-            clearTimeout(updateTimerRef.current);
-        }
-        updateTimerRef.current = setTimeout(() => {
-            updateParentData();
-        }, 100);
-        return () => {
-            if (updateTimerRef.current) {
-                clearTimeout(updateTimerRef.current);
-            }
-        };
-    }, [
-        customPrompt,
-        customizationType,
-        isActive,
-        supportsPromptCustomization,
-        updateParentData,
-    ]);
-    return (_jsx(WizardStepShell, { fillHeight: true, testId: "prompt-customization-step", children: _jsxs("div", { className: "mx-auto flex min-h-0 w-full max-w-3xl flex-1 flex-col gap-6 overflow-y-auto", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: "translation-batch-name", className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Name" }), isSuggesting && (_jsx("div", { role: "status", "aria-label": "Suggesting name", className: "text-muted-foreground flex h-3.5 w-3.5 items-center justify-center", children: _jsx(Spinner, { size: "xs" }) }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "A short label for this translation batch." }), _jsx(Input, { id: "translation-batch-name", type: "text", value: batchName, placeholder: "Translation batch", onChange: (e) => {
-                                userTouchedNameRef.current = true;
-                                setBatchName(e.target.value);
-                            }, className: "mt-2", "data-testid": "translation-batch-name-input" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Translation provider" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "\"Create Versions\" will create new language versions without automatic translation." }), _jsx(Select, { value: data.translationProvider || "", onValueChange: (value) => handleProviderChange({
-                                target: { value },
-                            }), options: data.translationProviders.map((provider) => ({
-                                value: provider.name,
-                                label: provider.displayName || provider.name,
-                            })), placeholder: "Select a provider\u2026", size: "sm", className: "mt-2 w-full", "data-testid": "translation-provider-select" })] }), supportsPromptCustomization && (_jsxs(_Fragment, { children: [_jsxs("label", { className: "-mb-2 flex cursor-pointer items-start gap-2.5", children: [_jsx("input", { type: "checkbox", checked: enableCustomPrompt, onChange: (e) => handleCustomPromptToggle(e.target.checked), className: "mt-0.5 h-3.5 w-3.5 rounded border-border-default text-[var(--color-highlight-100)] accent-[var(--color-highlight-100)] focus:ring-[var(--color-highlight-100)]", "data-testid": "enable-custom-prompt-checkbox" }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "block text-[13px] font-medium text-neutral-grey-100", children: "Customize translation prompt" }), _jsx("span", { className: "text-muted-foreground mt-0.5 block text-xs", children: "Override or extend the provider's default instructions." })] })] }), enableCustomPrompt && (_jsxs(_Fragment, { children: [hasDefaultPrompt && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("span", { className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Default prompt" }), _jsx("pre", { className: "mt-2 max-h-40 overflow-y-auto rounded-md bg-neutral-grey-5/70 p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap text-neutral-grey-100", children: defaultPrompt })] }), _jsxs("div", { children: [_jsx("span", { className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Customization type" }), _jsx("div", { className: "mt-2 grid gap-2 sm:grid-cols-2", children: [
-                                                        {
-                                                            value: "extend",
-                                                            title: "Extend",
-                                                            hint: "Append to the default prompt.",
-                                                        },
-                                                        {
-                                                            value: "replace",
-                                                            title: "Replace",
-                                                            hint: "Use the custom prompt only.",
-                                                        },
-                                                    ].map((opt) => {
-                                                        const selected = customizationType === opt.value;
-                                                        return (_jsxs("label", { className: `group flex cursor-pointer items-start gap-2.5 rounded-lg p-2.5 transition-colors ${selected ? "bg-primary/5" : "hover:bg-neutral-grey-5"}`, children: [_jsx("input", { type: "radio", name: "customizationType", value: opt.value, checked: selected, onChange: () => setCustomizationType(opt.value), className: "mt-0.5 h-3.5 w-3.5 border-border-default text-[var(--color-highlight-100)] accent-[var(--color-highlight-100)] focus:ring-[var(--color-highlight-100)]", "data-testid": `customization-type-${opt.value}` }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-medium text-neutral-grey-100", children: opt.title }), _jsx("div", { className: "text-muted-foreground mt-0.5 text-[11px]", children: opt.hint })] })] }, opt.value));
-                                                    }) })] })] })), _jsxs("div", { children: [_jsx("span", { className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Custom prompt" }), _jsx(Textarea, { value: customPrompt, onChange: (e) => setCustomPrompt(e.target.value), className: "mt-2 font-mono", rows: 6, placeholder: "Enter your custom prompt instructions here\u2026", "data-testid": "custom-prompt-textarea" })] }), hasDefaultPrompt && (_jsxs("div", { children: [_jsx("span", { className: "text-[11px] font-bold tracking-wider text-neutral-grey-50 ", children: "Preview" }), _jsx("pre", { className: "mt-2 max-h-52 overflow-y-auto rounded-md bg-neutral-grey-5/70 p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap text-neutral-grey-100", children: previewPrompt })] }))] }))] }))] }) }));
-}