@braze/sanity-plugin-ai-translation 0.3.0 → 0.3.1

package/README.md

@@ -64,7 +64,7 @@ Your Studio must already support internationalized documents.
 
 Required:
 
-- **Sanity Studio v4** (plugin is built for Sanity Studio v4)
+- **Sanity Studio v6.12 or newer** with `@sanity/ui` v4, React 19.2+, and Node.js 22.12+ (the plugin invokes Sanity Functions through Studio's client, which needs `@sanity/client` 8.3+; Studio 6.12 is the first release that bundles it)
 - `@sanity/document-internationalization` configured
 - `sanity-plugin-internationalized-array` installed and configured (used for glossary term translations)
 - `@sanity/client` **7.1.0+** (required for Agent Actions)
@@ -159,6 +159,7 @@ export default defineConfig({
 
 - `schemaId` is usually `'_.schemas.default'` for most projects.
 - `languageFieldName` must match the field your documents use (often `language`).
+- `glossaryDataset` (optional) reads glossary terms from another dataset in the same project. See [`translationGlossaryTerm`](#translationglossaryterm).
 
 ### 3) Add translation history metadata
 
@@ -382,6 +383,19 @@ Conceptual example:
 
 Glossary terms are used to build locale-specific translation instructions.
 
+By default, glossary terms are read from the dataset of the document being translated. To share one glossary across datasets, set `glossaryDataset` to another dataset in the same project:
+
+```typescript
+aiTranslationPlugin({
+  // ...
+  glossaryDataset: "production",
+});
+```
+
+- Terms are read with the editor's existing Studio session, so editors need read access to that dataset.
+- Only glossary terms come from `glossaryDataset`. `translationSettings` (global prompt, locale prompts, protected phrases) is still read from the document's dataset.
+- Nothing is written to either dataset's glossary.
+
 ---
 
 ## Advanced configuration

package/dist/index.d.ts

@@ -1,9 +1,5 @@
-import { ArrayDefinition } from "sanity";
-import { FieldDefinitionBase } from "sanity";
 import { Plugin as Plugin_2 } from "sanity";
 import type { SanityDocument } from "sanity";
-import { WidenInitialValue } from "sanity";
-import { WidenValidation } from "sanity";
 
 /**
  * AI translation plugin for Sanity Studio
@@ -310,7 +306,7 @@ export declare interface PluginConfig {
    * Requires `@sanity/client` 8.1 or newer as Studio's client.
    */
   openai?: {
-    /** Blueprint stack that contains the translation function, e.g. `ST-bfgaj9tnk7`. Required for OpenAI mode. */
+    /** Blueprint stack that contains the translation function, e.g. `ST-xxxxxxxxxx`. Required for OpenAI mode. */
     stackId: string;
     /**
      * Name of the translation function, as declared in the blueprint.
@@ -362,6 +358,17 @@ export declare interface PluginConfig {
    * ```
    */
   unsetFields?: UnsetFieldEntry[];
+  /**
+   * Dataset (in the same project) to read `translationGlossaryTerm` documents from.
+   * Defaults to the dataset of the document being translated.
+   * Translation settings and locale prompts are always read from the document's dataset.
+   *
+   * @example
+   * ```typescript
+   * glossaryDataset: 'production'
+   * ```
+   */
+  glossaryDataset?: string;
   /**
    * Optional telemetry configuration for monitoring translation operations.
    * Provides callbacks for lightweight events and detailed error bundles.
@@ -684,12 +691,51 @@ declare type TranslationErrorType =
  * @public
  */
 export declare const translationHistorySchema: {
-  type: "array";
   name: "translationHistory";
-} & Omit<ArrayDefinition, "preview"> &
-  FieldDefinitionBase &
-  WidenValidation &
-  WidenInitialValue;
+  type: "array";
+  of: {
+    name: string;
+    type: "object";
+    fields: (
+      | {
+          name: "language";
+          title: string;
+          description: string;
+          type: "string";
+        }
+      | {
+          name: "sourceId";
+          title: string;
+          description: string;
+          type: "string";
+        }
+      | {
+          name: "sourceRev";
+          title: string;
+          description: string;
+          type: "string";
+        }
+      | {
+          name: "sourceLanguage";
+          title: string;
+          description: string;
+          type: "string";
+        }
+      | {
+          name: "sourceSnapshot";
+          title: string;
+          description: string;
+          type: "text";
+        }
+      | {
+          name: "targetId";
+          title: string;
+          description: string;
+          type: "string";
+        }
+    )[];
+  }[];
+};
 
 /**
  * Event emitted when an individual translation job completes successfully

package/dist/index.js

@@ -4,7 +4,7 @@ import { WarningOutlineIcon, ErrorOutlineIcon, CheckmarkIcon, SyncIcon, PanelRig
 import { createContext, useEffect, useReducer, useRef, useContext, useMemo, useState, useCallback } from "react";
 import { devLog, retryWithBackoff, isNetworkError, isSanityMutationError } from "./_chunks-es/retry.js";
 import defaults from "lodash.defaults";
-import { Card, Stack, Flex, Text, Box, Heading, Button, Spinner, Badge, Inline, Radio, Checkbox, Grid, TextInput, Select, Label, Code, Tooltip } from "@sanity/ui";
+import { Card, Stack, Flex, Text, Box, Heading, Button, Spinner, Badge, Inline, Radio, Checkbox, Grid, TextInput, Select, Label } from "@sanity/ui";
 import { IntentLink } from "sanity/router";
 import { useOpenInNewPane, useListeningQuery } from "sanity-plugin-utils";
 import { toPlainText } from "@portabletext/react";
@@ -12,6 +12,8 @@ import { uuid } from "@sanity/uuid";
 import cloneDeep from "lodash.clonedeep";
 import get from "lodash.get";
 import set from "lodash.set";
+import { Code } from "@sanity/ui/code";
+import { Tooltip } from "@sanity/ui/tooltip";
 const DEFAULT_TRANSLATION_FUNCTION_NAME = "ai-translation", DEFAULT_MODEL = "gpt-5", TRANSLATION_FUNCTION_TIMEOUT_MS = 9e5, isOpenAIConfigured = (openaiConfig) => !!(openaiConfig?.enabled && typeof openaiConfig.stackId == "string" && openaiConfig.stackId.trim() !== ""), supportsFunctionInvoke = (client) => typeof client.functions?.invoke == "function", toNumber = (value) => typeof value == "number" && Number.isFinite(value) ? value : 0, parseResult = (result, functionName) => {
   const value = result ?? {};
   if (typeof value.content != "string")
@@ -645,7 +647,10 @@ function documentToPlainText(document) {
     ) ? result[key] = toPlainText(value) : result[key] = value;
   return JSON.stringify(result);
 }
-const DEFAULTS = {
+let glossaryDataset;
+const setGlossaryDataset = (dataset) => {
+  glossaryDataset = typeof dataset == "string" && dataset.trim() ? dataset.trim() : void 0;
+}, getGlossaryDataset = () => glossaryDataset, DEFAULTS = {
   windowSlack: 2,
   minTokenMatchRatio: 1,
   stopwords: [
@@ -761,7 +766,11 @@ const fetchTranslationPrompts = async ({
     protectedPhrasesCount: translationSettings2?.protectedPhrases?.length,
     targetLanguages
   });
-  const translationGlossaryTerms = await client.fetch(
+  const glossaryDataset2 = getGlossaryDataset(), glossaryClient = glossaryDataset2 ? client.withConfig({ dataset: glossaryDataset2 }) : client;
+  devLog.debug("Fetching glossary terms", {
+    glossaryDataset: glossaryDataset2 || "document dataset"
+  });
+  const translationGlossaryTerms = await glossaryClient.fetch(
     `*[
         _type == "translationGlossaryTerm"
         && count(translations[_key in $targetLanguages]) > 0
@@ -3096,7 +3105,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   onSkipConflicts
 }) => {
   const uniqueDocuments = useMemo(() => new Set(conflicts.map((c) => c.sourceDocumentId)).size, [conflicts]), nonConflictingCount = totalTranslations - conflicts.length, hasNonConflicting = nonConflictingCount > 0, summaryText = useMemo(() => conflicts.length === 1 ? "1 translation" : uniqueDocuments === 1 ? `${conflicts.length} translations` : `${conflicts.length} translations across ${uniqueDocuments} documents`, [conflicts.length, uniqueDocuments]);
-  return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, radius: 2, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+  return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, radius: 2, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
       /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }),
       /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "This release already contains translations for this content and target language(s)." })
@@ -3106,13 +3115,13 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       summaryText,
       " that will be overwritten if you continue:"
     ] }),
-    /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "500px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 2, children: conflicts.map((conflict) => /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
+    /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "500px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: conflicts.map((conflict) => /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
       conflict.sourceDocumentTitle || conflict.sourceDocumentId,
       conflict.sourceDocumentType && ` (${conflict.sourceDocumentType})`,
       " \u2192 ",
       conflict.targetLanguage
     ] }, conflict.existingVersionId)) }) }) }),
-    /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
       /* @__PURE__ */ jsx(Heading, { size: 0, children: "Choose an action:" }),
       /* @__PURE__ */ jsxs(Text, { size: 1, children: [
         /* @__PURE__ */ jsx("strong", { children: "Cancel" }),
@@ -3358,7 +3367,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   }, [startTranslation, conflictContext]), handleSkipConflicts = useCallback(() => {
     conflictContext && startTranslation(!1, conflictContext.releaseId, conflictContext.conflicts);
   }, [startTranslation, conflictContext]), totalTranslations = useMemo(() => (1 + filteredReferences.length) * selectedTargetLanguages.length, [filteredReferences.length, selectedTargetLanguages.length]);
-  return conflictContext ? /* @__PURE__ */ jsx(Stack, { space: 4, children: /* @__PURE__ */ jsx(
+  return conflictContext ? /* @__PURE__ */ jsx(Stack, { gap: 4, children: /* @__PURE__ */ jsx(
     ReleaseConflictWarning,
     {
       conflicts: conflictContext.conflicts,
@@ -3367,7 +3376,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       onReplace: handleReplaceConflict,
       onSkipConflicts: handleSkipConflicts
     }
-  ) }) : /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+  ) }) : /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
     activeValidators.map((doc) => /* @__PURE__ */ jsx(
       DocumentValidator,
       {
@@ -3391,14 +3400,14 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       " document",
       filteredReferences.length !== 0 ? "s" : ""
     ] }),
-    /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: hasValidationErrors ? "critical" : void 0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: hasValidationErrors ? "critical" : void 0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
         someStillValidating ? /* @__PURE__ */ jsx(Spinner, { muted: !0 }) : hasValidationErrors ? /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}) }) : /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(CheckmarkIcon, {}) }),
         /* @__PURE__ */ jsx(Text, { weight: "semibold", children: someStillValidating ? `Validating documents (${validationResults.size}/${documentsToValidate.length})\u2026` : hasValidationErrors ? `Validation errors in ${documentsWithErrors.length} document${documentsWithErrors.length !== 1 ? "s" : ""}` : "All documents pass validation" })
       ] }),
       documentsWithErrors.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__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) => {
+        /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "300px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 3, children: documentsWithErrors.map((doc) => {
           const publishedId = getPublishedId(doc._id), displayName = doc._id === document._id ? "This document" : doc.title || doc._id, hasUnpublishedChanges = sourceRefDraftIds.has(publishedId);
           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: [
@@ -3426,14 +3435,14 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         }) }) }) })
       ] })
     ] }) }),
