hanbiro-react16-sdk 1.0.28 → 1.0.29

package/dist/hanbiro-react16-sdk.umd.js

@@ -1,5 +1,5 @@
 /*!
- * hanbiro-react16-sdk v1.0.28
+ * hanbiro-react16-sdk v1.0.29
  * Build Date: 2026-05-22
  */
 function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
@@ -36,7 +36,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 })(this, function (exports2, React, ReactDOM) {
   "use strict";
 
-  var _this9 = this;
+  var _this9 = this,
+    _en,
+    _vi,
+    _ko;
   var __defProp = Object.defineProperty;
   var __defProps = Object.defineProperties;
   var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -175,9 +178,43 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     rnds[8] = rnds[8] & 63 | 128;
     return unsafeStringify(rnds);
   }
+  var LOCAL_STORAGE_KEY = /* @__PURE__ */function (LOCAL_STORAGE_KEY2) {
+    LOCAL_STORAGE_KEY2["LANG_CODE"] = "lang.code";
+    return LOCAL_STORAGE_KEY2;
+  }(LOCAL_STORAGE_KEY || {});
+  var localStorageService = {
+    get: function get(key) {
+      return localStorage.getItem(key);
+    },
+    set: function set(key, value) {
+      localStorage.setItem(key, value);
+    },
+    remove: function remove(key) {
+      localStorage.removeItem(key);
+    }
+  };
+  function getBrowserLang() {
+    var shortCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var language = navigator.language;
+    if (language.indexOf("-") !== -1 && shortCode) {
+      language = language.substring(0, 2);
+    }
+    if (language === "ja") {
+      language = "jp";
+    }
+    var supportLanguage = ["ko", "en", "jp", "ch", "zh", "id", "vi", "es"];
+    if (!(supportLanguage.indexOf(language) > -1)) {
+      language = "en";
+    }
+    return language || "en";
+  }
+  var getCurrentLang = function getCurrentLang() {
+    return localStorageService.get(LOCAL_STORAGE_KEY.LANG_CODE) || getBrowserLang(true);
+  };
   var SDKConfig = {
     baseUrl: "V3",
-    signer: null
+    signer: null,
+    lang: getCurrentLang()
   };
   var initHanbiroReactSDK = function initHanbiroReactSDK(_ref2) {
     var baseUrl = _ref2.baseUrl,
@@ -185,6 +222,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     SDKConfig.baseUrl = baseUrl;
     SDKConfig.signer = signer;
   };
+  var setLibLang = function setLibLang(lang) {
+    if (lang) SDKConfig.lang = lang;
+  };
   var checkDevelopment = function checkDevelopment() {
     var locationInfo = window.location;
     var hostname = locationInfo.hostname;
@@ -3091,8 +3131,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             }
             raw = cap[0];
             src = src.substring(raw.length);
-            var line = cap[2].split("\n", 1)[0].replace(this.rules.other.listReplaceTabs, function (t) {
-              return " ".repeat(3 * t.length);
+            var line = cap[2].split("\n", 1)[0].replace(this.rules.other.listReplaceTabs, function (t2) {
+              return " ".repeat(3 * t2.length);
             });
             var nextLine = src.split("\n", 1)[0];
             var blankLine = !line.trim();
@@ -3211,11 +3251,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             this.lexer.state.top = false;
             list2.items[_i3].tokens = this.lexer.blockTokens(list2.items[_i3].text, []);
             if (!list2.loose) {
-              var spacers = list2.items[_i3].tokens.filter(function (t) {
-                return t.type === "space";
+              var spacers = list2.items[_i3].tokens.filter(function (t2) {
+                return t2.type === "space";
               });
-              var hasMultipleLineBreaks = spacers.length > 0 && spacers.some(function (t) {
-                return _this2.rules.other.anyLine.test(t.raw);
+              var hasMultipleLineBreaks = spacers.length > 0 && spacers.some(function (t2) {
+                return _this2.rules.other.anyLine.test(t2.raw);
               });
               list2.loose = hasMultipleLineBreaks;
             }
@@ -5130,6 +5170,83 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }, _callee2);
     }));
   };
+  var LangKey = /* @__PURE__ */function (LangKey2) {
+    LangKey2["SUMMARY_WARNING"] = "SUMMARY_WARNING";
+    LangKey2["NO_DATA"] = "NO_DATA";
+    LangKey2["SENT"] = "SENT";
+    LangKey2["RECEIVED"] = "RECEIVED";
+    LangKey2["ALL"] = "ALL";
+    LangKey2["CREATE_EMPTY_TITLE"] = "CREATE_EMPTY_TITLE";
+    LangKey2["CREATE_EMPTY_SUBTITLE"] = "CREATE_EMPTY_SUBTITLE";
+    LangKey2["CREATE_EMPTY_GUIDE"] = "CREATE_EMPTY_GUIDE";
+    LangKey2["CREATE_FEATURE_1_TITLE"] = "CREATE_FEATURE_1_TITLE";
+    LangKey2["CREATE_FEATURE_1_DESC"] = "CREATE_FEATURE_1_DESC";
+    LangKey2["CREATE_FEATURE_2_TITLE"] = "CREATE_FEATURE_2_TITLE";
+    LangKey2["CREATE_FEATURE_2_DESC"] = "CREATE_FEATURE_2_DESC";
+    LangKey2["CREATE_FEATURE_3_TITLE"] = "CREATE_FEATURE_3_TITLE";
+    LangKey2["CREATE_FEATURE_3_DESC"] = "CREATE_FEATURE_3_DESC";
+    LangKey2["CREATE_PROMPT_HINT"] = "CREATE_PROMPT_HINT";
+    LangKey2["CREATE_SUGGESTION_1"] = "CREATE_SUGGESTION_1";
+    LangKey2["CREATE_SUGGESTION_2"] = "CREATE_SUGGESTION_2";
+    LangKey2["CREATE_SUGGESTION_3"] = "CREATE_SUGGESTION_3";
+    LangKey2["REPLY_EMPTY_TITLE"] = "REPLY_EMPTY_TITLE";
+    LangKey2["REPLY_EMPTY_GUIDE"] = "REPLY_EMPTY_GUIDE";
+    LangKey2["REPLY_FEATURE_1_TITLE"] = "REPLY_FEATURE_1_TITLE";
+    LangKey2["REPLY_FEATURE_1_DESC"] = "REPLY_FEATURE_1_DESC";
+    LangKey2["REPLY_FEATURE_2_TITLE"] = "REPLY_FEATURE_2_TITLE";
+    LangKey2["REPLY_FEATURE_2_DESC"] = "REPLY_FEATURE_2_DESC";
+    LangKey2["REPLY_FEATURE_3_TITLE"] = "REPLY_FEATURE_3_TITLE";
+    LangKey2["REPLY_FEATURE_3_DESC"] = "REPLY_FEATURE_3_DESC";
+    LangKey2["CHAT_INPUT_PLACEHOLDER"] = "CHAT_INPUT_PLACEHOLDER";
+    LangKey2["CHAT_INPUT_PLACEHOLDER_REPLY"] = "CHAT_INPUT_PLACEHOLDER_REPLY";
+    LangKey2["APPLY_CONTENT"] = "APPLY_CONTENT";
+    LangKey2["SETTING_LANGUAGE"] = "SETTING_LANGUAGE";
+    LangKey2["SETTING_TONE"] = "SETTING_TONE";
+    LangKey2["SETTING_LENGTH"] = "SETTING_LENGTH";
+    LangKey2["TONE_FORMAL"] = "TONE_FORMAL";
+    LangKey2["TONE_POLITE"] = "TONE_POLITE";
+    LangKey2["TONE_NEUTRAL"] = "TONE_NEUTRAL";
+    LangKey2["TONE_FRIENDLY"] = "TONE_FRIENDLY";
+    LangKey2["TONE_FIRM"] = "TONE_FIRM";
+    LangKey2["TONE_APOLOGY"] = "TONE_APOLOGY";
+    LangKey2["LENGTH_SHORT"] = "LENGTH_SHORT";
+    LangKey2["LENGTH_MEDIUM"] = "LENGTH_MEDIUM";
+    LangKey2["LENGTH_LONG"] = "LENGTH_LONG";
+    LangKey2["LENGTH_ONE_LINER"] = "LENGTH_ONE_LINER";
+    LangKey2["PAGINATION_TOTAL"] = "PAGINATION_TOTAL";
+    LangKey2["PAGINATION_PAGE"] = "PAGINATION_PAGE";
+    LangKey2["PAGINATION_PAGE_OF"] = "PAGINATION_PAGE_OF";
+    LangKey2["REPLY_LOADING_CONTEXT"] = "REPLY_LOADING_CONTEXT";
+    LangKey2["SOURCE_CONTEXT"] = "SOURCE_CONTEXT";
+    LangKey2["AUTO"] = "AUTO";
+    LangKey2["SELECTED_CONTEXT"] = "SELECTED_CONTEXT";
+    LangKey2["ADD"] = "ADD";
+    LangKey2["BACK"] = "BACK";
+    LangKey2["ADD_CONTEXT_TITLE"] = "ADD_CONTEXT_TITLE";
+    LangKey2["ADD_CONTEXT_DESC"] = "ADD_CONTEXT_DESC";
+    LangKey2["SELECTED_UP_TO"] = "SELECTED_UP_TO";
+    LangKey2["CLEAR_ALL"] = "CLEAR_ALL";
+    LangKey2["SORT_LATEST"] = "SORT_LATEST";
+    LangKey2["NO_EMAILS_FOUND"] = "NO_EMAILS_FOUND";
+    LangKey2["CANCEL"] = "CANCEL";
+    LangKey2["ADD_AS_CONTEXT"] = "ADD_AS_CONTEXT";
+    LangKey2["NO_SUBJECT"] = "NO_SUBJECT";
+    return LangKey2;
+  }(LangKey || {});
+  var en = (_en = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.SUMMARY_WARNING, "This is a summary compiled by AI · May contain some inaccuracies"), LangKey.NO_DATA, "No data"), LangKey.SENT, "Sent"), LangKey.RECEIVED, "Received"), LangKey.ALL, "All"), LangKey.CREATE_EMPTY_TITLE, "Let's draft a new email together from scratch."), LangKey.CREATE_EMPTY_SUBTITLE, "Tell me what kind of email you'd like to write."), LangKey.CREATE_EMPTY_GUIDE, "Give me the recipient, purpose, and key points\nand AI will generate a polished draft."), LangKey.CREATE_FEATURE_1_TITLE, "Request via message"), LangKey.CREATE_FEATURE_1_DESC, 'e.g., "Draft an email to Director Hong proposing a Q3 collaboration meeting (May 20, 3 PM)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.CREATE_FEATURE_2_TITLE, "AI generates a draft"), LangKey.CREATE_FEATURE_2_DESC, "Refine the draft freely with follow-ups like 'more polite' or 'add a deadline'."), LangKey.CREATE_FEATURE_3_TITLE, "Apply to body"), LangKey.CREATE_FEATURE_3_DESC, "Insert the response you like into the email body and send."), LangKey.CREATE_PROMPT_HINT, "💡 Try these prompts to get a draft right away"), LangKey.CREATE_SUGGESTION_1, "Propose a Q3 meeting to Director Hong (May 20, 3 PM)"), LangKey.CREATE_SUGGESTION_2, "Notify client of payment schedule (Due May 30)"), LangKey.CREATE_SUGGESTION_3, "Welcome message to new employee (Joining May 22)"), LangKey.REPLY_EMPTY_TITLE, "We'll draft a reply based on the received email.\nAdd send history if you want to match the tone."), LangKey.REPLY_EMPTY_GUIDE, "The source is auto-included. Adjust tone and length through conversation."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.REPLY_FEATURE_1_TITLE, "Auto-include source"), LangKey.REPLY_FEATURE_1_DESC, "The email you are replying to is automatically added as context."), LangKey.REPLY_FEATURE_2_TITLE, "Add send history (optional)"), LangKey.REPLY_FEATURE_2_DESC, "Use '+ Add' to pick past emails and reference their tone."), LangKey.REPLY_FEATURE_3_TITLE, "Refine with conversation"), LangKey.REPLY_FEATURE_3_DESC, "Get an AI draft, then adjust freely with chips or messages."), LangKey.CHAT_INPUT_PLACEHOLDER, "Describe your email..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "Type a message..."), LangKey.APPLY_CONTENT, "Apply content"), LangKey.SETTING_LANGUAGE, "Language"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.SETTING_TONE, "Tone"), LangKey.SETTING_LENGTH, "Length"), LangKey.TONE_FORMAL, "Formal"), LangKey.TONE_POLITE, "Polite"), LangKey.TONE_NEUTRAL, "Neutral"), LangKey.TONE_FRIENDLY, "Friendly"), LangKey.TONE_FIRM, "Firm"), LangKey.TONE_APOLOGY, "Apology"), LangKey.LENGTH_SHORT, "Short"), LangKey.LENGTH_MEDIUM, "Medium"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.LENGTH_LONG, "Long"), LangKey.LENGTH_ONE_LINER, "1-liner"), LangKey.PAGINATION_TOTAL, "Total"), LangKey.PAGINATION_PAGE, "Page"), LangKey.PAGINATION_PAGE_OF, "Page"), LangKey.REPLY_LOADING_CONTEXT, "Loading context..."), LangKey.SOURCE_CONTEXT, "Source context"), LangKey.AUTO, "Auto"), LangKey.SELECTED_CONTEXT, "Selected context"), LangKey.ADD, "Add"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.BACK, "Back"), LangKey.ADD_CONTEXT_TITLE, "Add context from receive history"), LangKey.ADD_CONTEXT_DESC, "Select related emails to provide AI context."), LangKey.SELECTED_UP_TO, "selected · up to"), LangKey.CLEAR_ALL, "Clear all"), LangKey.SORT_LATEST, "Sort: latest"), LangKey.NO_EMAILS_FOUND, "No emails found."), LangKey.CANCEL, "Cancel"), LangKey.ADD_AS_CONTEXT, "as context →"), LangKey.NO_SUBJECT, "(no subject)"));
+  var vi = (_vi = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.SUMMARY_WARNING, "Đây là bản tóm tắt do AI tổng hợp · Có thể chứa một số điểm không chính xác"), LangKey.NO_DATA, "Không có dữ liệu"), LangKey.SENT, "Đã gửi"), LangKey.RECEIVED, "Đã nhận"), LangKey.ALL, "Tất cả"), LangKey.CREATE_EMPTY_TITLE, "Hãy cùng nhau soạn thảo một email mới từ đầu."), LangKey.CREATE_EMPTY_SUBTITLE, "Hãy cho tôi biết bạn muốn viết loại email nào."), LangKey.CREATE_EMPTY_GUIDE, "Cho tôi người nhận, mục đích và những điểm chính\nvà AI sẽ tạo ra một bản nháp hoàn chỉnh."), LangKey.CREATE_FEATURE_1_TITLE, "Yêu cầu qua tin nhắn"), LangKey.CREATE_FEATURE_1_DESC, 'VD: "Soạn email gửi Giám đốc Hong đề xuất cuộc họp hợp tác quý 3 (20/5, 3 giờ chiều)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.CREATE_FEATURE_2_TITLE, "AI tạo bản nháp"), LangKey.CREATE_FEATURE_2_DESC, "Tinh chỉnh bản nháp thoải mái với các yêu cầu tiếp theo như 'lịch sự hơn' hoặc 'thêm thời hạn'."), LangKey.CREATE_FEATURE_3_TITLE, "Áp dụng vào nội dung"), LangKey.CREATE_FEATURE_3_DESC, "Chèn phản hồi bạn thích vào nội dung email và gửi."), LangKey.CREATE_PROMPT_HINT, "💡 Thử các câu lệnh này để nhận bản nháp ngay lập tức"), LangKey.CREATE_SUGGESTION_1, "Đề xuất cuộc họp quý 3 với Giám đốc Hong (20/5, 3 giờ chiều)"), LangKey.CREATE_SUGGESTION_2, "Thông báo lịch thanh toán cho khách hàng (Hạn chót 30/5)"), LangKey.CREATE_SUGGESTION_3, "Tin nhắn chào mừng nhân viên mới (Gia nhập 22/5)"), LangKey.REPLY_EMPTY_TITLE, "Chúng tôi sẽ soạn thảo thư trả lời dựa trên email đã nhận.\nThêm lịch sử gửi nếu bạn muốn khớp với giọng điệu."), LangKey.REPLY_EMPTY_GUIDE, "Nguồn được tự động bao gồm. Điều chỉnh giọng điệu và độ dài thông qua cuộc trò chuyện."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.REPLY_FEATURE_1_TITLE, "Tự động bao gồm nguồn"), LangKey.REPLY_FEATURE_1_DESC, "Email bạn đang trả lời tự động được thêm làm ngữ cảnh."), LangKey.REPLY_FEATURE_2_TITLE, "Thêm lịch sử gửi (tùy chọn)"), LangKey.REPLY_FEATURE_2_DESC, "Sử dụng '+ Thêm' để chọn các email trước đây và tham khảo giọng điệu của chúng."), LangKey.REPLY_FEATURE_3_TITLE, "Tinh chỉnh thông qua trò chuyện"), LangKey.REPLY_FEATURE_3_DESC, "Nhận bản nháp AI, sau đó điều chỉnh thoải mái bằng thẻ hoặc tin nhắn."), LangKey.CHAT_INPUT_PLACEHOLDER, "Mô tả email của bạn..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "Nhập tin nhắn..."), LangKey.APPLY_CONTENT, "Áp dụng nội dung"), LangKey.SETTING_LANGUAGE, "Ngôn ngữ"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.SETTING_TONE, "Giọng điệu"), LangKey.SETTING_LENGTH, "Độ dài"), LangKey.TONE_FORMAL, "Trang trọng"), LangKey.TONE_POLITE, "Lịch sự"), LangKey.TONE_NEUTRAL, "Trung lập"), LangKey.TONE_FRIENDLY, "Thân thiện"), LangKey.TONE_FIRM, "Cứng rắn"), LangKey.TONE_APOLOGY, "Xin lỗi"), LangKey.LENGTH_SHORT, "Ngắn"), LangKey.LENGTH_MEDIUM, "Trung bình"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.LENGTH_LONG, "Dài"), LangKey.LENGTH_ONE_LINER, "1 dòng"), LangKey.PAGINATION_TOTAL, "Tổng"), LangKey.PAGINATION_PAGE, "Trang"), LangKey.PAGINATION_PAGE_OF, "Trang"), LangKey.REPLY_LOADING_CONTEXT, "Đang tải ngữ cảnh..."), LangKey.SOURCE_CONTEXT, "Ngữ cảnh nguồn"), LangKey.AUTO, "Tự động"), LangKey.SELECTED_CONTEXT, "Ngữ cảnh đã chọn"), LangKey.ADD, "Thêm"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.BACK, "Trở lại"), LangKey.ADD_CONTEXT_TITLE, "Thêm ngữ cảnh từ lịch sử nhận"), LangKey.ADD_CONTEXT_DESC, "Chọn các email liên quan để cung cấp ngữ cảnh cho AI."), LangKey.SELECTED_UP_TO, "đã chọn · tối đa"), LangKey.CLEAR_ALL, "Xóa tất cả"), LangKey.SORT_LATEST, "Sắp xếp: mới nhất"), LangKey.NO_EMAILS_FOUND, "Không tìm thấy email nào."), LangKey.CANCEL, "Hủy bỏ"), LangKey.ADD_AS_CONTEXT, "làm ngữ cảnh →"), LangKey.NO_SUBJECT, "(không có chủ đề)"));
+  var ko = (_ko = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.SUMMARY_WARNING, "이것은 AI가 작성한 요약입니다 · 일부 부정확한 내용이 포함될 수 있습니다"), LangKey.NO_DATA, "데이터 없음"), LangKey.SENT, "보낸 편지"), LangKey.RECEIVED, "받은 편지"), LangKey.ALL, "전체"), LangKey.CREATE_EMPTY_TITLE, "처음부터 새로운 이메일 초안을 함께 작성해 봅시다."), LangKey.CREATE_EMPTY_SUBTITLE, "어떤 종류의 이메일을 작성하고 싶으신가요?"), LangKey.CREATE_EMPTY_GUIDE, "수신자, 목적 및 주요 내용을 알려주시면\nAI가 완성도 높은 초안을 생성해 드립니다."), LangKey.CREATE_FEATURE_1_TITLE, "메시지로 요청"), LangKey.CREATE_FEATURE_1_DESC, '예: "홍길동 이사님께 3분기 협력 회의 제안 이메일 작성 (5월 20일 오후 3시)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.CREATE_FEATURE_2_TITLE, "AI 초안 생성"), LangKey.CREATE_FEATURE_2_DESC, "'더 정중하게' 또는 '마감일 추가'와 같은 후속 요청으로 초안을 자유롭게 수정하세요."), LangKey.CREATE_FEATURE_3_TITLE, "본문에 적용"), LangKey.CREATE_FEATURE_3_DESC, "마음에 드는 답변을 이메일 본문에 삽입하고 전송하세요."), LangKey.CREATE_PROMPT_HINT, "💡 바로 초안을 받으려면 다음 프롬프트를 시도해 보세요"), LangKey.CREATE_SUGGESTION_1, "홍길동 이사님께 3분기 회의 제안 (5월 20일 오후 3시)"), LangKey.CREATE_SUGGESTION_2, "고객에게 결제 일정 안내 (마감일 5월 30일)"), LangKey.CREATE_SUGGESTION_3, "신입 사원 환영 메시지 (5월 22일 입사)"), LangKey.REPLY_EMPTY_TITLE, "받은 이메일을 바탕으로 답장 초안을 작성합니다.\n어조를 맞추고 싶다면 보낸 내역을 추가하세요."), LangKey.REPLY_EMPTY_GUIDE, "원본 메일은 자동으로 포함됩니다. 대화를 통해 어조와 길이를 조정하세요."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.REPLY_FEATURE_1_TITLE, "원본 자동 포함"), LangKey.REPLY_FEATURE_1_DESC, "답장하려는 이메일이 자동으로 컨텍스트로 추가됩니다."), LangKey.REPLY_FEATURE_2_TITLE, "발송 내역 추가 (선택사항)"), LangKey.REPLY_FEATURE_2_DESC, "'+ 추가'를 사용하여 과거 이메일을 선택하고 어조를 참조하세요."), LangKey.REPLY_FEATURE_3_TITLE, "대화로 수정"), LangKey.REPLY_FEATURE_3_DESC, "AI 초안을 받은 후 칩이나 메시지를 사용하여 자유롭게 조정하세요."), LangKey.CHAT_INPUT_PLACEHOLDER, "이메일을 설명해주세요..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "메시지 입력..."), LangKey.APPLY_CONTENT, "내용 적용"), LangKey.SETTING_LANGUAGE, "언어"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.SETTING_TONE, "어조"), LangKey.SETTING_LENGTH, "길이"), LangKey.TONE_FORMAL, "격식"), LangKey.TONE_POLITE, "정중"), LangKey.TONE_NEUTRAL, "중립"), LangKey.TONE_FRIENDLY, "친근"), LangKey.TONE_FIRM, "단호"), LangKey.TONE_APOLOGY, "사과"), LangKey.LENGTH_SHORT, "짧게"), LangKey.LENGTH_MEDIUM, "보통"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.LENGTH_LONG, "길게"), LangKey.LENGTH_ONE_LINER, "한 줄"), LangKey.PAGINATION_TOTAL, "전체"), LangKey.PAGINATION_PAGE, "페이지"), LangKey.PAGINATION_PAGE_OF, "페이지"), LangKey.REPLY_LOADING_CONTEXT, "컨텍스트 로딩 중..."), LangKey.SOURCE_CONTEXT, "원본 컨텍스트"), LangKey.AUTO, "자동"), LangKey.SELECTED_CONTEXT, "선택한 컨텍스트"), LangKey.ADD, "추가"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.BACK, "뒤로"), LangKey.ADD_CONTEXT_TITLE, "수신 내역에서 컨텍스트 추가"), LangKey.ADD_CONTEXT_DESC, "관련 이메일을 선택하여 AI에 컨텍스트를 제공하세요."), LangKey.SELECTED_UP_TO, "개 선택됨 · 최대"), LangKey.CLEAR_ALL, "모두 지우기"), LangKey.SORT_LATEST, "정렬: 최신순"), LangKey.NO_EMAILS_FOUND, "이메일을 찾을 수 없습니다."), LangKey.CANCEL, "취소"), LangKey.ADD_AS_CONTEXT, "컨텍스트로 추가 →"), LangKey.NO_SUBJECT, "(제목 없음)"));
+  var dicts = {
+    en: en,
+    vi: vi,
+    ko: ko
+  };
+  var t = function t(key) {
+    var lang = SDKConfig.lang || "en";
+    var prefix = lang.split("-")[0];
+    var dict = dicts[lang] || dicts[prefix] || dicts.en;
+    return dict[key] || en[key] || key;
+  };
   var MessageItem = function MessageItem(_ref25) {
     var item = _ref25.item,
       onApply = _ref25.onApply,
@@ -5213,7 +5330,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         marginTop: 4
       }
     }, /* @__PURE__ */React__namespace.createElement(Tooltip, {
-      title: "Apply content"
+      title: t(LangKey.APPLY_CONTENT)
     }, /* @__PURE__ */React__namespace.createElement("button", {
       type: "button",
       onClick: handleApply,
@@ -6916,38 +7033,42 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }, _callee4);
     }));
   };
