kyd-shared-badge 0.2.21 → 0.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.2.21",
+  "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,13 +208,15 @@ 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);
-                            const cslDetails = ss?.csl_details && (Array.isArray(ss.csl_details) ? ss.csl_details.length > 0 : true);
+                            const cslDetails = ss?.csl_details && (Array.isArray(ss.csl_details) ? ss.csl_details.length > 0 : Object.keys(ss.csl_details).length > 0);
                             const fbiMatches = ss?.fbi_matches && (ss.fbi_matches.length > 0);
                             if (!(ofacMatches || cslDetails || fbiMatches)) return null;
                             return (

package/src/components/IpRiskAnalysisDisplay.tsx

@@ -4,19 +4,19 @@ import { FiInfo } from 'react-icons/fi';
 import { IpRiskAnalysis, IpRiskAnalysisFinding, IpRiskSections, IpRiskSection } from '../types';
 
 interface IpRiskAnalysisDisplayProps {
-    ipRiskAnalysis?: IpRiskAnalysis;
+  ipRiskAnalysis?: IpRiskAnalysis;
 }
 
 const FindingRow = ({ finding }: { finding: IpRiskAnalysisFinding }) => (
-    <div className="grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-2 py-4 border-b" style={{ borderColor: 'var(--icon-button-secondary)' }}>
-        <div className="md:col-span-1">
-            <p className="font-semibold" style={{ color: 'var(--text-main)' }}>{finding.label}</p>
-        </div>
-        <div className="md:col-span-2">
-            <p style={{ color: 'var(--text-secondary)' }}>{finding.details}</p>
-            <p className="text-xs mt-1 italic" style={{ color: 'var(--text-secondary)' }}>{finding.implication}</p>
-        </div>
+  <div className="grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-2 py-4 border-b" style={{ borderColor: 'var(--icon-button-secondary)' }}>
+    <div className="md:col-span-1">
+      <p className="font-semibold" style={{ color: 'var(--text-main)' }}>{finding.label}</p>
     </div>
+    <div className="md:col-span-2">
+      <p style={{ color: 'var(--text-secondary)' }}>{finding.details}</p>
+      <p className="text-xs mt-1 italic" style={{ color: 'var(--text-secondary)' }}>{finding.implication}</p>
+    </div>
+  </div>
 );
 
 const Section = ({ section }: { section: IpRiskSection }) => (
@@ -39,36 +39,36 @@ const Section = ({ section }: { section: IpRiskSection }) => (
 );
 
 const IpRiskAnalysisDisplay = ({ ipRiskAnalysis }: IpRiskAnalysisDisplayProps) => {
-    if (!ipRiskAnalysis || !ipRiskAnalysis.checked || !ipRiskAnalysis.findings || ipRiskAnalysis.findings.length === 0) {
-        return (
-            <div className="mt-6 p-4 rounded-lg flex items-center" style={{ backgroundColor: 'var(--content-card-background)' }}>
-                <FiInfo className="h-5 w-5 mr-3 flex-shrink-0" style={{ color: 'var(--text-secondary)' }} />
-                <p className="text-sm" style={{ color: 'var(--text-secondary)' }}>IP risk analysis was not performed for this assessment.</p>
-            </div>
-        );
-    }
-
-    const { findings = [], sections } = ipRiskAnalysis as IpRiskAnalysis & { sections?: IpRiskSections };
+  if (!ipRiskAnalysis || !ipRiskAnalysis.checked || !ipRiskAnalysis.findings || ipRiskAnalysis.findings.length === 0) {
+    return (
+      <div className="mt-6 p-4 rounded-lg flex items-center" style={{ backgroundColor: 'var(--content-card-background)' }}>
+        <FiInfo className="h-5 w-5 mr-3 flex-shrink-0" style={{ color: 'var(--text-secondary)' }} />
+        <p className="text-sm" style={{ color: 'var(--text-secondary)' }}>IP risk analysis was not performed for this assessment.</p>
+      </div>
+    );
+  }
 
-    if (sections) {
-      return (
-        <div className="mt-2 divide-y" style={{ borderColor: 'var(--icon-button-secondary)' }}>
-          <Section section={sections.general} />
-          <Section section={sections.location} />
-          <Section section={sections.reputational} />
-        </div>
-      );
-    }
+  const { findings = [], sections } = ipRiskAnalysis as IpRiskAnalysis & { sections?: IpRiskSections };
 
+  if (sections) {
     return (
-        <div className="mt-6">
-            <div className="divide-y" style={{ borderColor: 'var(--icon-button-secondary)' }}>
-                {findings.map((finding, index) => (
-                    <FindingRow key={index} finding={finding} />
-                ))}
-            </div>
-        </div>
+      <div className="mt-2 divide-y" style={{ borderColor: 'var(--icon-button-secondary)' }}>
+        <Section section={sections.general} />
+        <Section section={sections.location} />
+        <Section section={sections.reputational} />
+      </div>
     );
+  }
+
+  return (
+    <div className="mt-6">
+      <div className="divide-y" style={{ borderColor: 'var(--icon-button-secondary)' }}>
+        {findings.map((finding, index) => (
+          <FindingRow key={index} finding={finding} />
+        ))}
+      </div>
+    </div>
+  );
 };
 
 export default IpRiskAnalysisDisplay; 

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;
 }