kyd-shared-badge 0.2.25 → 0.2.26

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -74,7 +74,8 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
           badgeId={badgeId}
           developerName={badgeData.developerName}
           updatedAt={updatedAt}
-          score={summary_scores.kyd_self_check.score}
+          // TODO: add back in
+          score={0}
           isPublic={true}
           badgeImageUrl={badgeData.badgeImageUrl || ''}
       />
@@ -110,7 +111,7 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                   </div>
                   <ProviderInsights 
                       platforms={connectedAccounts || []} 
-                      insights={assessmentResult.provider_insights} 
+                      topContributingRules={assessmentResult.top_contributing_rules || []} 
                   />
               </div>
               

package/src/components/ProviderInsights.tsx

@@ -1,7 +1,7 @@
 import { IconType } from 'react-icons';
 import { FaGithub, FaGitlab, FaStackOverflow, FaAtlassian, FaLinkedin, FaGoogle } from 'react-icons/fa';
 import { SiFiverr, SiCredly, SiKaggle } from 'react-icons/si';
-import { ProviderInsight } from '../types';
+import { TopContributingRule } from '../types';
 
 interface Platform {
   name: string;
@@ -12,7 +12,7 @@ interface Platform {
 
 interface ProviderInsightsProps {
   platforms: Platform[];
-  insights: { [provider: string]: ProviderInsight };
+  topContributingRules: TopContributingRule[];
 }
 
 const providerIcons: { [key: string]: IconType } = {
@@ -27,7 +27,19 @@ const providerIcons: { [key: string]: IconType } = {
   'Google Scholar': FaGoogle,
 };
 
-export default function ProviderInsights({ platforms, insights }: ProviderInsightsProps) {
+const providerDisplayMap: { [key: string]: string } = {
+  github: 'GitHub',
+  gitlab: 'GitLab',
+  stackoverflow: 'Stack Overflow',
+  atlassian: 'Atlassian',
+  fiverr: 'Fiverr',
+  linkedin: 'LinkedIn',
+  credly: 'Credly',
+  kaggle: 'Kaggle',
+  gscholar: 'Google Scholar',
+};
+
+export default function ProviderInsights({ platforms, topContributingRules }: ProviderInsightsProps) {
   if (!platforms || platforms.length === 0) {
     return null;
   }
@@ -37,7 +49,11 @@ export default function ProviderInsights({ platforms, insights }: ProviderInsigh
       {platforms.map(platform => {
         const normalizedName = platform.name || '';
         const Icon = normalizedName ? (providerIcons[normalizedName] || null) : null;
-        const providerInsight = insights[normalizedName];
+        // Group top contributing rules by provider display name
+        const rulesForProvider = (topContributingRules || []).filter(r => {
+          const display = providerDisplayMap[(r.provider || '').toLowerCase()] || r.provider;
+          return display === normalizedName;
+        });
         const observedDate = platform.observedAt ? new Date(platform.observedAt).toLocaleDateString(undefined, {
           year: 'numeric',
           month: 'short',
@@ -84,29 +100,21 @@ export default function ProviderInsights({ platforms, insights }: ProviderInsigh
               </div>
             </div>
 
-            {/* Insights */}
-            {providerInsight && providerInsight.data_points && (
+            {/* Top Contributing Rules */}
+            {rulesForProvider && rulesForProvider.length > 0 && (
               <div className="p-4">
-                {/* Summary */}
-                <p className={'text-sm mb-4'} style={{ color: 'var(--text-secondary)' }}>
-                  {providerInsight.summary}
-                </p>
-
-                {/* Data Points */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  {providerInsight.data_points.map((point, index) => (
-                    <div key={index} className={'rounded-lg p-4'} style={{ backgroundColor: 'var(--content-card-background)/90' }}>
-                      <div className="flex justify-between items-baseline mb-2">
-                        <h4 className={'font-medium'} style={{ color: 'var(--text-main)' }}>
-                          {point.label}
-                        </h4>
-                        <span className={'font-bold'} style={{ color: 'var(--text-main)' }}>
-                          {point.value}
-                        </span>
+                <div className="space-y-3">
+                  {rulesForProvider.map((r, idx) => (
+                    <div key={idx} className={'rounded-lg p-3 border'} style={{ backgroundColor: 'var(--content-card-background)/90', borderColor: 'var(--icon-button-secondary)' }}>
+                      <div className="flex items-start gap-2">
+                        <div className={'mt-1 h-2 w-2 rounded-full'} style={{ backgroundColor: 'var(--text-secondary)' }} />
+                        <div>
+                          <div className={'font-medium'} style={{ color: 'var(--text-main)' }}>{r.rule_label}</div>
+                          {r.why && (
+                            <div className={'text-sm mt-1'} style={{ color: 'var(--text-secondary)' }}>{r.why}</div>
+                          )}
+                        </div>
                       </div>
-                      <p className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
-                        {point.significance}
-                      </p>
                     </div>
                   ))}
                 </div>

package/src/types.ts

@@ -69,6 +69,7 @@ export interface SummaryScore {
   letter_grade?: string;
 }
 
+// Deprecated in favor of TopContributingRule mapped view
 export interface DataPoint {
   label: string;
   value: string;
@@ -154,7 +155,8 @@ export interface AssessmentResult {
     kyd_self_check?: SummaryScore;
     ai_usage?: SummaryScore;
   };
-  provider_insights: {
+  // Deprecated: previously per-provider narrative and datapoints
+  provider_insights?: {
     [provider: string]: ProviderInsight;
   };
   badgeId?: string;