-    filteredReferences.length > 0 && /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: sourceRefsWithDrafts.length > 0 ? "caution" : void 0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    filteredReferences.length > 0 && /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: sourceRefsWithDrafts.length > 0 ? "caution" : void 0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
         isSourceDraftCheckLoading ? /* @__PURE__ */ jsx(Spinner, { muted: !0 }) : sourceRefsWithDrafts.length > 0 ? /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }) : /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(CheckmarkIcon, {}) }),
         /* @__PURE__ */ jsx(Text, { weight: "semibold", children: isSourceDraftCheckLoading ? "Checking referenced documents\u2026" : sourceRefsWithDrafts.length > 0 ? `${sourceRefsWithDrafts.length} referenced document${sourceRefsWithDrafts.length !== 1 ? "s have" : " has"} unpublished changes` : "All referenced documents are in sync" })
       ] }),
       sourceRefsWithDrafts.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Text, { size: 1, children: documentSource === "draft" ? 'You are translating from drafts. These unpublished changes will be included in the translation. If this is not intended, go back and switch to "Translate from published".' : 'You are translating from published. Unpublished changes on these documents will be ignored. If you want to include them, go back and switch to "Translate from drafts".' }),
-        /* @__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: sourceRefsWithDrafts.map((ref) => /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 2, children: [
+        /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "300px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 3, children: sourceRefsWithDrafts.map((ref) => /* @__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: ref.title || ref.publishedId }),
             /* @__PURE__ */ jsx(Badge, { tone: "primary", fontSize: 0, children: ref._type })