-  var TONE_OPTIONS = [{
-    label: "Formal",
-    value: "formal"
-  }, {
-    label: "Polite",
-    value: "polite"
-  }, {
-    label: "Neutral",
-    value: "neutral"
-  }, {
-    label: "Friendly",
-    value: "friendly"
-  }, {
-    label: "Firm",
-    value: "firm"
-  }, {
-    label: "Apology",
-    value: "apologetic"
-  }];
-  var LENGTH_OPTIONS = [{
-    label: "Short",
-    value: "short"
-  }, {
-    label: "Medium",
-    value: "medium"
-  }, {
-    label: "Long",
-    value: "long"
-  }, {
-    label: "1-liner",
-    value: "one_liner"
-  }];
+  var getToneOptions = function getToneOptions() {
+    return [{
+      label: t(LangKey.TONE_FORMAL),
+      value: "formal"
+    }, {
+      label: t(LangKey.TONE_POLITE),
+      value: "polite"
+    }, {
+      label: t(LangKey.TONE_NEUTRAL),
+      value: "neutral"
+    }, {
+      label: t(LangKey.TONE_FRIENDLY),
+      value: "friendly"
+    }, {
+      label: t(LangKey.TONE_FIRM),
+      value: "firm"
+    }, {
+      label: t(LangKey.TONE_APOLOGY),
+      value: "apologetic"
+    }];
+  };
+  var getLengthOptions = function getLengthOptions() {
+    return [{
+      label: t(LangKey.LENGTH_SHORT),
+      value: "short"
+    }, {
+      label: t(LangKey.LENGTH_MEDIUM),
+      value: "medium"
+    }, {
+      label: t(LangKey.LENGTH_LONG),
+      value: "long"
+    }, {
+      label: t(LangKey.LENGTH_ONE_LINER),
+      value: "one_liner"
+    }];
+  };
   var getFlagCode$1 = function getFlagCode$1(value) {
     var _a2;
     return (_a2 = AI_LANG_FLAGS.find(function (l) {
@@ -7328,7 +7449,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontSize: 12,
             fontWeight: 600
           }
-        }, "Language"), /* @__PURE__ */React__namespace.createElement(LanguageSelect, {
+        }, t(LangKey.SETTING_LANGUAGE)), /* @__PURE__ */React__namespace.createElement(LanguageSelect, {
           value: lang,
           options: languageOptions,
           onChange: function onChange(opt) {
@@ -7345,8 +7466,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontSize: 12,
             fontWeight: 600
           }
-        }, "Tone"), /* @__PURE__ */React__namespace.createElement(ChipGroup, {
-          options: TONE_OPTIONS,
+        }, t(LangKey.SETTING_TONE)), /* @__PURE__ */React__namespace.createElement(ChipGroup, {
+          options: getToneOptions(),
           selected: tone,
           onSelect: function onSelect(opt) {
             return setTone(opt);
@@ -7363,8 +7484,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontSize: 12,
             fontWeight: 600
           }
-        }, "Length"), /* @__PURE__ */React__namespace.createElement(ChipGroup, {
-          options: LENGTH_OPTIONS,
+        }, t(LangKey.SETTING_LENGTH)), /* @__PURE__ */React__namespace.createElement(ChipGroup, {
+          options: getLengthOptions(),
           selected: length,
           onSelect: function onSelect(opt) {
             return setLength(opt);
@@ -7446,7 +7567,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           ref: this.textareaRef,
           value: message,
           onChange: this.handleChange,
-          placeholder: placeholder || "Describe your email...",
+          placeholder: placeholder || t(LangKey.CHAT_INPUT_PLACEHOLDER),
           name: "ai-content",
           onKeyDown: this.handleKeyDown,
           disabled: isSending,
@@ -7601,23 +7722,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     icon: /* @__PURE__ */React__namespace.createElement(MessageCircle, {
       size: 16
     }),
-    title: "Request via message",
-    desc: 'e.g., "Draft an email to Director Hong proposing a Q3 collaboration meeting (May 20, 3 PM)"'
+    title: t(LangKey.CREATE_FEATURE_1_TITLE),
+    desc: t(LangKey.CREATE_FEATURE_1_DESC)
   }, {
     icon: /* @__PURE__ */React__namespace.createElement(CustomAiIcon, {
       size: 16,
       stroke: 2
     }),
-    title: "AI generates a draft",
-    desc: "Refine the draft freely with follow-ups like 'more polite' or 'add a deadline'."
+    title: t(LangKey.CREATE_FEATURE_2_TITLE),
+    desc: t(LangKey.CREATE_FEATURE_2_DESC)
   }, {
     icon: /* @__PURE__ */React__namespace.createElement(Check, {
       size: 16
     }),
-    title: "Apply to body",
-    desc: "Insert the response you like into the email body and send."
+    title: t(LangKey.CREATE_FEATURE_3_TITLE),
+    desc: t(LangKey.CREATE_FEATURE_3_DESC)
   }];
-  var SUGGESTIONS = ["Propose a Q3 meeting to Director Hong (May 20, 3 PM)", "Notify client of payment schedule (Due May 30)", "Welcome message to new employee (Joining May 22)"];
+  var SUGGESTIONS = [t(LangKey.CREATE_SUGGESTION_1), t(LangKey.CREATE_SUGGESTION_2), t(LangKey.CREATE_SUGGESTION_3)];
   var EmptyState$1 = function EmptyState$1(_ref29) {
     var onSelectPrompt = _ref29.onSelectPrompt;
     return /* @__PURE__ */React__namespace.createElement("div", {
@@ -7643,13 +7764,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-primary)",
         lineHeight: 1.5
       }
-    }, "Let's draft a new email together from scratch."), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.CREATE_EMPTY_TITLE)), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         fontSize: 13,
         color: "var(--text-secondary)",
         marginTop: 4
       }
