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:
2026-04-02 23:05:59 +02:00
parent 377d2d3ae8
commit 3e93f64c6b

View File

@@ -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>