vue-parley 4.2.0 → 4.3.0

package/dist/chunks/{index-C8N5eSUe.mjs → index-CHFzAdVI.mjs}

@@ -168,7 +168,7 @@ const general$2 = { "themes": { "light": "Light", "dark": "Dark" }, "all": "All"
 const generalEn = {
   general: general$2
 };
-const chat$2 = { "title": "Messages", "filters": { "active": "Active", "ended": "Ended", "online": "Online" }, "info": { "nationalCode": "National code", "phoneNumber": "Phone number", "age": "Age", "ageDisplay": "{year} years", "files": "Files", "media": "Images" }, "lastSeen": "Last seen {time}", "nationalId": "National code", "age": "Age", "ageText": "{years} years", "attachements": "Attachments", "options": { "end": "End", "voiceCall": "Call", "videoCall": "Video" }, "attachementTypes": { "image": "Photo", "file": "File", "voice": "Voice message", "video": "Video", "request": "Request" }, "messageOptions": { "edit": "Edit message", "delete": "Delete message", "copy": "Copy", "select": "Select", "reply": "Reply", "deselect": "Deselect" }, "barOptions": { "endChat": "End conversation", "deleteMessages": "Delete messages" }, "placeholder": "Write...", "chatLocked": "Conversation ended", "noConversationSelected": "No conversation selected yet", "noMessages": "No messages exchanged", "swipeToCancel": "Swipe to cancel", "cancel": "Cancel", "online": "Online", "file": { "calculating": "Calculating", "attachMedia": "Photo or video", "attachFile": "File", "sendImage": "Send image", "sendImages": "Send images", "sendFile": "Send file", "cancel": "Cancel" }, "permissions": { "permissionTitle": "Camera and microphone access", "description": "To join video calls or send voice messages, we need access to your camera and microphone.", "allow": "Allow access", "notNow": "Not now", "retry": "Try again", "mic": { "title": "Microphone access", "description": "We need microphone access to send voice messages and place video calls." }, "cam": { "title": "Camera access", "description": "We need camera access to send video messages and place video calls." }, "micError": { "title": "Your microphone is disabled", "description": "We need microphone permission to send voice messages or place calls." }, "camError": { "title": "Camera access error", "description": "We need camera permission to send video messages or place video calls." }, "screen": { "title": "Screen access", "description": "After tapping confirm, please select the screen or tab you want to share." }, "screenError": { "title": "Screen access error", "description": "Screen capture permission was denied. We need screen access permission to share your screen." } }, "you": "You", "copiedMessage": "Message copied to clipboard.", "editFailed": "Could not edit the message. Please try again.", "deleteFailed": "Could not delete the message. Please try again.", "unreadMessages": "Unread.", "caption": "Caption", "send": "Send", "delete": { "title": "Delete message", "singleMessage": "Are you sure you want to delete this message?", "multipleMessages": "Are you sure you want to delete {count} messages?", "confirm": "Delete", "requestTitle": "Cancel request", "request": "Are you sure you want to cancel this request?" }, "call": { "title": "Call", "you": "You", "deviceDoesntSupport": "Your device does not support this feature.", "errors": { "noMicDevice": "No microphone device detected", "noCameraDevice": "No camera device detected", "cameraDenied": "Camera access denied", "micDenied": "Microphone access denied", "noMicFound": "No microphone found", "micAccessError": "Error accessing microphone", "noCameraFound": "No camera found", "cameraAccessError": "Error accessing camera", "mediaInitError": "Error initializing media devices", "screenShareMobileUnsupported": "Screen sharing is not supported on mobile devices", "screenShareBrowserUnsupported": "Screen sharing is not supported in this browser", "screenShareDenied": "Screen sharing permission denied", "screenAccessError": "Unable to access screen", "screenShareMobileMaybeUnavailable": "Screen sharing may not be available on mobile devices", "screenShareStartFailed": "Failed to start screen sharing", "cameraUnavailable": "Camera not available", "flashlightToggleFailed": "Failed to toggle flashlight" }, "controls": { "endCall": "End call", "minimize": "Minimize", "maximize": "Return to call", "mute": "Mute", "unmute": "Unmute", "cameraOff": "Turn camera off", "cameraOn": "Turn camera on", "shareScreen": "Share screen", "stopSharing": "Stop sharing", "fullscreen": "Full screen", "exitFullscreen": "Exit full screen", "flashlight": "Flashlight", "cameras": "Available cameras", "chooseCamera": "Choose camera", "pauseVideo": "Pause video", "playVideo": "Play video", "nextParticipant": "Show next participant" } }, "board": { "title": "Board", "selectColor": "Select color", "page": "Page {page}", "addPage": "New page", "confirm": "Confirm", "savedSuccessfully": "Image saved successfully." } };
+const chat$2 = { "title": "Messages", "filters": { "active": "Active", "ended": "Ended", "online": "Online" }, "info": { "nationalCode": "National code", "phoneNumber": "Phone number", "age": "Age", "ageDisplay": "{year} years", "files": "Files", "media": "Images" }, "lastSeen": "Last seen {time}", "nationalId": "National code", "age": "Age", "ageText": "{years} years", "attachements": "Attachments", "options": { "end": "End", "voiceCall": "Call", "videoCall": "Video" }, "attachementTypes": { "image": "Photo", "file": "File", "voice": "Voice message", "video": "Video", "request": "Request" }, "messageOptions": { "edit": "Edit message", "delete": "Delete message", "copy": "Copy", "select": "Select", "reply": "Reply", "deselect": "Deselect" }, "barOptions": { "endChat": "End conversation", "deleteMessages": "Delete messages" }, "placeholder": "Write...", "chatLocked": "Conversation ended", "noConversationSelected": "No conversation selected yet", "noMessages": "No messages exchanged", "swipeToCancel": "Swipe to cancel", "cancel": "Cancel", "online": "Online", "file": { "calculating": "Calculating", "attachMedia": "Photo or video", "attachFile": "File", "sendImage": "Send image", "sendImages": "Send images", "sendFile": "Send file", "cancel": "Cancel" }, "permissions": { "permissionTitle": "Camera and microphone access", "description": "To join video calls or send voice messages, we need access to your camera and microphone.", "allow": "Allow access", "notNow": "Not now", "retry": "Try again", "mic": { "title": "Microphone access", "description": "We need microphone access to send voice messages and place video calls." }, "cam": { "title": "Camera access", "description": "We need camera access to send video messages and place video calls." }, "micError": { "title": "Your microphone is disabled", "description": "We need microphone permission to send voice messages or place calls." }, "camError": { "title": "Camera access error", "description": "We need camera permission to send video messages or place video calls." }, "screen": { "title": "Screen access", "description": "After tapping confirm, please select the screen or tab you want to share." }, "screenError": { "title": "Screen access error", "description": "Screen capture permission was denied. We need screen access permission to share your screen." } }, "you": "You", "copiedMessage": "Message copied to clipboard.", "editFailed": "Could not edit the message. Please try again.", "deleteFailed": "Could not delete the message. Please try again.", "unreadMessages": "Unread.", "caption": "Caption", "send": "Send", "delete": { "title": "Delete message", "singleMessage": "Are you sure you want to delete this message?", "multipleMessages": "Are you sure you want to delete {count} messages?", "confirm": "Delete", "requestTitle": "Cancel request", "request": "Are you sure you want to cancel this request?" }, "call": { "title": "Call", "you": "You", "active": "Call active", "participants": "{count} participant | {count} participants", "yourPresentation": "Your presentation", "presentationOf": "Presented by {name}", "cameraIsOff": "Camera is off", "deviceDoesntSupport": "Your device does not support this feature.", "errors": { "noMicDevice": "No microphone device detected", "noCameraDevice": "No camera device detected", "cameraDenied": "Camera access denied", "micDenied": "Microphone access denied", "noMicFound": "No microphone found", "micAccessError": "Error accessing microphone", "noCameraFound": "No camera found", "cameraAccessError": "Error accessing camera", "mediaInitError": "Error initializing media devices", "screenShareMobileUnsupported": "Screen sharing is not supported on mobile devices", "screenShareBrowserUnsupported": "Screen sharing is not supported in this browser", "screenShareDenied": "Screen sharing permission denied", "screenAccessError": "Unable to access screen", "screenShareMobileMaybeUnavailable": "Screen sharing may not be available on mobile devices", "screenShareStartFailed": "Failed to start screen sharing", "cameraUnavailable": "Camera not available", "flashlightToggleFailed": "Failed to toggle flashlight" }, "controls": { "endCall": "End call", "minimize": "Minimize", "maximize": "Return to call", "mute": "Mute", "unmute": "Unmute", "cameraOff": "Turn camera off", "cameraOn": "Turn camera on", "shareScreen": "Share screen", "stopSharing": "Stop sharing", "fullscreen": "Full screen", "exitFullscreen": "Exit full screen", "flashlight": "Flashlight", "cameras": "Available cameras", "chooseCamera": "Choose camera", "pauseVideo": "Pause video", "playVideo": "Play video", "nextParticipant": "Show next participant" } }, "board": { "title": "Board", "selectColor": "Select color", "page": "Page {page}", "addPage": "New page", "confirm": "Confirm", "savedSuccessfully": "Image saved successfully." } };
 const chatEn = {
   chat: chat$2
 };
@@ -176,7 +176,7 @@ const general$1 = { "themes": { "light": "روشن", "dark": "تاریک" }, "al
 const generalFa = {
   general: general$1
 };
-const chat$1 = { "title": "پیام ها", "filters": { "active": "فعال", "ended": "خاتمه یافته", "online": "آنلاین ها" }, "info": { "nationalCode": "کد ملی", "phoneNumber": "شماره تماس", "age": "سن", "ageDisplay": "{year} سال", "files": "فایل ها", "media": "تصاویر" }, "lastSeen": "آخرین بازدید {time}", "nationalId": "کد ملی", "age": "سن", "ageText": "{years} سال", "attachements": "پیوست ها", "options": { "end": "خاتمه", "voiceCall": "تماس", "videoCall": "تصویری" }, "attachementTypes": { "image": "عکس", "file": "فایل", "voice": "پیام صوتی", "video": "ویدیو", "request": "درخواست" }, "messageOptions": { "edit": "ویرایش پیام", "delete": "حذف پیام", "copy": "کپی", "select": "انتخاب", "reply": "پاسخ", "deselect": "لغو انتخاب" }, "barOptions": { "endChat": "خاتمه مکالمه", "deleteMessages": "حذف پیام ها" }, "placeholder": "بنویسید ...", "chatLocked": "گفتگو تمام شده", "noConversationSelected": "هنوز مکالمه ای انتخاب نشده", "noMessages": "هیچ پیامی تبادل نشده", "swipeToCancel": "برای لغو بکشید", "cancel": "لغو", "online": "آنلاین", "file": { "calculating": "در حال محاسبه", "attachMedia": "عکس یا ویدیو", "attachFile": "فایل", "sendImage": "ارسال تصویر", "sendImages": "ارسال تصاویر", "sendFile": "ارسال فایل", "cancel": "انصراف" }, "permissions": { "permissionTitle": "دسترسی دوربین و میکروفون", "description": " برای اینکه بتونی توی تماس‌های تصویری شرکت کنی یا پیام صوتی بفرستی، نیاز داریم به دوربین و میکروفونت دسترسی داشته باشیم.", "allow": "تایید دسترسی", "notNow": "الان نه", "retry": "تلاش مجدد", "mic": { "title": "دسترسی میکروفون", "description": "برای ارسال پیام صوتی و برقراری تماس تصویری به دسترسی میکروفون شما نیاز داریم." }, "cam": { "title": "دسترسی دوربین", "description": "برای ارسال پیام ویدیویی و برقراری تماس تصویری به دسترسی دوربین شما نیاز داریم." }, "micError": { "title": "میکروفون شما غیرفعال است", "description": "برای ارسال پیام صوتی یا تماس، نیاز به تایید دسترسی میکروفون داریم." }, "camError": { "title": "خطای دسترسی به دوربین", "description": "برای ارسال پیام و تماس ویدیویی نیاز به تایید دسترسی دوربین داریم." }, "screen": { "title": "دسترسی به صفحه", "description": "بعد از زدن دکمه تایید لطفا صفحه یا زبانه انتخابی خویش را برای به اشتراک گذاری انتخاب نمایید." }, "screenError": { "title": "خطا در دسترسی به صفحه", "description": "دسترسی به تصویر صفحه با خطا مواجه شد. برای اشتراک گذاری تصویر صفحه شما نیازمند تایید دسترسی به صفحه هستیم." } }, "you": "شما", "copiedMessage": "پیام با موفقیت به کلیپ بورد الصاق شد.", "editFailed": "ویرایش پیام انجام نشد. دوباره تلاش کنید.", "deleteFailed": "حذف پیام انجام نشد. دوباره تلاش کنید.", "unreadMessages": "خوانده نشده.", "caption": "کپشن", "send": "ارسال", "delete": { "title": "حذف پیام", "singleMessage": "آیا از حذف پیام اطمینان دارید ؟", "multipleMessages": "آیا از حذف {count} پیام اطمینان دارید؟", "confirm": "حذف", "requestTitle": "لغو درخواست", "request": "آیا از لغو درخواست خود اطمینان دارید ؟" }, "call": { "title": "تماس", "you": "شما", "deviceDoesntSupport": "دستگاه شما از این قابلیت پشتیبانی نمیکند.", "errors": { "noMicDevice": "میکروفونی شناسایی نشد", "noCameraDevice": "دوربینی شناسایی نشد", "cameraDenied": "دسترسی به دوربین رد شد", "micDenied": "دسترسی به میکروفون رد شد", "noMicFound": "میکروفونی یافت نشد", "micAccessError": "خطا در دسترسی به میکروفون", "noCameraFound": "دوربینی یافت نشد", "cameraAccessError": "خطا در دسترسی به دوربین", "mediaInitError": "خطا در راه‌اندازی دستگاه‌های رسانه‌ای", "screenShareMobileUnsupported": "اشتراک‌گذاری صفحه در دستگاه‌های موبایل پشتیبانی نمی‌شود", "screenShareBrowserUnsupported": "اشتراک‌گذاری صفحه در این مرورگر پشتیبانی نمی‌شود", "screenShareDenied": "دسترسی به اشتراک‌گذاری صفحه رد شد", "screenAccessError": "امکان دسترسی به صفحه وجود ندارد", "screenShareMobileMaybeUnavailable": "ممکن است اشتراک‌گذاری صفحه در دستگاه‌های موبایل در دسترس نباشد", "screenShareStartFailed": "راه‌اندازی اشتراک‌گذاری صفحه ناموفق بود", "cameraUnavailable": "دوربین در دسترس نیست", "flashlightToggleFailed": "تغییر حالت چراغ قوه ناموفق بود" }, "controls": { "endCall": "پایان تماس", "minimize": "کوچک کردن", "maximize": "بازگشت به تماس", "mute": "قطع میکروفون", "unmute": "وصل میکروفون", "cameraOff": "خاموش کردن دوربین", "cameraOn": "روشن کردن دوربین", "shareScreen": "اشتراک‌گذاری صفحه", "stopSharing": "توقف اشتراک‌گذاری", "fullscreen": "تمام صفحه", "exitFullscreen": "خروج از تمام صفحه", "flashlight": "چراغ‌قوه", "cameras": "دوربین‌های موجود", "chooseCamera": "انتخاب دوربین", "pauseVideo": "توقف ویدیو", "playVideo": "پخش ویدیو", "nextParticipant": "نمایش شرکت‌کننده بعدی" } }, "board": { "title": "تخته", "selectColor": "انتخاب رنگ", "page": "صفحه {page}", "addPage": "صفحه جدید", "confirm": "تایید", "savedSuccessfully": "تصویر با موفقیت ذخیره سازی شد." } };
+const chat$1 = { "title": "پیام ها", "filters": { "active": "فعال", "ended": "خاتمه یافته", "online": "آنلاین ها" }, "info": { "nationalCode": "کد ملی", "phoneNumber": "شماره تماس", "age": "سن", "ageDisplay": "{year} سال", "files": "فایل ها", "media": "تصاویر" }, "lastSeen": "آخرین بازدید {time}", "nationalId": "کد ملی", "age": "سن", "ageText": "{years} سال", "attachements": "پیوست ها", "options": { "end": "خاتمه", "voiceCall": "تماس", "videoCall": "تصویری" }, "attachementTypes": { "image": "عکس", "file": "فایل", "voice": "پیام صوتی", "video": "ویدیو", "request": "درخواست" }, "messageOptions": { "edit": "ویرایش پیام", "delete": "حذف پیام", "copy": "کپی", "select": "انتخاب", "reply": "پاسخ", "deselect": "لغو انتخاب" }, "barOptions": { "endChat": "خاتمه مکالمه", "deleteMessages": "حذف پیام ها" }, "placeholder": "بنویسید ...", "chatLocked": "گفتگو تمام شده", "noConversationSelected": "هنوز مکالمه ای انتخاب نشده", "noMessages": "هیچ پیامی تبادل نشده", "swipeToCancel": "برای لغو بکشید", "cancel": "لغو", "online": "آنلاین", "file": { "calculating": "در حال محاسبه", "attachMedia": "عکس یا ویدیو", "attachFile": "فایل", "sendImage": "ارسال تصویر", "sendImages": "ارسال تصاویر", "sendFile": "ارسال فایل", "cancel": "انصراف" }, "permissions": { "permissionTitle": "دسترسی دوربین و میکروفون", "description": " برای اینکه بتونی توی تماس‌های تصویری شرکت کنی یا پیام صوتی بفرستی، نیاز داریم به دوربین و میکروفونت دسترسی داشته باشیم.", "allow": "تایید دسترسی", "notNow": "الان نه", "retry": "تلاش مجدد", "mic": { "title": "دسترسی میکروفون", "description": "برای ارسال پیام صوتی و برقراری تماس تصویری به دسترسی میکروفون شما نیاز داریم." }, "cam": { "title": "دسترسی دوربین", "description": "برای ارسال پیام ویدیویی و برقراری تماس تصویری به دسترسی دوربین شما نیاز داریم." }, "micError": { "title": "میکروفون شما غیرفعال است", "description": "برای ارسال پیام صوتی یا تماس، نیاز به تایید دسترسی میکروفون داریم." }, "camError": { "title": "خطای دسترسی به دوربین", "description": "برای ارسال پیام و تماس ویدیویی نیاز به تایید دسترسی دوربین داریم." }, "screen": { "title": "دسترسی به صفحه", "description": "بعد از زدن دکمه تایید لطفا صفحه یا زبانه انتخابی خویش را برای به اشتراک گذاری انتخاب نمایید." }, "screenError": { "title": "خطا در دسترسی به صفحه", "description": "دسترسی به تصویر صفحه با خطا مواجه شد. برای اشتراک گذاری تصویر صفحه شما نیازمند تایید دسترسی به صفحه هستیم." } }, "you": "شما", "copiedMessage": "پیام با موفقیت به کلیپ بورد الصاق شد.", "editFailed": "ویرایش پیام انجام نشد. دوباره تلاش کنید.", "deleteFailed": "حذف پیام انجام نشد. دوباره تلاش کنید.", "unreadMessages": "خوانده نشده.", "caption": "کپشن", "send": "ارسال", "delete": { "title": "حذف پیام", "singleMessage": "آیا از حذف پیام اطمینان دارید ؟", "multipleMessages": "آیا از حذف {count} پیام اطمینان دارید؟", "confirm": "حذف", "requestTitle": "لغو درخواست", "request": "آیا از لغو درخواست خود اطمینان دارید ؟" }, "call": { "title": "تماس", "you": "شما", "active": "تماس برقرار است", "participants": "{count} شرکت‌کننده", "yourPresentation": "ارائه شما", "presentationOf": "ارائه {name}", "cameraIsOff": "دوربین خاموش است", "deviceDoesntSupport": "دستگاه شما از این قابلیت پشتیبانی نمیکند.", "errors": { "noMicDevice": "میکروفونی شناسایی نشد", "noCameraDevice": "دوربینی شناسایی نشد", "cameraDenied": "دسترسی به دوربین رد شد", "micDenied": "دسترسی به میکروفون رد شد", "noMicFound": "میکروفونی یافت نشد", "micAccessError": "خطا در دسترسی به میکروفون", "noCameraFound": "دوربینی یافت نشد", "cameraAccessError": "خطا در دسترسی به دوربین", "mediaInitError": "خطا در راه‌اندازی دستگاه‌های رسانه‌ای", "screenShareMobileUnsupported": "اشتراک‌گذاری صفحه در دستگاه‌های موبایل پشتیبانی نمی‌شود", "screenShareBrowserUnsupported": "اشتراک‌گذاری صفحه در این مرورگر پشتیبانی نمی‌شود", "screenShareDenied": "دسترسی به اشتراک‌گذاری صفحه رد شد", "screenAccessError": "امکان دسترسی به صفحه وجود ندارد", "screenShareMobileMaybeUnavailable": "ممکن است اشتراک‌گذاری صفحه در دستگاه‌های موبایل در دسترس نباشد", "screenShareStartFailed": "راه‌اندازی اشتراک‌گذاری صفحه ناموفق بود", "cameraUnavailable": "دوربین در دسترس نیست", "flashlightToggleFailed": "تغییر حالت چراغ قوه ناموفق بود" }, "controls": { "endCall": "پایان تماس", "minimize": "کوچک کردن", "maximize": "بازگشت به تماس", "mute": "قطع میکروفون", "unmute": "وصل میکروفون", "cameraOff": "خاموش کردن دوربین", "cameraOn": "روشن کردن دوربین", "shareScreen": "اشتراک‌گذاری صفحه", "stopSharing": "توقف اشتراک‌گذاری", "fullscreen": "تمام صفحه", "exitFullscreen": "خروج از تمام صفحه", "flashlight": "چراغ‌قوه", "cameras": "دوربین‌های موجود", "chooseCamera": "انتخاب دوربین", "pauseVideo": "توقف ویدیو", "playVideo": "پخش ویدیو", "nextParticipant": "نمایش شرکت‌کننده بعدی" } }, "board": { "title": "تخته", "selectColor": "انتخاب رنگ", "page": "صفحه {page}", "addPage": "صفحه جدید", "confirm": "تایید", "savedSuccessfully": "تصویر با موفقیت ذخیره سازی شد." } };
 const chatFa = {
   chat: chat$1
 };
@@ -552,7 +552,7 @@ const useCallStore = defineStore("call-modal", () => {
       );
     }, 1e3);
   };
