import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import { refineXafTranslations } from "@cundi/refine-xaf";

// Use translations from the SDK
const { en, "zh-TW": zhTW } = refineXafTranslations;

const enExtended = {
    ...en,
    sider: {
        ...((en as any).sider || {}),
        triggerRules: "Trigger Rules",
        triggerLogs: "Trigger Logs",
        mirrorConfigs: "Mirror Configs",
    },
    // Chat translations
    chat: {
        panelTitle: "AI Assistant",
        toggleTooltip: "Toggle AI Chat",
        placeholder: "Type a message...",
        user: "You",
        assistant: "AI",
    },
};

const zhTWExtended = {
    ...zhTW,
    sider: {
        ...((zhTW as any).sider || {}),
        triggerRules: "觸發規則",
        triggerLogs: "觸發紀錄",
        mirrorConfigs: "鏡射設定",
    },
    // Chat translations
    chat: {
        panelTitle: "AI 助手",
        toggleTooltip: "開啟/關閉 AI 聊天",
        placeholder: "輸入訊息...",
        user: "您",
        assistant: "AI",
    },
};

i18n
    .use(LanguageDetector)
    .use(initReactI18next)
    .init({
        resources: {
            en: {
                translation: enExtended,
            },
            "zh-TW": {
                translation: zhTWExtended,
            },
        },
        lng: "zh-TW", // Default language
        fallbackLng: "en",
        debug: false,
        interpolation: {
            escapeValue: false,
        },
    });

export default i18n;