@@ -3442,14 +3451,14 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         ] }, ref.publishedId)) }) }) })
       ] })
     ] }) }),
-    (isDraftCheckLoading || hasStaleDrafts) && /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: hasStaleDrafts && !draftsDismissed ? "caution" : void 0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    (isDraftCheckLoading || hasStaleDrafts) && /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, radius: 2, tone: hasStaleDrafts && !draftsDismissed ? "caution" : void 0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
         isDraftCheckLoading ? /* @__PURE__ */ jsx(Spinner, { muted: !0 }) : draftsDismissed ? /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(CheckmarkIcon, {}) }) : /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }),
         /* @__PURE__ */ jsx(Text, { weight: "semibold", children: isDraftCheckLoading ? "Checking for stale drafts on target documents\u2026" : draftsDismissed ? "Stale drafts acknowledged" : `${staleDrafts.length} draft${staleDrafts.length !== 1 ? "s" : ""} found on existing translated document${staleDrafts.length !== 1 ? "s" : ""}` })
       ] }),
       hasStaleDrafts && !draftsDismissed && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Text, { size: 1, children: "These existing translations have unpublished changes that will be out-of-date after this translation is completed. Use the links below to either publish each draft or discard the changes." }),
-        /* @__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: staleDrafts.map((draft) => /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 2, children: [
+        /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Box, { style: { maxHeight: "300px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 3, children: staleDrafts.map((draft) => /* @__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: draft.title || draft.targetId }),
             /* @__PURE__ */ jsx(Badge, { tone: "primary", fontSize: 0, children: draft.targetLanguage }),