-  const startCall = (id) => {
+  const startCall = (id, { video = true } = {}) => {
     if (isActive.value) {
       isMinimized.value = false;
       return;
@@ -568,7 +568,7 @@ const useCallStore = defineStore("call-modal", () => {
     channelId.value = id;
     isActive.value = true;
     isMinimized.value = false;
-    void import("./session-B8Q7eiUV.mjs").then(({ createCallSession }) => {
+    void import("./session-CN61aKfb.mjs").then(({ createCallSession }) => {
       if (current !== attempt) return;
       const call = createCallSession({
         handlers: callHandlers,
@@ -578,7 +578,8 @@ const useCallStore = defineStore("call-modal", () => {
           name: () => profileStore.userName ?? "",
           avatar: () => profileStore.userAvatar
         },
-        notify: (key) => openToast(t(key), "error")
+        notify: (key) => openToast(t(key), "error"),
+        video
       });
       session.value = markRaw(call);
       void call.start();
@@ -1780,7 +1781,7 @@ const _hoisted_6$b = {
 };
 const _hoisted_7$a = { class: "text-chat-muted text-[11px]" };
 const _hoisted_8$5 = { class: "w-full flex items-center justify-between mt-0.5" };
-const _hoisted_9$4 = { class: "flex items-center gap-x-1.5 flex-1 overflow-hidden" };
+const _hoisted_9$3 = { class: "flex items-center gap-x-1.5 flex-1 overflow-hidden" };
 const _hoisted_10$3 = {
   key: 0,
   class: "max-w-full truncate text-body-sm flex items-center gap-x-1"
@@ -1907,7 +1908,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_8$5, [
-            createElementVNode("div", _hoisted_9$4, [
+            createElementVNode("div", _hoisted_9$3, [
               draft2.value ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
                 createElementVNode("span", _hoisted_11$3, toDisplayString(unref(t)("draft")) + ":", 1),
                 createVNode(_sfc_main$J, {
@@ -2069,7 +2070,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "vue-chat flex h-full w-full flex-col overflow-hidden border border-chat-outline-variant bg-chat-background" };
+const _hoisted_1$x = ["dir"];
 const _hoisted_2$u = { class: "flex w-full flex-1 flex-col overflow-hidden" };
 const _hoisted_3$n = { class: "flex w-full shrink-0 items-center gap-x-2 px-5 py-2" };
 const _hoisted_4$l = {
@@ -2084,6 +2085,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ChatList",
   setup(__props) {
     const { t } = useLocalI18n(chatList);
+    const { dir } = useDirection();
     const chatStore = useChatStore();
     const activeFilter = ref("");
     const searchText = ref("");
@@ -2128,7 +2130,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_BVirtualVerticalList = _sfc_main$L;
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", {
+        dir: unref(dir),
+        class: "vue-chat flex h-full w-full flex-col overflow-hidden border border-chat-outline-variant bg-chat-background"
+      }, [
         createVNode(_sfc_main$E, {
           modelValue: searchText.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
@@ -2176,7 +2181,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             }, null, 8, ["image-path", "title"])
           ]))
         ])
-      ]);
+      ], 8, _hoisted_1$x);
     };
   }
 });
@@ -2266,6 +2271,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const visible = useModel(__props, "visible");
     const slotNames = Object.keys(useSlots());
     const isSheet = useMediaQuery("(max-width: 767.98px)");
+    const { dir } = useDirection();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Dialog), mergeProps({
         visible: visible.value,
@@ -2274,7 +2280,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         position: unref(isSheet) ? "bottom" : "center",
         draggable: false,
         style: { width: __props.width },
-        breakpoints: { "767.98px": "100vw" }
+        breakpoints: { "767.98px": "100vw" },
+        dir: unref(dir)
       }, _ctx.$attrs, {
         class: ["vue-chat", unref(isSheet) && "m-0! rounded-b-none!"]
       }), createSlots({ _: 2 }, [
@@ -2286,7 +2293,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["visible", "position", "style", "class"]);
+      ]), 1040, ["visible", "position", "style", "dir", "class"]);
     };
   }
 });
