@serhii.olishevskyi/docs 1.2.13 → 1.2.15

package/dist/{UserPopoverComponent-LI5272PW.mjs → UserPopoverComponent-RAEPOSIE.mjs}

@@ -1,7 +1,7 @@
 import {
   UserPopoverComponent,
   UserPopoverComponent_default
-} from "./chunk-EW4DX6YG.mjs";
+} from "./chunk-4NEOJ5KZ.mjs";
 export {
   UserPopoverComponent,
   UserPopoverComponent_default as default

package/dist/{chunk-EW4DX6YG.mjs → chunk-4NEOJ5KZ.mjs}

@@ -1,5 +1,5 @@
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { useEffect as useEffect9, useState as useState13 } from "react";
+import { useEffect as useEffect10, useState as useState14 } from "react";
 import {
   Popover,
   Box as Box4,
@@ -1070,7 +1070,7 @@ var useToast = () => {
 };
 
 // src/context/ConfirmationProvider.tsx
-import { createContext as createContext10, useContext as useContext10, useState as useState9, useCallback as useCallback4 } from "react";
+import { createContext as createContext10, useContext as useContext10, useState as useState10, useCallback as useCallback5 } from "react";
 import {
   Button as Button2,
   Dialog as Dialog2,
@@ -1088,14 +1088,14 @@ import {
 } from "@mui/icons-material";
 
 // src/i18n/TranslateText.tsx
-import { useState as useState8, useRef as useRef2, useEffect as useEffect6 } from "react";
+import { useState as useState9, useRef as useRef2, useEffect as useEffect7 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { Box as Box2, Popper, Paper as Paper2, MenuList, MenuItem, ListItemIcon, ListItemText } from "@mui/material";
 import TranslateIcon2 from "@mui/icons-material/Translate";
 import LaunchIcon from "@mui/icons-material/Launch";
 
 // src/i18n/TranslationDialog.tsx
-import { useEffect as useEffect5, useState as useState7 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 import {
   Dialog,
   DialogTitle,
@@ -1244,24 +1244,66 @@ ${params.contextHint ? `Context Hint: "${params.contextHint}"` : ""}`;
 };
 
 // src/context/AIProvider.tsx
-import { createContext as createContext9, useContext as useContext9, useMemo as useMemo5 } from "react";
+import { createContext as createContext9, useContext as useContext9, useEffect as useEffect5, useMemo as useMemo5, useState as useState7, useCallback as useCallback4 } from "react";
 import { GoogleGenAI } from "@google/genai";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var AIContext = createContext9(null);
-var AIProvider = ({
-  children,
-  config = {},
-  apiKey: legacyApiKey,
-  provider: legacyProvider
-}) => {
-  const activeProvider = config.provider || legacyProvider || "gemini";
+var AIProvider = ({ children, config: initialConfig = {} }) => {
+  const supabase = useSupabase();
+  const [dbConfig, setDbConfig] = useState7({});
+  const loadSettingsFromDb = useCallback4(async () => {
+    try {
+      const { data } = await supabase.from("app_settings").select("key, value").in("key", [
+        "ai_provider",
+        "gemini_api_key",
+        "gemini_model",
+        "openai_api_key",
+        "openai_model"
+      ]);
+      if (!data) return;
+      const parseVal = (val) => {
+        if (typeof val === "string") return val;
+        return JSON.stringify(val).replace(/^"|"$/g, "");
+      };
+      let provider;
+      let geminiApiKey;
+      let geminiModel;
+      let openaiApiKey;
+      let openaiModel;
+      data.forEach((item) => {
+        const val = parseVal(item.value);
+        if (item.key === "ai_provider" && (val === "gemini" || val === "openai")) {
+          provider = val;
+        }
+        if (item.key === "gemini_api_key") geminiApiKey = val;
+        if (item.key === "gemini_model") geminiModel = val;
+        if (item.key === "openai_api_key") openaiApiKey = val;
+        if (item.key === "openai_model") openaiModel = val;
+      });
+      setDbConfig({
+        provider,
+        gemini: { apiKey: geminiApiKey, modelName: geminiModel },
+        openai: { apiKey: openaiApiKey, modelName: openaiModel }
+      });
+    } catch (err) {
+      console.warn("[AIProvider]: Failed to load AI settings from app_settings", err);
+    }
+  }, [supabase]);
+  useEffect5(() => {
+    loadSettingsFromDb();
+  }, [loadSettingsFromDb]);
+  const activeProvider = dbConfig.provider || initialConfig.provider || "gemini";
   const geminiConfig = {
-    apiKey: config.gemini?.apiKey || (activeProvider === "gemini" ? legacyApiKey : void 0),
-    modelName: config.gemini?.modelName || "gemini-2.5-flash"
+    apiKey: dbConfig.gemini?.apiKey || initialConfig.gemini?.apiKey || "",
+    //import.meta.env.VITE_GEMINI_API_KEY,
+    modelName: dbConfig.gemini?.modelName || initialConfig.gemini?.modelName || "" || //import.meta.env.VITE_GEMINI_MODEL ||
+    "gemini-2.5-flash"
   };
   const openaiConfig = {
-    apiKey: config.openai?.apiKey || (activeProvider === "openai" ? legacyApiKey : void 0),
-    modelName: config.openai?.modelName || "gpt-4o-mini"
+    apiKey: dbConfig.openai?.apiKey || initialConfig.openai?.apiKey || "",
+    //import.meta.env.VITE_OPENAI_API_KEY,
+    modelName: dbConfig.openai?.modelName || initialConfig.openai?.modelName || "" || //import.meta.env.VITE_OPENAI_MODEL ||
+    "gpt-4o-mini"
   };
   const contextValue = useMemo5(() => {
     return {
@@ -1271,6 +1313,7 @@ var AIProvider = ({
         gemini: geminiConfig,
         openai: openaiConfig
       },
+      reloadConfig: loadSettingsFromDb,
       generate: async ({
         prompt,
         systemInstruction,
@@ -1291,7 +1334,6 @@ var AIProvider = ({
             const ai = new GoogleGenAI({ apiKey: key });
             const response = await ai.models.generateContent({
               model,
-              // Теперь гарантированно string
               contents: prompt,
               config: {
                 systemInstruction,
@@ -1312,7 +1354,7 @@ var AIProvider = ({
         }
         if (targetProvider === "openai") {
           const key = openaiConfig.apiKey;
-          const model = overrideModelName || openaiConfig.modelName;
+          const model = overrideModelName || openaiConfig.modelName || "gpt-4o-mini";
           if (!key) {
             console.warn("[AIProvider]: API Key \u0434\u043B\u044F OpenAI \u043D\u0435 \u0437\u0430\u0434\u0430\u043D.");
             return null;
@@ -1359,7 +1401,8 @@ var AIProvider = ({
     geminiConfig.apiKey,
     geminiConfig.modelName,
     openaiConfig.apiKey,
-    openaiConfig.modelName
+    openaiConfig.modelName,
+    loadSettingsFromDb
   ]);
   return /* @__PURE__ */ jsx9(AIContext.Provider, { value: contextValue, children });
 };
@@ -1382,16 +1425,21 @@ var TranslationDialog = ({
 }) => {
   const supabase = useSupabase();
   const { generate, activeProvider: defaultProvider } = useAI();
-  const [languages, setLanguages] = useState7([]);
-  const [values, setValues] = useState7({});
-  const [contextHint, setContextHint] = useState7("");
-  const [selectedProvider, setSelectedProvider] = useState7("auto");
-  const [loading, setLoading] = useState7(false);
-  const [saving, setSaving] = useState7(false);
-  const [translatingCode, setTranslatingCode] = useState7(null);
-  const [isTranslatingAll, setIsTranslatingAll] = useState7(false);
-  const [error, setError] = useState7(null);
-  useEffect5(() => {
+  const [languages, setLanguages] = useState8([]);
+  const [values, setValues] = useState8({});
+  const [contextHint, setContextHint] = useState8("");
+  const [selectedProvider, setSelectedProvider] = useState8("auto");
+  const [loading, setLoading] = useState8(false);
+  const [saving, setSaving] = useState8(false);
+  const [translatingCode, setTranslatingCode] = useState8(null);
+  const [isTranslatingAll, setIsTranslatingAll] = useState8(false);
+  const [error, setError] = useState8(null);
+  useEffect6(() => {
+    if (open) {
+      setSelectedProvider(defaultProvider || "auto");
+    }
+  }, [open, defaultProvider]);
+  useEffect6(() => {
     if (!open) return;
     const fetchData = async () => {
       setLoading(true);
@@ -1421,7 +1469,7 @@ var TranslationDialog = ({
       }
     };
     fetchData();
-  }, [open, translationKey, namespace]);
+  }, [open, translationKey, namespace, supabase]);
   const effectiveProvider = selectedProvider === "auto" ? void 0 : selectedProvider;
   const handleAutoTranslate = async (e, targetLang) => {
     e.preventDefault();
@@ -1559,13 +1607,15 @@ var TranslationDialog = ({
                   onChange: (_, val) => val && setSelectedProvider(val),
                   disabled: isBusy,
                   children: [
-                    /* @__PURE__ */ jsxs3(ToggleButton, { value: "auto", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
-                      "Auto (",
-                      defaultProvider,
-                      ")"
+                    /* @__PURE__ */ jsx10(ToggleButton, { value: "auto", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "Auto" }),
+                    /* @__PURE__ */ jsxs3(ToggleButton, { value: "gemini", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
+                      "Gemini ",
+                      defaultProvider === "gemini" && "(Default)"
                     ] }),
-                    /* @__PURE__ */ jsx10(ToggleButton, { value: "gemini", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "Gemini" }),
-                    /* @__PURE__ */ jsx10(ToggleButton, { value: "openai", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "OpenAI" })
+                    /* @__PURE__ */ jsxs3(ToggleButton, { value: "openai", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
+                      "OpenAI ",
+                      defaultProvider === "openai" && "(Default)"
+                    ] })
                   ]
                 }
               )
@@ -1651,11 +1701,11 @@ var TranslateText = ({
   const { t, i18n: i18n2 } = useTranslation2(namespace);
   const { isTranslationMode, canEdit } = useTranslationEdit();
   const supabase = useSupabase();
-  const [anchorEl, setAnchorEl] = useState8(null);
-  const [isDialogOpen, setIsDialogOpen] = useState8(false);
+  const [anchorEl, setAnchorEl] = useState9(null);
+  const [isDialogOpen, setIsDialogOpen] = useState9(false);
   const timeoutRef = useRef2(null);
   const translatedValue = t(children, values);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -1821,10 +1871,10 @@ var SEVERITY_ICONS = {
   success: /* @__PURE__ */ jsx12(SuccessIcon, { color: "success", sx: { fontSize: 40 } })
 };
 var ConfirmationProvider = ({ overrideNamespace, children }) => {
-  const [open, setOpen] = useState9(false);
-  const [options, setOptions] = useState9(null);
-  const [resolver, setResolver] = useState9(null);
-  const confirm = useCallback4((opts) => {
+  const [open, setOpen] = useState10(false);
+  const [options, setOptions] = useState10(null);
+  const [resolver, setResolver] = useState10(null);
+  const confirm = useCallback5((opts) => {
     setOptions(opts);
     setOpen(true);
     return new Promise((resolve) => {
@@ -1899,7 +1949,7 @@ var useConfirmation = () => {
 };
 
 // src/context/AppSettingsProvider.tsx
-import { createContext as createContext11, useContext as useContext11, useEffect as useEffect7, useState as useState10, useCallback as useCallback5 } from "react";
+import { createContext as createContext11, useContext as useContext11, useEffect as useEffect8, useState as useState11, useCallback as useCallback6 } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 var DEFAULT_SETTINGS = {
   max_group_members: 100
@@ -1907,10 +1957,10 @@ var DEFAULT_SETTINGS = {
 var AppSettingsContext = createContext11(void 0);
 var AppSettingsProvider = ({ children }) => {
   const supabase = useSupabase();
-  const [settings, setSettings] = useState10(DEFAULT_SETTINGS);
-  const [loading, setLoading] = useState10(true);
-  const [error, setError] = useState10(null);
-  const fetchSettings = useCallback5(async () => {
+  const [settings, setSettings] = useState11(DEFAULT_SETTINGS);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
+  const fetchSettings = useCallback6(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -1930,10 +1980,10 @@ var AppSettingsProvider = ({ children }) => {
       setLoading(false);
     }
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     fetchSettings();
   }, [fetchSettings]);
-  const getSetting = useCallback5((key, defaultValue) => {
+  const getSetting = useCallback6((key, defaultValue) => {
     if (key in settings && settings[key] !== null && settings[key] !== void 0) {
       return settings[key];
     }
@@ -1962,7 +2012,7 @@ var useAppSettings = () => {
 };
 
 // src/context/UserSettingsProvider.tsx
-import { createContext as createContext12, useContext as useContext12, useEffect as useEffect8, useState as useState11, useCallback as useCallback6 } from "react";
+import { createContext as createContext12, useContext as useContext12, useEffect as useEffect9, useState as useState12, useCallback as useCallback7 } from "react";
 
 // src/types/user.types.ts
 var defaultUserSettings = {
@@ -1979,14 +2029,14 @@ var UserSettingsProvider = ({ children }) => {
   const supabase = useSupabase();
   const { user, isAuthenticated, loading: isAuthLoading } = useAuth();
   const userId = user?.id;
-  const [settings, setSettings] = useState11({
+  const [settings, setSettings] = useState12({
     id: "",
     ...defaultUserSettings
   });
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
-  const [activeChatUserId, setActiveChatUserId] = useState11(null);
-  const fetchSettings = useCallback6(async () => {
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
+  const [activeChatUserId, setActiveChatUserId] = useState12(null);
+  const fetchSettings = useCallback7(async () => {
     if (isAuthLoading) return;
     if (!isAuthenticated || !userId) {
       setSettings({ id: "", ...defaultUserSettings });
@@ -2039,10 +2089,10 @@ var UserSettingsProvider = ({ children }) => {
       setLoading(false);
     }
   }, [isAuthenticated, isAuthLoading, userId]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchSettings();
   }, [fetchSettings]);
-  const toggleSidebar = useCallback6(
+  const toggleSidebar = useCallback7(
     async (open) => {
       const isExplicitBoolean = typeof open === "boolean";
       const nextState = isExplicitBoolean ? open : !settings.sidebar_open;
@@ -2058,7 +2108,7 @@ var UserSettingsProvider = ({ children }) => {
     },
     [settings.sidebar_open, userId]
   );
-  const toggleChat = useCallback6(
+  const toggleChat = useCallback7(
     async (open) => {
       const isExplicitBoolean = typeof open === "boolean";
       const nextState = isExplicitBoolean ? open : !settings.chat_open;
@@ -2074,7 +2124,7 @@ var UserSettingsProvider = ({ children }) => {
     },
     [settings.chat_open, userId]
   );
-  const openChatWithUser = useCallback6(
+  const openChatWithUser = useCallback7(
     async (targetUserId) => {
       setActiveChatUserId(targetUserId);
       if (!settings.chat_open) {
@@ -2083,7 +2133,7 @@ var UserSettingsProvider = ({ children }) => {
     },
     [settings.chat_open, toggleChat]
   );
-  const setLanguage = useCallback6(
+  const setLanguage = useCallback7(
     async (newLanguage) => {
       const previousLanguage = settings.language;
       setSettings((prev) => ({ ...prev, language: newLanguage }));
@@ -2098,7 +2148,7 @@ var UserSettingsProvider = ({ children }) => {
     },
     [settings.language, userId]
   );
-  const setThemeMode = useCallback6(
+  const setThemeMode = useCallback7(
     async (newMode) => {
       const previousMode = settings.theme_mode;
       setSettings((prev) => ({ ...prev, theme_mode: newMode }));
@@ -2273,7 +2323,7 @@ var UserRoleChipComponent = ({ overrideNamespace, role }) => {
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 import { IconButton as IconButton3 } from "@mui/material";
 import CheckIcon from "@mui/icons-material/Check";
 import CopyIcon from "@mui/icons-material/ContentCopy";
@@ -2325,7 +2375,7 @@ var CopyClipboardButtonComponent = ({
   sx,
   ...iconButtonProps
 }) => {
-  const [copied, setCopied] = useState12(false);
+  const [copied, setCopied] = useState13(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     if (!textToCopy) return;
@@ -2358,9 +2408,9 @@ var CopyClipboardButtonComponent = ({
 // src/UI/components/data.display/UserPopoverComponent.tsx
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 var useUserStatus = (supabase, userId, open) => {
-  const [lastSeenAt, setLastSeenAt] = useState13(null);
-  const [loading, setLoading] = useState13(true);
-  useEffect9(() => {
+  const [lastSeenAt, setLastSeenAt] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  useEffect10(() => {
     if (!userId || !open) {
       setLastSeenAt(null);
       setLoading(false);
@@ -2409,13 +2459,13 @@ var UserPopoverComponent = ({
   const { activeCompanyId, membership: currentMembership } = useAuth();
   const { openChatWithUser } = useUserSettings();
   const { formatDate, formatRelativeTime } = useLocalization();
-  const [profileData, setProfileData] = useState13(null);
-  const [membershipData, setMembershipData] = useState13(null);
-  const [avatarUrl, setAvatarUrl] = useState13(null);
-  const [coverUrl, setCoverUrl] = useState13(null);
-  const [loading, setLoading] = useState13(true);
+  const [profileData, setProfileData] = useState14(null);
+  const [membershipData, setMembershipData] = useState14(null);
+  const [avatarUrl, setAvatarUrl] = useState14(null);
+  const [coverUrl, setCoverUrl] = useState14(null);
+  const [loading, setLoading] = useState14(true);
   const { lastSeenAt, isOnline } = useUserStatus(supabase, userId, open);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!open || !userId || !activeCompanyId) return;
     let isMounted = true;
     setLoading(true);

package/dist/index.d.mts

@@ -413,11 +413,8 @@ interface AIServiceConfig {
     modelName?: string;
 }
 interface AIConfig {
-    /** Активный провайдер по умолчанию */
     provider?: AIProviderType;
-    /** Конфигурация для Gemini */
     gemini?: AIServiceConfig;
-    /** Конфигурация для OpenAI */
     openai?: AIServiceConfig;
 }
 interface AIGenerateOptions {
@@ -425,24 +422,19 @@ interface AIGenerateOptions {
     systemInstruction?: string;
     jsonMode?: boolean;
     temperature?: number;
-    /** Возможность переопределить провайдера для конкретного запроса */
     provider?: AIProviderType;
-    /** Возможность переопределить модель для конкретного запроса */
     modelName?: string;
 }
 interface AIContextType {
     activeProvider: AIProviderType;
     config: AIConfig;
-    /** Универсальный метод генерации (текст или JSON) */
     generate: <T = string>(options: AIGenerateOptions) => Promise<T | null>;
+    /** Метод для перезагрузки настроек из базы данных */
+    reloadConfig: () => Promise<void>;
 }
 interface AIProviderProps {
     children: React__default.ReactNode;
     config?: AIConfig;
-    /** Устаревшая прямая передача ключа (для обратной совместимости) */
-    apiKey?: string;
-    /** Устаревший выбор провайдера (для обратной совместимости) */
-    provider?: AIProviderType;
 }
 declare const AIProvider: React__default.FC<AIProviderProps>;
 declare const useAI: () => AIContextType;

package/dist/index.d.ts

@@ -413,11 +413,8 @@ interface AIServiceConfig {
     modelName?: string;
 }
 interface AIConfig {
-    /** Активный провайдер по умолчанию */
     provider?: AIProviderType;
-    /** Конфигурация для Gemini */
     gemini?: AIServiceConfig;
-    /** Конфигурация для OpenAI */
     openai?: AIServiceConfig;
 }
 interface AIGenerateOptions {
@@ -425,24 +422,19 @@ interface AIGenerateOptions {
     systemInstruction?: string;
     jsonMode?: boolean;
     temperature?: number;
-    /** Возможность переопределить провайдера для конкретного запроса */
     provider?: AIProviderType;
-    /** Возможность переопределить модель для конкретного запроса */
     modelName?: string;
 }
 interface AIContextType {
     activeProvider: AIProviderType;
     config: AIConfig;
-    /** Универсальный метод генерации (текст или JSON) */
     generate: <T = string>(options: AIGenerateOptions) => Promise<T | null>;
+    /** Метод для перезагрузки настроек из базы данных */
+    reloadConfig: () => Promise<void>;
 }
 interface AIProviderProps {
     children: React__default.ReactNode;
     config?: AIConfig;
-    /** Устаревшая прямая передача ключа (для обратной совместимости) */
-    apiKey?: string;
-    /** Устаревший выбор провайдера (для обратной совместимости) */
-    provider?: AIProviderType;
 }
 declare const AIProvider: React__default.FC<AIProviderProps>;
 declare const useAI: () => AIContextType;

package/dist/index.js

@@ -827,22 +827,65 @@ var init_AIProvider = __esm({
     "use strict";
     import_react4 = require("react");
     import_genai = require("@google/genai");
+    init_SupabaseProvider();
     import_jsx_runtime4 = require("react/jsx-runtime");
     AIContext = (0, import_react4.createContext)(null);
-    AIProvider = ({
-      children,
-      config = {},
-      apiKey: legacyApiKey,
-      provider: legacyProvider
-    }) => {
-      const activeProvider = config.provider || legacyProvider || "gemini";
+    AIProvider = ({ children, config: initialConfig = {} }) => {
+      const supabase = useSupabase();
+      const [dbConfig, setDbConfig] = (0, import_react4.useState)({});
+      const loadSettingsFromDb = (0, import_react4.useCallback)(async () => {
+        try {
+          const { data } = await supabase.from("app_settings").select("key, value").in("key", [
+            "ai_provider",
+            "gemini_api_key",
+            "gemini_model",
+            "openai_api_key",
+            "openai_model"
+          ]);
+          if (!data) return;
+          const parseVal = (val) => {
+            if (typeof val === "string") return val;
+            return JSON.stringify(val).replace(/^"|"$/g, "");
+          };
+          let provider;
+          let geminiApiKey;
+          let geminiModel;
+          let openaiApiKey;
+          let openaiModel;
+          data.forEach((item) => {
+            const val = parseVal(item.value);
+            if (item.key === "ai_provider" && (val === "gemini" || val === "openai")) {
+              provider = val;
+            }
+            if (item.key === "gemini_api_key") geminiApiKey = val;
+            if (item.key === "gemini_model") geminiModel = val;
+            if (item.key === "openai_api_key") openaiApiKey = val;
+            if (item.key === "openai_model") openaiModel = val;
+          });
+          setDbConfig({
+            provider,
+            gemini: { apiKey: geminiApiKey, modelName: geminiModel },
+            openai: { apiKey: openaiApiKey, modelName: openaiModel }
+          });
+        } catch (err) {
+          console.warn("[AIProvider]: Failed to load AI settings from app_settings", err);
+        }
+      }, [supabase]);
+      (0, import_react4.useEffect)(() => {
+        loadSettingsFromDb();
+      }, [loadSettingsFromDb]);
+      const activeProvider = dbConfig.provider || initialConfig.provider || "gemini";
       const geminiConfig = {
-        apiKey: config.gemini?.apiKey || (activeProvider === "gemini" ? legacyApiKey : void 0),
-        modelName: config.gemini?.modelName || "gemini-2.5-flash"
+        apiKey: dbConfig.gemini?.apiKey || initialConfig.gemini?.apiKey || "",
+        //import.meta.env.VITE_GEMINI_API_KEY,
+        modelName: dbConfig.gemini?.modelName || initialConfig.gemini?.modelName || "" || //import.meta.env.VITE_GEMINI_MODEL ||
+        "gemini-2.5-flash"
       };
       const openaiConfig = {
-        apiKey: config.openai?.apiKey || (activeProvider === "openai" ? legacyApiKey : void 0),
-        modelName: config.openai?.modelName || "gpt-4o-mini"
+        apiKey: dbConfig.openai?.apiKey || initialConfig.openai?.apiKey || "",
+        //import.meta.env.VITE_OPENAI_API_KEY,
+        modelName: dbConfig.openai?.modelName || initialConfig.openai?.modelName || "" || //import.meta.env.VITE_OPENAI_MODEL ||
+        "gpt-4o-mini"
       };
       const contextValue = (0, import_react4.useMemo)(() => {
         return {
@@ -852,6 +895,7 @@ var init_AIProvider = __esm({
             gemini: geminiConfig,
             openai: openaiConfig
           },
+          reloadConfig: loadSettingsFromDb,
           generate: async ({
             prompt,
             systemInstruction,
@@ -872,7 +916,6 @@ var init_AIProvider = __esm({
                 const ai = new import_genai.GoogleGenAI({ apiKey: key });
                 const response = await ai.models.generateContent({
                   model,
-                  // Теперь гарантированно string
                   contents: prompt,
                   config: {
                     systemInstruction,
@@ -893,7 +936,7 @@ var init_AIProvider = __esm({
             }
             if (targetProvider === "openai") {
               const key = openaiConfig.apiKey;
-              const model = overrideModelName || openaiConfig.modelName;
+              const model = overrideModelName || openaiConfig.modelName || "gpt-4o-mini";
               if (!key) {
                 console.warn("[AIProvider]: API Key \u0434\u043B\u044F OpenAI \u043D\u0435 \u0437\u0430\u0434\u0430\u043D.");
                 return null;
@@ -940,7 +983,8 @@ var init_AIProvider = __esm({
         geminiConfig.apiKey,
         geminiConfig.modelName,
         openaiConfig.apiKey,
-        openaiConfig.modelName
+        openaiConfig.modelName,
+        loadSettingsFromDb
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AIContext.Provider, { value: contextValue, children });
     };
@@ -987,6 +1031,11 @@ var init_TranslationDialog = __esm({
       const [translatingCode, setTranslatingCode] = (0, import_react5.useState)(null);
       const [isTranslatingAll, setIsTranslatingAll] = (0, import_react5.useState)(false);
       const [error, setError] = (0, import_react5.useState)(null);
+      (0, import_react5.useEffect)(() => {
+        if (open) {
+          setSelectedProvider(defaultProvider || "auto");
+        }
+      }, [open, defaultProvider]);
       (0, import_react5.useEffect)(() => {
         if (!open) return;
         const fetchData = async () => {
@@ -1017,7 +1066,7 @@ var init_TranslationDialog = __esm({
           }
         };
         fetchData();
-      }, [open, translationKey, namespace]);
+      }, [open, translationKey, namespace, supabase]);
       const effectiveProvider = selectedProvider === "auto" ? void 0 : selectedProvider;
       const handleAutoTranslate = async (e, targetLang) => {
         e.preventDefault();
@@ -1155,13 +1204,15 @@ var init_TranslationDialog = __esm({
                       onChange: (_, val) => val && setSelectedProvider(val),
                       disabled: isBusy,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.ToggleButton, { value: "auto", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
-                          "Auto (",
-                          defaultProvider,
-                          ")"
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.ToggleButton, { value: "auto", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "Auto" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.ToggleButton, { value: "gemini", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
+                          "Gemini ",
+                          defaultProvider === "gemini" && "(Default)"
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.ToggleButton, { value: "gemini", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "Gemini" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.ToggleButton, { value: "openai", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: "OpenAI" })
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.ToggleButton, { value: "openai", sx: { px: 1.5, py: 0.2, fontSize: "0.75rem" }, children: [
+                          "OpenAI ",
+                          defaultProvider === "openai" && "(Default)"
+                        ] })
                       ]
                     }
                   )

package/dist/index.mjs

@@ -43,7 +43,7 @@ import {
   useTranslationEdit,
   useTranslationNamespace,
   useUserSettings
-} from "./chunk-EW4DX6YG.mjs";
+} from "./chunk-4NEOJ5KZ.mjs";
 
 // src/UI/components/inputs/TextFieldComponent.tsx
 import { useState } from "react";
@@ -741,7 +741,7 @@ var EmailInputComponent = ({
 import { useState as useState5, useEffect as useEffect2, lazy, Suspense } from "react";
 import { Avatar, Tooltip as Tooltip3, Typography as Typography2 } from "@mui/material";
 import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var LazyUserPopover = lazy(() => import("./UserPopoverComponent-LI5272PW.mjs"));
+var LazyUserPopover = lazy(() => import("./UserPopoverComponent-RAEPOSIE.mjs"));
 var getInitials = (name) => {
   if (!name) return "?";
   const parts = name.trim().split(" ");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serhii.olishevskyi/docs",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "description": "DOCS.UA react packages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",