-    }, "Tell me what kind of email you'd like to write.")), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.CREATE_EMPTY_SUBTITLE))), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         alignSelf: "center",
         width: 100,
@@ -7676,7 +7797,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-secondary)",
         lineHeight: 1.6
       }
-    }, "Give me the recipient, purpose, and key points", /* @__PURE__ */React__namespace.createElement("br", null), "and AI will generate a polished draft.")), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.CREATE_EMPTY_GUIDE).split("\n").map(function (line, idx) {
+      return /* @__PURE__ */React__namespace.createElement(React__namespace.Fragment, {
+        key: idx
+      }, line, /* @__PURE__ */React__namespace.createElement("br", null));
+    }))), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         borderTop: "1px solid var(--border-light)",
         marginTop: 20,
@@ -7737,7 +7862,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-secondary)",
         marginBottom: 8
       }
-    }, "💡 Try these prompts to get a draft right away"), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.CREATE_PROMPT_HINT)), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "flex",
         flexDirection: "column",
@@ -7891,8 +8016,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         messages: [],
         isSending: false,
         lang: lang,
-        tone: TONE_OPTIONS[2],
-        length: LENGTH_OPTIONS[2],
+        tone: getToneOptions()[2],
+        length: getLengthOptions()[2],
         conversationId: ""
       };
       return _this12;