@@ -2574,15 +2581,15 @@ const _hoisted_5$e = { class: "h-29 w-full" };
 const _hoisted_6$9 = { class: "p-1" };
 const _hoisted_7$8 = { class: "flex w-full -translate-y-1/2 items-center justify-center absolute z-20" };
 const _hoisted_8$4 = { class: "h-25 w-25 overflow-hidden rounded-full" };
-const _hoisted_9$3 = { class: "flex w-full shrink-0 flex-col items-center justify-center gap-y-2 select-none mt-2" };
+const _hoisted_9$2 = { class: "flex w-full shrink-0 flex-col items-center justify-center gap-y-2 select-none mt-2" };
 const _hoisted_10$2 = { class: "text-title-md text-chat-on-background" };
 const _hoisted_11$2 = { class: "w-full shrink-0 px-6" };
 const _hoisted_12$2 = { class: "flex w-full items-center justify-center gap-x-2 py-4" };
 const _hoisted_13$2 = { class: "flex w-full flex-col gap-y-4 py-4" };
 const _hoisted_14$2 = { class: "text-body-sm text-chat-muted" };
 const _hoisted_15$1 = { class: "text-body-md text-chat-on-background" };
-const _hoisted_16$1 = { class: "flex min-h-0 w-full flex-1 flex-col select-none" };
-const _hoisted_17$1 = {
+const _hoisted_16 = { class: "flex min-h-0 w-full flex-1 flex-col select-none" };
+const _hoisted_17 = {
   key: 0,
   class: "flex h-full w-full min-h-0 flex-col gap-y-1"
 };
@@ -2611,8 +2618,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   props: {
     profile: { default: null }
   },
-  setup(__props) {
+  emits: ["end"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { getYearsPassed } = useDate();
     const callStore = useCallStore();
     const chatStore = useChatStore();
@@ -2659,7 +2668,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       {
         title: t("options.end"),
         icon: "PhX",
-        active: localProfile.value ? localProfile.value.isActive : false,
+        active: localProfile.value ? localProfile.value.isActive && chatStore.canEndConversation : false,
         key: "end",
         color: "error"
       },
@@ -2746,11 +2755,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       if (!action.active) return;
       switch (action.key) {
         case "end":
+          emit("end");
           break;
         case "voice-call":
         case "video-call":
           if (chatStore.activeConversationId && props.profile) {
-            callStore.startCall(chatStore.activeConversationId);
+            callStore.startCall(chatStore.activeConversationId, {
+              video: action.key === "video-call"
+            });
           }
           break;
       }
@@ -2808,7 +2820,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               ]),
               _cache[1] || (_cache[1] = createElementVNode("div", { class: "h-12.5 w-full" }, null, -1))
             ]),
