[NER-41] feat: Neuri Analysis panel and Run Investigation button on incident detail

backend/internal/api/handlers/dto/neuri_result.go

@@ -5,8 +5,8 @@ import "encoding/json"
 type NeuriResultRequest struct {
 	IncidentID         string          `json:"incident_id"          binding:"required"`
 	InvestigationRunID string          `json:"investigation_run_id" binding:"required"`
-	TopHypothesis      string          `json:"top_hypothesis"       binding:"required"`
-	Confidence         float64         `json:"confidence"           binding:"required,min=0,max=1"`
+	TopHypothesis      string          `json:"top_hypothesis"`
+	Confidence         float64         `json:"confidence"           binding:"min=0,max=1"`
 	Summary            string          `json:"summary"              binding:"required"`
 	RankedHypotheses   json.RawMessage `json:"ranked_hypotheses"`
 }

backend/internal/api/handlers/neuri.go

@@ -154,13 +154,20 @@ func TriggerNeuriInvestigation(
 
 		callbackURL := regenBaseURL + "/api/v1/neuri/result"
 
+		affectedServices := []string{}
+		if svc, ok := incident.Labels["service"]; ok {
+			if svcStr, ok := svc.(string); ok && svcStr != "" {
+				affectedServices = []string{svcStr}
+			}
+		}
+
 		payload := map[string]interface{}{
-			"incident_id":   incident.ID.String(),
-			"title":         incident.Title,
-			"started_at":    incident.TriggeredAt.UTC().Format(time.RFC3339),
-			"severity":      incident.Severity,
-			"affected_services": []string{},
-			"callback_url":  callbackURL,
+			"id":                incident.ID.String(),
+			"title":             incident.Title,
+			"started_at":        incident.TriggeredAt.UTC().Format(time.RFC3339),
+			"severity":          incident.Severity,
+			"affected_services": affectedServices,
+			"callback_url":      callbackURL,
 		}
 		body, _ := json.Marshal(payload)
 

backend/internal/services/incident_service.go

@@ -271,6 +271,11 @@ func (s *incidentService) CreateIncidentFromAlert(alert *models.Alert, aiEnabled
 	slug := generateSlug(alert.Title)
 
 	// Create incident object
+	incidentLabels := make(models.JSONB)
+	for k, v := range alert.Labels {
+		incidentLabels[k] = v
+	}
+
 	incident := &models.Incident{
 		ID:            uuid.New(),
 		Title:         alert.Title,
@@ -281,7 +286,7 @@ func (s *incidentService) CreateIncidentFromAlert(alert *models.Alert, aiEnabled
 		CreatedByType: "system",
 		CreatedByID:   "alertmanager",
 		TriggeredAt:   time.Now(),
-		Labels:        make(models.JSONB),
+		Labels:        incidentLabels,
 		CustomFields:  make(models.JSONB),
 		AIEnabled:     aiEnabled,
 	}

frontend/src/api/neuri.ts

@@ -0,0 +1,18 @@
+import { apiClient } from './client'
+import type { NeuriSettingsResponse, NeuriSettingsRequest, NeuriResultListResponse, NeuriTriggerResponse } from './types'
+
+export async function getNeuriSettings(): Promise<NeuriSettingsResponse> {
+  return apiClient.get<NeuriSettingsResponse>('/api/v1/settings/neuri')
+}
+
+export async function updateNeuriSettings(req: NeuriSettingsRequest): Promise<void> {
+  return apiClient.patch('/api/v1/settings/neuri', req)
+}
+
+export async function triggerNeuriInvestigation(incidentId: string): Promise<NeuriTriggerResponse> {
+  return apiClient.post<NeuriTriggerResponse>('/api/v1/neuri/investigate', { incident_id: incidentId })
+}
+
+export async function getNeuriResults(incidentId: string): Promise<NeuriResultListResponse> {
+  return apiClient.get<NeuriResultListResponse>(`/api/v1/neuri/result?incident_id=${incidentId}`)
+}

frontend/src/api/types.ts

@@ -52,6 +52,44 @@ export interface AISettingsResponse {
   enabled: boolean
 }
 
+// Neuri AI analysis types (NER-41)
+export interface NeuriSettingsResponse {
+  webhook_url: string
+  regen_base_url: string
+  webhook_secret_set: boolean
+  webhook_secret_hint?: string
+}
+
+export interface NeuriSettingsRequest {
+  webhook_url?: string
+  regen_base_url?: string
+  webhook_secret?: string
+}
+
+export interface RankedHypothesis {
+  type: string
+  score: number
+}
+
+export interface NeuriResult {
+  id: string
+  incident_id: string
+  investigation_run_id: string
+  top_hypothesis: string
+  confidence: number
+  summary: string
+  ranked_hypotheses: RankedHypothesis[]
+  created_at: string
+}
+
+export interface NeuriResultListResponse {
+  results: NeuriResult[]
+}
+
+export interface NeuriTriggerResponse {
+  status: string
+}
+
 export interface TeamsSettingsResponse {
   enabled: boolean
 }

frontend/src/components/incidents/NeuriPanel.tsx

@@ -0,0 +1,267 @@
+import { useState, useEffect, useRef } from 'react'
+import { Microscope, AlertCircle, Loader2, ChevronDown, ChevronUp } from 'lucide-react'
+import { getNeuriSettings, triggerNeuriInvestigation, getNeuriResults } from '../../api/neuri'
+import type { NeuriResult, RankedHypothesis } from '../../api/types'
+
+const POLL_INTERVAL_MS = 5000
+const TIMEOUT_MS = 90000
+
+const HYPOTHESIS_COLORS: Record<string, string> = {
+  CODE_CHANGE:            'bg-blue-100 text-blue-800',
+  CONFIG_CHANGE:          'bg-orange-100 text-orange-800',
+  DEPENDENCY_FAILURE:     'bg-red-100 text-red-800',
+  RESOURCE_EXHAUSTION:    'bg-amber-100 text-amber-800',
+  TRAFFIC_ANOMALY:        'bg-purple-100 text-purple-800',
+  INFRASTRUCTURE_FAILURE: 'bg-red-100 text-red-800',
+  DATA_ISSUE:             'bg-teal-100 text-teal-800',
+  CAPACITY_LIMIT:         'bg-orange-100 text-orange-800',
+  UNKNOWN:                'bg-gray-100 text-gray-600',
+}
+
+function hypothesisLabel(type: string): string {
+  return type.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
+}
+
+function hypothesisBadge(type: string): string {
+  return HYPOTHESIS_COLORS[type] ?? 'bg-gray-100 text-gray-600'
+}
+
+interface NeuriPanelProps {
+  incidentId: string
+  onResultLoaded?: (result: NeuriResult | null) => void
+}
+
+export function NeuriPanel({ incidentId, onResultLoaded }: NeuriPanelProps) {
+  const [configured, setConfigured] = useState<boolean | null>(null)
+  const [result, setResult] = useState<NeuriResult | null>(null)
+  const [triggering, setTriggering] = useState(false)
+  const [polling, setPolling] = useState(false)
+  const [timedOut, setTimedOut] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [showAllHypotheses, setShowAllHypotheses] = useState(false)
+
+  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null)
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+
+  // Check if Neuri is configured and load any existing result on mount
+  useEffect(() => {
+    getNeuriSettings()
+      .then((s) => setConfigured(!!s.webhook_url))
+      .catch(() => setConfigured(false))
+
+    getNeuriResults(incidentId)
+      .then((r) => {
+        const latest = r.results[0] ?? null
+        setResult(latest)
+        onResultLoaded?.(latest)
+      })
+      .catch(() => {})
+  }, [incidentId])
+
+  function stopPolling() {
+    if (pollRef.current) { clearInterval(pollRef.current); pollRef.current = null }
+    if (timeoutRef.current) { clearTimeout(timeoutRef.current); timeoutRef.current = null }
+    setPolling(false)
+  }
+
+  function startPolling() {
+    setPolling(true)
+    setTimedOut(false)
+
+    pollRef.current = setInterval(async () => {
+      try {
+        const r = await getNeuriResults(incidentId)
+        if (r.results.length > 0) {
+          const latest = r.results[0] ?? null
+          setResult(latest)
+          onResultLoaded?.(latest)
+          stopPolling()
+        }
+      } catch {
+        // keep polling — transient errors shouldn't stop us
+      }
+    }, POLL_INTERVAL_MS)
+
+    timeoutRef.current = setTimeout(() => {
+      stopPolling()
+      setTimedOut(true)
+    }, TIMEOUT_MS)
+  }
+
+  useEffect(() => () => stopPolling(), [])
+
+  async function handleTrigger() {
+    setTriggering(true)
+    setError(null)
+    setTimedOut(false)
+    try {
+      await triggerNeuriInvestigation(incidentId)
+      startPolling()
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to start investigation')
+    } finally {
+      setTriggering(false)
+    }
+  }
+
+  // Still loading config — render nothing to avoid layout shift
+  if (configured === null) return null
+
+  return (
+    <div>
+      {/* Header row */}
+      <div className="flex items-center justify-between mb-2">
+        <div className="flex items-center gap-1.5">
+          <Microscope className="w-3.5 h-3.5 text-brand-primary" />
+          <span className="text-xs font-semibold text-text-tertiary uppercase tracking-wider">Neuri Analysis</span>
+          {polling && (
+            <span className="flex items-center gap-1 text-xs text-text-tertiary">
+              <Loader2 className="w-3 h-3 animate-spin" /> Investigating…
+            </span>
+          )}
+        </div>
+
+        {configured && !result && !polling && (
+          <button
+            onClick={handleTrigger}
+            disabled={triggering}
+            className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded text-white text-xs font-medium bg-brand-primary disabled:opacity-50 disabled:cursor-not-allowed hover:opacity-90 transition-opacity"
+          >
+            {triggering
+              ? <><Loader2 className="w-3 h-3 animate-spin" /> Starting…</>
+              : <><Microscope className="w-3 h-3" /> Run Investigation</>
+            }
+          </button>
+        )}
+
+        {configured && result && !polling && (
+          <button
+            onClick={handleTrigger}
+            disabled={triggering}
+            className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded text-xs font-medium border border-brand-primary text-brand-primary hover:bg-brand-primary hover:text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          >
+            {triggering
+              ? <><Loader2 className="w-3 h-3 animate-spin" /> Starting…</>
+              : <><Microscope className="w-3 h-3" /> Re-run</>
+            }
+          </button>
+        )}
+      </div>
+
+      {/* Not configured */}
+      {!configured && (
+        <div className="flex items-start gap-1.5 text-xs text-text-tertiary">
+          <AlertCircle className="w-3.5 h-3.5 mt-0.5 flex-shrink-0 text-amber-500" />
+          <span>
+            Neuri not configured. Set the webhook URL in <strong>Settings → System → Neuri</strong>, or{' '}
+            <a
+              href="https://fluidify.ai/neuri"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-brand-primary hover:underline"
+            >
+              learn more about the Neuri Pilot
+            </a>.
+          </span>
+        </div>
+      )}
+
+      {/* Error */}
+      {error && (
+        <div className="flex items-start gap-1.5 text-xs text-red-600">
+          <AlertCircle className="w-3.5 h-3.5 mt-0.5 flex-shrink-0" />
+          <span>{error}</span>
+        </div>
+      )}
+
+      {/* Timeout */}
+      {timedOut && !result && (
+        <div className="flex items-start gap-1.5 text-xs text-amber-600">
+          <AlertCircle className="w-3.5 h-3.5 mt-0.5 flex-shrink-0" />
+          <span>Investigation timed out (90s). Neuri may still be running — refresh in a moment or re-run.</span>
+        </div>
+      )}
+
+      {/* Polling skeleton */}
+      {polling && !result && (
+        <div className="space-y-1.5 mt-1">
+          <div className="h-2.5 bg-surface-tertiary rounded animate-pulse w-full" />
+          <div className="h-2.5 bg-surface-tertiary rounded animate-pulse w-4/5" />
+          <div className="h-2.5 bg-surface-tertiary rounded animate-pulse w-3/5" />
+        </div>
+      )}
+
+      {/* Idle — no result yet */}
+      {configured && !result && !polling && !error && !timedOut && (
+        <p className="text-xs text-text-tertiary">
+          Run an AI root cause investigation on this incident using Neuri.
+        </p>
+      )}
+
+      {/* Result card */}
+      {result && <ResultCard result={result} showAll={showAllHypotheses} onToggle={() => setShowAllHypotheses(v => !v)} />}
+    </div>
+  )
+}
+
+function ResultCard({
+  result,
+  showAll,
+  onToggle,
+}: {
+  result: NeuriResult
+  showAll: boolean
+  onToggle: () => void
+}) {
+  const ranked: RankedHypothesis[] = Array.isArray(result.ranked_hypotheses) ? result.ranked_hypotheses : []
+  const visible = showAll ? ranked : ranked.slice(0, 3)
+
+  return (
+    <div className="mt-1 space-y-3">
+      {/* Primary finding */}
+      <div className="flex items-center gap-2 flex-wrap">
+        <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-semibold ${hypothesisBadge(result.top_hypothesis)}`}>
+          {hypothesisLabel(result.top_hypothesis)}
+        </span>
+        <span className="text-xs font-semibold text-text-primary">
+          {Math.round(result.confidence * 100)}% confidence
+        </span>
+      </div>
+
+      {/* Summary */}
+      <p className="text-sm text-text-secondary leading-relaxed">{result.summary}</p>
+
+      {/* Ranked list */}
+      {ranked.length > 0 && (
+        <div className="space-y-1">
+          <p className="text-xs font-semibold text-text-tertiary uppercase tracking-wider">All hypotheses</p>
+          {visible.map((h) => (
+            <div key={h.type} className="flex items-center gap-2">
+              <div className="w-24 h-1.5 bg-surface-tertiary rounded-full overflow-hidden">
+                <div
+                  className="h-full bg-brand-primary rounded-full"
+                  style={{ width: `${Math.round(h.score * 100)}%` }}
+                />
+              </div>
+              <span className="text-xs text-text-secondary w-8 text-right">{Math.round(h.score * 100)}%</span>
+              <span className={`text-xs px-1.5 py-0.5 rounded ${hypothesisBadge(h.type)}`}>
+                {hypothesisLabel(h.type)}
+              </span>
+            </div>
+          ))}
+          {ranked.length > 3 && (
+            <button
+              onClick={onToggle}
+              className="flex items-center gap-0.5 text-xs text-text-tertiary hover:text-text-primary transition-colors mt-1"
+            >
+              {showAll
+                ? <><ChevronUp className="w-3 h-3" /> Show less</>
+                : <><ChevronDown className="w-3 h-3" /> {ranked.length - 3} more</>
+              }
+            </button>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}