@@ -7953,21 +8078,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     icon: /* @__PURE__ */React__namespace.createElement(Mail, {
       size: 16
     }),
-    title: "Auto-include source",
-    desc: "The email you are replying to is automatically added as context."
+    title: t(LangKey.REPLY_FEATURE_1_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_1_DESC)
   }, {
     icon: /* @__PURE__ */React__namespace.createElement(CustomAiIcon, {
       size: 16,
       stroke: 2
     }),
-    title: "Add send history (optional)",
-    desc: "Use '+ Add' to pick past emails and reference their tone."
+    title: t(LangKey.REPLY_FEATURE_2_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_2_DESC)
   }, {
     icon: /* @__PURE__ */React__namespace.createElement(MessageCircle, {
       size: 16
     }),
-    title: "Refine with conversation",
-    desc: "Get an AI draft, then adjust freely with chips or messages."
+    title: t(LangKey.REPLY_FEATURE_3_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_3_DESC)
   }];
   var EmptyState = function EmptyState() {
     return /* @__PURE__ */React__namespace.createElement("div", {
@@ -7993,7 +8118,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-secondary)",
         lineHeight: 1.6
       }
-    }, "We'll draft a reply based on the received email.", /* @__PURE__ */React__namespace.createElement("br", null), "Add send history if you want to match the tone.")), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.REPLY_EMPTY_TITLE).split("\n").map(function (line, idx) {
+      return /* @__PURE__ */React__namespace.createElement(React__namespace.Fragment, {
+        key: idx
+      }, line, /* @__PURE__ */React__namespace.createElement("br", null));
+    }))), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         alignSelf: "center",
         width: 100,