-            createElementVNode("div", _hoisted_9$3, [
+            createElementVNode("div", _hoisted_9$2, [
               withDirectives((openBlock(), createElementBlock("div", _hoisted_10$2, [
                 createTextVNode(toDisplayString((_a = localProfile.value) == null ? void 0 : _a.name), 1)
               ])), [
@@ -2868,8 +2880,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ]),
-            createElementVNode("div", _hoisted_16$1, [
-              !shouldShowTabs.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
+            createElementVNode("div", _hoisted_16, [
+              !shouldShowTabs.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
                 fileAttachements.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
                   createElementVNode("div", _hoisted_19, toDisplayString(unref(t)("info.files")), 1),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(fileAttachements.value, (file2, index) => {
@@ -3674,6 +3686,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         "onUpdate:activeIndex": _cache[4] || (_cache[4] = ($event) => activeIndex.value = $event),
         value: __props.items,
         "full-screen": "",
+        dir: unref(dir),
         "show-thumbnails": hasMany.value,
         "show-item-navigators": hasMany.value,
         "num-visible": __props.items.length,
@@ -3750,7 +3763,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           }, null, 8, ["item", "class"])
         ]),
         _: 1
-      }, 8, ["visible", "active-index", "value", "show-thumbnails", "show-item-navigators", "num-visible", "pt"]);
+      }, 8, ["visible", "active-index", "value", "dir", "show-thumbnails", "show-item-navigators", "num-visible", "pt"]);
     };
   }
 });
