@pigment/auto-translate 1.5.0 → 1.6.1

package/README.md

@@ -9,7 +9,7 @@ A powerful auto-translation plugin for [Payload CMS](https://payloadcms.com) tha
 - 🎯 **Smart Translation**: Preserves excluded fields when updating default language content
 - 🔧 **Flexible Configuration**: Configure per-collection settings and global exclusions
 - 🔐 **Protected Settings**: Lock/unlock translation settings to prevent accidental changes
-- 🤖 **OpenAI Integration**: Uses GPT-4o for high-quality translations (with custom provider support)
+- 🤖 **OpenAI Integration**: Translate with OpenAI (model selectable in Translation Settings)
 - 📦 **Zero UI Overhead**: Seamlessly integrates with Payload's admin panel
 - ⚡ **Performance Optimized**: 10-15x faster translation with smart extraction and deduplication
 
@@ -75,6 +75,16 @@ OPENAI_BASE_URL=https://api.openai.com/v1
 
 > **⚠️ Important:** Restart your server after updating `.env` or plugin settings.
 
+### Translation Settings (Admin)
+
+After install, open **Auto-Translate Settings → Translation Settings** in the Payload admin:
+
+- **Model** — live OpenAI model dropdown (requires `OPENAI_API_KEY`). This value is what translation calls use.
+- **Temperature** — hidden for GPT-5+ / o-series (those models reject custom temperature).
+- **System prompt / rules / max tokens** — editable after unlocking settings.
+
+`provider.model` in plugin config is only a fallback when the global has no model set.
+
 ---
 
 ## 🔧 Advanced Configuration
@@ -103,7 +113,8 @@ export default buildConfig({
       // Optional: Translation provider settings
       provider: {
         type: 'openai', // or 'custom'
-        model: 'gpt-4o', // OpenAI model to use
+        // Fallback only — prefer Admin → Translation Settings → Model
+        model: 'gpt-4o',
         apiKey: process.env.OPENAI_API_KEY,
         baseURL: process.env.OPENAI_BASE_URL,
 
@@ -329,7 +340,7 @@ src/
 ├── components/                 # UI components
 │   └── TranslationControl.tsx  # Field-level control button
 └── endpoints/                  # Custom API endpoints
-    └── translationExclusionsEndpoint.ts
+    └── listOpenAiModels.ts     # Live OpenAI model list for Translation Settings
 ```
 
 ---
@@ -390,14 +401,21 @@ If you need custom access control for translation features, you can add hooks or
 
 ## 📖 Additional Documentation
 
-For more detailed information, check out these guides:
+More detailed guides (architecture, integration examples, advanced usage) will be published on the project's GitHub Wiki.
+
+---
+
+## 🗄️ Database Compatibility
+
+The plugin is tested against both officially-supported Payload database adapters:
+
+- **MongoDB** (`@payloadcms/db-mongodb`) — no extra setup required.
+- **Postgres** (`@payloadcms/db-postgres`) — schema changes (e.g. adding localized fields, or fields from
+  companion plugins like `@payloadcms/plugin-nested-docs`) require running `payload migrate` before those
+  fields are usable. Unlike MongoDB, Postgres will reject writes to columns that don't exist in the schema yet.
 
-- **[QUICKSTART.md](./docs/QUICKSTART.md)** - Quick setup and basic usage
-- **[USAGE_GUIDE.md](./docs/USAGE_GUIDE.md)** - Detailed usage examples and best practices
-- **[ARCHITECTURE.md](./docs/ARCHITECTURE.md)** - Technical architecture and implementation details
-- **[INTEGRATION_EXAMPLES.md](./docs/INTEGRATION_EXAMPLES.md)** - Real-world integration examples
-- **[TRANSLATION_SETTINGS_LOCK.md](./docs/TRANSLATION_SETTINGS_LOCK.md)** - Lock/unlock feature for translation settings
-- **[FEATURE_SUMMARY.md](./docs/FEATURE_SUMMARY.md)** - Complete feature overview
+Both translation and field-level locking behave identically across adapters; the only adapter-specific
+behavior is the migration step required by Postgres.
 
 ---
 

package/dist/collections/translationExclusions.js

@@ -1,10 +1,107 @@
 export const getTranslationExclusionsCollection = (slug = 'translation-exclusions')=>({
         slug,
         access: {
-            create: ({ req: { user } })=>Boolean(user),
-            delete: ({ req: { user } })=>Boolean(user),
-            read: ({ req: { user } })=>Boolean(user),
-            update: ({ req: { user } })=>Boolean(user)
+            create: async ({ data, req })=>{
+                if (!req.user || !data?.collectionSlug || !data?.documentId) {
+                    return false;
+                }
+                try {
+                    await req.payload.findByID({
+                        id: data.documentId,
+                        collection: data.collectionSlug,
+                        overrideAccess: false,
+                        req
+                    });
+                    return true;
+                } catch  {
+                    return false;
+                }
+            },
+            delete: async ({ id, req })=>{
+                if (!req.user || !id) {
+                    return false;
+                }
+                try {
+                    const exclusion = await req.payload.findByID({
+                        id,
+                        collection: slug,
+                        req
+                    });
+                    await req.payload.findByID({
+                        id: exclusion.documentId,
+                        collection: exclusion.collectionSlug,
+                        overrideAccess: false,
+                        req
+                    });
+                    return true;
+                } catch  {
+                    return false;
+                }
+            },
+            read: async ({ req })=>{
+                if (!req.user) {
+                    return false;
+                }
+                const allowedSlugs = [];
+                for (const collectionConfig of req.payload.config.collections){
+                    // Skip this collection itself — its `read` access is the function
+                    // currently executing, so calling it here would recurse forever.
+                    if (collectionConfig.slug === slug) {
+                        continue;
+                    }
+                    try {
+                        const readAccess = collectionConfig.access?.read;
+                        const allowed = typeof readAccess === 'function' ? await readAccess({
+                            req
+                        }) : true;
+                        if (allowed) {
+                            allowedSlugs.push(collectionConfig.slug);
+                        }
+                    } catch  {
+                    // Deny collections whose own access check throws
+                    }
+                }
+                return {
+                    collectionSlug: {
+                        in: allowedSlugs
+                    }
+                };
+            },
+            update: async ({ id, data, req })=>{
+                if (!req.user || !id) {
+                    return false;
+                }
+                try {
+                    const exclusion = await req.payload.findByID({
+                        id,
+                        collection: slug,
+                        req
+                    });
+                    // Check the persisted target and, if the request moves it, the new target too —
+                    // otherwise a record for a doc you can't access could be repointed and taken over.
+                    const targets = [
+                        [
+                            exclusion.collectionSlug,
+                            exclusion.documentId
+                        ],
+                        [
+                            data?.collectionSlug ?? exclusion.collectionSlug,
+                            data?.documentId ?? exclusion.documentId
+                        ]
+                    ];
+                    for (const [collection, documentId] of targets){
+                        await req.payload.findByID({
+                            id: documentId,
+                            collection,
+                            overrideAccess: false,
+                            req
+                        });
+                    }
+                    return true;
+                } catch  {
+                    return false;
+                }
+            }
         },
         admin: {
             defaultColumns: [

package/dist/collections/translationExclusions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/collections/translationExclusions.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\nexport const getTranslationExclusionsCollection = (\n  slug: string = 'translation-exclusions',\n): CollectionConfig => ({\n  slug,\n  access: {\n    create: ({ req: { user } }) => Boolean(user),\n    delete: ({ req: { user } }) => Boolean(user),\n    read: ({ req: { user } }) => Boolean(user),\n    update: ({ req: { user } }) => Boolean(user),\n  },\n  admin: {\n    defaultColumns: ['collectionSlug', 'documentId', 'locale', 'excludedPaths'],\n    description:\n      'Stores field-level translation exclusions per document and locale. Each locale can have its own set of excluded fields. There should only be ONE record per (collectionSlug, documentId, locale) combination.',\n    group: 'Auto-Translate Settings',\n    useAsTitle: 'collectionSlug',\n  },\n  fields: [\n    {\n      name: 'collectionSlug',\n      type: 'text',\n      admin: {\n        description: 'The collection this exclusion belongs to',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      required: true,\n    },\n    {\n      name: 'documentId',\n      type: 'text',\n      admin: {\n        description: 'The ID of the document',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      required: true,\n    },\n    {\n      name: 'locale',\n      type: 'text',\n      admin: {\n        description: 'The locale these exclusions apply to (e.g., \"en\", \"de\", \"fr\")',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      label: 'Locale',\n      required: true,\n    },\n    {\n      name: 'excludedPaths',\n      type: 'array',\n      admin: {\n        description:\n          'Fields that should NOT be auto-translated in this specific locale. Each locale has its own independent set of exclusions.',\n      },\n      fields: [\n        {\n          name: 'path',\n          type: 'text',\n          admin: {\n            description: 'Field path (e.g., \"title\", \"content.0.description\")',\n          },\n          label: 'Field Path',\n          required: true,\n        },\n      ],\n      label: `Excluded Fields for this Locale`,\n      required: true,\n    },\n  ],\n})\n"],"names":["getTranslationExclusionsCollection","slug","access","create","req","user","Boolean","delete","read","update","admin","defaultColumns","description","group","useAsTitle","fields","name","type","position","readOnly","index","required","label"],"mappings":"AAEA,OAAO,MAAMA,qCAAqC,CAChDC,OAAe,wBAAwB,GACjB,CAAA;QACtBA;QACAC,QAAQ;YACNC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAE,EAAE,GAAKC,QAAQD;YACvCE,QAAQ,CAAC,EAAEH,KAAK,EAAEC,IAAI,EAAE,EAAE,GAAKC,QAAQD;YACvCG,MAAM,CAAC,EAAEJ,KAAK,EAAEC,IAAI,EAAE,EAAE,GAAKC,QAAQD;YACrCI,QAAQ,CAAC,EAAEL,KAAK,EAAEC,IAAI,EAAE,EAAE,GAAKC,QAAQD;QACzC;QACAK,OAAO;YACLC,gBAAgB;gBAAC;gBAAkB;gBAAc;gBAAU;aAAgB;YAC3EC,aACE;YACFC,OAAO;YACPC,YAAY;QACd;QACAC,QAAQ;YACN;gBACEC,MAAM;gBACNC,MAAM;gBACNP,OAAO;oBACLE,aAAa;oBACbM,UAAU;oBACVC,UAAU;gBACZ;gBACAC,OAAO;gBACPC,UAAU;YACZ;YACA;gBACEL,MAAM;gBACNC,MAAM;gBACNP,OAAO;oBACLE,aAAa;oBACbM,UAAU;oBACVC,UAAU;gBACZ;gBACAC,OAAO;gBACPC,UAAU;YACZ;YACA;gBACEL,MAAM;gBACNC,MAAM;gBACNP,OAAO;oBACLE,aAAa;oBACbM,UAAU;oBACVC,UAAU;gBACZ;gBACAC,OAAO;gBACPE,OAAO;gBACPD,UAAU;YACZ;YACA;gBACEL,MAAM;gBACNC,MAAM;gBACNP,OAAO;oBACLE,aACE;gBACJ;gBACAG,QAAQ;oBACN;wBACEC,MAAM;wBACNC,MAAM;wBACNP,OAAO;4BACLE,aAAa;wBACf;wBACAU,OAAO;wBACPD,UAAU;oBACZ;iBACD;gBACDC,OAAO,CAAC,+BAA+B,CAAC;gBACxCD,UAAU;YACZ;SACD;IACH,CAAA,EAAE"}
+{"version":3,"sources":["../../src/collections/translationExclusions.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\nexport const getTranslationExclusionsCollection = (\n  slug: string = 'translation-exclusions',\n): CollectionConfig => ({\n  slug,\n  access: {\n    create: async ({ data, req }) => {\n      if (!req.user || !data?.collectionSlug || !data?.documentId) {\n        return false\n      }\n      try {\n        await req.payload.findByID({\n          id: data.documentId,\n          collection: data.collectionSlug,\n          overrideAccess: false,\n          req,\n        })\n        return true\n      } catch {\n        return false\n      }\n    },\n    delete: async ({ id, req }) => {\n      if (!req.user || !id) {\n        return false\n      }\n      try {\n        const exclusion = await req.payload.findByID({\n          id,\n          collection: slug,\n          req,\n        })\n        await req.payload.findByID({\n          id: exclusion.documentId,\n          collection: exclusion.collectionSlug,\n          overrideAccess: false,\n          req,\n        })\n        return true\n      } catch {\n        return false\n      }\n    },\n    read: async ({ req }) => {\n      if (!req.user) {\n        return false\n      }\n      const allowedSlugs: string[] = []\n      for (const collectionConfig of req.payload.config.collections) {\n        // Skip this collection itself — its `read` access is the function\n        // currently executing, so calling it here would recurse forever.\n        if (collectionConfig.slug === slug) {\n          continue\n        }\n        try {\n          const readAccess = collectionConfig.access?.read\n          const allowed = typeof readAccess === 'function' ? await readAccess({ req }) : true\n          if (allowed) {\n            allowedSlugs.push(collectionConfig.slug)\n          }\n        } catch {\n          // Deny collections whose own access check throws\n        }\n      }\n      return { collectionSlug: { in: allowedSlugs } }\n    },\n    update: async ({ id, data, req }) => {\n      if (!req.user || !id) {\n        return false\n      }\n      try {\n        const exclusion = await req.payload.findByID({\n          id,\n          collection: slug,\n          req,\n        })\n        // Check the persisted target and, if the request moves it, the new target too —\n        // otherwise a record for a doc you can't access could be repointed and taken over.\n        const targets = [\n          [exclusion.collectionSlug, exclusion.documentId],\n          [data?.collectionSlug ?? exclusion.collectionSlug, data?.documentId ?? exclusion.documentId],\n        ]\n        for (const [collection, documentId] of targets) {\n          await req.payload.findByID({\n            id: documentId,\n            collection,\n            overrideAccess: false,\n            req,\n          })\n        }\n        return true\n      } catch {\n        return false\n      }\n    },\n  },\n  admin: {\n    defaultColumns: ['collectionSlug', 'documentId', 'locale', 'excludedPaths'],\n    description:\n      'Stores field-level translation exclusions per document and locale. Each locale can have its own set of excluded fields. There should only be ONE record per (collectionSlug, documentId, locale) combination.',\n    group: 'Auto-Translate Settings',\n    useAsTitle: 'collectionSlug',\n  },\n  fields: [\n    {\n      name: 'collectionSlug',\n      type: 'text',\n      admin: {\n        description: 'The collection this exclusion belongs to',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      required: true,\n    },\n    {\n      name: 'documentId',\n      type: 'text',\n      admin: {\n        description: 'The ID of the document',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      required: true,\n    },\n    {\n      name: 'locale',\n      type: 'text',\n      admin: {\n        description: 'The locale these exclusions apply to (e.g., \"en\", \"de\", \"fr\")',\n        position: 'sidebar',\n        readOnly: true,\n      },\n      index: true,\n      label: 'Locale',\n      required: true,\n    },\n    {\n      name: 'excludedPaths',\n      type: 'array',\n      admin: {\n        description:\n          'Fields that should NOT be auto-translated in this specific locale. Each locale has its own independent set of exclusions.',\n      },\n      fields: [\n        {\n          name: 'path',\n          type: 'text',\n          admin: {\n            description: 'Field path (e.g., \"title\", \"content.0.description\")',\n          },\n          label: 'Field Path',\n          required: true,\n        },\n      ],\n      label: `Excluded Fields for this Locale`,\n      required: true,\n    },\n  ],\n})\n"],"names":["getTranslationExclusionsCollection","slug","access","create","data","req","user","collectionSlug","documentId","payload","findByID","id","collection","overrideAccess","delete","exclusion","read","allowedSlugs","collectionConfig","config","collections","readAccess","allowed","push","in","update","targets","admin","defaultColumns","description","group","useAsTitle","fields","name","type","position","readOnly","index","required","label"],"mappings":"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"}

package/dist/components/LockTranslation/actions/lockTranslations.d.ts

@@ -2,7 +2,7 @@
  * Client-side function to update the lockTranslationSettings field
  * Makes a fetch request to update the global
  */
-export declare function updateLockTranslationSettingsField(isLocked: boolean): Promise<{
+export declare function updateLockTranslationSettingsField(isLocked: boolean, apiURL: string): Promise<{
     isLocked: boolean;
     success: boolean;
 }>;

package/dist/components/LockTranslation/actions/lockTranslations.js

@@ -1,9 +1,9 @@
 /**
  * Client-side function to update the lockTranslationSettings field
  * Makes a fetch request to update the global
- */ export async function updateLockTranslationSettingsField(isLocked) {
+ */ export async function updateLockTranslationSettingsField(isLocked, apiURL) {
     try {
-        const response = await fetch('/api/globals/translation-settings', {
+        const response = await fetch(`${apiURL}/globals/translation-settings`, {
             body: JSON.stringify({
                 lockTranslationSettings: isLocked
             }),

package/dist/components/LockTranslation/actions/lockTranslations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LockTranslation/actions/lockTranslations.ts"],"sourcesContent":["/**\n * Client-side function to update the lockTranslationSettings field\n * Makes a fetch request to update the global\n */\nexport async function updateLockTranslationSettingsField(\n  isLocked: boolean,\n): Promise<{ isLocked: boolean; success: boolean }> {\n  try {\n    const response = await fetch('/api/globals/translation-settings', {\n      body: JSON.stringify({\n        lockTranslationSettings: isLocked,\n      }),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    if (!response.ok) {\n      throw new Error(`Failed to update: ${response.statusText}`)\n    }\n\n    return {\n      isLocked,\n      success: true,\n    }\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    console.error('[LockTranslation] Error updating lock state:', error)\n    return {\n      isLocked: !isLocked,\n      success: false,\n    }\n  }\n}\n"],"names":["updateLockTranslationSettingsField","isLocked","response","fetch","body","JSON","stringify","lockTranslationSettings","credentials","headers","method","ok","Error","statusText","success","error","console"],"mappings":"AAAA;;;CAGC,GACD,OAAO,eAAeA,mCACpBC,QAAiB;IAEjB,IAAI;QACF,MAAMC,WAAW,MAAMC,MAAM,qCAAqC;YAChEC,MAAMC,KAAKC,SAAS,CAAC;gBACnBC,yBAAyBN;YAC3B;YACAO,aAAa;YACbC,SAAS;gBACP,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAEA,IAAI,CAACR,SAASS,EAAE,EAAE;YAChB,MAAM,IAAIC,MAAM,CAAC,kBAAkB,EAAEV,SAASW,UAAU,EAAE;QAC5D;QAEA,OAAO;YACLZ;YACAa,SAAS;QACX;IACF,EAAE,OAAOC,OAAO;QACd,sCAAsC;QACtCC,QAAQD,KAAK,CAAC,gDAAgDA;QAC9D,OAAO;YACLd,UAAU,CAACA;YACXa,SAAS;QACX;IACF;AACF"}
+{"version":3,"sources":["../../../../src/components/LockTranslation/actions/lockTranslations.ts"],"sourcesContent":["/**\n * Client-side function to update the lockTranslationSettings field\n * Makes a fetch request to update the global\n */\nexport async function updateLockTranslationSettingsField(\n  isLocked: boolean,\n  apiURL: string,\n): Promise<{ isLocked: boolean; success: boolean }> {\n  try {\n    const response = await fetch(`${apiURL}/globals/translation-settings`, {\n      body: JSON.stringify({\n        lockTranslationSettings: isLocked,\n      }),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    if (!response.ok) {\n      throw new Error(`Failed to update: ${response.statusText}`)\n    }\n\n    return {\n      isLocked,\n      success: true,\n    }\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    console.error('[LockTranslation] Error updating lock state:', error)\n    return {\n      isLocked: !isLocked,\n      success: false,\n    }\n  }\n}\n"],"names":["updateLockTranslationSettingsField","isLocked","apiURL","response","fetch","body","JSON","stringify","lockTranslationSettings","credentials","headers","method","ok","Error","statusText","success","error","console"],"mappings":"AAAA;;;CAGC,GACD,OAAO,eAAeA,mCACpBC,QAAiB,EACjBC,MAAc;IAEd,IAAI;QACF,MAAMC,WAAW,MAAMC,MAAM,GAAGF,OAAO,6BAA6B,CAAC,EAAE;YACrEG,MAAMC,KAAKC,SAAS,CAAC;gBACnBC,yBAAyBP;YAC3B;YACAQ,aAAa;YACbC,SAAS;gBACP,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAEA,IAAI,CAACR,SAASS,EAAE,EAAE;YAChB,MAAM,IAAIC,MAAM,CAAC,kBAAkB,EAAEV,SAASW,UAAU,EAAE;QAC5D;QAEA,OAAO;YACLb;YACAc,SAAS;QACX;IACF,EAAE,OAAOC,OAAO;QACd,sCAAsC;QACtCC,QAAQD,KAAK,CAAC,gDAAgDA;QAC9D,OAAO;YACLf,UAAU,CAACA;YACXc,SAAS;QACX;IACF;AACF"}

package/dist/components/LockTranslation/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useForm, useFormFields } from '@payloadcms/ui';
+import { useConfig, useForm, useFormFields } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useState } from 'react';
 import { updateLockTranslationSettingsField } from './actions/lockTranslations.js';
 import './style.css';
@@ -13,19 +13,19 @@ import './style.css';
  */ export const LockTranslation = ()=>{
     const lockField = useFormFields(([fields])=>fields?.lockTranslationSettings);
     const { dispatchFields } = useForm();
+    const { config: { routes, serverURL } } = useConfig();
+    const apiURL = `${serverURL}${routes.api}`;
     const isLocked = Boolean(lockField?.value ?? true);
     const [isLoading, setIsLoading] = useState(false);
-    // Apply lock state to fields by directly manipulating their disabled state
+    // Model select uses form lock state in OpenAiModelField (react-select).
     const applyLockStateToFields = useCallback((locked)=>{
         const fieldsToLock = [
             'systemPrompt',
             'translationRules',
-            'model',
             'temperature',
             'maxTokens'
         ];
         fieldsToLock.forEach((fieldPath)=>{
-            // Find the input/textarea elements for this field
             const inputs = document.querySelectorAll(`[name="${fieldPath}"], textarea[id*="${fieldPath}"], input[id*="${fieldPath}"]`);
             inputs.forEach((input)=>{
                 if (locked) {
@@ -51,7 +51,7 @@ import './style.css';
         const newLockState = !isLocked;
         setIsLoading(true);
         try {
-            const result = await updateLockTranslationSettingsField(newLockState);
+            const result = await updateLockTranslationSettingsField(newLockState, apiURL);
             if (result.success) {
                 // Update the lockTranslationSettings field value
                 dispatchFields({
@@ -71,7 +71,8 @@ import './style.css';
     }, [
         isLocked,
         dispatchFields,
-        applyLockStateToFields
+        applyLockStateToFields,
+        apiURL
     ]);
     return /*#__PURE__*/ _jsx("div", {
         className: "translation-settings-lock-container",

package/dist/components/LockTranslation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LockTranslation/index.tsx"],"sourcesContent":["'use client'\n\nimport { useForm, useFormFields } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { updateLockTranslationSettingsField } from './actions/lockTranslations.js'\nimport './style.css'\n\n/**\n * Component that provides lock/unlock functionality for translation settings\n * - Fields are locked by default (read-only)\n * - User must click \"Unlock\" to edit\n * - After saving, fields automatically lock again\n * - Updates the hidden lockTranslationSettings checkbox field to enable server-side access control\n */\nexport const LockTranslation: React.FC = () => {\n  const lockField = useFormFields(([fields]) => fields?.lockTranslationSettings)\n  const { dispatchFields } = useForm()\n  const isLocked = Boolean(lockField?.value ?? true)\n  const [isLoading, setIsLoading] = useState(false)\n\n  // Apply lock state to fields by directly manipulating their disabled state\n  const applyLockStateToFields = useCallback((locked: boolean) => {\n    const fieldsToLock = ['systemPrompt', 'translationRules', 'model', 'temperature', 'maxTokens']\n\n    fieldsToLock.forEach((fieldPath) => {\n      // Find the input/textarea elements for this field\n      const inputs = document.querySelectorAll<HTMLInputElement | HTMLTextAreaElement>(\n        `[name=\"${fieldPath}\"], textarea[id*=\"${fieldPath}\"], input[id*=\"${fieldPath}\"]`,\n      )\n\n      inputs.forEach((input) => {\n        if (locked) {\n          input.setAttribute('disabled', 'true')\n        } else {\n          input.removeAttribute('disabled')\n        }\n      })\n    })\n  }, [])\n\n  // Apply initial lock state when component mounts or lock state changes\n  useEffect(() => {\n    // Small delay to ensure form fields are rendered\n    const timer = setTimeout(() => {\n      applyLockStateToFields(isLocked)\n    }, 100)\n\n    return () => clearTimeout(timer)\n  }, [isLocked, applyLockStateToFields])\n\n  const toggleLock = useCallback(async () => {\n    const newLockState = !isLocked\n    setIsLoading(true)\n\n    try {\n      const result = await updateLockTranslationSettingsField(newLockState)\n\n      if (result.success) {\n        // Update the lockTranslationSettings field value\n        dispatchFields({\n          type: 'UPDATE',\n          path: 'lockTranslationSettings',\n          value: result.isLocked,\n        })\n\n        // Apply lock state to fields\n        applyLockStateToFields(result.isLocked)\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('[LockTranslation] Error:', error)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [isLocked, dispatchFields, applyLockStateToFields])\n\n  return (\n    <div className=\"translation-settings-lock-container\">\n      <button\n        className={`translation-settings-lock-button ${isLocked ? 'locked' : 'unlocked'}`}\n        disabled={isLoading}\n        onClick={toggleLock}\n        title={\n          isLocked\n            ? '🔒 Settings are locked to prevent accidental changes. Click to unlock and edit.'\n            : '🔓 Settings are unlocked. Click to lock after saving your changes.'\n        }\n        type=\"button\"\n      >\n        <span className=\"translation-settings-lock-icon\">\n          {isLoading ? '⏳' : isLocked ? '🔒' : '🔓'}\n        </span>\n        <span className=\"translation-settings-lock-label\">\n          {isLoading ? 'Updating...' : isLocked ? 'Unlock Settings' : 'Lock Settings'}\n        </span>\n      </button>\n    </div>\n  )\n}\n"],"names":["useForm","useFormFields","React","useCallback","useEffect","useState","updateLockTranslationSettingsField","LockTranslation","lockField","fields","lockTranslationSettings","dispatchFields","isLocked","Boolean","value","isLoading","setIsLoading","applyLockStateToFields","locked","fieldsToLock","forEach","fieldPath","inputs","document","querySelectorAll","input","setAttribute","removeAttribute","timer","setTimeout","clearTimeout","toggleLock","newLockState","result","success","type","path","error","console","div","className","button","disabled","onClick","title","span"],"mappings":"AAAA;;AAEA,SAASA,OAAO,EAAEC,aAAa,QAAQ,iBAAgB;AACvD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,kCAAkC,QAAQ,gCAA+B;AAClF,OAAO,cAAa;AAEpB;;;;;;CAMC,GACD,OAAO,MAAMC,kBAA4B;IACvC,MAAMC,YAAYP,cAAc,CAAC,CAACQ,OAAO,GAAKA,QAAQC;IACtD,MAAM,EAAEC,cAAc,EAAE,GAAGX;IAC3B,MAAMY,WAAWC,QAAQL,WAAWM,SAAS;IAC7C,MAAM,CAACC,WAAWC,aAAa,GAAGX,SAAS;IAE3C,2EAA2E;IAC3E,MAAMY,yBAAyBd,YAAY,CAACe;QAC1C,MAAMC,eAAe;YAAC;YAAgB;YAAoB;YAAS;YAAe;SAAY;QAE9FA,aAAaC,OAAO,CAAC,CAACC;YACpB,kDAAkD;YAClD,MAAMC,SAASC,SAASC,gBAAgB,CACtC,CAAC,OAAO,EAAEH,UAAU,kBAAkB,EAAEA,UAAU,eAAe,EAAEA,UAAU,EAAE,CAAC;YAGlFC,OAAOF,OAAO,CAAC,CAACK;gBACd,IAAIP,QAAQ;oBACVO,MAAMC,YAAY,CAAC,YAAY;gBACjC,OAAO;oBACLD,MAAME,eAAe,CAAC;gBACxB;YACF;QACF;IACF,GAAG,EAAE;IAEL,uEAAuE;IACvEvB,UAAU;QACR,iDAAiD;QACjD,MAAMwB,QAAQC,WAAW;YACvBZ,uBAAuBL;QACzB,GAAG;QAEH,OAAO,IAAMkB,aAAaF;IAC5B,GAAG;QAAChB;QAAUK;KAAuB;IAErC,MAAMc,aAAa5B,YAAY;QAC7B,MAAM6B,eAAe,CAACpB;QACtBI,aAAa;QAEb,IAAI;YACF,MAAMiB,SAAS,MAAM3B,mCAAmC0B;YAExD,IAAIC,OAAOC,OAAO,EAAE;gBAClB,iDAAiD;gBACjDvB,eAAe;oBACbwB,MAAM;oBACNC,MAAM;oBACNtB,OAAOmB,OAAOrB,QAAQ;gBACxB;gBAEA,6BAA6B;gBAC7BK,uBAAuBgB,OAAOrB,QAAQ;YACxC;QACF,EAAE,OAAOyB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,4BAA4BA;QAC5C,SAAU;YACRrB,aAAa;QACf;IACF,GAAG;QAACJ;QAAUD;QAAgBM;KAAuB;IAErD,qBACE,KAACsB;QAAIC,WAAU;kBACb,cAAA,MAACC;YACCD,WAAW,CAAC,iCAAiC,EAAE5B,WAAW,WAAW,YAAY;YACjF8B,UAAU3B;YACV4B,SAASZ;YACTa,OACEhC,WACI,oFACA;YAENuB,MAAK;;8BAEL,KAACU;oBAAKL,WAAU;8BACbzB,YAAY,MAAMH,WAAW,OAAO;;8BAEvC,KAACiC;oBAAKL,WAAU;8BACbzB,YAAY,gBAAgBH,WAAW,oBAAoB;;;;;AAKtE,EAAC"}
+{"version":3,"sources":["../../../src/components/LockTranslation/index.tsx"],"sourcesContent":["'use client'\n\nimport { useConfig, useForm, useFormFields } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { updateLockTranslationSettingsField } from './actions/lockTranslations.js'\nimport './style.css'\n\n/**\n * Component that provides lock/unlock functionality for translation settings\n * - Fields are locked by default (read-only)\n * - User must click \"Unlock\" to edit\n * - After saving, fields automatically lock again\n * - Updates the hidden lockTranslationSettings checkbox field to enable server-side access control\n */\nexport const LockTranslation: React.FC = () => {\n  const lockField = useFormFields(([fields]) => fields?.lockTranslationSettings)\n  const { dispatchFields } = useForm()\n  const {\n    config: { routes, serverURL },\n  } = useConfig()\n  const apiURL = `${serverURL}${routes.api}`\n  const isLocked = Boolean(lockField?.value ?? true)\n  const [isLoading, setIsLoading] = useState(false)\n\n  // Model select uses form lock state in OpenAiModelField (react-select).\n  const applyLockStateToFields = useCallback((locked: boolean) => {\n    const fieldsToLock = ['systemPrompt', 'translationRules', 'temperature', 'maxTokens']\n\n    fieldsToLock.forEach((fieldPath) => {\n      const inputs = document.querySelectorAll<HTMLInputElement | HTMLTextAreaElement>(\n        `[name=\"${fieldPath}\"], textarea[id*=\"${fieldPath}\"], input[id*=\"${fieldPath}\"]`,\n      )\n\n      inputs.forEach((input) => {\n        if (locked) {\n          input.setAttribute('disabled', 'true')\n        } else {\n          input.removeAttribute('disabled')\n        }\n      })\n    })\n  }, [])\n\n  // Apply initial lock state when component mounts or lock state changes\n  useEffect(() => {\n    // Small delay to ensure form fields are rendered\n    const timer = setTimeout(() => {\n      applyLockStateToFields(isLocked)\n    }, 100)\n\n    return () => clearTimeout(timer)\n  }, [isLocked, applyLockStateToFields])\n\n  const toggleLock = useCallback(async () => {\n    const newLockState = !isLocked\n    setIsLoading(true)\n\n    try {\n      const result = await updateLockTranslationSettingsField(newLockState, apiURL)\n\n      if (result.success) {\n        // Update the lockTranslationSettings field value\n        dispatchFields({\n          type: 'UPDATE',\n          path: 'lockTranslationSettings',\n          value: result.isLocked,\n        })\n\n        // Apply lock state to fields\n        applyLockStateToFields(result.isLocked)\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('[LockTranslation] Error:', error)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [isLocked, dispatchFields, applyLockStateToFields, apiURL])\n\n  return (\n    <div className=\"translation-settings-lock-container\">\n      <button\n        className={`translation-settings-lock-button ${isLocked ? 'locked' : 'unlocked'}`}\n        disabled={isLoading}\n        onClick={toggleLock}\n        title={\n          isLocked\n            ? '🔒 Settings are locked to prevent accidental changes. Click to unlock and edit.'\n            : '🔓 Settings are unlocked. Click to lock after saving your changes.'\n        }\n        type=\"button\"\n      >\n        <span className=\"translation-settings-lock-icon\">\n          {isLoading ? '⏳' : isLocked ? '🔒' : '🔓'}\n        </span>\n        <span className=\"translation-settings-lock-label\">\n          {isLoading ? 'Updating...' : isLocked ? 'Unlock Settings' : 'Lock Settings'}\n        </span>\n      </button>\n    </div>\n  )\n}\n"],"names":["useConfig","useForm","useFormFields","React","useCallback","useEffect","useState","updateLockTranslationSettingsField","LockTranslation","lockField","fields","lockTranslationSettings","dispatchFields","config","routes","serverURL","apiURL","api","isLocked","Boolean","value","isLoading","setIsLoading","applyLockStateToFields","locked","fieldsToLock","forEach","fieldPath","inputs","document","querySelectorAll","input","setAttribute","removeAttribute","timer","setTimeout","clearTimeout","toggleLock","newLockState","result","success","type","path","error","console","div","className","button","disabled","onClick","title","span"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,iBAAgB;AAClE,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,kCAAkC,QAAQ,gCAA+B;AAClF,OAAO,cAAa;AAEpB;;;;;;CAMC,GACD,OAAO,MAAMC,kBAA4B;IACvC,MAAMC,YAAYP,cAAc,CAAC,CAACQ,OAAO,GAAKA,QAAQC;IACtD,MAAM,EAAEC,cAAc,EAAE,GAAGX;IAC3B,MAAM,EACJY,QAAQ,EAAEC,MAAM,EAAEC,SAAS,EAAE,EAC9B,GAAGf;IACJ,MAAMgB,SAAS,GAAGD,YAAYD,OAAOG,GAAG,EAAE;IAC1C,MAAMC,WAAWC,QAAQV,WAAWW,SAAS;IAC7C,MAAM,CAACC,WAAWC,aAAa,GAAGhB,SAAS;IAE3C,wEAAwE;IACxE,MAAMiB,yBAAyBnB,YAAY,CAACoB;QAC1C,MAAMC,eAAe;YAAC;YAAgB;YAAoB;YAAe;SAAY;QAErFA,aAAaC,OAAO,CAAC,CAACC;YACpB,MAAMC,SAASC,SAASC,gBAAgB,CACtC,CAAC,OAAO,EAAEH,UAAU,kBAAkB,EAAEA,UAAU,eAAe,EAAEA,UAAU,EAAE,CAAC;YAGlFC,OAAOF,OAAO,CAAC,CAACK;gBACd,IAAIP,QAAQ;oBACVO,MAAMC,YAAY,CAAC,YAAY;gBACjC,OAAO;oBACLD,MAAME,eAAe,CAAC;gBACxB;YACF;QACF;IACF,GAAG,EAAE;IAEL,uEAAuE;IACvE5B,UAAU;QACR,iDAAiD;QACjD,MAAM6B,QAAQC,WAAW;YACvBZ,uBAAuBL;QACzB,GAAG;QAEH,OAAO,IAAMkB,aAAaF;IAC5B,GAAG;QAAChB;QAAUK;KAAuB;IAErC,MAAMc,aAAajC,YAAY;QAC7B,MAAMkC,eAAe,CAACpB;QACtBI,aAAa;QAEb,IAAI;YACF,MAAMiB,SAAS,MAAMhC,mCAAmC+B,cAActB;YAEtE,IAAIuB,OAAOC,OAAO,EAAE;gBAClB,iDAAiD;gBACjD5B,eAAe;oBACb6B,MAAM;oBACNC,MAAM;oBACNtB,OAAOmB,OAAOrB,QAAQ;gBACxB;gBAEA,6BAA6B;gBAC7BK,uBAAuBgB,OAAOrB,QAAQ;YACxC;QACF,EAAE,OAAOyB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,4BAA4BA;QAC5C,SAAU;YACRrB,aAAa;QACf;IACF,GAAG;QAACJ;QAAUN;QAAgBW;QAAwBP;KAAO;IAE7D,qBACE,KAAC6B;QAAIC,WAAU;kBACb,cAAA,MAACC;YACCD,WAAW,CAAC,iCAAiC,EAAE5B,WAAW,WAAW,YAAY;YACjF8B,UAAU3B;YACV4B,SAASZ;YACTa,OACEhC,WACI,oFACA;YAENuB,MAAK;;8BAEL,KAACU;oBAAKL,WAAU;8BACbzB,YAAY,MAAMH,WAAW,OAAO;;8BAEvC,KAACiC;oBAAKL,WAAU;8BACbzB,YAAY,gBAAgBH,WAAW,oBAAoB;;;;;AAKtE,EAAC"}

package/dist/components/OpenAiModelField.d.ts

@@ -0,0 +1,2 @@
+import type { TextFieldClientComponent } from 'payload';
+export declare const OpenAiModelField: TextFieldClientComponent;

package/dist/components/OpenAiModelField.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldLabel, SelectInput, useConfig, useField, useFormFields } from '@payloadcms/ui';
+import React, { useEffect, useMemo, useState } from 'react';
+export const OpenAiModelField = ({ field, path, readOnly })=>{
+    const { value, setValue, showError, errorMessage } = useField({
+        path
+    });
+    const { config: { routes, serverURL } } = useConfig();
+    const modelsURL = `${serverURL}${routes.api}/globals/translation-settings/openai-models`;
+    const lockField = useFormFields(([fields])=>fields?.lockTranslationSettings);
+    const isLocked = lockField === undefined ? Boolean(readOnly) : Boolean(lockField.value);
+    const [options, setOptions] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [loadError, setLoadError] = useState(null);
+    useEffect(()=>{
+        const controller = new AbortController();
+        const load = async ()=>{
+            setLoading(true);
+            setLoadError(null);
+            try {
+                const res = await fetch(modelsURL, {
+                    credentials: 'include',
+                    signal: controller.signal
+                });
+                const data = await res.json();
+                if (!res.ok) {
+                    throw new Error(data.error || `Failed to load models (${res.status})`);
+                }
+                setOptions(Array.isArray(data.models) ? data.models : []);
+            } catch (err) {
+                if (err instanceof Error && err.name === 'AbortError') return;
+                setLoadError(err instanceof Error ? err.message : 'Failed to load models');
+            } finally{
+                if (!controller.signal.aborted) setLoading(false);
+            }
+        };
+        void load();
+        return ()=>controller.abort();
+    }, [
+        modelsURL
+    ]);
+    const optionsWithCurrent = useMemo(()=>{
+        if (!value || options.some((option)=>option.value === value)) return options;
+        return [
+            {
+                label: value,
+                value
+            },
+            ...options
+        ];
+    }, [
+        options,
+        value
+    ]);
+    const description = typeof field.admin?.description === 'string' ? field.admin.description : undefined;
+    const disabled = isLocked || loading;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-type select",
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                label: field.label,
+                path: path,
+                required: field.required
+            }),
+            /*#__PURE__*/ _jsx(SelectInput, {
+                description: description,
+                Error: showError && errorMessage ? /*#__PURE__*/ _jsx("div", {
+                    className: "field-error",
+                    children: errorMessage
+                }) : null,
+                isClearable: false,
+                name: path,
+                onChange: (option)=>{
+                    if (disabled || !option || Array.isArray(option)) return;
+                    if ('value' in option && typeof option.value === 'string') {
+                        setValue(option.value);
+                    }
+                },
+                options: optionsWithCurrent,
+                path: path,
+                placeholder: loading ? 'Loading models…' : 'Select a model',
+                readOnly: disabled,
+                required: field.required,
+                showError: showError,
+                value: value ?? ''
+            }),
+            loadError ? /*#__PURE__*/ _jsx(FieldDescription, {
+                description: `Could not load OpenAI models: ${loadError}`,
+                path: path
+            }) : null
+        ]
+    });
+};
+
+//# sourceMappingURL=OpenAiModelField.js.map

