From c87cfedd59233dbbbb6cd3951ed753c4d48cd3ea Mon Sep 17 00:00:00 2001
From: joaovictorjs <skai7ami@gmail.com>
Date: Sat, 21 Mar 2026 11:26:54 -0300
Subject: [PATCH 1/2] feat: add pulse indicator when has unsaved changes

---
 src/components/video-editor/VideoEditor.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index 32feb56..13bfd65 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -2377,6 +2377,10 @@ export default function VideoEditor() {
 						onClick={handleSaveProject}
 						className="inline-flex h-8 min-w-[96px] items-center justify-center gap-1.5 rounded-[5px] bg-white px-4 text-black transition-colors hover:bg-white/92"
 					>
+						<span className={`${hasUnsavedChanges ? "flex" : "hidden"} size-2 relative`}>
+ 							<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75"></span>
+  							<span className="relative inline-flex size-2 rounded-full bg-sky-500"></span>
+						</span>
 						<Save className="h-4 w-4" />
 						<span className="text-sm font-semibold tracking-tight">{t("common.actions.save")}</span>
 					</Button>
@@ -2384,7 +2388,7 @@ export default function VideoEditor() {
 					<DropdownMenu open={showExportDropdown} onOpenChange={setShowExportDropdown} modal={false}>
 						<DropdownMenuTrigger asChild>
 							<Button
-						type="button"
+								type="button"
 								onClick={handleOpenExportDropdown}
 								className="inline-flex h-8 min-w-[112px] items-center justify-center gap-2 rounded-[5px] bg-[#2563EB] px-4.5 text-white transition-colors hover:bg-[#2563EB]/92"
 							>

From 5814598384a3b5f8afe29ed62c9ed9bf048b626b Mon Sep 17 00:00:00 2001
From: joaovictorjs <skai7ami@gmail.com>
Date: Sat, 21 Mar 2026 11:48:46 -0300
Subject: [PATCH 2/2] fix: replace color

---
 src/components/video-editor/VideoEditor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index 13bfd65..a86eee9 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -2378,8 +2378,8 @@ export default function VideoEditor() {
 						className="inline-flex h-8 min-w-[96px] items-center justify-center gap-1.5 rounded-[5px] bg-white px-4 text-black transition-colors hover:bg-white/92"
 					>
 						<span className={`${hasUnsavedChanges ? "flex" : "hidden"} size-2 relative`}>
- 							<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75"></span>
-  							<span className="relative inline-flex size-2 rounded-full bg-sky-500"></span>
+ 							<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-[#2563EB] opacity-75"></span>
+  							<span className="relative inline-flex size-2 rounded-full bg-[#2563EB]"></span>
 						</span>
 						<Save className="h-4 w-4" />
 						<span className="text-sm font-semibold tracking-tight">{t("common.actions.save")}</span>