@@ -3772,7 +3785,7 @@ const _hoisted_8$3 = {
   "data-testid": "message-reader",
   class: "flex select-none items-center gap-x-2.5 px-2 py-1.5"
 };
-const _hoisted_9$2 = { class: "size-8 shrink-0" };
+const _hoisted_9$1 = { class: "size-8 shrink-0" };
 const _hoisted_10$1 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_11$1 = { class: "truncate text-label-md text-chat-on-background" };
 const _hoisted_12$1 = {
@@ -3792,6 +3805,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { t } = useLocalI18n(bubbleOptions);
+    const { dir } = useDirection();
     const { formatDateShort, formatTime } = useDate();
     const messagesStore = useMessagesStore();
     const menu = ref(null);
@@ -3946,6 +3960,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         ref: menu,
         model: items.value,
         pt,
+        dir: unref(dir),
         class: "vue-chat",
         onHide: onMenuClosed
       }, {
@@ -4006,7 +4021,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               })
             ], 64))
           ], 16)) : item.reader ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
-            createElementVNode("span", _hoisted_9$2, [
+            createElementVNode("span", _hoisted_9$1, [
               createVNode(_sfc_main$I, {
                 contact: readerAvatar(item.reader),
                 "show-online": false
@@ -4035,7 +4050,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           ], 16))
         ]),
         _: 1
-      }, 8, ["model"]);
+      }, 8, ["model", "dir"]);
     };
   }
 });
@@ -5072,21 +5087,20 @@ const _hoisted_2$b = {
   class: "py-3 w-full flex justify-center"
 };
 const _hoisted_3$8 = { class: "select-none md:select-auto w-full" };