@@ -3493,17 +3502,16 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   }, [dispatch]);
   return /* @__PURE__ */ jsxs(Flex, { justify: "space-between", gap: 2, children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "flex-start", gap: 2, children: [
-      /* @__PURE__ */ jsx(Button, { mode: "ghost", size: 2, onClick: handleSelectAll, children: "Select All" }),
-      /* @__PURE__ */ jsx(Button, { mode: "ghost", size: 2, onClick: handleSelectNone, children: "Select None" })
+      /* @__PURE__ */ jsx(Button, { mode: "ghost", onClick: handleSelectAll, children: "Select All" }),
+      /* @__PURE__ */ jsx(Button, { mode: "ghost", onClick: handleSelectNone, children: "Select None" })
     ] }),
     /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", gap: 2, children: [
-      /* @__PURE__ */ jsx(Button, { onClick: () => setIsDialogOpen(!1), mode: "ghost", size: 2, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => setIsDialogOpen(!1), mode: "ghost", children: "Cancel" }),
       /* @__PURE__ */ jsx(
         Button,
         {
           mode: "ghost",
           tone: "positive",
-          size: 2,
           onClick: handleTranslate,
           disabled: selectedTargetLanguages.length === 0 || !["idle", "completed"].includes(overallStatus) || releaseConfig.mode === "existing" && !releaseConfig.existingReleaseId,
           children: "Translate"
@@ -3523,9 +3531,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       payload: source
     });
   };
-  return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
     /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "This document has unpublished changes" }),
-    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -3533,9 +3541,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           mode: documentSource === "draft" ? "ghost" : "bleed",
           tone: documentSource === "draft" ? "primary" : "default",
           onClick: () => handleSourceChange("draft"),
