diff --git a/auto-claude-ui/src/renderer/components/roadmap/RoadmapHeader.tsx b/auto-claude-ui/src/renderer/components/roadmap/RoadmapHeader.tsx index e5e2fca4..c95d9dc5 100644 --- a/auto-claude-ui/src/renderer/components/roadmap/RoadmapHeader.tsx +++ b/auto-claude-ui/src/renderer/components/roadmap/RoadmapHeader.tsx @@ -65,30 +65,32 @@ export function RoadmapHeader({ roadmap, competitorAnalysis, onAddFeature, onRef {/* Target Audience */} -
-
- - Target: - {roadmap.targetAudience.primary} + {roadmap.targetAudience && ( +
+
+ + Target: + {roadmap.targetAudience.primary} +
+ {roadmap.targetAudience.secondary?.length > 0 && ( + + +
+ +{roadmap.targetAudience.secondary.length} more personas +
+
+ +
+
Secondary Personas:
+ {roadmap.targetAudience.secondary.map((persona) => ( +
• {persona}
+ ))} +
+
+
+ )}
- {roadmap.targetAudience.secondary.length > 0 && ( - - -
- +{roadmap.targetAudience.secondary.length} more personas -
-
- -
-
Secondary Personas:
- {roadmap.targetAudience.secondary.map((persona) => ( -
• {persona}
- ))} -
-
-
- )} -
+ )} {/* Stats */}