From 7dab7d77827ba12c003c4bea30f4cfbee39988cf Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@chihlas.com>
Date: Fri, 13 Feb 2026 09:38:04 -0500
Subject: [PATCH] feat(frontend): add next_steps to types, completion modal,
 and detail page

- Add next_steps to Session, SessionUpdate, SessionComplete, SessionExport types
- Add Next Steps textarea to SessionOutcomeModal
- Update TreeNavigationPage consumer callback for next_steps
- Display next_steps with whitespace-pre-wrap on SessionDetailPage

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../session/SessionOutcomeModal.tsx           | 19 ++++++++++++++++++-
 frontend/src/pages/SessionDetailPage.tsx      |  6 ++++++
 frontend/src/pages/TreeNavigationPage.tsx     |  2 +-
 frontend/src/types/session.ts                 |  6 ++++++
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/session/SessionOutcomeModal.tsx b/frontend/src/components/session/SessionOutcomeModal.tsx
index b6252a03..ba414f01 100644
--- a/frontend/src/components/session/SessionOutcomeModal.tsx
+++ b/frontend/src/components/session/SessionOutcomeModal.tsx
@@ -6,7 +6,7 @@ import type { SessionOutcome } from '@/types'
 interface SessionOutcomeModalProps {
   isOpen: boolean
   onClose: () => void
-  onSubmit: (data: { outcome: SessionOutcome; outcome_notes?: string }) => Promise<void>
+  onSubmit: (data: { outcome: SessionOutcome; outcome_notes?: string; next_steps?: string }) => Promise<void>
   isSubmitting?: boolean
 }
 
@@ -30,10 +30,12 @@ export function SessionOutcomeModal({
     const formData = new FormData(formRef.current)
     const outcome = (formData.get('session-outcome') as SessionOutcome | null) ?? 'resolved'
     const outcomeNotes = ((formData.get('outcome-notes') as string | null) ?? '').trim()
+    const nextSteps = ((formData.get('next-steps') as string | null) ?? '').trim()
 
     await onSubmit({
       outcome,
       outcome_notes: outcomeNotes || undefined,
+      next_steps: nextSteps || undefined,
     })
   }
 
@@ -113,6 +115,21 @@ export function SessionOutcomeModal({
             )}
           />
         </div>
+
+        <div>
+          <label className="block text-sm font-medium text-white">Next Steps / Follow-Up (optional)</label>
+          <textarea
+            name="next-steps"
+            defaultValue=""
+            rows={3}
+            placeholder="Actions to take after this session..."
+            className={cn(
+              'mt-1 block w-full rounded-md border border-white/10 bg-black/50 px-3 py-2',
+              'text-sm text-white placeholder:text-white/40',
+              'focus:border-white/30 focus:outline-none focus:ring-1 focus:ring-white/20'
+            )}
+          />
+        </div>
       </form>
     </Modal>
   )
diff --git a/frontend/src/pages/SessionDetailPage.tsx b/frontend/src/pages/SessionDetailPage.tsx
index fc380ed6..a1cc616c 100644
--- a/frontend/src/pages/SessionDetailPage.tsx
+++ b/frontend/src/pages/SessionDetailPage.tsx
@@ -332,6 +332,12 @@ export function SessionDetailPage() {
             {session.outcome_notes && (
               <p className="mt-2 text-sm text-white/60">Outcome Notes: {session.outcome_notes}</p>
             )}
+            {session.next_steps && (
+              <div className="mt-2">
+                <span className="text-sm text-white/40">Next Steps:</span>
+                <p className="mt-0.5 text-sm text-white/60 whitespace-pre-wrap">{session.next_steps}</p>
+              </div>
+            )}
           </div>
 
           {/* Actions */}
diff --git a/frontend/src/pages/TreeNavigationPage.tsx b/frontend/src/pages/TreeNavigationPage.tsx
index 18930f0c..7449f4a1 100644
--- a/frontend/src/pages/TreeNavigationPage.tsx
+++ b/frontend/src/pages/TreeNavigationPage.tsx
@@ -338,7 +338,7 @@ export function TreeNavigationPage() {
     openCompletionModal(completionDecision, 'standard')
   }
 
-  const handleSubmitOutcome = async (data: { outcome: SessionOutcome; outcome_notes?: string }) => {
+  const handleSubmitOutcome = async (data: { outcome: SessionOutcome; outcome_notes?: string; next_steps?: string }) => {
     if (!session) return
     setIsCompleting(true)
     setError(null)
diff --git a/frontend/src/types/session.ts b/frontend/src/types/session.ts
index 015a8894..f02725ee 100644
--- a/frontend/src/types/session.ts
+++ b/frontend/src/types/session.ts
@@ -57,6 +57,7 @@ export interface Session {
   client_name: string | null
   exported: boolean
   scratchpad: string
+  next_steps: string
 }
 
 export interface SessionCreate {
@@ -72,17 +73,22 @@ export interface SessionUpdate {
   ticket_number?: string
   client_name?: string
   scratchpad?: string
+  next_steps?: string
 }
 
 export interface SessionExport {
   format: 'text' | 'markdown' | 'html' | 'psa'
   include_timestamps?: boolean
   include_tree_info?: boolean
+  include_outcome_notes?: boolean
+  include_next_steps?: boolean
+  max_step_index?: number
 }
 
 export interface SessionComplete {
   outcome: SessionOutcome
   outcome_notes?: string
+  next_steps?: string
 }
 
 // Navigation state for active session