-          children: /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          children: /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
             /* @__PURE__ */ jsx(Radio, { checked: documentSource === "draft", readOnly: !0 }),
-            /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
               /* @__PURE__ */ jsx(Text, { children: "Translate from drafts" }),
               /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Uses the latest draft of this document and all referenced documents" })
             ] })
@@ -3549,9 +3557,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           mode: documentSource === "published" ? "ghost" : "bleed",
           tone: documentSource === "published" ? "primary" : "default",
           onClick: () => handleSourceChange("published"),
-          children: /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          children: /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
             /* @__PURE__ */ jsx(Radio, { checked: documentSource === "published", readOnly: !0 }),
-            /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
               /* @__PURE__ */ jsx(Text, { children: "Translate from published" }),
               /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Uses only published content for this document and all referenced documents" })
             ] })
@@ -3596,17 +3604,16 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       payload: updatedLanguages
     });
   };
-  return isLoading ? /* @__PURE__ */ jsx(Button, { type: "button", mode: "bleed", size: 2, onClick: handleChange, disabled: !0, muted: !0, children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx(Spinner, { size: 1 }) }) }) : /* @__PURE__ */ jsx(
+  return isLoading ? /* @__PURE__ */ jsx(Button, { type: "button", mode: "bleed", onClick: handleChange, disabled: !0, muted: !0, children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx(Spinner, { size: 1 }) }) }) : /* @__PURE__ */ jsx(
     Button,
     {
       type: "button",
       mode: isChecked ? "ghost" : "bleed",
-      size: 2,
       onClick: handleChange,
       disabled: isDisabled,
       tone: isChecked ? "primary" : "default",
       muted: !0,
-      children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 2, style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Inline, { space: 3, children: [
+      children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 2, style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Inline, { gap: 3, children: [
         /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, onChange: handleChange, label: lang.title, disabled: isDisabled }),
         /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
           /* @__PURE__ */ jsx(Text, { children: lang.title }),
@@ -3619,7 +3626,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   const { document, config } = useTranslationContext(), { loading } = useTranslationMetadata({
     documentId: document._id
   });
-  return /* @__PURE__ */ jsx(Card, { padding: 4, muted: !0, border: !0, children: /* @__PURE__ */ jsx(Grid, { columns: [1, 2], gap: 3, children: config?.supportedLanguages.map((lang) => /* @__PURE__ */ jsx(LanguageCheckbox, { lang, isLoading: loading }, lang.id)) }) });
+  return /* @__PURE__ */ jsx(Card, { padding: 4, muted: !0, border: !0, children: /* @__PURE__ */ jsx(Grid, { gridTemplateColumns: [1, 2], gap: 3, children: config?.supportedLanguages.map((lang) => /* @__PURE__ */ jsx(LanguageCheckbox, { lang, isLoading: loading }, lang.id)) }) });
 }, reconcileReleaseReferences = async ({
   client,
   releaseId,
@@ -3762,9 +3769,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   if (releaseConfig.mode !== "existing" || !releaseId)
     return null;
   const isTranslating = overallStatus === "translating" || overallStatus === "linking_references", isReconciling = reconcilingStatus === "reconciling";
-  return /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, tone: reconcilingStatus === "error" ? "critical" : "default", children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, tone: reconcilingStatus === "error" ? "critical" : "default", children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 3, children: [
-      /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
         /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Reconcile References" }),
         /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: isLoadingCount ? "Loading..." : documentCount === null ? "Unable to load document count" : documentCount === 0 ? "No documents in release" : /* @__PURE__ */ jsxs(Fragment, { children: [
           documentCount,
@@ -3854,8 +3861,8 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
     day: "numeric",
     year: "numeric"
   });
-  return /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, as: "label", style: { cursor: "pointer" }, onClick: () => handleModeChange("new"), children: [
         /* @__PURE__ */ jsx(Radio, { checked: releaseConfig.mode === "new", readOnly: !0 }),
         /* @__PURE__ */ jsx(Text, { weight: "medium", children: "Create new release" })
@@ -3883,7 +3890,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         placeholder: "Release title..."
       }
     ),
-    releaseConfig.mode === "existing" && /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    releaseConfig.mode === "existing" && /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       isLoading && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
         /* @__PURE__ */ jsx(Spinner, { muted: !0 }),
         /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Loading..." })
@@ -3900,7 +3907,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
             placeholder: "Search releases..."
           }
         ),
-        /* @__PURE__ */ jsx(Box, { style: { maxHeight: "200px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 1, children: filteredReleases.length === 0 ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No releases match your search." }) : filteredReleases.map((release) => {
+        /* @__PURE__ */ jsx(Box, { style: { maxHeight: "200px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 1, children: filteredReleases.length === 0 ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No releases match your search." }) : filteredReleases.map((release) => {
           const releaseName = release._id.replace("_.releases.", ""), isSelected = releaseConfig.existingReleaseId === releaseName;
           return /* @__PURE__ */ jsx(
             Card,
@@ -3949,7 +3956,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   if (!isOpenAIConfigured(config?.openai))
     return null;
   if (!openaiValidated)
-    return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    return /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
       /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "OpenAI Unavailable" }),
       /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This Studio's Sanity client cannot invoke the translation function. OpenAI mode requires @sanity/client 8.1 or newer." })
     ] }) });
@@ -3959,12 +3966,12 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       payload: mode
     });
   };
-  return /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+  return /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+    /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
       /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "Translation Mode" }),
       /* @__PURE__ */ jsx(Badge, { tone: "positive", children: "OpenAI Available" })
     ] }),
