diff --git a/src/components/appointment/ResponseEditor.vue b/src/components/appointment/ResponseEditor.vue
index 43ae5292..318b5ca3 100644
--- a/src/components/appointment/ResponseEditor.vue
+++ b/src/components/appointment/ResponseEditor.vue
@@ -67,7 +67,7 @@
 
 <script setup>
 import { NcButton, NcInputField } from '@nextcloud/vue'
-import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 import CheckCircle from 'vue-material-design-icons/CheckCircle.vue'
 import ClockIcon from 'vue-material-design-icons/Clock.vue'
 import CloseCircle from 'vue-material-design-icons/CloseCircle.vue'
@@ -135,7 +135,7 @@ const localComment = ref(props.comment)
 const commentExpanded = ref(Boolean(props.comment) && !props.compact)
 const commentInput = ref(null)
 
-const { savingComment, errorComment, autoSaveComment, reset } = useAppointmentResponse()
+const { savingComment, saveComment: saveCommentApi } = useAppointmentResponse()
 
 // Saving a comment does not refresh the parent, so props.comment stays on the
 // value the card was rendered with. Without a local baseline the Save button
@@ -165,15 +165,11 @@ watch(() => props.comment, (next) => {
 async function saveComment() {
 	if (!commentChanged.value || savingComment.value) return
 	const pending = localComment.value
-	await autoSaveComment(props.appointmentId, props.userResponse, pending, false)
-	if (!errorComment.value) {
+	const saved = await saveCommentApi(props.appointmentId, props.userResponse, pending)
+	if (saved) {
 		savedComment.value = pending
 	}
 }
-
-// The composable keeps its own spinner/indicator timeouts, which would
-// otherwise keep writing into refs of an unmounted card.
-onBeforeUnmount(reset)
 </script>
 
 <style scoped lang="scss">
diff --git a/src/composables/useAppointmentResponse.js b/src/composables/useAppointmentResponse.js
index 57716c03..0bcc396c 100644
--- a/src/composables/useAppointmentResponse.js
+++ b/src/composables/useAppointmentResponse.js
@@ -1,12 +1,12 @@
 /**
  * Composable for handling appointment responses and comments.
- * Centralizes response submission and comment auto-save logic.
+ * Centralizes response submission and comment saving.
  */
 
 import axios from '@nextcloud/axios'
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'
-import { nextTick, onBeforeUnmount, ref } from 'vue'
+import { onBeforeUnmount, ref } from 'vue'
 
 /**
  * Short cooldown for the yes/maybe/no buttons that prevents button-smashing
@@ -56,13 +56,30 @@ export function useResponseCooldown(currentResponse, cooldownMs = 800) {
 export function useAppointmentResponse(options = {}) {
 	const { onSuccess, onError } = options
 
-	// Comment state
 	const savingComment = ref(false)
-	const commentSaved = ref(false)
-	const errorComment = ref(false)
-	let commentTimeout = null
-	let savedIndicatorTimeout = null
-	let errorIndicatorTimeout = null
+
+	/**
+	 * The one transport both save paths share: POST to the respond endpoint
+	 * and throw on a non-2xx status.
+	 *
+	 * @param {number} appointmentId - The appointment ID
+	 * @param {string|null} response - The response (yes, no, maybe) or null to withdraw
+	 * @param {string} comment - The comment text
+	 * @return {Promise<object>} The axios response
+	 */
+	const postRespond = async (appointmentId, response, comment) => {
+		const url = generateUrl('/apps/attendance/api/appointments/{id}/respond', { id: appointmentId })
+		const axiosResponse = await axios.post(url, {
+			response,
+			comment,
+		})
+
+		if (axiosResponse.status < 200 || axiosResponse.status >= 300) {
+			throw new Error(`API returned status ${axiosResponse.status}`)
+		}
+
+		return axiosResponse
+	}
 
 	/**
 	 * Submit a response to an appointment.
@@ -76,15 +93,7 @@ export function useAppointmentResponse(options = {}) {
 		const t = window.t || ((app, text) => text)
 
 		try {
-			const url = generateUrl('/apps/attendance/api/appointments/{id}/respond', { id: appointmentId })
-			const axiosResponse = await axios.post(url, {
-				response,
-				comment,
-			})
-
-			if (axiosResponse.status < 200 || axiosResponse.status >= 300) {
-				throw new Error(`API returned status ${axiosResponse.status}`)
-			}
+			const axiosResponse = await postRespond(appointmentId, response, comment)
 
 			showSuccess(response === null
 				? t('attendance', 'Response withdrawn')
@@ -108,294 +117,51 @@ export function useAppointmentResponse(options = {}) {
 	}
 
 	/**
-	 * Clear saved indicator timeout.
-	 */
-	const clearSavedIndicator = () => {
-		if (savedIndicatorTimeout) {
-			clearTimeout(savedIndicatorTimeout)
-			savedIndicatorTimeout = null
-		}
-	}
-
-	/**
-	 * Clear error indicator timeout.
-	 */
-	const clearErrorIndicator = () => {
-		if (errorIndicatorTimeout) {
-			clearTimeout(errorIndicatorTimeout)
-			errorIndicatorTimeout = null
-		}
-	}
-
-	/**
-	 * Auto-save a comment with debouncing.
-	 * Shows visual feedback (spinner, checkmark, error icon).
+	 * Save a comment. Only ever called from an explicit user action (save
+	 * button, Enter) — comments are never sent while typing.
 	 *
 	 * @param {number} appointmentId - The appointment ID
 	 * @param {string} currentResponse - The current response value
 	 * @param {string} commentText - The comment text
-	 * @param {boolean} silent - If true, don't show success message
-	 * @return {Promise<void>}
+	 * @return {Promise<boolean>} Whether the save succeeded
 	 */
-	const autoSaveComment = async (appointmentId, currentResponse, commentText, silent = true) => {
-		if (!currentResponse) return
+	const saveComment = async (appointmentId, currentResponse, commentText) => {
+		if (!currentResponse) return false
 
 		const t = window.t || ((app, text) => text)
 
-		// Clear any pending timeouts
-		clearSavedIndicator()
-		clearErrorIndicator()
-
 		savingComment.value = true
-		commentSaved.value = false
-		errorComment.value = false
 
 		try {
-			const url = generateUrl('/apps/attendance/api/appointments/{id}/respond', { id: appointmentId })
-			const axiosResponse = await axios.post(url, {
-				response: currentResponse,
-				comment: commentText,
-			})
-
-			if (axiosResponse.status < 200 || axiosResponse.status >= 300) {
-				throw new Error(`API returned status ${axiosResponse.status}`)
-			}
+			const axiosResponse = await postRespond(appointmentId, currentResponse, commentText)
 
-			// Show saved indicator with delay for visual feedback
-			setTimeout(() => {
-				savingComment.value = false
-				commentSaved.value = true
-
-				// Auto-hide saved indicator after 2 seconds
-				savedIndicatorTimeout = setTimeout(() => {
-					commentSaved.value = false
-				}, 2000)
-			}, 500)
-
-			if (!silent) {
-				showSuccess(t('attendance', 'Comment updated'))
-			}
+			showSuccess(t('attendance', 'Comment updated'))
 
 			if (onSuccess) {
 				onSuccess(axiosResponse.data)
 			}
+
+			return true
 		} catch (error) {
 			console.error('Failed to save comment:', error)
-			savingComment.value = false
-			errorComment.value = true
 			showError(t('attendance', 'Comment could not be saved'))
 
-			// Auto-hide error indicator after 3 seconds
-			errorIndicatorTimeout = setTimeout(() => {
-				errorComment.value = false
-			}, 3000)
-
 			if (onError) {
 				onError(error)
 			}
-		}
-	}
 
-	/**
-	 * Create a debounced comment input handler.
-	 *
-	 * @param {() => string} getCommentText - Getter for the current comment text
-	 * @param {() => string} getCurrentResponse - Getter for the current response
-	 * @param {number} appointmentId - The appointment ID
-	 * @param {number} delay - Debounce delay in ms (default: 500)
-	 * @return {() => void} Input event handler
-	 */
-	const createCommentInputHandler = (getCommentText, getCurrentResponse, appointmentId, delay = 500) => {
-		return () => {
-			if (commentTimeout) {
-				clearTimeout(commentTimeout)
-			}
-
-			commentTimeout = setTimeout(async () => {
-				await nextTick()
-				const text = getCommentText()
-				const response = getCurrentResponse()
-				autoSaveComment(appointmentId, response, text)
-			}, delay)
-		}
-	}
-
-	/**
-	 * Reset all state.
-	 */
-	const reset = () => {
-		if (commentTimeout) {
-			clearTimeout(commentTimeout)
-			commentTimeout = null
+			return false
+		} finally {
+			savingComment.value = false
 		}
-		clearSavedIndicator()
-		clearErrorIndicator()
-		savingComment.value = false
-		commentSaved.value = false
-		errorComment.value = false
 	}
 
 	return {
 		// State
 		savingComment,
-		commentSaved,
-		errorComment,
 
 		// Methods
 		submitResponse,
-		autoSaveComment,
-		createCommentInputHandler,
-		reset,
-	}
-}
-
-/**
- * Create a multi-appointment response handler.
- * Useful for list views where multiple appointments are shown.
- *
- * @param {object} options - Configuration options
- * @return {object} Response handling functions for multiple appointments
- */
-export function useMultiAppointmentResponse(options = {}) {
-	const { onSuccess, onError } = options
-
-	// Per-appointment state
-	const savingComments = {}
-	const savedComments = {}
-	const errorComments = {}
-	const commentTimeouts = {}
-
-	const t = window.t || ((app, text) => text)
-
-	/**
-	 * Submit a response to an appointment.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 * @param {string|null} response - The response value (yes/no/maybe) or null to withdraw
-	 * @param {string} comment - Optional comment text
-	 */
-	const submitResponse = async (appointmentId, response, comment = '') => {
-		try {
-			const url = generateUrl('/apps/attendance/api/appointments/{id}/respond', { id: appointmentId })
-			const axiosResponse = await axios.post(url, {
-				response,
-				comment,
-			})
-
-			if (axiosResponse.status < 200 || axiosResponse.status >= 300) {
-				throw new Error(`API returned status ${axiosResponse.status}`)
-			}
-
-			showSuccess(response === null
-				? t('attendance', 'Response withdrawn')
-				: t('attendance', 'Response updated'))
-
-			if (onSuccess) {
-				onSuccess(appointmentId, axiosResponse.data)
-			}
-
-			return axiosResponse.data
-		} catch (error) {
-			console.error('Failed to submit response:', error)
-			showError(t('attendance', 'Error updating response'))
-
-			if (onError) {
-				onError(appointmentId, error)
-			}
-
-			throw error
-		}
-	}
-
-	/**
-	 * Auto-save comment for a specific appointment.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 * @param {string} currentResponse - The current response value
-	 * @param {string} commentText - The comment text to save
-	 */
-	const autoSaveComment = async (appointmentId, currentResponse, commentText) => {
-		if (!currentResponse) return
-
-		savingComments[appointmentId] = true
-		savedComments[appointmentId] = false
-		errorComments[appointmentId] = false
-
-		try {
-			const url = generateUrl('/apps/attendance/api/appointments/{id}/respond', { id: appointmentId })
-			await axios.post(url, {
-				response: currentResponse,
-				comment: commentText,
-			})
-
-			setTimeout(() => {
-				savingComments[appointmentId] = false
-				savedComments[appointmentId] = true
-
-				setTimeout(() => {
-					savedComments[appointmentId] = false
-				}, 2000)
-			}, 500)
-		} catch (error) {
-			console.error('Failed to save comment:', error)
-			savingComments[appointmentId] = false
-			errorComments[appointmentId] = true
-			showError(t('attendance', 'Comment could not be saved'))
-
-			setTimeout(() => {
-				errorComments[appointmentId] = false
-			}, 3000)
-		}
-	}
-
-	/**
-	 * Handle comment input with debouncing.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 * @param {() => string} getCommentText - Getter for the current comment text
-	 * @param {() => string} getCurrentResponse - Getter for the current response
-	 * @param {number} delay - Debounce delay in milliseconds
-	 */
-	const onCommentInput = (appointmentId, getCommentText, getCurrentResponse, delay = 500) => {
-		if (commentTimeouts[appointmentId]) {
-			clearTimeout(commentTimeouts[appointmentId])
-		}
-
-		commentTimeouts[appointmentId] = setTimeout(async () => {
-			await nextTick()
-			const text = getCommentText()
-			const response = getCurrentResponse()
-			autoSaveComment(appointmentId, response, text)
-		}, delay)
-	}
-
-	/**
-	 * Check if comment is being saved for an appointment.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 */
-	const isSaving = (appointmentId) => !!savingComments[appointmentId]
-
-	/**
-	 * Check if comment was saved for an appointment.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 */
-	const isSaved = (appointmentId) => !!savedComments[appointmentId]
-
-	/**
-	 * Check if comment save failed for an appointment.
-	 *
-	 * @param {number} appointmentId - The appointment ID
-	 */
-	const hasError = (appointmentId) => !!errorComments[appointmentId]
-
-	return {
-		submitResponse,
-		autoSaveComment,
-		onCommentInput,
-		isSaving,
-		isSaved,
-		hasError,
+		saveComment,
 	}
 }