@@ -8020,7 +8149,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-secondary)",
         lineHeight: 1.6
       }
-    }, "The source is auto-included. Adjust tone and length through conversation.")), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.REPLY_EMPTY_GUIDE))), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         borderTop: "1px solid var(--border-light)",
         marginTop: 8,
@@ -8201,7 +8330,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-primary)",
         fontWeight: 600
       }
-    }, /* @__PURE__ */React__namespace.createElement("span", null, "Source context"), /* @__PURE__ */React__namespace.createElement("span", {
+    }, /* @__PURE__ */React__namespace.createElement("span", null, t(LangKey.SOURCE_CONTEXT)), /* @__PURE__ */React__namespace.createElement("span", {
       style: {
         background: "var(--primary-main)",
         color: "var(--primary-contrasttext)",
@@ -8221,7 +8350,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, /* @__PURE__ */React__namespace.createElement(Lock, {
       size: 11
-    }), " Auto")), /* @__PURE__ */React__namespace.createElement(SourceCard, {
+    }), " ", t(LangKey.AUTO))), /* @__PURE__ */React__namespace.createElement(SourceCard, {
       mail: sourceMail,
       onClick: function onClick() {
         return onSourceClick(sourceMail);
@@ -8247,7 +8376,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         color: "var(--text-primary)",
         fontWeight: 600
       }
-    }, /* @__PURE__ */React__namespace.createElement("span", null, "Selected context"), /* @__PURE__ */React__namespace.createElement("span", {
+    }, /* @__PURE__ */React__namespace.createElement("span", null, t(LangKey.SELECTED_CONTEXT)), /* @__PURE__ */React__namespace.createElement("span", {
       style: {
         background: "var(--background-softGrey)",
         color: "var(--text-primary)",
@@ -8262,7 +8391,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       className: "text-button primary"
     }, /* @__PURE__ */React__namespace.createElement(Plus, {
       size: 12
-    }), " Add")), selectedMails.length > 0 && /* @__PURE__ */React__namespace.createElement("div", {
+    }), " ", t(LangKey.ADD))), selectedMails.length > 0 && /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -8410,7 +8539,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontSize: 12,
             color: "var(--text-secondary)"
           }
