@serhii.olishevskyi/docs 1.2.12 → 1.2.14

package/dist/{chunk-FRDK4RQX.mjs → chunk-7WZQFX6U.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,
@@ -1109,15 +1109,17 @@ import {
   IconButton,
   Tooltip,
   Paper,
-  Alert as Alert2
+  Alert as Alert2,
+  ToggleButtonGroup,
+  ToggleButton
 } from "@mui/material";
 import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
 import TranslateIcon from "@mui/icons-material/Translate";
 import LightbulbIcon from "@mui/icons-material/Lightbulb";
+import SmartToyIcon from "@mui/icons-material/SmartToy";
 
 // src/services/translation.service.ts
 var translationService = {
-  // 1. Принимаем client первым аргументом
   incrementVersion: async (client, namespace, langCodes) => {
     try {
       const { data } = await client.from("translation_versions").select("version, lang_code").eq("namespace", namespace);
@@ -1138,36 +1140,103 @@ var translationService = {
       return null;
     }
   },
-  translateSmart: async (client, aiGenerateFn, params) => {
+  /**
+   * Универсальный метод перевода с поддержкой Gemini, OpenAI и автоматическим fallback
+   */
+  translateSmart: async (client, aiGenerateFn, params, openAiApiKey) => {
     const languagesToTranslate = params.targetLangs || (params.targetLang ? [params.targetLang] : []);
     try {
       const { data, error } = await client.functions.invoke("translate-smart", { body: params });
       if (!error && data) return data;
     } catch {
-      console.warn("Edge Function translate-smart \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C AIProvider...");
+      console.warn("[translationService]: Edge Function translate-smart \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430, \u043F\u0435\u0440\u0435\u0445\u043E\u0434\u0438\u043C \u043A AIProvider...");
     }
-    if (aiGenerateFn) {
-      const prompt = `Translate the source text into language codes: ${JSON.stringify(languagesToTranslate)}.
+    const prompt = `Translate the source text into language codes: ${JSON.stringify(languagesToTranslate)}.
 Source Text: "${params.text}"
 ${params.contextHint ? `Context Hint: "${params.contextHint}"` : ""}`;
-      const translations = await aiGenerateFn({
-        prompt,
-        systemInstruction: 'Respond STRICTLY with a valid JSON mapping lang code to text. Example: {"en": "Hello"}',
-        jsonMode: true
-      });
-      if (translations) {
-        if (params.targetLang) {
-          return { translatedText: translations[params.targetLang] || params.text };
+    const systemInstruction = 'You are a professional translator. Respond STRICTLY with a valid JSON object mapping language code to translated text. Example: {"en": "Hello", "uk": "\u041F\u0440\u0438\u0432\u0456\u0442"}';
+    if (aiGenerateFn) {
+      try {
+        const translations = await aiGenerateFn({
+          prompt,
+          systemInstruction,
+          jsonMode: true,
+          provider: params.provider,
+          modelName: params.modelName
+        });
+        if (translations) {
+          if (params.targetLang) {
+            return { translatedText: translations[params.targetLang] || params.text };
+          }
+          return { translations };
         }
-        return { translations };
+      } catch (err) {
+        console.warn(`[translationService]: \u041E\u0448\u0438\u0431\u043A\u0430 \u0433\u0435\u043D\u0435\u0440\u0430\u0446\u0438\u0438 \u0418\u0418 (${params.provider || "default"}), \u043F\u0440\u043E\u0431\u0443\u0435\u043C \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u044B\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B...`, err);
+      }
+      if (params.provider === "gemini" || !params.provider) {
+        try {
+          console.warn("[translationService]: \u041F\u0440\u043E\u0431\u0443\u0435\u043C \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F \u043D\u0430 OpenAI fallback...");
+          const translations = await aiGenerateFn({
+            prompt,
+            systemInstruction,
+            jsonMode: true,
+            provider: "openai"
+          });
+          if (translations) {
+            if (params.targetLang) {
+              return { translatedText: translations[params.targetLang] || params.text };
+            }
+            return { translations };
+          }
+        } catch (fallbackErr) {
+          console.warn("[translationService]: Fallback OpenAI \u0447\u0435\u0440\u0435\u0437 AIProvider \u043D\u0435 \u0443\u0434\u0430\u043B\u0441\u044F", fallbackErr);
+        }
+      }
+    }
+    if (openAiApiKey) {
+      try {
+        const response = await fetch("https://api.openai.com/v1/chat/completions", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${openAiApiKey}`
+          },
+          body: JSON.stringify({
+            model: params.modelName || "gpt-4o-mini",
+            response_format: { type: "json_object" },
+            messages: [
+              { role: "system", content: systemInstruction },
+              { role: "user", content: prompt }
+            ],
+            temperature: 0.3
+          })
+        });
+        if (response.ok) {
+          const result = await response.json();
+          const content = result.choices?.[0]?.message?.content;
+          if (content) {
+            const translations = JSON.parse(content);
+            if (params.targetLang) {
+              return { translatedText: translations[params.targetLang] || params.text };
+            }
+            return { translations };
+          }
+        }
+      } catch (err) {
+        console.warn("[translationService]: Direct OpenAI API error, fallback to Google Translate", err);
       }
     }
     if (params.targetLang) {
-      const fallbackUrl = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${params.targetLang}&dt=t&q=${encodeURIComponent(params.text)}`;
-      const res = await fetch(fallbackUrl);
-      if (res.ok) {
-        const data = await res.json();
-        return { translatedText: data[0].map((x) => x[0]).join("") };
+      try {
+        const fallbackUrl = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${params.targetLang}&dt=t&q=${encodeURIComponent(params.text)}`;
+        const res = await fetch(fallbackUrl);
+        if (res.ok) {
+          const data = await res.json();
+          const translatedText = data[0].map((x) => x[0]).join("");
+          return { translatedText };
+        }
+      } catch (err) {
+        console.error("[translationService]: Google Translate fallback failed:", err);
       }
     }
     throw new Error("All translation strategies failed.");
