@parhelia/localization 0.1.12788 → 0.1.12790

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,31 @@
 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: "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: "flex-1 min-h-0", children: translationBatchesPanel.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: "Translation batches not available" })] }));
+    const panels = [
+        {
+            name: "translation-management",
+            defaultSize: "auto",
+            content: managementContent,
+        },
+    ];
+    if (showEditorPanel) {
+        panels.push({
+            name: "editor-preview",
+            defaultSize: isMobile ? 45 : 500,
+            content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", 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 flex-col bg-[var(--color-gray-5)]", "data-testid": "translation-management", children: showEditorPanel ? (_jsx(Splitter, { panels: panels, direction: isMobile ? "vertical" : "horizontal", localStorageKey: "translation-management.panelSizes" })) : (managementContent) }));
 }

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

@@ -0,0 +1,7 @@
+/**
+ * TranslationsTitlebar - Titlebar content for the Translation Management workspace.
+ * Matches the AI Agents / Tasks titlebar pattern: title + subtitle stacked,
+ * with consistent left padding so it aligns across workspaces.
+ */
+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":"AAQA;;;;GAIG;AACH,wBAAgB,oBAAoB,mDA8CnC"}

package/dist/translation-center/TranslationsTitlebar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SimpleIconButton, useEditContext, cn, } from "@parhelia/core";
+import { SquarePen } from "lucide-react";
+/**
+ * TranslationsTitlebar - Titlebar content for the Translation Management workspace.
+ * Matches the AI Agents / Tasks titlebar pattern: title + subtitle stacked,
+ * with consistent left padding so it aligns across workspaces.
+ */
+export function TranslationsTitlebar() {
+    const editContext = useEditContext();
+    if (!editContext?.workspace)
+        return null;
+    const showSubtitle = !editContext.isMobile;
+    const { showAgentsWorkspaceEditor, setShowAgentsWorkspaceEditor } = editContext;
+    return (_jsxs("div", { className: cn("flex w-full flex-row items-center gap-3 pl-2", editContext.isMobile && "border-b px-1.5 py-1"), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start justify-center leading-tight", "data-testid": "translations-titlebar-identity", children: [_jsx("span", { className: "truncate text-sm font-medium leading-tight text-gray-900", children: "Translation Management" }), showSubtitle && (_jsx("span", { className: "truncate text-[11px] leading-tight text-gray-500", children: "Track and manage content translations" }))] }), !editContext.isMobile && (_jsx("div", { className: "flex shrink-0 items-center gap-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/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.12788",
+  "version": "0.1.12790",
   "type": "module",
   "publishConfig": {
     "access": "public"

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"}