@braze/sanity-plugin-ai-translation 0.2.75 → 0.2.77

package/dist/index.d.ts

@@ -284,7 +284,6 @@ declare interface OpenAIApiCallEvent extends TelemetryEventBase {
       total: number;
       cached: number;
     };
-    cost: number;
     durationMs: number;
   };
 }
@@ -694,8 +693,6 @@ declare interface TranslationJobCompletedEvent extends TelemetryEventBase {
     targetLanguage: string;
     translationMode: TranslationMode;
     durationMs: number;
-    tokensUsed?: number;
-    estimatedCost?: number;
   };
 }
 

package/dist/index.js

@@ -1,6 +1,6 @@
-import { getPublishedId, pathToString, useClient, defineType, defineField, definePlugin } from "sanity";
+import { getPublishedId, pathToString, useClient, useValidationStatus, defineType, defineField, definePlugin } from "sanity";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { WarningOutlineIcon, SyncIcon, SearchIcon, CheckmarkIcon, ErrorOutlineIcon, CircleIcon, ArrowRightIcon, ResetIcon, PanelRightIcon, TranslateIcon } from "@sanity/icons";
+import { WarningOutlineIcon, SyncIcon, SearchIcon, ErrorOutlineIcon, CheckmarkIcon, CircleIcon, ArrowRightIcon, ResetIcon, PanelRightIcon, TranslateIcon } from "@sanity/icons";
 import { createContext, useReducer, useRef, useEffect, useContext, useMemo, useState, useCallback } from "react";
 import defaults from "lodash.defaults";
 import { Card, Stack, Flex, Text, Box, Heading, Button, Spinner, Inline, Checkbox, Grid, Radio, TextInput, Badge, Select, Label, Code, Tooltip } from "@sanity/ui";
@@ -10,6 +10,7 @@ import cloneDeep from "lodash.clonedeep";
 import get from "lodash.get";
 import set from "lodash.set";
 import { useListeningQuery, useOpenInNewPane } from "sanity-plugin-utils";
