From ff4e84a800ad9b91f655fff4d845c14654def464 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 3 Mar 2026 00:01:28 +0100
Subject: [PATCH] feat(frontend): add QuickAddOverlay component for quick-entry
 window

---
 .../quick-actions/QuickAddOverlay.vue         | 37 +++++++++++++++++++
 frontend/src/types/quick-entry.d.ts           |  5 +++
 2 files changed, 42 insertions(+)
 create mode 100644 frontend/src/components/quick-actions/QuickAddOverlay.vue
 create mode 100644 frontend/src/types/quick-entry.d.ts

diff --git a/frontend/src/components/quick-actions/QuickAddOverlay.vue b/frontend/src/components/quick-actions/QuickAddOverlay.vue
new file mode 100644
index 000000000..1015e114f
--- /dev/null
+++ b/frontend/src/components/quick-actions/QuickAddOverlay.vue
@@ -0,0 +1,37 @@
+<template>
+	<div class="quick-add-overlay">
+		<QuickActions />
+	</div>
+</template>
+
+<script setup lang="ts">
+import {watch, onMounted} from 'vue'
+
+import QuickActions from '@/components/quick-actions/QuickActions.vue'
+import {useBaseStore} from '@/stores/base'
+
+const baseStore = useBaseStore()
+
+onMounted(() => {
+	baseStore.setQuickActionsActive(true)
+})
+
+// When QuickActions closes (Escape, task created, etc.), tell Electron to hide the window
+watch(() => baseStore.quickActionsActive, (active) => {
+	if (!active) {
+		if (typeof window.quickEntry?.close === 'function') {
+			window.quickEntry.close()
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.quick-add-overlay {
+	position: fixed;
+	inset: 0;
+	display: flex;
+	align-items: flex-start;
+	justify-content: center;
+}
+</style>
diff --git a/frontend/src/types/quick-entry.d.ts b/frontend/src/types/quick-entry.d.ts
new file mode 100644
index 000000000..b3d7ad87e
--- /dev/null
+++ b/frontend/src/types/quick-entry.d.ts
@@ -0,0 +1,5 @@
+interface Window {
+	quickEntry?: {
+		close: () => void
+	}
+}