spine-framework-portal 0.2.22 → 0.2.23

package/functions/custom_support-triage.ts

@@ -89,6 +89,7 @@ async function handleNewTicket(
     data: {
       aim_triage_agent_id: triageAgentId,
       aim_confidence_at_response: confidence,
+      aim_retrieval_confidence: agentMsg?.data?.retrieval_confidence ?? null,
       aim_escalation_reason: escalated ? 'low_confidence' : 'none',
     }
   })
@@ -131,6 +132,7 @@ async function handleReply(
       data: {
         ...(currentTicket?.data || {}),
         aim_confidence_at_response: confidence,
+        aim_retrieval_confidence: agentMsg?.data?.retrieval_confidence ?? null,
         aim_escalation_reason: 'low_confidence',
       }
     })

package/hooks/useTickets.ts

@@ -187,6 +187,17 @@ export function useSubmitFeedback() {
           }
         }),
       })
+
+      // Best-effort: record feedback in the core ai-interactions log
+      await fetchJSON('/.netlify/functions/ai-interactions', {
+        method: 'POST',
+        body: JSON.stringify({
+          action: 'submit_feedback',
+          message_id: messageId,
+          ticket_id: ticketId,
+          feedback: feedback === 'up' ? 'helpful' : 'not_helpful',
+        }),
+      }).catch(() => null) // best-effort — don't fail the feedback submission if this fails
       
       // If thumbs down, escalate to human
       if (feedback === 'down') {

package/manifest.json

@@ -2,7 +2,7 @@
   "name": "Portal",
   "slug": "portal",
   "description": "Self-service portal for customers to access tickets, knowledge base, courses, and community",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "app_type": "full",
   "route_prefix": "/portal",
   "required_roles": ["member", "member_admin"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spine-framework-portal",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "private": false,
   "description": "Customer Portal — self-service portal app for Spine Framework",
   "type": "module",

package/pages/TicketsPage.tsx

@@ -40,8 +40,33 @@ function AIResponseCard({ message, ticketId, messageId, onFeedback }: {
           <Bot size={14} className="text-primary" />
           <span className="text-xs font-medium text-muted-foreground">Spine Assistant</span>
         </div>
+        {message.data?.confidence !== undefined && (
+          <div className="text-xs text-muted-foreground mt-1">
+            {message.data.confidence >= 0.85
+              ? 'AI answered'
+              : message.data.confidence >= 0.60
+              ? 'AI drafted · reviewed by support'
+              : 'Human answered'}
+          </div>
+        )}
         <div className="leading-relaxed">{message.content}</div>
         
+        {Array.isArray(message.data?.retrieved_sources) && message.data.retrieved_sources.length > 0 && (
+          <details className="mt-2 text-xs text-muted-foreground">
+            <summary className="cursor-pointer hover:text-foreground">
+              Sources ({message.data.retrieved_sources.length})
+            </summary>
+            <ul className="mt-1 space-y-0.5 pl-2">
+              {message.data.retrieved_sources.slice(0, 3).map((s: any, i: number) => (
+                <li key={i} className="truncate">
+                  {s.title || s.document_id}
+                  {s.similarity ? ` — ${Math.round(s.similarity * 100)}%` : ''}
+                </li>
+              ))}
+            </ul>
+          </details>
+        )}
+
         {!feedback && (
           <div className="flex items-center gap-2 mt-3 pt-3 border-t border-border/50">
             <span className="text-xs text-muted-foreground">Was this helpful?</span>