-const _hoisted_4$8 = { class: "flex max-w-4/5 items-end gap-x-2" };
-const _hoisted_5$5 = { class: "flex-1 min-w-0" };
-const _hoisted_6$4 = {
+const _hoisted_4$8 = { class: "flex-1 min-w-0" };
+const _hoisted_5$5 = {
   key: 1,
   class: "max-w-full wrap-break-word px-2.5 py-1.5"
 };
-const _hoisted_7$3 = {
+const _hoisted_6$4 = {
   key: 5,
   class: "flex justify-end px-2 pb-1"
 };
-const _hoisted_8$2 = {
+const _hoisted_7$3 = {
   key: 1,
   class: "relative"
 };
-const _hoisted_9$1 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "size-8 shrink-0"
 };
@@ -5132,12 +5146,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const groupedWithNext = computed(
       () => sameGroup(props.message, props.message.nextMessage)
     );
+    const sideClass = computed(
+      () => isMine.value ? "justify-end rtl:justify-start" : "justify-start rtl:justify-end"
+    );
     const roundingClasses = computed(() => {
       const prev = groupedWithPrev.value;
       const next = groupedWithNext.value;
       if (isMine.value)
-        return [prev && "rounded-ss-md", next ? "rounded-es-md" : "rounded-es-xs"];
-      return [prev && "rounded-se-md", next ? "rounded-ee-md" : "rounded-ee-xs"];
+        return [prev && "rounded-tr-md", next ? "rounded-br-md" : "rounded-br-xs"];
+      return [prev && "rounded-tl-md", next ? "rounded-bl-md" : "rounded-bl-xs"];
     });
     const uploadData = computed(
       () => messagesStore.uploadProgress.get(props.message.id)
@@ -5203,15 +5220,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             }, null, 8, ["message", "contact"])
           ])) : (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
-            class: ["flex items-center flex-1 min-w-0 relative", { "justify-start": isMine.value, "justify-end": !isMine.value }],
+            class: ["flex items-center flex-1 min-w-0 relative", sideClass.value],
             onClick: handleLeftClick
           }, toHandlers(unref(longPress), true)), [
             createElementVNode("div", _hoisted_3$8, [
               createElementVNode("div", {
-                class: normalizeClass(["w-full flex items-center", { "justify-start": isMine.value, "justify-end": !isMine.value }])
+                class: normalizeClass(["w-full flex items-center", sideClass.value])
               }, [
-                createElementVNode("div", _hoisted_4$8, [
-                  createElementVNode("div", _hoisted_5$5, [
+                createElementVNode("div", {
+                  class: normalizeClass(["flex max-w-4/5 items-end gap-x-2", { "flex-row-reverse rtl:flex-row": !isMine.value }])
+                }, [
+                  createElementVNode("div", _hoisted_4$8, [
                     isTextBased.value ? (openBlock(), createElementBlock("div", {
                       key: 0,
                       class: normalizeClass(["relative rounded-2xl p-1 shadow-xs", [
@@ -5227,7 +5246,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                         "is-mine": isMine.value,
                         "current-user-id": currentUserId.value
                       }, null, 8, ["message", "contact", "is-mine", "current-user-id"])) : createCommentVNode("", true),
-                      messageType.value === "text" ? (openBlock(), createElementBlock("p", _hoisted_6$4, [
+                      messageType.value === "text" ? (openBlock(), createElementBlock("p", _hoisted_5$5, [
                         createVNode(_sfc_main$J, {
                           text: __props.message.text
                         }, null, 8, ["text"]),
@@ -5254,13 +5273,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                         "message-id": __props.message.id,
                         "is-sent": __props.message.isSent
                       }, null, 8, ["url", "message-id", "is-sent"])) : createCommentVNode("", true),
-                      messageType.value !== "text" ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                      messageType.value !== "text" ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
                         createVNode(_sfc_main$h, {
                           message: __props.message,
                           "is-mine": isMine.value
                         }, null, 8, ["message", "is-mine"])
                       ])) : createCommentVNode("", true)
-                    ], 2)) : (openBlock(), createElementBlock("div", _hoisted_8$2, [
+                    ], 2)) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
                       messageType.value === "image" || messageType.value === "multiImage" ? (openBlock(), createBlock(_sfc_main$l, {
                         key: 0,
                         items: media.value,
@@ -5284,14 +5303,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       message: __props.message
                     }, null, 8, ["message"])) : createCommentVNode("", true)
                   ]),
-                  !isMine.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                  !isMine.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
                     !groupedWithNext.value ? (openBlock(), createBlock(_sfc_main$I, {
                       key: 0,
                       contact: __props.contact,
                       "show-online": false
                     }, null, 8, ["contact"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
-                ])
+                ], 2)
               ], 2)
             ]),
             viewerMounted.value && media.value.length > 0 ? (openBlock(), createBlock(_sfc_main$u, {
@@ -5378,19 +5397,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FloatingDateHeader",
   props: {
     label: {},
-    opacity: {},
-    offset: { type: Boolean }
+    opacity: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([[__props.offset ? "top-12" : "top-4"], "absolute left-0 right-0 z-20 flex justify-center pointer-events-none transition-opacity duration-200"]),
+        class: "absolute top-4 left-0 right-0 z-20 flex justify-center pointer-events-none transition-opacity duration-200",
         style: normalizeStyle({ opacity: __props.opacity })
       }, [
         __props.label ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
           createElementVNode("div", _hoisted_2$9, toDisplayString(__props.label), 1)
         ])) : createCommentVNode("", true)
-      ], 6);
+      ], 4);
     };
   }
 });
@@ -5562,7 +5580,6 @@ function useChatMessageList(chatId) {
 function useFlippedVirtualScroll(options2) {
   const {
     scrollContainer,
-    hasCall,
     isLoading,
     isLocked,
     onLoadMore
@@ -5603,7 +5620,7 @@ function useFlippedVirtualScroll(options2) {
     }
     const items = virtualizer.value.getVirtualItems();
     if (items.length > 0) {
-      const targetOffset = hasCall.value ? 88 : 44;
+      const targetOffset = 44;
       const physicalTopOfViewport = el.scrollHeight - el.clientHeight - el.scrollTop;
       const targetPhysicalTop = physicalTopOfViewport + targetOffset;
       let closestIndex = items[0].index;
@@ -5670,10 +5687,7 @@ function useFlippedVirtualScroll(options2) {
     }
   };
 }
-const _hoisted_1$9 = {
-  key: 0,
-  class: "vue-chat relative w-full h-full overflow-hidden"
-};
+const _hoisted_1$9 = ["dir"];
 const _hoisted_2$8 = { class: "w-full max-w-dvw overflow-x-hidden" };
 const _hoisted_3$7 = ["data-index"];
 const _hoisted_4$7 = { class: "w-full shrink-0 flip-vertical" };
@@ -5687,22 +5701,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const modal = ref(null);
     const chatStore = useChatStore();
-    const callStore = useCallStore();
     const messagesStore = useMessagesStore();
     const { t } = useLocalI18n(chatMessages, chat);
+    const { dir } = useDirection();
     const { openToast } = useAppToast();
     const { formatDateShort } = useDate();
     const profileStore = useProfileStore();
     const currentUserId = computed(() => profileStore.userId);
     const chatId = computed(() => chatStore.activeConversationId);
-    const hasCall = computed(() => callStore.isActive);
     const lockScroll = computed(() => messagesStore.isOptionMenuOpen);
     const scrollContainer = ref(null);
     const selectedToDelete = ref([]);
     const msgList = useChatMessageList(chatId);
     const scroll = useFlippedVirtualScroll({
       scrollContainer,
-      hasCall,
       isLoading: msgList.isLoading,
       isLocked: lockScroll,
       onLoadMore: msgList.loadNextPage
@@ -5815,14 +5827,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        __props.contact ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+        __props.contact ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          dir: unref(dir),
+          class: "vue-chat relative w-full h-full overflow-hidden"
+        }, [
           createVNode(_sfc_main$d, {
             label: floatingHeader.value,
-            opacity: unref(scroll).headerOpacity.value,
-            offset: hasCall.value
-          }, null, 8, ["label", "opacity", "offset"]),
+            opacity: unref(scroll).headerOpacity.value
+          }, null, 8, ["label", "opacity"]),
           createElementVNode("div", {
-            dir: "rtl",
             id: "list",
             ref_key: "scrollContainer",
             ref: scrollContainer,
@@ -5904,7 +5918,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               onClick: _cache[2] || (_cache[2] = ($event) => unref(scroll).resetScroll())
             }, null, 8, ["visible", "unseen"])
           ])
