kyd-shared-badge 0.2.22 → 0.2.23

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -98,12 +98,12 @@ const ScoreCard = ({ title, score, description, descriptor, scoreType, iconImage
 };
 
 const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
-  const { badgeId, developerName, assessmentResult, updatedAt, connectedPlatforms } = badgeData;
-  const { summary_scores, report_summary, developer_trust_explanation, key_skills, screening_sources, industry_considerations } = assessmentResult;
+  const { badgeId, developerName, assessmentResult, updatedAt, connectedAccounts } = badgeData;
+  const { summary_scores, report_summary, developer_trust_explanation, key_skills, screening_sources, industry_considerations, top_contributing_rules } = assessmentResult;
   
-  const devTrustScore = summary_scores.developer_trust;
-  const riskScore = summary_scores.risk_score;
-  const aiUsageScore = summary_scores.ai_usage;
+  const devTrustScore = summary_scores?.developer_trust;
+  const riskScore = summary_scores?.risk_score;
+  const aiUsageScore = summary_scores?.ai_usage;
 
   const wrapperMaxWidth = 'max-w-5xl';
 
@@ -114,7 +114,7 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
             badgeId={badgeId}
             developerName={badgeData.developerName}
             updatedAt={updatedAt}
-            score={summary_scores.kyd_self_check.score}
+            score={summary_scores?.kyd_self_check?.score}
             isPublic={true}
             badgeImageUrl={badgeData.badgeImageUrl || ''}
         />
@@ -122,30 +122,32 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
           className={'rounded-xl shadow-xl p-6 sm:p-8 mt-8 border'}
           style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' }}
         >
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
-                <ScoreCard 
-                  title="KYD Technical™" 
-                  score={devTrustScore?.score || 0}
-                  description={devTrustScore?.description || ''}
-                  scoreType='number'
-                  iconImageSrc={getTechnicalIconSrc(devTrustScore?.score || 0)}
-                />
-                <ScoreCard 
-                  title="KYD Risk™" 
-                  score={riskScore?.score || 0}
-                  description={riskScore?.description || ''}
-                  scoreType='risk'
-                  iconImageSrc={getRiskIconSrc(riskScore?.score || 0)}
-                />
-                <ScoreCard 
-                  title={<span>KYD AI™ <span className="text-xs font-semibold bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-2 py-1 rounded-full align-middle">Beta</span></span>}
-                  score={aiUsageScore?.score || 0}
-                  description={aiUsageScore?.description || ''}
-                  descriptor={aiUsageScore?.descriptor}
-                  scoreType='descriptor'
-                  iconImageSrc={getAiIconSrc(aiUsageScore?.descriptor)}
-                />
-            </div>
+            {summary_scores && (
+              <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
+                  <ScoreCard 
+                    title="KYD Technical™" 
+                    score={devTrustScore?.score || 0}
+                    description={devTrustScore?.description || ''}
+                    scoreType='number'
+                    iconImageSrc={getTechnicalIconSrc(devTrustScore?.score || 0)}
+                  />
+                  <ScoreCard 
+                    title="KYD Risk™" 
+                    score={riskScore?.score || 0}
+                    description={riskScore?.description || ''}
+                    scoreType='risk'
+                    iconImageSrc={getRiskIconSrc(riskScore?.score || 0)}
+                  />
+                  <ScoreCard 
+                    title={<span>KYD AI™ <span className="text-xs font-semibold bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-2 py-1 rounded-full align-middle">Beta</span></span>}
+                    score={aiUsageScore?.score || 0}
+                    description={aiUsageScore?.description || ''}
+                    descriptor={aiUsageScore?.descriptor}
+                    scoreType='descriptor'
+                    iconImageSrc={getAiIconSrc(aiUsageScore?.descriptor)}
+                  />
+              </div>
+            )}
 
             <div className={'space-y-12 divide-y'} style={{ borderColor: 'var(--icon-button-secondary)' }}>
                 <div className="pt-8 first:pt-0">
@@ -153,6 +155,16 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                     <div className={'prose prose-sm max-w-none'} style={{ color: 'var(--text-secondary)' }}>
                         <p>{report_summary}</p>
                     </div>
+                    {top_contributing_rules && top_contributing_rules.length > 0 && (
+                      <div className="mt-6">
+                        <h4 className={'text-lg font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>Top Contributing Rules</h4>
+                        <ul className="list-disc list-inside" style={{ color: 'var(--text-secondary)' }}>
+                          {top_contributing_rules.map((r, i) => (
+                            <li key={i}><strong style={{ color: 'var(--text-main)' }}>{r.provider}:</strong> {r.rule_label} — {r.why}</li>
+                          ))}
+                        </ul>
+                      </div>
+                    )}
                     {key_skills && key_skills.length > 0 && (
                         <div className="mt-6">
                             <h4 className={'text-lg font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>Key Skills Observed</h4>
@@ -173,7 +185,7 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                         <p>{developer_trust_explanation}</p>
                     </div>
                     <ProviderInsights 
-                        platforms={connectedPlatforms || []} 
+                        platforms={connectedAccounts || []} 
                         insights={assessmentResult.provider_insights} 
                     />
                 </div>
@@ -196,9 +208,11 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                           </div>
                       ) : (
                         <>
-                          <div className={'prose prose-sm max-w-none space-y-4 mb-6'} style={{ color: 'var(--text-secondary)' }}>
-                              <p>{riskScore?.description || ''}</p>
-                          </div>
+                          {riskScore?.description && (
+                            <div className={'prose prose-sm max-w-none space-y-4 mb-6'} style={{ color: 'var(--text-secondary)' }}>
+                                <p>{riskScore.description}</p>
+                            </div>
+                          )}
                           {(() => {
                             const ss = assessmentResult?.screening_sources;
                             const ofacMatches = ss?.ofac_screen?.matches && (ss.ofac_screen.matches.length > 0);

package/src/components/ProviderInsights.tsx

@@ -35,8 +35,9 @@ export default function ProviderInsights({ platforms, insights }: ProviderInsigh
   return (
     <div className="space-y-6">
       {platforms.map(platform => {
-        const Icon = platform.name ? providerIcons[platform.name] : null;
-        const providerInsight = insights[platform.name];
+        const normalizedName = platform.name || '';
+        const Icon = normalizedName ? (providerIcons[normalizedName] || null) : null;
+        const providerInsight = insights[normalizedName];
         const observedDate = platform.observedAt ? new Date(platform.observedAt).toLocaleDateString(undefined, {
           year: 'numeric',
           month: 'short',
@@ -84,7 +85,7 @@ export default function ProviderInsights({ platforms, insights }: ProviderInsigh
             </div>
 
             {/* Insights */}
-            {providerInsight && (
+            {providerInsight && providerInsight.data_points && (
               <div className="p-4">
                 {/* Summary */}
                 <p className={'text-sm mb-4'} style={{ color: 'var(--text-secondary)' }}>

package/src/components/ReportHeader.tsx

@@ -26,15 +26,15 @@ interface ReportHeaderProps {
     badgeId: string | undefined;
     developerName: string | undefined;
     updatedAt: string | undefined;
-    score: number | undefined;
+    score?: number | undefined;
     isPublic: boolean;
     badgeImageUrl: string;
 }
 
 const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, isPublic, badgeImageUrl }: ReportHeaderProps) => {
     // Use the dynamic image if available, otherwise fall back to the score-based one.
-    const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score);
-    const tint = hexToRgba(pickTint(score), 0.06);
+    const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0);
+    const tint = hexToRgba(pickTint(score || 0), 0.06);
     
     const formattedDate = updatedAt ? new Date(updatedAt).toLocaleString(undefined, {
       year: 'numeric',

package/src/types.ts

@@ -26,7 +26,7 @@ export interface PublicBadgeData {
   assessmentResult: AssessmentResult;
   updatedAt: string;
   badgeImageUrl?: string;
-  connectedPlatforms?: {
+  connectedAccounts?: {
     name: string;
     url?: string;
     handle?: string;
@@ -59,12 +59,12 @@ export type User = {
   latestBadgeImageUrl?: string;
   isPublic?: boolean;
   assessments: AssessmentSummary[];
-  connectedPlatforms?: { name: string; url: string | null; handle: string | null; observedAt?: string }[];
+  connectedAccounts?: { name: string; url: string | null; handle: string | null; observedAt?: string }[];
 };
 
 export interface SummaryScore {
   score?: number;
-  description: string;
+  description?: string;
   descriptor?: string;
   letter_grade?: string;
 }
@@ -80,6 +80,12 @@ export interface ProviderInsight {
   summary: string;
 }
 
+export interface TopContributingRule {
+  provider: string;
+  rule_label: string;
+  why: string;
+}
+
 export interface DomainCSVRow {
     Country?: string;
     'Entity Type'?: string;
@@ -128,25 +134,25 @@ export interface IpRiskAnalysis {
 }
 
 export interface AssessmentResult {
-  report_summary: string;
+  report_summary?: string;
   recommendations: {
-    summary: string;
-    bullet_points: string[];
+    summary?: string;
+    bullet_points?: string[];
   };
-  developer_trust_explanation: string;
-  industry_considerations: string;
+  developer_trust_explanation?: string;
+  industry_considerations?: string;
   ai_usage_summary: {
-    explanation: string;
-    key_findings: string[];
-    files_with_ai_findings: number;
-    files_analyzed: number;
-  };
-  key_skills: string[];
-  summary_scores: {
-    developer_trust: SummaryScore;
-    risk_score: SummaryScore;
-    kyd_self_check: SummaryScore;
-    ai_usage: SummaryScore;
+    explanation?: string;
+    key_findings?: string[];
+    files_with_ai_findings?: number;
+    files_analyzed?: number;
+  } | null;
+  key_skills?: string[];
+  summary_scores?: {
+    developer_trust?: SummaryScore;
+    risk_score?: SummaryScore;
+    kyd_self_check?: SummaryScore;
+    ai_usage?: SummaryScore;
   };
   provider_insights: {
     [provider: string]: ProviderInsight;
@@ -168,6 +174,9 @@ export interface AssessmentResult {
     csl_details?: any;
     fbi_matches?: any[];
   };
+  top_contributing_rules?: TopContributingRule[];
+  rules_graph_s3_key?: string;
+  rules_digest?: any;
   optOutScreening?: boolean;
   clientMetadata?: ClientMetadata;
 }