-        }, "Total ", total, " | Page ", page, " / ", totalPages), /* @__PURE__ */React__namespace.createElement("div", {
+        }, t(LangKey.PAGINATION_TOTAL), " ", total, " | ", t(LangKey.PAGINATION_PAGE_OF), " ", page, " / ", totalPages), /* @__PURE__ */React__namespace.createElement("div", {
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -8440,7 +8569,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             color: "var(--text-secondary)",
             marginLeft: 4
           }
-        }, "Page"), /* @__PURE__ */React__namespace.createElement("input", {
+        }, t(LangKey.PAGINATION_PAGE)), /* @__PURE__ */React__namespace.createElement("input", {
           type: "number",
           min: 1,
           max: Math.max(1, totalPages),
@@ -8754,7 +8883,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           }
         }, /* @__PURE__ */React__namespace.createElement(ArrowLeft, {
           size: 14
-        }), " Back"), /* @__PURE__ */React__namespace.createElement("div", {
+        }), " ", t(LangKey.BACK)), /* @__PURE__ */React__namespace.createElement("div", {
           style: {
             marginTop: 8
           }
@@ -8764,13 +8893,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontWeight: 600,
             color: "var(--text-primary)"
           }
-        }, "Add context from receive history"), /* @__PURE__ */React__namespace.createElement("div", {
+        }, t(LangKey.ADD_CONTEXT_TITLE)), /* @__PURE__ */React__namespace.createElement("div", {
           style: {
             fontSize: 12,
             color: "var(--text-secondary)",
             marginTop: 2
           }
-        }, "Select related emails to provide AI context.")), /* @__PURE__ */React__namespace.createElement("div", {
+        }, t(LangKey.ADD_CONTEXT_DESC))), /* @__PURE__ */React__namespace.createElement("div", {
           style: {
             display: "flex",
             alignItems: "center",
@@ -8800,19 +8929,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             borderRadius: 999,
             fontWeight: 600
           }
-        }, selectedMids.length, "/", MAX_SELECTED), /* @__PURE__ */React__namespace.createElement("span", null, "selected · up to ", MAX_SELECTED), selectedMids.length > 0 && /* @__PURE__ */React__namespace.createElement("button", {
+        }, selectedMids.length, "/", MAX_SELECTED), /* @__PURE__ */React__namespace.createElement("span", null, t(LangKey.SELECTED_UP_TO), " ", MAX_SELECTED), selectedMids.length > 0 && /* @__PURE__ */React__namespace.createElement("button", {
           type: "button",
           onClick: function onClick(e) {
             e.preventDefault();
             _this17.clearAll();
           },
           className: "text-button primary"
-        }, "Clear all")), /* @__PURE__ */React__namespace.createElement("span", {
+        }, t(LangKey.CLEAR_ALL))), /* @__PURE__ */React__namespace.createElement("span", {
           style: {
             fontSize: 11,
             color: "var(--text-secondary)"
           }
-        }, "Sort: latest")), /* @__PURE__ */React__namespace.createElement("div", {
+        }, t(LangKey.SORT_LATEST))), /* @__PURE__ */React__namespace.createElement("div", {
           style: {
             flex: 1,
             minHeight: 0,
@@ -8830,7 +8959,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             color: "var(--text-secondary)",
             fontSize: 12
           }
-        }, "No emails found.") : items.map(function (it) {
+        }, t(LangKey.NO_EMAILS_FOUND)) : items.map(function (it) {
           var isChecked = selectedMids.includes(it.mid);
           var disabled = !isChecked && selectedMids.length >= MAX_SELECTED;
           return /* @__PURE__ */React__namespace.createElement("label", {
@@ -8928,7 +9057,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             fontSize: 13,
             fontFamily: "inherit"
           }
-        }, "Cancel"), /* @__PURE__ */React__namespace.createElement("button", {
+        }, t(LangKey.CANCEL)), /* @__PURE__ */React__namespace.createElement("button", {
           type: "button",
           disabled: selectedMids.length === 0 || isConfirming,
           onClick: function onClick() {
@@ -8953,7 +9082,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, isConfirming && /* @__PURE__ */React__namespace.createElement(LoadingCircular, {
           size: 16,
           color: "var(--primary-contrasttext)"
-        }), /* @__PURE__ */React__namespace.createElement("span", null, "Add ", selectedMids.length > 0 ? "".concat(selectedMids.length, " ") : "", "as context →"))));
+        }), /* @__PURE__ */React__namespace.createElement("span", null, t(LangKey.ADD), " ", selectedMids.length > 0 ? "".concat(selectedMids.length, " ") : "", t(LangKey.ADD_AS_CONTEXT)))));
       }
     }]);
   }(React__namespace.Component);