+import { IntentLink } from "sanity/router";
 const isLoggingEnabled = () => process.env.NEXT_PUBLIC_SANITY_STUDIO_AI_TRANSLATION_PLUGIN_LOGGING === "true" || process.env.SANITY_STUDIO_AI_TRANSLATION_PLUGIN_LOGGING === "true", devLog = {
   info: (message, context) => {
     isLoggingEnabled() && console.info("[AI Translation]", message, context ? JSON.stringify(context, null, 2) : "");
@@ -870,14 +871,11 @@ const fetchTranslationPrompts = async ({
   languageFieldName
 }) => {
   try {
-    const doc = await retryWithBackoff(
-      () => client.fetch("*[_id == $documentId][0]", { documentId }),
-      {
-        maxAttempts: 3,
-        initialDelayMs: 1e3,
-        context: { operation: "localizeReferences.fetchDocument", documentId }
-      }
-    );
+    const doc = await retryWithBackoff(() => client.fetch("*[_id == $documentId][0]", { documentId }), {
+      maxAttempts: 3,
+      initialDelayMs: 1e3,
+      context: { operation: "localizeReferences.fetchDocument", documentId }
+    });
     if (!doc) {
       devLog.error("Document not found", new Error("Document not found"), {
         documentId,
@@ -904,20 +902,19 @@ const fetchTranslationPrompts = async ({
       component: "localizeReferences"
     });
   }
-}, updateReferences = async (documentId, client, refs, sourceLanguage, targetLanguage) => {
+}, updateReferences = async (documentId, client, refs, _sourceLanguage, targetLanguage) => {
   if (!refs?.length)
     return [];
   const refIds = refs.map((r) => getPublishedId(r.value)), translations = await retryWithBackoff(
     () => client.fetch(
       `*[_type == $translationMetadataSchemaType && array::intersects(translations[].value._ref, $refIds)] {
-      "sourceId": translations[_key == $sourceLanguage][0].value._ref,
+      "allSourceRefs": translations[_key != $targetLanguage][].value._ref,
       "targetId": translations[_key == $targetLanguage][0].value._ref,
-      "targetType": translations[_key == $sourceLanguage][0].value -> _type
+      "targetType": translations[_key == $targetLanguage][0].value -> _type
     }`,
       {
         translationMetadataSchemaType: TRANSLATION_METADATA_TYPE,
         refIds,
-        sourceLanguage,
         targetLanguage
       }
     ),
@@ -928,16 +925,21 @@ const fetchTranslationPrompts = async ({
     }
   ), translationMap = /* @__PURE__ */ new Map();
   for (const t of translations)
-    t.sourceId && t.targetId && translationMap.set(t.sourceId, t.targetId);
+    if (t.targetId)
+      for (const sourceRef of t.allSourceRefs ?? [])
+        sourceRef && translationMap.set(sourceRef, { targetId: t.targetId, targetType: t.targetType });
   const patch = client.patch(documentId);
   let hasChanges = !1;
   for (const ref of refs) {
-    const sourceId = getPublishedId(ref.value), newId = translationMap.get(sourceId);
-    newId && (patch.set({ [pathToString(ref.path)]: getPublishedId(newId) }), patch.set({
+    const sourceId = getPublishedId(ref.value), match = translationMap.get(sourceId);
+    if (!match)
+      continue;
+    const newId = getPublishedId(match.targetId);
+    patch.set({ [pathToString(ref.path)]: newId }), patch.set({
       [`${pathToString(ref.path.slice(0, -1))}._strengthenOnPublish`]: {
-        type: translations.find((t) => t.targetId === getPublishedId(newId))?.targetType || void 0
+        type: match.targetType || void 0
       }
-    }), hasChanges = !0);
+    }), hasChanges = !0;
   }
   hasChanges && (await retryWithBackoff(
     async () => {
@@ -1595,7 +1597,7 @@ const globalTransformRegistry = new TransformRegistry(), callGPT5 = async (apiKe
     reasoning: result.usage?.output_tokens_details?.reasoning_tokens || 0,
     total: result.usage?.total_tokens || 0,
     cached: result.usage?.input_tokens_details?.cached_tokens || 0
-  }, cost = calculateCost(tokensUsed, model);
+  };
   let content = "";
   if (result.output && Array.isArray(result.output)) {
     const messageItem = result.output.find((item) => item.type === "message");
@@ -1603,8 +1605,7 @@ const globalTransformRegistry = new TransformRegistry(), callGPT5 = async (apiKe
   }
   return content || (content = result.output_text || result.text || ""), {
     content,
-    tokensUsed,
-    cost
+    tokensUsed
   };
 }, callChatCompletionsAPI = async (apiKey, request) => {
   const model = request.model || "gpt-4o", requestBody = {
@@ -1656,56 +1657,11 @@ const globalTransformRegistry = new TransformRegistry(), callGPT5 = async (apiKe
     reasoning: usage.reasoning_tokens || 0,
     total: usage.total_tokens || 0,
     cached: usage.prompt_tokens_details?.cached_tokens || 0
-  }, cost = calculateCost(tokensUsed, model);
+  };
   return {
     content: result.choices[0].message.content || "",
-    tokensUsed,
-    cost
+    tokensUsed
   };
-}, calculateCost = (tokens, model) => {
-  const pricing = {
-    "gpt-5": {
-      input: 125e-8,
-      output: 1e-5,
-      reasoning: 0
-    },
-    "gpt-5.1": {
-      input: 125e-8,
-      output: 1e-5,
-      reasoning: 0
-    },
-    "gpt-5-mini": {
-      input: 25e-8,
-      output: 2e-6,
-      reasoning: 0
-    },
-    "gpt-5-nano": {
-      input: 50000000000000004e-24,
-      output: 40000000000000003e-23,
-      reasoning: 0
-    },
-    "gpt-5-pro": {
-      input: 15e-6,
-      output: 12e-5,
-      reasoning: 0
-    },
-    "gpt-4o": {
-      input: 25e-7,
-      output: 1e-5,
-      reasoning: 0
-    },
-    "gpt-4-turbo": {
-      input: 1e-5,
-      output: 3e-5,
-      reasoning: 0
-    },
-    "gpt-4": {
-      input: 3e-5,
-      output: 6e-5,
-      reasoning: 0
-    }
-  }, modelPricing = pricing[model] || pricing["gpt-5"], cachedInputRate = model === "gpt-5.1" ? 0.125 / 1e6 : modelPricing.input;
-  return Math.max(0, tokens.prompt - tokens.cached) * modelPricing.input + tokens.cached * cachedInputRate + tokens.completion * modelPricing.output + tokens.reasoning * modelPricing.reasoning;
 }, deserializeDocument = (originalDoc, reviewedText) => {
   devLog.debug("Raw GPT-5 response received", {
     length: reviewedText.length,
@@ -2348,7 +2304,6 @@ const globalTransformRegistry = new TransformRegistry(), callGPT5 = async (apiKe
     openaiResponseContent = response.content, devLog.info("OpenAI translation response received", {
       ...logContext,
       tokensUsed: response.tokensUsed,
-      cost: response.cost,
       responseLength: response.content.length,
       responsePreview: response.content.substring(0, 500)
     });
@@ -2380,13 +2335,8 @@ const globalTransformRegistry = new TransformRegistry(), callGPT5 = async (apiKe
         originalValue: field.originalValue,
         translatedValue: field.translatedValue
       }))
-    })), setJobStatus(dispatch, sourceDocument._id, targetLanguage, "translating_with_openai", {
-      tokensUsed: response.tokensUsed.total,
-      estimatedCost: response.cost
-    }), {
-      document: result,
-      tokensUsed: response.tokensUsed.total,
-      cost: response.cost
+    })), setJobStatus(dispatch, sourceDocument._id, targetLanguage, "translating_with_openai"), {
+      document: result
     };
   } catch (error) {
     const err = error instanceof Error ? error : new Error(String(error));
@@ -2722,7 +2672,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       documentId: sourceDocument._id,
       documentType: sourceDocument._type
     }), documentToTranslate = filteredDocument;
-  let translatedDoc, translationMetrics = {}, previousError = null;
+  let translatedDoc, previousError = null;
   const performTranslation = async (errorContext) => {
     switch (translationMode) {
       case "sanity-only": {
@@ -2782,19 +2732,14 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           telemetryConfig
         });
         return result ? {
-          document: result.document,
-          tokensUsed: result.tokensUsed,
-          cost: result.cost
+          document: result.document
         } : { document: null };
       }
       default:
         throw new Error(`Invalid translation mode: ${translationMode}`);
     }
-  }, translationResult = await performTranslation();
-  if (translatedDoc = translationResult.document, translationMetrics = {
-    tokensUsed: translationResult.tokensUsed,
-    cost: translationResult.cost
-  }, !translatedDoc)
+  };
+  if (translatedDoc = (await performTranslation()).document, !translatedDoc)
     return null;
   let transformedResult;
   Object.keys(originalStructure).length > 0 ? (devLog.debug("Restoring field transforms after translation", {
@@ -2857,13 +2802,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         targetLanguage,
         error: error instanceof Error ? error.message : String(error)
       }), previousError = error instanceof Error ? error : new Error(String(error));
-      const errorContext = `Previous translation attempt failed with Sanity validation error: ${previousError.message}. Please ensure the translated document structure exactly matches the source document structure.`, retryResult = await performTranslation(errorContext);
-      if (translatedDoc = retryResult.document, !translatedDoc)
+      const errorContext = `Previous translation attempt failed with Sanity validation error: ${previousError.message}. Please ensure the translated document structure exactly matches the source document structure.`;
+      if (translatedDoc = (await performTranslation(errorContext)).document, !translatedDoc)
         throw new Error("Translation retry failed: no document returned");
-      translationMetrics = {
-        tokensUsed: retryResult.tokensUsed,
-        cost: retryResult.cost
-      };
       let retryTransformedResult;
       Object.keys(originalStructure).length > 0 ? retryTransformedResult = restoreTransforms({
         translatedDocument: translatedDoc,
@@ -2895,17 +2836,13 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           }
         }
       ), {
-        document: retryNewDoc,
-        tokensUsed: translationMetrics.tokensUsed,
-        cost: translationMetrics.cost
+        document: retryNewDoc
       };
     }
     throw error;
   }
   return {
-    document: newDoc,
-    tokensUsed: translationMetrics.tokensUsed,
-    cost: translationMetrics.cost
+    document: newDoc
   };
 }, translateDocument = async ({
   dispatch,
@@ -2937,7 +2874,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       client,
       sourceDocument,
       sourceLanguage
-    }), existingTranslationId = getExistingTranslationId(translationMetadata, targetLanguage), translationResult = await handleTranslation({
+    }), existingTranslationId = getExistingTranslationId(translationMetadata, targetLanguage), newDocument = (await handleTranslation({
       dispatch,
       client,
       schemaId,
@@ -2954,7 +2891,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       replaceExisting,
       mainSourceDocumentId,
       telemetryConfig
-    }), newDocument = translationResult?.document;
+    }))?.document;
     if (!newDocument) {
       const failureError = new Error("Translation returned null");
       devLog.error("Translation failed: no document returned", failureError, logContext), setJobStatus(
@@ -3005,9 +2942,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       targetLanguage,
       "completed",
       {
-        targetId: newDocument._id,
-        tokensUsed: translationResult?.tokensUsed,
-        estimatedCost: translationResult?.cost
+        targetId: newDocument._id
       },
       mainSourceDocumentId
     ), devLog.info("Translation completed successfully", {
@@ -3022,9 +2957,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         sourceLanguage,
         targetLanguage,
         translationMode,
-        durationMs: Date.now() - jobStartTime,
-        tokensUsed: translationResult?.tokensUsed,
-        estimatedCost: translationResult?.cost
+        durationMs: Date.now() - jobStartTime
       }
     }), devLog.timeEnd("translateDocument"), devLog.groupEnd(), newDocument._id;
   } catch (error) {
@@ -3342,7 +3275,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       ] })
     ] })
   ] }) });
