site(gordon): always show message actions, add error handling

Signed-off-by: David Karlsson <[email protected]>

Author: dvdksn

hugo_stats.json

@@ -405,7 +405,6 @@
       "icon-lg",
       "icon-sm",
       "icon-svg",
-      "icon-svg-stroke",
       "icon-xs",
       "inline",
       "inline-block",
@@ -648,6 +647,7 @@
       "text-left",
       "text-lg",
       "text-magenta-light",
+      "text-red-600",
       "text-red-700",
       "text-red-800",
       "text-sm",

layouts/partials/gordon-chat.html

@@ -236,12 +236,16 @@
     async submitFeedback(messageIndex, feedbackType) {
       const message = this.messages[messageIndex]
 
-      if (!message.questionAnswerId) {
-        console.error('No question_answer_id available for feedback')
+      if (message.feedback === feedbackType) {
         return
       }
 
-      if (message.feedback === feedbackType) {
+      // Clear any previous error
+      message.feedbackError = null
+
+      if (!message.questionAnswerId) {
+        message.feedbackError = 'Unable to submit feedback'
+        console.error('No question_answer_id available for feedback')
         return
       }
 
@@ -258,9 +262,11 @@
         if (response.ok) {
           message.feedback = feedbackType  // $persist auto-saves
         } else {
+          message.feedbackError = 'Unable to submit feedback'
           console.error('Failed to submit feedback:', response.status, response.statusText)
         }
       } catch (err) {
+        message.feedbackError = 'Unable to submit feedback'
         console.error('Error submitting feedback:', err)
       }
     },
@@ -372,7 +378,7 @@ <h3 class="mb-2 text-xl font-semibold text-gray-900 dark:text-white">
 							</template>
 						</div>
 						<!-- Feedback buttons for assistant messages -->
-						<template x-if="message.role === 'assistant' && !message.isStreaming && message.questionAnswerId">
+						<template x-if="message.role === 'assistant' && !message.isStreaming">
 							<div class="flex items-center gap-2 text-xs">
 								<div class="flex items-center gap-1">
 									<!-- Copy button -->
@@ -414,6 +420,9 @@ <h3 class="mb-2 text-xl font-semibold text-gray-900 dark:text-white">
 										Thanks for your feedback!
 									</span>
 								</template>
+								<template x-if="message.feedbackError">
+									<span class="text-red-600 dark:text-red-400" x-text="message.feedbackError"></span>
+								</template>
 							</div>
 						</template>
 					</div>