-        ])) : createCommentVNode("", true),
+        ], 8, _hoisted_1$9)) : createCommentVNode("", true),
         createVNode(_sfc_main$y, {
           ref_key: "modal",
           ref: modal,
@@ -5921,8 +5935,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ChatMessages = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-01ea74e6"]]);
-const _hoisted_1$8 = { class: "vue-chat relative z-20 w-full" };
+const ChatMessages = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-cb7cc93f"]]);
+const _hoisted_1$8 = ["dir"];
 const _hoisted_2$7 = {
   key: 0,
   class: "relative z-50 flex h-16 w-full items-center justify-between gap-x-4 border-b border-b-chat-outline-variant bg-chat-background py-4 px-5 md:h-20"
@@ -5946,8 +5960,6 @@ const _hoisted_12 = { class: "h-full w-full" };
 const _hoisted_13 = { class: "flex flex-col gap-y-1.5" };
 const _hoisted_14 = { class: "h-4 w-32" };
 const _hoisted_15 = { class: "h-3 w-20" };
-const _hoisted_16 = { class: "absolute bottom-0 z-20 h-0 w-full overflow-visible" };
-const _hoisted_17 = { class: "flex-1 select-none text-label-md text-white" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ChatPageBar",
   props: {
@@ -5970,15 +5982,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const messagesStore = useMessagesStore();
     const { formatRelativeDate } = useDate();
     const { t } = useLocalI18n(chatPageBar);
+    const { dir } = useDirection();
     const callStore = useCallStore();
     const chatStore = useChatStore();
     const currentConversationId = computed(() => chatStore.activeConversationId);
     const isSelectMode = computed(() => messagesStore.isSelectMode);
     const selectedChat = computed(() => props.contact);
-    const callData = computed(() => ({
-      show: callStore.isActive,
-      duration: formatDuration$1(callStore.elapsedTime)
-    }));
     const openProfile = () => {
       emit("open-profile");
     };
@@ -5990,13 +5999,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         callStore.startCall(currentConversationId.value);
       }
     };
-    const backToCall = () => {
-      callStore.maximize();
-    };
     return (_ctx, _cache) => {
       const _component_BIcon = _sfc_main$K;
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", {
+        dir: unref(dir),
+        class: "vue-chat relative z-20 w-full"
+      }, [
         selectedChat.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+          createVNode(_sfc_main$F, {
+            icon: "PhArrowLeft",
+            "icon-class": "size-6 rtl:-scale-x-100",
+            label: unref(t)("actions.back"),
+            class: "shrink-0 md:hidden!",
+            onClick: goBack
+          }, null, 8, ["label"]),
           createElementVNode("div", _hoisted_3$6, [
             createVNode(unref(Button), {
               text: "",
@@ -6051,6 +6067,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     ref: "optionsMenu",
                     model: menuItems.value,
                     popup: "",
+                    dir: unref(dir),
                     class: "vue-chat"
                   }, {
                     itemicon: withCtx(({ item }) => [
@@ -6060,18 +6077,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["icon", "class"])
                     ]),
                     _: 1
-                  }, 8, ["model"])
+                  }, 8, ["model", "dir"])
                 ])
               ], 2)
             ])
-          ]),
-          createVNode(_sfc_main$F, {
-            icon: "PhArrowLeft",
-            "icon-class": "size-6",
-            label: unref(t)("actions.back"),
-            class: "md:hidden!",
-            onClick: goBack
-          }, null, 8, ["label"])
+          ])
         ])) : currentConversationId.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createElementVNode("div", _hoisted_11, [
             withDirectives(createElementVNode("div", _hoisted_12, null, 512), [
@@ -6086,30 +6096,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               [unref(loadingDirective), true]
             ])
           ])
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_16, [
-          createElementVNode("div", {
-            class: normalizeClass(["flex w-full items-center overflow-hidden whitespace-nowrap bg-diamond-primary-secondary text-wrap px-2 transition-all duration-200 ease-in-out", [callData.value.show ? "h-11" : "h-0"]])
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(["flex w-full items-center gap-x-3 transition-all duration-200 ease-in-out", [callData.value.show ? "opacity-100" : "opacity-0"]])
-            }, [
-              createVNode(_component_BIcon, {
-                icon: "PhPhoneCall",
-                class: "h-5 w-5 shrink-0 fill-white"
-              }),
-              createElementVNode("div", _hoisted_17, toDisplayString(callData.value.duration), 1),
-              createVNode(_sfc_main$F, {
-                icon: "PhFrameCorners",
-                label: unref(t)("actions.returnToCall"),
-                size: "small",
-                class: "shrink-0 text-white!",
-                onClick: backToCall
-              }, null, 8, ["label"])
-            ], 2)
-          ], 2)
-        ])
-      ]);
+        ])) : createCommentVNode("", true)
+      ], 8, _hoisted_1$8);
     };
   }
 });
@@ -6244,6 +6232,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { t } = useLocalI18n(inputAttachement);
+    const { dir } = useDirection();
     const { openToast } = useAppToast();
     const menu = ref(null);
     const dialogOpen = ref(false);
@@ -6357,6 +6346,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ref: menu,
           model: menuItems.value,
           popup: "",
+          dir: unref(dir),
           class: "vue-chat"
         }, {
           itemicon: withCtx(({ item }) => [
@@ -6366,7 +6356,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["icon"])
           ]),
           _: 1
-        }, 8, ["model"]),
+        }, 8, ["model", "dir"]),
         createVNode(_sfc_main$C, {
           visible: dialogOpen.value,
           "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => dialogOpen.value = $event),
@@ -7105,10 +7095,7 @@ function useInputDraft(editor, isEditing) {
   });
   return { restoreDraft };
 }
-const _hoisted_1$2 = {
-  dir: "rtl",
-  class: "vue-chat w-full relative"
-};
+const _hoisted_1$2 = ["dir"];
 const _hoisted_2$2 = { class: "flex-1 flex items-end gap-x-5" };
 const _hoisted_3$1 = { class: "min-h-11 flex items-center w-full" };
 const _hoisted_4$1 = ["onKeydown", "data-placeholder"];
@@ -7123,6 +7110,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const { t } = useLocalI18n(chatInput, chat);
+    const { dir } = useDirection();
     const { requestWithPopup, checkMediaStatus } = useAppPermissions();
     const messagesStore = useMessagesStore();
     const chatStore = useChatStore();