-}, ActionButtonBar = ({ setIsDialogOpen }) => {
+}, ActionButtonBar = ({ setIsDialogOpen, hasValidationErrors }) => {
   const {
     document,
     config,
@@ -3474,7 +3407,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           tone: "positive",
           size: 2,
           onClick: handleTranslate,
-          disabled: selectedTargetLanguages.length === 0 || !["idle", "completed"].includes(overallStatus) || releaseConfig.mode === "existing" && !releaseConfig.existingReleaseId || isCheckingConflicts,
+          disabled: selectedTargetLanguages.length === 0 || !["idle", "completed"].includes(overallStatus) || releaseConfig.mode === "existing" && !releaseConfig.existingReleaseId || isCheckingConflicts || hasValidationErrors,
           children: isCheckingConflicts ? "Checking..." : "Translate"
         }
       )
@@ -3920,13 +3853,106 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           ] })
         }
       )
+    ] })
+  ] }) });
+}, DocumentValidator = ({ documentId, documentType, onResult }) => {
+  const publishedId = getPublishedId(documentId), { isValidating, validation } = useValidationStatus(publishedId, documentType);
+  return useEffect(() => {
+    const errors = validation.filter((v) => v.level === "error");
+    onResult(documentId, { isValidating, errors });
+  }, [isValidating, validation, documentId, onResult]), null;
+}, ValidationPanel = ({ onValidationChange }) => {
+  const { document, references, selectedReferenceIds, shouldTranslateReferences } = useTranslationContext(), [results, setResults] = useState(/* @__PURE__ */ new Map()), documentsToValidate = useMemo(() => {
+    const docs = [
+      {
+        _id: document._id,
+        _type: document._type,
+        title: document.title || document.name || document._id
+      }
+    ];
+    if (shouldTranslateReferences)
+      for (const ref of references)
+        selectedReferenceIds.has(ref._id) && docs.push(ref);
+    return docs;
+  }, [document, references, selectedReferenceIds, shouldTranslateReferences]), handleResult = useCallback((id, result) => {
+    setResults((prev) => {
+      const next = new Map(prev);
+      return next.set(id, result), next;
+    });
+  }, []), { shouldBlock, someStillValidating, documentsWithErrors } = useMemo(() => {
+    const allValidated = documentsToValidate.every((doc) => results.has(doc._id)), validating = [...results.values()].some((r) => r.isValidating) || !allValidated, docsWithErrors = [];
+    for (const doc of documentsToValidate) {
+      const result = results.get(doc._id);
+      result && result.errors.length > 0 && docsWithErrors.push({ ...doc, errors: result.errors });
+    }
+    const hasErrors = docsWithErrors.length > 0;
+    return {
+      shouldBlock: validating || hasErrors,
+      someStillValidating: validating,
+      documentsWithErrors: docsWithErrors
+    };
+  }, [documentsToValidate, results]);
+  useEffect(() => {
+    onValidationChange(shouldBlock);
+  }, [shouldBlock, onValidationChange]), useEffect(() => {
+    documentsWithErrors.length > 0 && devLog.warn("Documents have validation errors that block translation", {
+      documentsWithErrors: documentsWithErrors.map((d) => ({
+        id: d._id,
+        type: d._type,
+        errorCount: d.errors.length
+      })),
+      component: "ValidationPanel"
+    });
+  }, [documentsWithErrors]);
+  const totalErrors = useMemo(
+    () => documentsWithErrors.reduce((sum, doc) => sum + doc.errors.length, 0),
+    [documentsWithErrors]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    documentsToValidate.map((doc) => /* @__PURE__ */ jsx(DocumentValidator, { documentId: doc._id, documentType: doc._type, onResult: handleResult }, doc._id)),
+    someStillValidating && documentsWithErrors.length === 0 && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, padding: 2, children: [
+      /* @__PURE__ */ jsx(Spinner, { muted: !0 }),
+      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Validating documents\u2026" })
     ] }),
