root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-1368): add triage preview panel to MissionManager

Browse Source
This commit is contained in:
gsxdsm
2026-04-10 01:53:22 -07:00
parent 7746174c5f
commit 5a6640df1d
1 changed files with 70 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
packages/dashboard/app/components/MissionManager.tsx
View File

@@ -62,6 +62,7 @@ import {
unlinkFeatureFromTask,
triageFeature,
triageAllSliceFeatures,
previewEnrichedDescription,
resumeMission,
stopMission,
startMission,
@@ -405,6 +406,13 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
title: string;
} | null>(null);
// Triage preview state
const [triagePreview, setTriagePreview] = useState<{
featureId: string;
enrichedDescription: string;
} | null>(null);
const [triagePreviewLoading, setTriagePreviewLoading] = useState<string | null>(null);
// Auto-open interview modal when resuming a session
useEffect(() => {
if (isActive && resumeSessionId) {
@@ -1071,6 +1079,32 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
}
}, [addToast, loadMissionDetail, selectedMission, projectId]);
// Triage with preview — fetches enriched description first
const handleTriageFeatureWithPreview = useCallback(async (featureId: string) => {
setTriagePreviewLoading(featureId);
try {
const result = await previewEnrichedDescription(featureId, projectId);
setTriagePreview({ featureId, enrichedDescription: result.description });
} catch {
// Fallback to direct triage if preview endpoint not available
await handleTriageFeature(featureId);
} finally {
setTriagePreviewLoading(null);
}
}, [handleTriageFeature, projectId]);
// Confirm triage from preview
const handleConfirmTriageFromPreview = useCallback(async () => {
if (!triagePreview) return;
setTriagePreview(null);
await handleTriageFeature(triagePreview.featureId);
}, [handleTriageFeature, triagePreview]);
// Cancel triage preview
const handleCancelTriagePreview = useCallback(() => {
setTriagePreview(null);
}, []);
// Triage all defined features in a slice
const handleTriageAllSliceFeatures = useCallback(async (sliceId: string) => {
try {
@@ -1726,11 +1760,15 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
{feature.status === "defined" && !feature.taskId && (
<button
className="mission-icon-btn"
onClick={() => handleTriageFeature(feature.id)}
onClick={() => handleTriageFeatureWithPreview(feature.id)}
title="Triage — create task"
disabled={saving}
disabled={saving || triagePreviewLoading === feature.id}
>
{saving ? <Loader2 size={14} className="spinner" /> : <Zap size={14} />}
{triagePreviewLoading === feature.id ? (
<Loader2 size={14} className="spinner" />
) : (
<Zap size={14} />
)}
</button>
)}
{feature.taskId ? (
@@ -1776,6 +1814,35 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
</p>
)}
{/* Triage preview panel */}
{triagePreview?.featureId === feature.id && (
<div className="mission-triage-preview">
<div className="mission-triage-preview__header">
Enriched Description Preview
</div>
<div className="mission-triage-preview__content">
{triagePreview.enrichedDescription}
</div>
<div className="mission-triage-preview__actions">
<button
className="btn btn-primary"
onClick={handleConfirmTriageFromPreview}
disabled={saving}
>
{saving ? <Loader2 size={14} className="spinner" /> : null}
Create Task
</button>
<button
className="btn"
onClick={handleCancelTriagePreview}
disabled={saving}
>
Cancel
</button>
</div>
</div>
)}
{/* Edit feature form */}
{editingFeatureId === feature.id && (
<div className="mission-form-card">