@@ -9070,7 +9199,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         overflow: "hidden",
         textOverflow: "ellipsis"
       }
-    }, mail.subject || "(no subject)"), /* @__PURE__ */React__namespace.createElement("div", {
+    }, mail.subject || t(LangKey.NO_SUBJECT)), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         fontSize: 12,
         color: "var(--text-secondary)",
@@ -9342,8 +9471,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         messages: [],
         isSending: false,
         lang: lang,
-        tone: TONE_OPTIONS[2],
-        length: LENGTH_OPTIONS[2],
+        tone: getToneOptions()[2],
+        length: getLengthOptions()[2],
         conversationId: ""
       };
       return _this19;
@@ -9413,7 +9542,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             padding: 8,
             textAlign: "center"
           }
-        }, "Loading context..."), /* @__PURE__ */React__namespace.createElement(ChatInput, {
+        }, t(LangKey.REPLY_LOADING_CONTEXT)), /* @__PURE__ */React__namespace.createElement(ChatInput, {
           message: message,
           onMessageChange: this.handleMessageChange,
           onSubmit: this.handleSubmit,
@@ -9425,7 +9554,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           length: length,
           setLength: this.setLength,
           parentRef: this.rootRef,
-          placeholder: "Type a message..."
+          placeholder: t(LangKey.CHAT_INPUT_PLACEHOLDER_REPLY)
         }), /* @__PURE__ */React__namespace.createElement(ContextPreviewModal, {
           preview: preview,
           onClose: this.handlePreviewClose
@@ -9438,7 +9567,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       _a2$type = _a2.type,
       type = _a2$type === void 0 ? "new" : _a2$type,
       sourceMid = _a2.sourceMid,
-      rest = __objRest(_a2, ["type", "sourceMid"]);
+      userLang = _a2.userLang,
+      rest = __objRest(_a2, ["type", "sourceMid", "userLang"]);
+    React__namespace.useEffect(function () {
+      if (userLang) {
+        SDKConfig.lang = userLang;
+      }
+    }, [userLang]);
     if ((type === "reply" || type === "forward") && sourceMid) {
       return /* @__PURE__ */React__namespace.createElement(ReplyPanel, __spreadValues({
         type: type,
@@ -9512,13 +9647,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   var PAGE_SIZE = 5;
   var FILTERS = [{
     value: "all",
-    label: "All"
+    label: LangKey.ALL
   }, {
     value: "receive",
-    label: "Received"
+    label: LangKey.RECEIVED
   }, {
     value: "sent",
-    label: "Sent"
+    label: LangKey.SENT
   }];
   var formatDate = function formatDate(raw) {
     if (!raw) return "";
@@ -9549,7 +9684,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       date: date,
       sig: sig,
       direction: direction,
-      direction_label: direction === "sent" ? "Sent" : "Received",
+      direction_label: direction === "sent" ? LangKey.SENT : LangKey.RECEIVED,
       subject: subject,
       messages: messages
     };
@@ -9577,7 +9712,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         fontSize: 13,
         color: "var(--text-secondary)"
       }
-    }, "This is a summary compiled by AI · May contain some inaccuracies"), /* @__PURE__ */React__namespace.createElement("div", {
+    }, t(LangKey.SUMMARY_WARNING)), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "inline-flex",
         background: "var(--background-softGrey)",
@@ -9605,7 +9740,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           fontFamily: "inherit",
           transition: "background 0.15s ease-in-out"
         }
-      }, f.label);
+      }, t(f.label));
     })));
   };
   var SummaryItem = function SummaryItem(_ref39) {
@@ -9646,7 +9781,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       size: 11
     }) : /* @__PURE__ */React__namespace.createElement(ArrowDown, {
       size: 11
-    }), isSent ? "Sent" : "Received")), /* @__PURE__ */React__namespace.createElement("div", {
+    }), t(isSent ? LangKey.SENT : LangKey.RECEIVED))), /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         fontSize: 14,
         fontWeight: 600,