@@ -1175,38 +1244,96 @@ ${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: directApiKey
-}) => {
-  const apiKey = directApiKey || config?.apiKey;
-  const provider = config?.provider || "gemini";
-  const modelName = config?.modelName || (provider === "gemini" ? "gemini-2.5-flash" : "gpt-4o-mini");
+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: 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: 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 {
-      apiKey,
-      provider,
-      modelName,
+      activeProvider,
+      config: {
+        provider: activeProvider,
+        gemini: geminiConfig,
+        openai: openaiConfig
+      },
+      reloadConfig: loadSettingsFromDb,
       generate: async ({
         prompt,
         systemInstruction,
         jsonMode = false,
-        temperature
+        temperature,
+        provider: overrideProvider,
+        modelName: overrideModelName
       }) => {
-        if (!apiKey) {
-          console.warn("[AIProvider]: API Key \u043D\u0435 \u0437\u0430\u0434\u0430\u043D.");
-          return null;
-        }
-        if (provider === "gemini") {
+        const targetProvider = overrideProvider || activeProvider;
+        if (targetProvider === "gemini") {
+          const key = geminiConfig.apiKey;
+          const model = overrideModelName || geminiConfig.modelName || "gemini-2.5-flash";
+          if (!key) {
+            console.warn("[AIProvider]: API Key \u0434\u043B\u044F Gemini \u043D\u0435 \u0437\u0430\u0434\u0430\u043D.");
+            return null;
+          }
           try {
-            const ai = new GoogleGenAI({ apiKey });
+            const ai = new GoogleGenAI({ apiKey: key });
             const response = await ai.models.generateContent({
-              model: modelName,
+              model,
               contents: prompt,
               config: {
                 systemInstruction,
@@ -1225,7 +1352,13 @@ var AIProvider = ({
             return null;
           }
         }
-        if (provider === "openai") {
+        if (targetProvider === "openai") {
+          const key = openaiConfig.apiKey;
+          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;
+          }
           try {
             const messages = [];
             if (systemInstruction) {
@@ -1236,15 +1369,19 @@ var AIProvider = ({
               method: "POST",
               headers: {
                 "Content-Type": "application/json",
-                Authorization: `Bearer ${apiKey}`
+                Authorization: `Bearer ${key}`
               },
               body: JSON.stringify({
-                model: modelName,
+                model,
                 messages,
                 temperature,
                 ...jsonMode ? { response_format: { type: "json_object" } } : {}
               })
             });
+            if (!res.ok) {
+              const errData = await res.json().catch(() => ({}));
+              throw new Error(`OpenAI API status ${res.status}: ${JSON.stringify(errData)}`);
+            }
             const data = await res.json();
             const content = data.choices?.[0]?.message?.content?.trim() || "";
             if (jsonMode) {
@@ -1259,7 +1396,14 @@ var AIProvider = ({
         return null;
       }
     };
-  }, [apiKey, provider, modelName]);
+  }, [
+    activeProvider,
+    geminiConfig.apiKey,
+    geminiConfig.modelName,
+    openaiConfig.apiKey,
+    openaiConfig.modelName,
+    loadSettingsFromDb
+  ]);
   return /* @__PURE__ */ jsx9(AIContext.Provider, { value: contextValue, children });
 };
 var useAI = () => {
@@ -1280,16 +1424,17 @@ var TranslationDialog = ({
   onSave
 }) => {
   const supabase = useSupabase();
-  const { generate } = useAI();
-  const [languages, setLanguages] = useState7([]);
-  const [values, setValues] = useState7({});
-  const [contextHint, setContextHint] = useState7("");
-  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 { generate, activeProvider: defaultProvider } = useAI();
+  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) return;
     const fetchData = async () => {
       setLoading(true);
@@ -1320,6 +1465,7 @@ var TranslationDialog = ({
     };
     fetchData();
   }, [open, translationKey, namespace]);
+  const effectiveProvider = selectedProvider === "auto" ? void 0 : selectedProvider;
   const handleAutoTranslate = async (e, targetLang) => {
     e.preventDefault();
     e.stopPropagation();
@@ -1329,13 +1475,14 @@ var TranslationDialog = ({
       const res = await translationService.translateSmart(supabase, generate, {
         text: translationKey,
         targetLang,
-        contextHint
+        contextHint,
+        provider: effectiveProvider
       });
       if (res?.translatedText) {
         setValues((prev) => ({ ...prev, [targetLang]: res.translatedText }));
       }
     } catch (err) {
-      console.log(err);
+      console.error(err);
       setError(`Failed to translate into ${targetLang}. ${err?.message || ""}`);
     } finally {
       setTranslatingCode(null);
@@ -1352,7 +1499,8 @@ var TranslationDialog = ({
       const res = await translationService.translateSmart(supabase, generate, {
         text: translationKey,
         targetLangs,
-        contextHint
+        contextHint,
+        provider: effectiveProvider
       });
       if (res?.translations) {
         setValues((prev) => ({ ...prev, ...res.translations }));
@@ -1395,36 +1543,76 @@ var TranslationDialog = ({
       onClick: (e) => e.stopPropagation(),
       onMouseDown: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxs3(DialogTitle, { sx: { pb: 1, display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-          /* @__PURE__ */ jsxs3(Box, { children: [
-            "Context Translation",
-            /* @__PURE__ */ jsxs3(Typography, { component: "div", variant: "subtitle2", color: "text.secondary", sx: { wordBreak: "break-all", mt: 0.5 }, children: [
-              "Original: ",
-              /* @__PURE__ */ jsxs3("strong", { children: [
-                '"',
-                translationKey,
-                '"'
-              ] })
-            ] })
-          ] }),
-          !loading && /* @__PURE__ */ jsx10(
-            Button,
-            {
-              type: "button",
-              size: "small",
-              variant: "outlined",
-              color: "secondary",
-              startIcon: isTranslatingAll ? /* @__PURE__ */ jsx10(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx10(TranslateIcon, { fontSize: "small" }),
-              onClick: handleTranslateAll,
-              disabled: isBusy,
-              sx: { flexShrink: 0, ml: 2, whiteSpace: "nowrap" },
-              children: isTranslatingAll ? "Translating..." : "Translate All"
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxs3(
+          DialogTitle,
+          {
+            sx: { pb: 1, display: "flex", justifyContent: "space-between", alignItems: "flex-start" },
+            children: [
+              /* @__PURE__ */ jsxs3(Box, { children: [
+                "Context Translation",
+                /* @__PURE__ */ jsxs3(
+                  Typography,
+                  {
+                    component: "div",
+                    variant: "subtitle2",
+                    color: "text.secondary",
+                    sx: { wordBreak: "break-all", mt: 0.5 },
+                    children: [
+                      "Original: ",
+                      /* @__PURE__ */ jsxs3("strong", { children: [
+                        '"',
+                        translationKey,
+                        '"'
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              !loading && /* @__PURE__ */ jsx10(
+                Button,
+                {
+                  type: "button",
+                  size: "small",
+                  variant: "outlined",
+                  color: "secondary",
+                  startIcon: isTranslatingAll ? /* @__PURE__ */ jsx10(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx10(TranslateIcon, { fontSize: "small" }),
+                  onClick: handleTranslateAll,
+                  disabled: isBusy,
+                  sx: { flexShrink: 0, ml: 2, whiteSpace: "nowrap" },
+                  children: isTranslatingAll ? "Translating..." : "Translate All"
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs3(DialogContent, { dividers: true, sx: { pt: 2 }, children: [
           error && /* @__PURE__ */ jsx10(Alert2, { severity: "error", onClose: () => setError(null), sx: { mb: 2 }, children: error }),
           loading ? /* @__PURE__ */ jsx10(Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx10(CircularProgress, {}) }) : /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+            /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+              /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ jsx10(SmartToyIcon, { fontSize: "small", color: "action" }),
+                /* @__PURE__ */ jsx10(Typography, { variant: "caption", sx: { fontWeight: 600, color: "text.secondary" }, children: "AI Engine:" })
+              ] }),
+              /* @__PURE__ */ jsxs3(
+                ToggleButtonGroup,
+                {
+                  size: "small",
+                  value: selectedProvider,
+                  exclusive: true,
+                  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: "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(Paper, { variant: "outlined", sx: { p: 2, bgcolor: "action.hover", borderRadius: 2 }, children: [
               /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
                 /* @__PURE__ */ jsx10(LightbulbIcon, { color: "warning", fontSize: "small" }),
@@ -1473,7 +1661,7 @@ var TranslationDialog = ({
                   disabled: isBusy
                 }
               ),
-              /* @__PURE__ */ jsx10(Tooltip, { title: "Translate with context hint", children: /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx10(Tooltip, { title: `Translate using ${selectedProvider === "auto" ? defaultProvider : selectedProvider}`, children: /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(
                 IconButton,
                 {
                   type: "button",
@@ -1488,16 +1676,7 @@ var TranslationDialog = ({
         ] }),
         /* @__PURE__ */ jsxs3(DialogActions, { sx: { px: 3, py: 2 }, children: [
           /* @__PURE__ */ jsx10(Button, { onClick: onClose, disabled: isBusy, color: "inherit", type: "button", children: "Cancel" }),
-          /* @__PURE__ */ jsx10(
-            Button,
-            {
-              onClick: handleSaveAll,
-              variant: "contained",
-              disabled: isBusy,
-              type: "button",
-              children: saving ? "Saving..." : "Save All"
-            }
-          )
+          /* @__PURE__ */ jsx10(Button, { onClick: handleSaveAll, variant: "contained", disabled: isBusy, type: "button", children: saving ? "Saving..." : "Save All" })
         ] })
       ]
     }
@@ -1515,11 +1694,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);
     };
@@ -1685,10 +1864,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) => {
@@ -1763,7 +1942,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
@@ -1771,10 +1950,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);
@@ -1794,10 +1973,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];
     }
@@ -1826,7 +2005,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 = {
@@ -1843,14 +2022,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 });
@@ -1903,10 +2082,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;
@@ -1922,7 +2101,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;
@@ -1938,7 +2117,7 @@ var UserSettingsProvider = ({ children }) => {
     },
     [settings.chat_open, userId]
   );
-  const openChatWithUser = useCallback6(
+  const openChatWithUser = useCallback7(
     async (targetUserId) => {
       setActiveChatUserId(targetUserId);
       if (!settings.chat_open) {
@@ -1947,7 +2126,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 }));
@@ -1962,7 +2141,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 }));
@@ -2137,7 +2316,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";
@@ -2189,7 +2368,7 @@ var CopyClipboardButtonComponent = ({
   sx,
   ...iconButtonProps
 }) => {
-  const [copied, setCopied] = useState12(false);
+  const [copied, setCopied] = useState13(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     if (!textToCopy) return;
@@ -2222,9 +2401,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);
@@ -2273,13 +2452,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);