-    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -3972,9 +3979,9 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           mode: translationMode === "sanity-only" ? "ghost" : "bleed",
           tone: translationMode === "sanity-only" ? "primary" : "default",
           onClick: () => handleModeChange("sanity-only"),
-          children: /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          children: /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
             /* @__PURE__ */ jsx(Radio, { checked: translationMode === "sanity-only", readOnly: !0 }),
-            /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
               /* @__PURE__ */ jsx(Text, { children: "Sanity Agent Only" }),
               /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Fast, reliable, and included with Sanity." })
             ] })
@@ -3988,10 +3995,10 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           mode: translationMode === "openai-only" ? "ghost" : "bleed",
           tone: translationMode === "openai-only" ? "primary" : "default",
           onClick: () => handleModeChange("openai-only"),
-          children: /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          children: /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
             /* @__PURE__ */ jsx(Radio, { checked: translationMode === "openai-only", readOnly: !0 }),
-            /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-              /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+              /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
                 /* @__PURE__ */ jsx(Text, { children: "OpenAI Only" }),
                 /* @__PURE__ */ jsx(Badge, { tone: "caution", children: "Beta" })
               ] }),
@@ -4110,7 +4117,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       payload: newSelection
     });
   };
-  return references.length === 0 ? null : /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, muted: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return references.length === 0 ? null : /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, muted: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 2, children: [
       /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
         /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Select References" }),
@@ -4123,8 +4130,8 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { mode: "ghost", size: 1, onClick: handleSelectAll, text: "Select All" }),
-        /* @__PURE__ */ jsx(Button, { mode: "ghost", size: 1, onClick: handleSelectNone, text: "Select None" })
+        /* @__PURE__ */ jsx(Button, { mode: "ghost", onClick: handleSelectAll, text: "Select All" }),
+        /* @__PURE__ */ jsx(Button, { mode: "ghost", onClick: handleSelectNone, text: "Select None" })
       ] })
     ] }),
     documentTypes.length > 1 && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
@@ -4154,7 +4161,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Box, { style: { maxHeight: "400px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 2, children: filteredReferences.length === 0 ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No references match the selected filter." }) : filteredReferences.map((reference) => {
+    /* @__PURE__ */ jsx(Box, { style: { maxHeight: "400px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: filteredReferences.length === 0 ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No references match the selected filter." }) : filteredReferences.map((reference) => {
       const isSelected = selectedReferenceIds.has(reference._id), displayTitle = reference.title || reference._id;
       return /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, radius: 2, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
         /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onChange: () => handleToggleReference(reference._id) }),
@@ -4199,17 +4206,16 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
       payload: !shouldTranslateReferences
     });
   };