-    translationMode !== "sanity-only" && /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 3, border: !0, children: /* @__PURE__ */ jsxs(Text, { size: 1, children: [
-      "\u{1F4B0} ",
-      /* @__PURE__ */ jsx("strong", { children: "OpenAI costs apply:" }),
-      " You'll be charged for API usage based on tokens processed."
+    documentsWithErrors.length > 0 && /* @__PURE__ */ jsx(Card, { tone: "critical", padding: 4, border: !0, radius: 2, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}) }),
+        /* @__PURE__ */ jsxs(Text, { weight: "semibold", children: [
+          totalErrors,
+          " validation error",
+          totalErrors !== 1 ? "s" : "",
+          " found in ",
+          documentsWithErrors.length,
+          " ",
+          "document",
+          documentsWithErrors.length !== 1 ? "s" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: 1, children: "Documents must pass validation before they can be translated. Click a document to open it and fix the errors." }),
+      /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "300px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 3, children: documentsWithErrors.map((doc) => {
+        const publishedId = getPublishedId(doc._id);
+        return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 2, children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, flex: 1, style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(
+              IntentLink,
+              {
+                intent: "edit",
+                params: { id: publishedId, type: doc._type },
+                style: { color: "inherit" },
+                children: doc.title || doc._id
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Badge, { tone: "primary", fontSize: 0, children: doc._type })
+          ] }),
+          /* @__PURE__ */ jsxs(Badge, { tone: "critical", fontSize: 0, children: [
+            doc.errors.length,
+            " error",
+            doc.errors.length !== 1 ? "s" : ""
+          ] })
+        ] }, doc._id);
+      }) }) }) })
     ] }) })