@@ -7383,7 +7371,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     } });
     return (_ctx, _cache) => {
       const _component_BEmojiPicker = _sfc_main$9;
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", {
+        dir: unref(dir),
+        class: "vue-chat w-full relative"
+      }, [
         createVNode(_sfc_main$6, {
           ref: "videoDisplay",
           stream: unref(mediaStream),
@@ -7435,7 +7426,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 onMouseup: _cache[3] || (_cache[3] = //@ts-ignore
                 (...args) => unref(editor).saveCursorPosition && unref(editor).saveCursorPosition(...args)),
                 "data-placeholder": inputPlaceholder.value,
-                class: "text-body-md text-on-surface outline-none flex-1 bg-transparent z-10 max-h-[144px] overflow-y-auto hide-scrollbar leading-6 py-1 cursor-text whitespace-pre-wrap break-words empty:before:content-[attr(data-placeholder)] empty:before:text-chat-muted pointer-events-auto"
+                class: "text-body-md text-on-surface outline-none flex-1 bg-transparent z-10 [unicode-bidi:plaintext] max-h-[144px] overflow-y-auto hide-scrollbar leading-6 py-1 cursor-text whitespace-pre-wrap break-words empty:before:content-[attr(data-placeholder)] empty:before:text-chat-muted pointer-events-auto"
               }, null, 40, _hoisted_4$1)
             ]),
             createElementVNode("div", _hoisted_5$1, [
@@ -7452,6 +7443,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }, null, 8, ["label", "disabled"]),
               createVNode(unref(Popover), {
                 ref: "emojiPopover",
+                dir: unref(dir),
                 class: "vue-chat"
               }, {
                 default: withCtx(() => [
@@ -7461,7 +7453,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   })) : createCommentVNode("", true)
                 ]),
                 _: 1
-              }, 512),
+              }, 8, ["dir"]),
               createVNode(_sfc_main$F, {
                 icon: "PhSmiley",
                 "icon-class": "size-6",
@@ -7500,11 +7492,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onSelect: handleEmojiSelect
           })) : createCommentVNode("", true)
         ], 2)
-      ]);
+      ], 8, _hoisted_1$2);
     };
   }
 });
-const _hoisted_1$1 = { class: "vue-chat h-full w-full bg-chat-surface" };
+const _hoisted_1$1 = ["dir"];
 const _hoisted_2$1 = { class: "flex h-full w-full" };
 const _hoisted_3 = { class: "h-16 w-full bg-chat-background md:h-20" };
 const _hoisted_4 = {
@@ -7526,6 +7518,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const chatStore = useChatStore();
     const { t } = useLocalI18n(chatView);
+    const { dir } = useDirection();
     const chatInput2 = ref(null);
     const chatId = computed(() => chatStore.activeConversationId);
     const isProfile = computed(() => chatStore.profileViewOpen);
@@ -7588,9 +7581,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_BIcon = _sfc_main$K;
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", {
+        dir: unref(dir),
+        class: "vue-chat h-full w-full bg-chat-surface"
+      }, [
         createElementVNode("div", _hoisted_2$1, [
-          createVNode(_sfc_main$z, { profile: selectedChat.value }, null, 8, ["profile"]),
+          createVNode(_sfc_main$z, {
+            profile: selectedChat.value,
+            onEnd: _cache[0] || (_cache[0] = ($event) => handleOption("end-chat"))
+          }, null, 8, ["profile"]),
           withDirectives(createElementVNode("div", {
             class: normalizeClass(["h-full flex-1 flex-col items-center justify-between", isProfile.value ? "hidden md:flex" : "flex"])
           }, [
@@ -7656,13 +7655,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createVNode(unref(Toast), {
           group: unref(TOAST_GROUP),
           position: "bottom-center",
+          dir: unref(dir),
           class: "vue-chat"
-        }, null, 8, ["group"])
-      ]);
+        }, null, 8, ["group", "dir"])
+      ], 8, _hoisted_1$1);
     };
   }
 });
-const _hoisted_1 = { class: "vue-chat flex w-full h-full max-h-full overflow-hidden font-chat-family text-chat-base text-chat-on-background bg-chat-background" };
+const _hoisted_1 = ["dir"];
 const _hoisted_2 = {
   key: 1,
   class: "w-full h-full flex items-center justify-center"
@@ -7673,16 +7673,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     renderCall: { type: Boolean, default: true }
   },
   setup(__props) {
-    const Call2 = defineAsyncComponent(() => import("./Call-7lGaUPcp.mjs"));
+    const Call2 = defineAsyncComponent(() => import("./Call-jiZGoCtR.mjs"));
     const props = __props;
     const slots = useSlots();
     const chatStore = useChatStore();
     const callStore = useCallStore();
     const { t } = useLocalI18n(chatPage);
+    const { dir } = useDirection();
     const isInChat = computed(() => chatStore.activeConversationId !== null);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", {
+          dir: unref(dir),
+          class: "vue-chat flex w-full h-full max-h-full overflow-hidden font-chat-family text-chat-base text-chat-on-background bg-chat-background"
+        }, [
           createElementVNode("div", {
             class: normalizeClass(["relative h-full flex-1", isInChat.value ? "block" : "hidden md:block"])
           }, [
@@ -7722,7 +7726,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(_sfc_main$D)
           ], 2)
-        ]),
+        ], 8, _hoisted_1),
         props.renderCall && unref(callStore).session ? (openBlock(), createBlock(unref(Call2), { key: 0 })) : createCommentVNode("", true)
       ], 64);
     };
@@ -7786,32 +7790,33 @@ function createChat(options2) {
     }
   };
 }
-const Call = defineAsyncComponent(() => import("./Call-7lGaUPcp.mjs"));
+const Call = defineAsyncComponent(() => import("./Call-jiZGoCtR.mjs"));
 export {
   CallMessageType as C,
   _sfc_main$F as _,
   useLocalI18n as a,
   useDirection as b,
   chat as c,
-  _sfc_main$K as d,
-  _sfc_main$C as e,
-  _sfc_main$9 as f,
-  _sfc_main$L as g,
-  Call as h,
-  _sfc_main$f as i,
-  _sfc_main$1 as j,
-  _sfc_main$a as k,
-  _sfc_main$2 as l,
-  _sfc_main$D as m,
-  ChatMessages as n,
-  _sfc_main as o,
-  createChat as p,
-  messageMedia as q,
-  provideCallHandlers as r,
-  useChatStore as s,
-  useMediaStore as t,
+  useChatStore as d,
+  _sfc_main$K as e,
+  formatDuration$1 as f,
+  _sfc_main$C as g,
+  _sfc_main$9 as h,
+  _sfc_main$L as i,
+  Call as j,
+  _sfc_main$f as k,
+  _sfc_main$1 as l,
+  _sfc_main$a as m,
+  _sfc_main$2 as n,
+  _sfc_main$D as o,
+  ChatMessages as p,
+  _sfc_main as q,
+  createChat as r,
+  messageMedia as s,
+  provideCallHandlers as t,
   useCallStore as u,
-  useMessagesStore as v,
-  useProfileStore as w
+  useMediaStore as v,
+  useMessagesStore as w,
+  useProfileStore as x
 };
-//# sourceMappingURL=index-C8N5eSUe.mjs.map
+//# sourceMappingURL=index-CHFzAdVI.mjs.map