kyd-shared-badge 0.3.21 → 0.3.22

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -40,7 +40,7 @@ type ChatWidgetProps = Partial<{
 //   return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 // };
 
-const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: PublicBadgeData, chatProps?: ChatWidgetProps, headless?: boolean }) => {
+const SharedBadgeDisplay = ({ badgeData, chatProps }: { badgeData: PublicBadgeData, chatProps?: ChatWidgetProps }) => {
   const { 
     badgeId, 
     developerName, 
@@ -159,7 +159,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
               const em = assessmentResult?.enterprise_match;
               if (!em) return null;
               const role = em.role || {};
-              return { score: typeof em.score === 'number' ? em.score : undefined, description: em.description, roleName: role.name };
+              return { label: em.label, description: em.description, roleName: role.name };
             })()}
             countries={(assessmentResult?.screening_sources?.ip_risk_analysis?.raw_data?.countries) || []}
         />
@@ -551,9 +551,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
         </footer>
       </Reveal>
       {/* Floating chat widget */}
-      {!headless && (
-        <ChatWidget api={chatProps?.api || '/api/chat'} badgeId={badgeId} title={chatProps?.title} hintText={chatProps?.hintText} loginPath={chatProps?.loginPath} headerOffset={chatProps?.headerOffset} developerName={developerName} />
-      )}
+      <ChatWidget api={chatProps?.api || '/api/chat'} badgeId={badgeId} title={chatProps?.title} hintText={chatProps?.hintText} loginPath={chatProps?.loginPath} headerOffset={chatProps?.headerOffset} developerName={developerName} />
     </div>
     </BusinessRulesProvider>
   );

package/src/components/AppendixTables.tsx

@@ -299,11 +299,9 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
                                     <td className={'px-4 py-4 whitespace-normal text-sm'} style={{ color: 'var(--text-secondary)' }}>{br.category || '—'}</td>
                                     <td className={'px-4 py-4 whitespace-normal text-sm font-medium'} style={{ color: 'var(--text-main)' }}>{br.label || '—'}</td>
                                     <td className={'px-4 py-4 whitespace-normal text-sm'} style={{ color: 'var(--text-secondary)' }}>{(() => {
-                                        const weight = Number(br.weight);
-                                        if (!Number.isFinite(weight)) return 'Neutral';
-                                        if (weight > 0) return 'Positive';
-                                        if (weight < 0) return 'Negative';
-                                        return 'Neutral';
+                                        const weight = Number(br.weight || 0);
+                                        if (!Number.isFinite(weight)) return '—';
+                                        return weight.toFixed(3).replace(/\.000$/, '.0');
                                     })()}</td>
                                 </tr>
                             );

package/src/components/ReportHeader.tsx

@@ -37,7 +37,7 @@ interface ReportHeaderProps {
     isPublic: boolean;
     badgeImageUrl: string;
     summary?: string;
-    enterpriseMatch?: { score?: number; description?: string; roleName?: string } | null;
+    enterpriseMatch?: { label?: string; description?: string; roleName?: string } | null;
     countries?: string[];
 }
 
@@ -45,8 +45,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
   // Use the dynamic image if available, otherwise fall back to the score-based one.
   const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0);
   const tint = hexToRgba(pickTint(score || 0), 0.06);
-  const matchScore = typeof enterpriseMatch?.score === 'number' ? enterpriseMatch.score : undefined;
-  const matchTint = matchScore !== undefined ? hexToRgba(pickTint(matchScore), 0.06) : undefined;
+  const matchLabel = enterpriseMatch?.label;
   
   const formattedDate = updatedAt ? formatLocalDate(updatedAt, {
     year: 'numeric',
@@ -100,7 +99,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
                 })()
               )}
             </div>
-            {(enterpriseMatch?.description || enterpriseMatch?.score !== undefined) ? (
+            {(enterpriseMatch?.description || matchLabel) ? (
               <div className={'hidden md:block text-sm space-y-2 pt-4'} style={{ borderTop: '1px solid var(--icon-button-secondary)' }}>
                 <div className="flex items-center justify-between">
                   <div className="flex items-center gap-2">
@@ -110,14 +109,14 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
                       <div className="hidden group-hover:block absolute z-30 left-1/2 -translate-x-1/2 top-full mt-2 w-80">
                         <div style={{ background: 'var(--content-card-background)', border: '1px solid var(--icon-button-secondary)', color: 'var(--text-main)', padding: 10, borderRadius: 6 }}>
                           <div style={{ fontWeight: 600 }}>AI-generated</div>
-                          <div style={{ marginTop: 6, fontSize: 12, color: 'var(--text-secondary)' }}>Role match score and description are AI-generated.</div>
+                          <div style={{ marginTop: 6, fontSize: 12, color: 'var(--text-secondary)' }}>Role match label and description are AI-generated.</div>
                         </div>
                       </div>
                     </span>
                   </div>
-                  {typeof enterpriseMatch?.score === 'number' && (
-                    <span className="px-2 py-1 rounded text-xs font-semibold" style={{ backgroundColor: 'var(--content-card-background)', backgroundImage: matchTint ? `linear-gradient(${matchTint}, ${matchTint})` : undefined, border: '1px solid var(--icon-button-secondary)', color: 'var(--text-main)' }}>
-                      {Math.round(enterpriseMatch.score)}%
+                  {matchLabel && (
+                    <span className="px-2 py-1 rounded text-xs font-semibold" style={{ backgroundColor: 'var(--content-card-background)', border: '1px solid var(--icon-button-secondary)', color: 'var(--text-main)' }}>
+                      {matchLabel}
                     </span>
                   )}
                 </div>

package/src/types.ts

@@ -159,7 +159,7 @@ export interface EnterpriseMatch {
     name: string;
     description: string;
   };
-  score: number;
+  label: string;
   description: string;
 }