-  ] }) });
+  ] });
 }, assembleReferences = async ({
   client,
   sourceDocument,
@@ -4180,32 +4206,34 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       !isLoadingReferences && references.length > 0 && showSelectionPanel && /* @__PURE__ */ jsx(ReferenceSelectionPanel, {})
     ] }) : null
   ] });
-}, WriteSettingsPanel = () => /* @__PURE__ */ jsx(ReferenceConfigPanel, {}), TranslationConfigView = ({ setIsDialogOpen }) => /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(Label, { children: "Languages" }),
-    /* @__PURE__ */ jsx(LanguageSelectionPanel, {})
-  ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(Label, { children: "Translation Method" }),
-    /* @__PURE__ */ jsx(TranslationModePanel, {})
-  ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(Label, { children: "Content Release" }),
-    /* @__PURE__ */ jsx(ReleaseSelectionPanel, {})
-  ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(Label, { children: "Settings" }),
-    /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, muted: !0, children: /* @__PURE__ */ jsx(WriteSettingsPanel, {}) })
-  ] }),
-  /* @__PURE__ */ jsx(ActionButtonBar, { setIsDialogOpen })
-] }), TERMINAL_STATUSES = ["completed", "skipped", "error"], TranslationStatusPanel = () => {
-  const { overallStatus, translationJobs, translationMode, dispatch, document } = useTranslationContext(), headline = useMemo(() => overallStatus === "completed" ? "Translation completed" : overallStatus === "error" ? "Translation failed" : "Translation in progress", [overallStatus]), jobs = useMemo(() => Array.from(translationJobs.values()), [translationJobs]), isTerminalState = overallStatus === "completed" || overallStatus === "error", handleReset = useCallback(() => {
+}, WriteSettingsPanel = () => /* @__PURE__ */ jsx(ReferenceConfigPanel, {}), TranslationConfigView = ({ setIsDialogOpen }) => {
+  const [hasValidationErrors, setHasValidationErrors] = useState(!0), handleValidationChange = useCallback((shouldBlock) => {
+    setHasValidationErrors(shouldBlock);
+  }, []);
+  return /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsx(Label, { children: "Languages" }),
+      /* @__PURE__ */ jsx(LanguageSelectionPanel, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsx(Label, { children: "Translation Method" }),
+      /* @__PURE__ */ jsx(TranslationModePanel, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsx(Label, { children: "Content Release" }),
+      /* @__PURE__ */ jsx(ReleaseSelectionPanel, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsx(Label, { children: "Settings" }),
+      /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, muted: !0, children: /* @__PURE__ */ jsx(WriteSettingsPanel, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(ValidationPanel, { onValidationChange: handleValidationChange }),
+    /* @__PURE__ */ jsx(ActionButtonBar, { setIsDialogOpen, hasValidationErrors })
+  ] });
+}, TERMINAL_STATUSES = ["completed", "skipped", "error"], TranslationStatusPanel = () => {
+  const { overallStatus, translationJobs, dispatch, document } = useTranslationContext(), headline = useMemo(() => overallStatus === "completed" ? "Translation completed" : overallStatus === "error" ? "Translation failed" : "Translation in progress", [overallStatus]), jobs = useMemo(() => Array.from(translationJobs.values()), [translationJobs]), isTerminalState = overallStatus === "completed" || overallStatus === "error", handleReset = useCallback(() => {
     forceCleanupActiveTranslation(document._id), dispatch({ type: "RESET_TRANSLATION_STATE" });
-  }, [dispatch, document._id]), openaiStats = useMemo(() => {
-    if (translationMode === "sanity-only") return null;
-    const completedJobs = jobs.filter((j) => j.status === "completed"), totalTokens = completedJobs.reduce((sum, job) => sum + (job.tokensUsed || 0), 0), totalCost = completedJobs.reduce((sum, job) => sum + (job.estimatedCost || 0), 0);
-    return { totalTokens, totalCost, jobsWithUsage: completedJobs.filter((j) => j.tokensUsed).length };
-  }, [jobs, translationMode]);
+  }, [dispatch, document._id]);
   return /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
     /* @__PURE__ */ jsx(Heading, { size: 2, children: headline }),
     /* @__PURE__ */ jsx(ProgressBar, { progress: jobs.filter((job) => TERMINAL_STATUSES.includes(job.status)).length, max: jobs.length }),
@@ -4226,12 +4254,6 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
               job._id?.slice(-6) || "unknown"
             ] }),
             !["completed", "skipped", "error"].includes(job.status) && /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: getStatusLabel(job.status) }),
