fix(prospecting): clarify opportunity score UI
- Rename "Score Breakdown" → "Opportunity Score" with subtitle "Higher = more issues = better sales opportunity" - "No issues detected" at 0 points shows green "✓ No issues found — low opportunity" instead of ambiguous gray text - Explains why Technical Health 0/40 is actually good (no problems) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -92,7 +92,8 @@
|
|||||||
|
|
||||||
<!-- Score Breakdown -->
|
<!-- Score Breakdown -->
|
||||||
<div class="p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
|
<div class="p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
|
||||||
{{ section_header('Score Breakdown', icon='chart-bar') }}
|
{{ section_header('Opportunity Score', icon='chart-bar') }}
|
||||||
|
<p class="text-xs text-gray-400 dark:text-gray-500 mb-3">Higher = more issues = better sales opportunity</p>
|
||||||
<template x-if="prospect.score">
|
<template x-if="prospect.score">
|
||||||
<div class="space-y-4">
|
<div class="space-y-4">
|
||||||
<template x-for="cat in scoreCategories()" :key="cat.key">
|
<template x-for="cat in scoreCategories()" :key="cat.key">
|
||||||
@@ -121,7 +122,9 @@
|
|||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<p x-show="cat.flags.length === 0" class="text-xs text-gray-400 ml-2">No issues detected</p>
|
<p x-show="cat.flags.length === 0" class="text-xs ml-2"
|
||||||
|
:class="cat.score === 0 ? 'text-green-500' : 'text-gray-400'"
|
||||||
|
x-text="cat.score === 0 ? '✓ No issues found — low opportunity' : 'No data available'"></p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user