@@ -9895,6 +10030,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         isLoading: false,
         langAnchor: null
       };
+      if (props.userLang) {
+        SDKConfig.lang = props.userLang;
+      }
       return _this22;
     }
     _inherits(SummaryAIEmails, _React__namespace$Com1);
@@ -9906,6 +10044,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps, prevState) {
+        if (this.props.userLang !== prevProps.userLang && this.props.userLang) {
+          SDKConfig.lang = this.props.userLang;
+          this.forceUpdate();
+        }
         var targetChanged = prevProps.targetEmail !== this.props.targetEmail;
         var filterChanged = prevState.lang !== this.state.lang || prevState.mailtype !== this.state.mailtype || prevState.page !== this.state.page;
         if (targetChanged || filterChanged) {
@@ -9977,7 +10119,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             color: "var(--text-secondary)",
             fontSize: 13
           }
-        }, "No data"), items.map(function (item, idx) {
+        }, t(LangKey.NO_DATA)), items.map(function (item, idx) {
           return /* @__PURE__ */React__namespace.createElement(SummaryItem, {
             key: idx,
             item: item
@@ -10004,6 +10146,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   exports2.Pagination = Pagination;
   exports2.SummaryAIEmails = SummaryAIEmails;
   exports2.initHanbiroReactSDK = initHanbiroReactSDK;
+  exports2.setLibLang = setLibLang;
   Object.defineProperty(exports2, Symbol.toStringTag, {
     value: "Module"
   });