-  return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
           mode: shouldTranslateReferences ? "ghost" : "bleed",
-          size: 2,
           onClick: handleShouldTranslateChange,
           tone: shouldTranslateReferences ? "primary" : "neutral",
-          children: /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          children: /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
             /* @__PURE__ */ jsx(
               Checkbox,
               {
@@ -4222,7 +4228,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           ] })
         }
       ),
-      shouldTranslateReferences ? /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+      shouldTranslateReferences ? /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
         /* @__PURE__ */ jsx(Text, { children: "Max Depth:" }),
         /* @__PURE__ */ jsx(
           Select,
@@ -4246,7 +4252,6 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
           Button,
           {
             mode: "ghost",
-            size: 1,
             text: showSelectionPanel ? "Hide selection" : "Select specific references...",
             onClick: () => setShowSelectionPanel(!showSelectionPanel)
           }
@@ -4255,21 +4260,21 @@ ${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: [
+}, WriteSettingsPanel = () => /* @__PURE__ */ jsx(ReferenceConfigPanel, {}), TranslationConfigView = ({ setIsDialogOpen }) => /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
   /* @__PURE__ */ jsx(DocumentSourcePanel, {}),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(Label, { children: "Languages" }),
     /* @__PURE__ */ jsx(LanguageSelectionPanel, {})
   ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(Label, { children: "Translation Method" }),
     /* @__PURE__ */ jsx(TranslationModePanel, {})
   ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(Label, { children: "Content Release" }),
     /* @__PURE__ */ jsx(ReleaseSelectionPanel, {})
   ] }),
-  /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(Label, { children: "Settings" }),
     /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, muted: !0, children: /* @__PURE__ */ jsx(WriteSettingsPanel, {}) })
   ] }),
@@ -4278,16 +4283,16 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   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]);
-  return /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+  return /* @__PURE__ */ jsxs(Stack, { gap: 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 }),
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
       /* @__PURE__ */ jsx(Label, { children: "Translations" }),
-      /* @__PURE__ */ jsx(Card, { padding: 2, tone: "transparent", children: /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsx("ul", { style: { listStyleType: "none", paddingInlineStart: "0" }, children: jobs.map((job) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+      /* @__PURE__ */ jsx(Card, { padding: 2, tone: "transparent", children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: /* @__PURE__ */ jsx("ul", { style: { listStyleType: "none", paddingInlineStart: "0" }, children: jobs.map((job) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
           /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", style: { width: "24px", height: "24px" }, children: ["completed", "skipped"].includes(job.status) ? /* @__PURE__ */ jsx(CheckmarkIcon, { fontSize: 24 }) : job.status === "error" ? /* @__PURE__ */ jsx(Box, { style: { color: "var(--card-critical-fg-color)" }, children: /* @__PURE__ */ jsx(ErrorOutlineIcon, { fontSize: 24 }) }) : job.status === "queued" ? /* @__PURE__ */ jsx(CircleIcon, { fontSize: 24 }) : /* @__PURE__ */ jsx(Spinner, {}) }),
-          /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-            /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+            /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
               /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: job.title || "Untitled Document" }),
               /* @__PURE__ */ jsx(ArrowRightIcon, { fontSize: 18 }),
               /* @__PURE__ */ jsx(Code, { size: 1, children: job.language })
@@ -4323,7 +4328,7 @@ ${protectedPhrases.join(", ")}`, buildStyleGuideSection = (globalPrompt, localeP
   ] });
 }, ProgressBar = ({ progress, max = 100 }) => {
   const percentage = Math.min(progress / max * 100, 100);
-  return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -5176,7 +5181,7 @@ function getDocumentLanguage(document) {
 }
 const aiTranslationPlugin = definePlugin((config) => (config.fieldTransforms?.length && (devLog.info(`Registering ${config.fieldTransforms.length} custom field transforms`), config.fieldTransforms.forEach((transform) => {
   globalTransformRegistry.register(transform);
-})), {
+})), setGlossaryDataset(config.glossaryDataset), {
   name: "sanity-plugin-ai-translation",
   document: {
     actions: [getTranslateAction(config)]