spine-framework-cortex 0.2.21 → 0.2.23

package/pages/kb/KBEditorPage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { apiFetch } from '@core/lib/api'
 import { getTypeIdAsync } from '../../hooks/useTypeRegistry'
 import { RichTextEditor } from '@core/components/ui/RichTextEditor'
@@ -66,6 +67,7 @@ function SidebarSelect({ label, value, onChange, options }: {
 export default function KBEditorPage() {
   const { id } = useParams<{ id: string }>()
   const navigate = useNavigate()
+  const appPath = useAppPath()
   const isNew = !id || id === 'new'
   const [form, setForm] = useState<ArticleForm>(EMPTY)
   const [loading, setLoading] = useState(!isNew)
@@ -157,7 +159,7 @@ export default function KBEditorPage() {
         }
       }
 
-      navigate('/cortex/kb')
+      navigate(appPath('/kb'))
     } catch (e: any) {
       setError(e.message)
     } finally {
@@ -184,7 +186,7 @@ export default function KBEditorPage() {
       {/* Header */}
       <div className="px-6 py-3 border-b border-border shrink-0 flex items-center justify-between">
         <div className="flex items-center gap-3">
-          <Button variant="ghost" size="sm" className="gap-1 text-muted-foreground" onClick={() => navigate('/cortex/kb')}>
+          <Button variant="ghost" size="sm" className="gap-1 text-muted-foreground" onClick={() => navigate(appPath('/kb'))}>
             <ArrowLeft className="h-3.5 w-3.5" /> KB
           </Button>
           <h1 className="text-base font-semibold">{isNew ? 'New Article' : 'Edit Article'}</h1>

package/pages/kb/KBPage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from 'react'
 import { useNavigate } from 'react-router-dom'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { apiFetch } from '@core/lib/api'
 import { RichTextEditor } from '@core/components/ui/RichTextEditor'
 import { Button } from '@core/components/ui/button'
@@ -49,6 +50,7 @@ const PRIORITY_COLORS: Record<string, string> = {
 
 export default function KBPage() {
   const navigate = useNavigate()
+  const appPath = useAppPath()
   const [articles, setArticles] = useState<Article[]>([])
   const [searchResults, setSearchResults] = useState<Article[] | null>(null)
   const [loading, setLoading] = useState(true)
@@ -120,7 +122,7 @@ export default function KBPage() {
             onChange={e => handleSearch(e.target.value)}
             className="flex-1 h-8"
           />
-          <Button size="sm" className="gap-1 shrink-0" onClick={() => navigate('/cortex/kb/new')}>
+          <Button size="sm" className="gap-1 shrink-0" onClick={() => navigate(appPath('/kb/new'))}>
             <Plus size={14} /> New
           </Button>
         </div>
@@ -153,7 +155,7 @@ export default function KBPage() {
             <div className="p-8 text-center text-muted-foreground">
               <BookOpen className="h-10 w-10 mx-auto mb-3 opacity-30" />
               <p className="text-sm">{search ? 'No articles match.' : 'No articles yet.'}</p>
-              <Button size="sm" variant="outline" className="mt-3 gap-1" onClick={() => navigate('/cortex/kb/new')}>
+              <Button size="sm" variant="outline" className="mt-3 gap-1" onClick={() => navigate(appPath('/kb/new'))}>
                 <Plus size={13} /> Create article
               </Button>
             </div>
@@ -198,7 +200,7 @@ export default function KBPage() {
           <div className="flex-1 flex flex-col items-center justify-center gap-3 text-muted-foreground">
             <BookOpen size={32} className="opacity-30" />
             <p className="text-sm">Select an article to preview</p>
-            <Button size="sm" variant="outline" onClick={() => navigate('/cortex/kb/new')} className="gap-1">
+            <Button size="sm" variant="outline" onClick={() => navigate(appPath('/kb/new'))} className="gap-1">
               <Plus size={13} /> New article
             </Button>
           </div>
@@ -236,7 +238,7 @@ export default function KBPage() {
                 size="sm"
                 variant="outline"
                 className="gap-1 shrink-0"
-                onClick={() => navigate(`/cortex/kb/${selected.id}/edit`)}
+                onClick={() => navigate(appPath(`/kb/${selected.id}/edit`))}
               >
                 <Edit size={13} /> Edit
               </Button>

package/pages/support/RedactionReview.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { apiFetch } from '@core/lib/api'
 import { getTypeIdAsync } from '../../hooks/useTypeRegistry'
 import { Button } from '@core/components/ui/button'
@@ -39,13 +40,19 @@ interface Ticket {
   title: string
   description?: string
   data?: {
+    // Case analysis fields (populated by custom_case_analysis)
+    ca_reported_issue?: string
+    ca_true_problem?: string
+    ca_final_solution?: string
+    ca_diagnostic_steps?: string[]
+    ca_solution_steps?: string[]
+    // Legacy fields
     ai_metadata?: {
       problem_statement?: string
       solution_path?: string
     }
-    postmortem?: {
-      kb_draft_id?: string
-    }
+    // KB tracking
+    kb_proposed_kb_id?: string
   }
 }
 
@@ -88,6 +95,7 @@ function parseContentWithRedactions(content: string, suggestions: RedactionSugge
 export default function RedactionReview() {
   const { id } = useParams<{ id: string }>()
   const navigate = useNavigate()
+  const appPath = useAppPath()
   const [ticket, setTicket] = useState<Ticket | null>(null)
   const [analysis, setAnalysis] = useState<RedactionAnalysis | null>(null)
   const [loading, setLoading] = useState(true)
@@ -118,12 +126,11 @@ export default function RedactionReview() {
           setArticleTitle(`KB: ${ticketData.title}`)
         }
 
-        // Trigger redaction analysis via AI agent
-        const analysisRes = await apiFetch('/api/ai-agents', {
+        // Trigger redaction analysis via KB Redaction Agent
+        const analysisRes = await apiFetch('/.netlify/functions/custom_support-redaction?action=analyze', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
-            action: 'run_redaction_analysis',
             ticket_id: id,
             content: buildContentForAnalysis(ticketData),
           }),
@@ -155,16 +162,33 @@ export default function RedactionReview() {
     })
   }, [id])
 
-  // Build content from ticket for analysis
+  // Build content from ticket for redaction analysis.
+  // Prefers case analysis fields (ca_*) populated by custom_case_analysis,
+  // falling back to legacy ai_metadata fields.
   function buildContentForAnalysis(ticket: Ticket): string {
+    const d = ticket.data || {}
     const parts: string[] = []
     if (ticket.title) parts.push(`Title: ${ticket.title}`)
-    if (ticket.description) parts.push(`Description: ${ticket.description}`)
-    if (ticket.data?.ai_metadata?.problem_statement) {
-      parts.push(`Problem: ${ticket.data.ai_metadata.problem_statement}`)
+    if (d.ca_reported_issue) {
+      parts.push(`Reported Issue: ${d.ca_reported_issue}`)
+    } else if (ticket.description) {
+      parts.push(`Description: ${ticket.description}`)
+    }
+    if (d.ca_true_problem) {
+      parts.push(`Root Cause: ${d.ca_true_problem}`)
+    } else if (d.ai_metadata?.problem_statement) {
+      parts.push(`Problem: ${d.ai_metadata.problem_statement}`)
+    }
+    if (d.ca_diagnostic_steps?.length) {
+      parts.push(`Diagnostic Steps:\n${d.ca_diagnostic_steps.map((s, i) => `${i + 1}. ${s}`).join('\n')}`)
     }
-    if (ticket.data?.ai_metadata?.solution_path) {
-      parts.push(`Solution: ${ticket.data.ai_metadata.solution_path}`)
+    if (d.ca_solution_steps?.length) {
+      parts.push(`Solution Steps:\n${d.ca_solution_steps.map((s, i) => `${i + 1}. ${s}`).join('\n')}`)
+    }
+    if (d.ca_final_solution) {
+      parts.push(`Final Solution: ${d.ca_final_solution}`)
+    } else if (d.ai_metadata?.solution_path) {
+      parts.push(`Solution: ${d.ai_metadata.solution_path}`)
     }
     return parts.join('\n\n')
   }
@@ -279,21 +303,17 @@ export default function RedactionReview() {
 
         // Update ticket with KB reference
         await apiFetch(`/api/admin-data?action=update&entity=items&id=${id}`, {
-          method: 'POST',
+          method: 'PATCH',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
             data: {
               ...ticket?.data,
-              postmortem: {
-                ...ticket?.data?.postmortem,
-                kb_generated: true,
-                kb_draft_id: kbId,
-              },
+              kb_proposed_kb_id: kbId,
             },
           }),
         })
 
-        navigate(`/cortex/kb/${kbId}`)
+        navigate(appPath(`/kb/${kbId}`))
       }
     } finally {
       setProcessing(false)
@@ -316,7 +336,7 @@ export default function RedactionReview() {
           <AlertTriangle className="h-5 w-5" />
           <p>Failed to analyze content for redaction. Please try again.</p>
         </div>
-        <Button onClick={() => navigate(`/cortex/support/${id}`)}>Back to Ticket</Button>
+        <Button onClick={() => navigate(appPath(`/support/${id}`))}>Back to Ticket</Button>
       </div>
     )
   }
@@ -327,7 +347,7 @@ export default function RedactionReview() {
       <div className="px-6 py-4 border-b border-border shrink-0">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
-            <Button variant="ghost" size="sm" onClick={() => navigate(`/cortex/support/${id}`)}>
+            <Button variant="ghost" size="sm" onClick={() => navigate(appPath(`/support/${id}`))}>
               <ArrowLeft className="h-4 w-4" />
             </Button>
             <div>

package/pages/support/SupportPage.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState, useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { apiFetch } from '@core/lib/api'
 import { useAuth } from '@core/contexts/AuthContext'
 import { Input } from '@core/components/ui/input'
@@ -105,6 +106,7 @@ const KANBAN_COLUMNS = [
 
 export default function SupportPage() {
   const navigate = useNavigate()
+  const appPath = useAppPath()
   const { user } = useAuth()
   const [tickets, setTickets] = useState<Ticket[]>([])
   const [loading, setLoading] = useState(true)
@@ -220,7 +222,7 @@ export default function SupportPage() {
             {sorted.map(ticket => (
               <tr
                 key={ticket.id}
-                onClick={() => navigate(`/cortex/support/${ticket.id}`)}
+                onClick={() => navigate(appPath(`/support/${ticket.id}`))}
                 className="hover:bg-accent/50 cursor-pointer transition-colors"
               >
                 <td className="px-5 py-3">
@@ -305,7 +307,7 @@ export default function SupportPage() {
                   {tickets?.map(ticket => (
                     <div
                       key={ticket.id}
-                      onClick={() => navigate(`/cortex/support/${ticket.id}`)}
+                      onClick={() => navigate(appPath(`/support/${ticket.id}`))}
                       className="bg-background border rounded-lg p-3 cursor-pointer hover:shadow-sm transition-shadow"
                     >
                       <div className="flex items-start justify-between gap-2">

package/pages/support/TicketDetailPage.tsx

@@ -1,5 +1,6 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { apiFetch } from '@core/lib/api'
 import { Button } from '@core/components/ui/button'
 import { Input } from '@core/components/ui/input'
@@ -7,7 +8,8 @@ import { Badge } from '@core/components/ui/badge'
 import { Skeleton } from '@core/components/ui/skeleton'
 import { ScrollArea } from '@core/components/ui/scroll-area'
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@core/components/ui/tabs'
-import { ArrowLeft, Send, Lock, Globe, Bot, CheckCircle, AlertCircle, FileText, Building2, CreditCard, Package, BookOpen, Eye, EyeOff, Brain, Clock, TrendingUp, Tag as TagIcon } from 'lucide-react'
+import { Textarea } from '@core/components/ui/textarea'
+import { ArrowLeft, Send, Lock, Globe, Bot, CheckCircle, AlertCircle, FileText, Building2, CreditCard, Package, BookOpen, Eye, EyeOff, Brain, Clock, TrendingUp, Tag as TagIcon, Sparkles } from 'lucide-react'
 import { useAuth } from '@core/contexts/AuthContext'
 
 interface Ticket { 
@@ -367,145 +369,143 @@ function CaseDataPanel({ ticket }: { ticket: Ticket | null }) {
   )
 }
 
-// AI Metadata Panel
-function AIMetadataPanel({ ticket, onGenerateKB }: { ticket: Ticket | null; onGenerateKB?: () => void }) {
-  if (!ticket?.data?.aim_confidence_threshold && !ticket?.data?.aim_confidence_at_response && !ticket?.data?.aim_escalation_reason) {
-    return (
-      <div className="h-full flex flex-col">
-        <div className="px-4 py-2 border-b border-border bg-purple-50">
-          <p className="text-xs font-medium uppercase tracking-wide text-purple-700">AI Analysis</p>
-        </div>
-        <div className="flex-1 p-4 flex items-center justify-center text-sm text-muted-foreground">
-          No AI metadata available for this ticket.
-        </div>
-      </div>
-    )
-  }
+// Solution AI Panel — internal AI collaborator for support agents
+interface AIMessage { role: 'user' | 'ai'; content: string }
 
-  const ai = ticket.data
-  const isResolved = ticket.status === 'resolved' || ticket.status === 'closed'
+function SolutionAIPanel({ ticket, onGenerateKB }: { ticket: Ticket | null; onGenerateKB?: () => void }) {
+  const [messages, setMessages] = useState<AIMessage[]>([])
+  const [input, setInput] = useState('')
+  const [sending, setSending] = useState(false)
+  const [threadId, setThreadId] = useState<string | null>(null)
+  const bottomRef = useRef<HTMLDivElement>(null)
+  const ai = ticket?.data
+  const isResolved = ticket?.status === 'resolved' || ticket?.status === 'closed'
+
+  // Auto-scroll to bottom when new messages arrive
+  useEffect(() => {
+    bottomRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }, [messages])
+
+  const sendMessage = async () => {
+    if (!input.trim() || !ticket?.id || sending) return
+    const userText = input.trim()
+    setInput('')
+    setMessages(prev => [...prev, { role: 'user', content: userText }])
+    setSending(true)
+    try {
+      const isFirst = !threadId
+      const res = await apiFetch(
+        `/.netlify/functions/custom_support-solution?action=${isFirst ? 'start' : 'message'}`,
+        {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(isFirst
+            ? { ticket_id: ticket.id, message: userText }
+            : { thread_id: threadId, message: userText }
+          ),
+        }
+      ).then(r => r.json())
+
+      if (res.threadId && !threadId) setThreadId(res.threadId)
+      if (res.content) setMessages(prev => [...prev, { role: 'ai', content: res.content }])
+    } catch (err) {
+      setMessages(prev => [...prev, { role: 'ai', content: 'Error contacting Solution AI. Please try again.' }])
+    } finally {
+      setSending(false)
+    }
+  }
 
   return (
     <div className="h-full flex flex-col">
-      <div className="px-4 py-2 border-b border-border bg-purple-50">
-        <p className="text-xs font-medium uppercase tracking-wide text-purple-700">AI Analysis</p>
+      {/* Header */}
+      <div className="px-4 py-2 border-b border-border bg-purple-50 shrink-0">
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-1.5">
+            <Sparkles className="h-3.5 w-3.5 text-purple-600" />
+            <p className="text-xs font-medium uppercase tracking-wide text-purple-700">Solution AI</p>
+          </div>
+          <p className="text-xs text-purple-500">Internal only</p>
+        </div>
       </div>
-      <ScrollArea className="flex-1 p-4">
-        <div className="space-y-4">
-          {/* Confidence Score */}
+
+      {/* Triage metadata strip */}
+      {(ai?.aim_confidence_at_response || ai?.aim_escalation_reason) && (
+        <div className="px-3 py-1.5 border-b border-border bg-muted/40 shrink-0 flex items-center gap-3 text-xs text-muted-foreground">
           {ai.aim_confidence_at_response && (
-            <div className="space-y-1">
-              <div className="flex items-center justify-between text-sm">
-                <span className="text-muted-foreground">Confidence</span>
-                <span className={`font-mono font-medium ${ai.aim_confidence_at_response >= 0.75 ? 'text-green-600' : 'text-amber-600'}`}>
-                  {Math.round(ai.aim_confidence_at_response * 100)}%
-                </span>
-              </div>
-              {ai.aim_confidence_threshold && (
-                <p className="text-xs text-muted-foreground">Threshold: {Math.round(ai.aim_confidence_threshold * 100)}%</p>
-              )}
-            </div>
+            <span className={ai.aim_confidence_at_response >= 0.75 ? 'text-green-600' : 'text-amber-600'}>
+              Triage confidence: {Math.round(ai.aim_confidence_at_response * 100)}%
+            </span>
           )}
-
           {ai.aim_escalation_reason && ai.aim_escalation_reason !== 'none' && (
-            <div className="flex items-start gap-2 p-2 bg-amber-50 rounded-lg">
-              <AlertCircle className="h-4 w-4 text-amber-600 mt-0.5" />
-              <div className="text-sm">
-                <p className="font-medium text-amber-700">Escalated</p>
-                <p className="text-amber-600 text-xs">{ai.aim_escalation_reason.replace('_', ' ')}</p>
-              </div>
-            </div>
-          )}
-
-          {/* Problem Statement */}
-          {ai.aim_problem_statement && (
-            <div className="space-y-1">
-              <p className="text-xs font-medium text-muted-foreground uppercase">Problem</p>
-              <p className="text-sm bg-muted p-2 rounded">{ai.aim_problem_statement}</p>
-            </div>
+            <span className="text-amber-600 flex items-center gap-1">
+              <AlertCircle className="h-3 w-3" /> Escalated
+            </span>
           )}
-
-          {/* Solution Path */}
-          {ai.aim_solution_path && (
-            <div className="space-y-1">
-              <p className="text-xs font-medium text-muted-foreground uppercase">Solution</p>
-              <p className="text-sm bg-muted p-2 rounded">{ai.aim_solution_path}</p>
-            </div>
-          )}
-
-          {/* Tools Used */}
-          {ai.aim_tools_used && ai.aim_tools_used.length > 0 && (
-            <div className="space-y-1">
-              <p className="text-xs font-medium text-muted-foreground uppercase">Tools Used</p>
-              <div className="flex flex-wrap gap-1">
-                {ai.aim_tools_used.map((tool, i) => (
-                  <Badge key={i} variant="outline" className="text-xs">{tool}</Badge>
-                ))}
+        </div>
+      )}
+
+      {/* Chat history */}
+      <ScrollArea className="flex-1 px-3 py-2">
+        {messages.length === 0 ? (
+          <div className="flex flex-col items-center justify-center h-32 text-center text-muted-foreground text-xs gap-2">
+            <Bot className="h-6 w-6" />
+            <p>Ask Solution AI for help with this case.</p>
+            <p className="text-xs opacity-70">Searches KB · recalls similar cases · drafts replies</p>
+          </div>
+        ) : (
+          <div className="space-y-2">
+            {messages.map((msg, i) => (
+              <div key={i} className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`}>
+                <div className={`max-w-[90%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap ${
+                  msg.role === 'user'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'bg-muted text-foreground'
+                }`}>
+                  {msg.content}
+                </div>
               </div>
-            </div>
-          )}
-
-          {/* Post-mortem Section */}
-          {isResolved && (
-            <>
-              <Separator />
-              <div className="space-y-3">
-                <p className="text-xs font-medium text-muted-foreground uppercase">Post-mortem</p>
-
-                {postmortem?.root_cause_category && (
-                  <p className="text-sm">
-                    <span className="text-muted-foreground">Root cause:</span>{' '}
-                    {postmortem.root_cause_category}
-                  </p>
-                )}
-
-                {postmortem?.resolution_time_minutes && (
-                  <p className="text-sm">
-                    <span className="text-muted-foreground">Resolution time:</span>{' '}
-                    {Math.round(postmortem.resolution_time_minutes)} min
-                  </p>
-                )}
-
-                {postmortem?.customer_satisfaction !== undefined && (
-                  <div className="flex items-center gap-2">
-                    <span className="text-sm text-muted-foreground">Satisfaction:</span>
-                    <div className="flex">
-                      {[1, 2, 3, 4, 5].map((star) => (
-                        <span 
-                          key={star} 
-                          className={`text-lg ${star <= (postmortem.customer_satisfaction || 0) ? 'text-amber-400' : 'text-gray-300'}`}
-                        >
-                          ★
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-                )}
-
-                {/* KB Generation */}
-                <div className="pt-2">
-                  {postmortem?.kb_generated ? (
-                    <div className="flex items-center gap-2 text-green-600 text-sm">
-                      <CheckCircle className="h-4 w-4" />
-                      KB article created
-                    </div>
-                  ) : (
-                    <Button 
-                      variant="outline" 
-                      size="sm" 
-                      className="w-full gap-1 text-xs"
-                      onClick={onGenerateKB}
-                    >
-                      <BookOpen className="h-3 w-3" />
-                      Generate KB Article
-                    </Button>
-                  )}
+            ))}
+            {sending && (
+              <div className="flex justify-start">
+                <div className="bg-muted rounded-lg px-3 py-2 text-xs text-muted-foreground animate-pulse">
+                  Thinking…
                 </div>
               </div>
-            </>
+            )}
+            <div ref={bottomRef} />
+          </div>
+        )}
+      </ScrollArea>
+
+      {/* KB generation (resolved only) */}
+      {isResolved && (
+        <div className="px-3 py-2 border-t border-border shrink-0">
+          {ai?.kb_proposed_kb_id ? (
+            <div className="flex items-center gap-2 text-green-600 text-xs">
+              <CheckCircle className="h-3.5 w-3.5" /> KB article created
+            </div>
+          ) : (
+            <Button variant="outline" size="sm" className="w-full gap-1 text-xs" onClick={onGenerateKB}>
+              <BookOpen className="h-3 w-3" /> Generate KB Article
+            </Button>
           )}
         </div>
-      </ScrollArea>
+      )}
+
+      {/* Input */}
+      <div className="px-3 py-2 border-t border-border shrink-0 flex gap-2">
+        <Textarea
+          value={input}
+          onChange={e => setInput(e.target.value)}
+          onKeyDown={e => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage() } }}
+          placeholder="Ask Solution AI…"
+          className="flex-1 text-xs resize-none min-h-[36px] max-h-[100px]"
+          rows={1}
+        />
+        <Button size="sm" onClick={sendMessage} disabled={!input.trim() || sending} className="shrink-0">
+          <Send className="h-3.5 w-3.5" />
+        </Button>
+      </div>
     </div>
   )
 }
@@ -729,6 +729,7 @@ function Separator() {
 export default function TicketDetailPage() {
   const { id } = useParams<{ id: string }>()
   const navigate = useNavigate()
+  const appPath = useAppPath()
   const { user } = useAuth()
   const [ticket, setTicket] = useState<Ticket | null>(null)
   const [threads, setThreads] = useState<Thread[]>([])
@@ -838,8 +839,7 @@ export default function TicketDetailPage() {
   }
 
   const handleGenerateKB = () => {
-    // Trigger KB generation flow - would navigate to redaction review
-    navigate(`/cortex/support/${id}/kb-review`)
+    navigate(appPath(`/support/${id}/kb-review`))
   }
 
   const externalThread = threads.find(t => !t.visibility || t.visibility === 'external') ?? null
@@ -852,7 +852,7 @@ export default function TicketDetailPage() {
     <div className="flex flex-col h-full">
       <div className="px-6 py-4 border-b border-border shrink-0 flex items-center justify-between">
         <div className="flex items-center gap-3">
-          <Button variant="ghost" size="sm" className="gap-1 text-muted-foreground" onClick={() => navigate('/cortex/support')}>
+          <Button variant="ghost" size="sm" className="gap-1 text-muted-foreground" onClick={() => navigate(appPath('/support'))}>
             <ArrowLeft className="h-3.5 w-3.5" /> Support
           </Button>
           <div>
@@ -910,7 +910,7 @@ export default function TicketDetailPage() {
             </TabsList>
           </Tabs>
           {activeSidePanel === 'case' && <CaseDataPanel ticket={ticket} />}
-          {activeSidePanel === 'ai' && <AIMetadataPanel ticket={ticket} onGenerateKB={handleGenerateKB} />}
+          {activeSidePanel === 'ai' && <SolutionAIPanel ticket={ticket} onGenerateKB={handleGenerateKB} />}
           {activeSidePanel === 'analysis' && <CaseAnalysisPanel ticket={ticket} analysisLoading={analysisLoading} />}
         </div>
       </div>