-            job.status === "completed" && job.tokensUsed ? /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
-              job.tokensUsed.toLocaleString(),
-              " tokens (~$",
-              job.estimatedCost?.toFixed(4),
-              ")"
-            ] }) : null,
             job.status === "error" && job.errorMessage ? /* @__PURE__ */ jsx(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, children: [
               "Error: ",
               job.errorMessage
@@ -4253,22 +4275,6 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         ] })
       ] }) }) }, job._id)) }) }) })
     ] }),
-    openaiStats && openaiStats.jobsWithUsage > 0 && /* @__PURE__ */ jsx(Card, { tone: "primary", padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "OpenAI Usage Summary" }),
-      /* @__PURE__ */ jsxs(Inline, { space: 4, children: [
-        /* @__PURE__ */ jsxs(Text, { size: 1, children: [
-          "Total Tokens: ",
-          /* @__PURE__ */ jsx("strong", { children: openaiStats.totalTokens.toLocaleString() })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { size: 1, children: [
-          "Total Cost: ",
-          /* @__PURE__ */ jsxs("strong", { children: [
-            "$",
-            openaiStats.totalCost.toFixed(4)
-          ] })
-        ] })
-      ] })
-    ] }) }),
     isTerminalState && /* @__PURE__ */ jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { mode: "ghost", tone: "primary", text: "Translate More", icon: ResetIcon, onClick: handleReset }) })
   ] });
 }, ProgressBar = ({ progress, max = 100 }) => {