package/dist/components/OpenAiModelField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/OpenAiModelField.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldClientComponent, OptionObject } from 'payload'\nimport {\n  FieldDescription,\n  FieldLabel,\n  SelectInput,\n  useConfig,\n  useField,\n  useFormFields,\n} from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nexport const OpenAiModelField: TextFieldClientComponent = ({ field, path, readOnly }) => {\n  const { value, setValue, showError, errorMessage } = useField<string>({ path })\n  const {\n    config: { routes, serverURL },\n  } = useConfig()\n  const modelsURL = `${serverURL}${routes.api}/globals/translation-settings/openai-models`\n  const lockField = useFormFields(([fields]) => fields?.lockTranslationSettings)\n  const isLocked = lockField === undefined ? Boolean(readOnly) : Boolean(lockField.value)\n  const [options, setOptions] = useState<OptionObject[]>([])\n  const [loading, setLoading] = useState(true)\n  const [loadError, setLoadError] = useState<string | null>(null)\n\n  useEffect(() => {\n    const controller = new AbortController()\n\n    const load = async () => {\n      setLoading(true)\n      setLoadError(null)\n      try {\n        const res = await fetch(modelsURL, {\n          credentials: 'include',\n          signal: controller.signal,\n        })\n        const data = (await res.json()) as { models?: OptionObject[]; error?: string }\n        if (!res.ok) {\n          throw new Error(data.error || `Failed to load models (${res.status})`)\n        }\n        setOptions(Array.isArray(data.models) ? data.models : [])\n      } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') return\n        setLoadError(err instanceof Error ? err.message : 'Failed to load models')\n      } finally {\n        if (!controller.signal.aborted) setLoading(false)\n      }\n    }\n\n    void load()\n    return () => controller.abort()\n  }, [modelsURL])\n\n  const optionsWithCurrent = useMemo(() => {\n    if (!value || options.some((option) => option.value === value)) return options\n    return [{ label: value, value }, ...options]\n  }, [options, value])\n\n  const description =\n    typeof field.admin?.description === 'string' ? field.admin.description : undefined\n\n  const disabled = isLocked || loading\n\n  return (\n    <div className=\"field-type select\">\n      <FieldLabel label={field.label} path={path} required={field.required} />\n      <SelectInput\n        description={description}\n        Error={showError && errorMessage ? <div className=\"field-error\">{errorMessage}</div> : null}\n        isClearable={false}\n        name={path}\n        onChange={(option) => {\n          if (disabled || !option || Array.isArray(option)) return\n          if ('value' in option && typeof option.value === 'string') {\n            setValue(option.value)\n          }\n        }}\n        options={optionsWithCurrent}\n        path={path}\n        placeholder={loading ? 'Loading models…' : 'Select a model'}\n        readOnly={disabled}\n        required={field.required}\n        showError={showError}\n        value={value ?? ''}\n      />\n      {loadError ? (\n        <FieldDescription description={`Could not load OpenAI models: ${loadError}`} path={path} />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldLabel","SelectInput","useConfig","useField","useFormFields","React","useEffect","useMemo","useState","OpenAiModelField","field","path","readOnly","value","setValue","showError","errorMessage","config","routes","serverURL","modelsURL","api","lockField","fields","lockTranslationSettings","isLocked","undefined","Boolean","options","setOptions","loading","setLoading","loadError","setLoadError","controller","AbortController","load","res","fetch","credentials","signal","data","json","ok","Error","error","status","Array","isArray","models","err","name","message","aborted","abort","optionsWithCurrent","some","option","label","description","admin","disabled","div","className","required","isClearable","onChange","placeholder"],"mappings":"AAAA;;AAGA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,aAAa,QACR,iBAAgB;AACvB,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAE3D,OAAO,MAAMC,mBAA6C,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAE;IAClF,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGb,SAAiB;QAAEQ;IAAK;IAC7E,MAAM,EACJM,QAAQ,EAAEC,MAAM,EAAEC,SAAS,EAAE,EAC9B,GAAGjB;IACJ,MAAMkB,YAAY,GAAGD,YAAYD,OAAOG,GAAG,CAAC,2CAA2C,CAAC;IACxF,MAAMC,YAAYlB,cAAc,CAAC,CAACmB,OAAO,GAAKA,QAAQC;IACtD,MAAMC,WAAWH,cAAcI,YAAYC,QAAQf,YAAYe,QAAQL,UAAUT,KAAK;IACtF,MAAM,CAACe,SAASC,WAAW,GAAGrB,SAAyB,EAAE;IACzD,MAAM,CAACsB,SAASC,WAAW,GAAGvB,SAAS;IACvC,MAAM,CAACwB,WAAWC,aAAa,GAAGzB,SAAwB;IAE1DF,UAAU;QACR,MAAM4B,aAAa,IAAIC;QAEvB,MAAMC,OAAO;YACXL,WAAW;YACXE,aAAa;YACb,IAAI;gBACF,MAAMI,MAAM,MAAMC,MAAMlB,WAAW;oBACjCmB,aAAa;oBACbC,QAAQN,WAAWM,MAAM;gBAC3B;gBACA,MAAMC,OAAQ,MAAMJ,IAAIK,IAAI;gBAC5B,IAAI,CAACL,IAAIM,EAAE,EAAE;oBACX,MAAM,IAAIC,MAAMH,KAAKI,KAAK,IAAI,CAAC,uBAAuB,EAAER,IAAIS,MAAM,CAAC,CAAC,CAAC;gBACvE;gBACAjB,WAAWkB,MAAMC,OAAO,CAACP,KAAKQ,MAAM,IAAIR,KAAKQ,MAAM,GAAG,EAAE;YAC1D,EAAE,OAAOC,KAAK;gBACZ,IAAIA,eAAeN,SAASM,IAAIC,IAAI,KAAK,cAAc;gBACvDlB,aAAaiB,eAAeN,QAAQM,IAAIE,OAAO,GAAG;YACpD,SAAU;gBACR,IAAI,CAAClB,WAAWM,MAAM,CAACa,OAAO,EAAEtB,WAAW;YAC7C;QACF;QAEA,KAAKK;QACL,OAAO,IAAMF,WAAWoB,KAAK;IAC/B,GAAG;QAAClC;KAAU;IAEd,MAAMmC,qBAAqBhD,QAAQ;QACjC,IAAI,CAACM,SAASe,QAAQ4B,IAAI,CAAC,CAACC,SAAWA,OAAO5C,KAAK,KAAKA,QAAQ,OAAOe;QACvE,OAAO;YAAC;gBAAE8B,OAAO7C;gBAAOA;YAAM;eAAMe;SAAQ;IAC9C,GAAG;QAACA;QAASf;KAAM;IAEnB,MAAM8C,cACJ,OAAOjD,MAAMkD,KAAK,EAAED,gBAAgB,WAAWjD,MAAMkD,KAAK,CAACD,WAAW,GAAGjC;IAE3E,MAAMmC,WAAWpC,YAAYK;IAE7B,qBACE,MAACgC;QAAIC,WAAU;;0BACb,KAAC/D;gBAAW0D,OAAOhD,MAAMgD,KAAK;gBAAE/C,MAAMA;gBAAMqD,UAAUtD,MAAMsD,QAAQ;;0BACpE,KAAC/D;gBACC0D,aAAaA;gBACbf,OAAO7B,aAAaC,6BAAe,KAAC8C;oBAAIC,WAAU;8BAAe/C;qBAAsB;gBACvFiD,aAAa;gBACbd,MAAMxC;gBACNuD,UAAU,CAACT;oBACT,IAAII,YAAY,CAACJ,UAAUV,MAAMC,OAAO,CAACS,SAAS;oBAClD,IAAI,WAAWA,UAAU,OAAOA,OAAO5C,KAAK,KAAK,UAAU;wBACzDC,SAAS2C,OAAO5C,KAAK;oBACvB;gBACF;gBACAe,SAAS2B;gBACT5C,MAAMA;gBACNwD,aAAarC,UAAU,oBAAoB;gBAC3ClB,UAAUiD;gBACVG,UAAUtD,MAAMsD,QAAQ;gBACxBjD,WAAWA;gBACXF,OAAOA,SAAS;;YAEjBmB,0BACC,KAACjC;gBAAiB4D,aAAa,CAAC,8BAA8B,EAAE3B,WAAW;gBAAErB,MAAMA;iBACjF;;;AAGV,EAAC"}