kyd-shared-badge 0.3.132 → 0.3.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.3.132",
+  "version": "0.3.134",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/components/ReportHeader.tsx

@@ -62,7 +62,7 @@ interface ReportHeaderProps {
 
 const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImageUrl, summary, enterpriseMatch, countries = [], accountAuthenticity, companyName, sourcesProviders = [], selfCheck, rightBadgeLayout }: ReportHeaderProps) => {
   // Use the dynamic image if available, otherwise fall back to the score-based one.
-  const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0);
+  const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0, false, selfCheck);
   const tint = hexToRgba(pickTint(score || 0, selfCheck), 0.06);
   const matchLabel = enterpriseMatch?.label;
   const sources = (() => {
@@ -98,8 +98,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
               <h3 className='text-sm font-semibold text-[--text-secondary]'>Date:</h3>
               <span className='text-sm text-[--text-main]'>{formatLocalDate(updatedAt)}</span>
             </span>
-              {Array.isArray(countries) && countries.length > 0 && (
-                (() => {
+              {(() => {
                   const countryNames = countries
                     .map(code => countriesLib.getName((code || '').toUpperCase(), 'en') || code)
                     .filter(Boolean);
@@ -109,7 +108,11 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
                         {countryNames.length > 1 ? 'Countries:' : 'Country:'}
                       </span>
                       
-                      <span style={{ color: 'var(--text-main)' }}>{countryNames.join(', ')}</span>
+                      {countryNames.length > 0 ? (
+                        <span style={{ color: 'var(--text-main)' }}>{countryNames.join(', ')}</span>
+                      ) : (
+                        <span style={{ color: 'var(--text-main)' }}>N/A</span>
+                      )}
                       <span className={'relative inline-flex items-center group cursor-help'} style={{ color: 'var(--text-secondary)' }}>
                         <FiInfo size={14} />
                         <div className="hidden group-hover:block absolute z-30 left-1/2 -translate-x-1/2 top-full mt-2 w-80">
@@ -121,8 +124,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
                       </span>
                     </div>
                   );
-                })()
-              )}
+              })()}
               {sources.length > 0 && (
                 <p className='flex items-center gap-2 mt-2 text-sm'>
                   <a href="#appendix-connected" className={'inline-flex items-center gap-2 group'} style={{ color: 'var(--text-secondary)' }}>

package/src/components/SkillsBubble.tsx

@@ -342,19 +342,23 @@ export default function SkillsBubble({ skillsCategoryRadar, skillsByCategory, sk
           className="flex flex-col items-end leading-tight h-full justify-start text-base"
         >
           <div className="pb-1">
-            {entry && typeof entry !== 'string' && entry.years ? (
-              <span
-                className="whitespace-nowrap text-[var(--text-secondary)] cursor-help"
-                onMouseEnter={(e) => {
-                  const copy = experienceLegendTooltip();
-                  showLegendTooltipAt(e.currentTarget, copy.title, copy.body);
-                }}
-                onMouseLeave={hideLegendTooltip}
-              >
-                {`${entry.years} Years`}
-              </span>
+            {entry && typeof entry !== 'string' ? (
+              entry.years ? (
+                <span
+                  className="whitespace-nowrap text-[var(--text-secondary)] cursor-help"
+                  onMouseEnter={(e) => {
+                    const copy = experienceLegendTooltip();
+                    showLegendTooltipAt(e.currentTarget, copy.title, copy.body);
+                  }}
+                  onMouseLeave={hideLegendTooltip}
+                >
+                  {`${entry.years} Years`}
+                </span>
+              ) : (
+                <span className="whitespace-nowrap text-[var(--text-secondary)]">N/A</span>
+              )
             ) : (
-              <span className="opacity-0 whitespace-nowrap text-[var(--text-secondary)]">0 Years</span>
+              <span className="opacity-0 whitespace-nowrap text-[var(--text-secondary)]">N/A</span>
             )}
           </div>
           <div
@@ -452,7 +456,7 @@ export default function SkillsBubble({ skillsCategoryRadar, skillsByCategory, sk
           onMouseEnter={() => setLegendHovered(true)}
           onMouseLeave={() => setLegendHovered(false)}
         >
-          <div className="mb-2 text-xs font-medium" style={{ color: 'var(--text-main)' }}>
+          <div className="mb-2 text-lg font-medium" style={{ color: 'var(--text-main)' }}>
             
             {activeCategory ? (
               <span

package/src/utils/provider.tsx

@@ -72,6 +72,7 @@ export const getCategoryTooltipCopy = (category: string): string => {
   if (/security|cyber/.test(name)) return 'Signals of security posture and potential cyber-risk exposure.';
   if (/risk/.test(name)) return 'KYD Risk surfaces signals of authenticity, reputation, and environmental telemetry that indicate potential risks in engaging with a developer.';
   if (/tech|technical/.test(name)) return "KYD Technical surfaces signals from a developer's portfolio, skills, experience, activity, and network to indicate the likelihood of technical capability.";
+  if (/telemetry/.test(name)) return 'Telemetry signals highlight network and location patterns that may indicate authenticity or access risks.';
   return 'Share of overall contribution by category based on applied weights.';
 };