kyd-shared-badge 0.3.208 → 0.3.209

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -335,6 +335,10 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless, selfCheck = false,
     // Local state for expanding long role descriptions
     const [showFullRoleDescription, setShowFullRoleDescription] = useState(false);
     const rec = assessmentResult?.recommendations;
+    const recommendationRoleName = (assessmentResult?.enterprise_match?.role?.name || '').trim();
+    const recommendationsTitle = recommendationRoleName
+      ? `Evidence Recommendations for ${recommendationRoleName}`
+      : 'Evidence Recommendations';
 
     return (
       <div className={`${wrapperMaxWidth} mx-auto`}>
@@ -419,14 +423,14 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless, selfCheck = false,
               </div>
             )}
             <div>
-              <Reveal headless={isHeadless} as={'h4'} offsetY={8} className={'text-2xl font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>Score Improvement Recommendations</Reveal>
+              <Reveal headless={isHeadless} as={'h4'} offsetY={8} className={'text-2xl font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>{recommendationsTitle}</Reveal>
               <Reveal headless={isHeadless}>
                 <div className={'space-y-3'}>
                   {rec?.summary ? (
                     <div className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>{rec.summary}</div>
                   ) : null}
                   {Array.isArray(rec?.bullet_points) && (rec?.bullet_points?.length || 0) > 0 ? (
-                    <ul className={'list-disc pl-5 text-sm'} style={{ color: 'var(--text-secondary)' }}>
+                    <ul className={'list-disc pl-5 space-y-3 text-sm'} style={{ color: 'var(--text-secondary)' }}>
                       {rec?.bullet_points?.map((bp, idx) => (
                         <li key={idx}>{bp}</li>
                       ))}

package/src/types.ts

@@ -207,14 +207,30 @@ export interface EnterpriseUseCases {
   note?: string;
 }
 
+export type RecommendationPriority = 'High' | 'Medium' | 'Low';
+
+export type RecommendationItem = {
+  title: string;
+  priority: RecommendationPriority;
+  source: string;
+  recommendation: string;
+  evidence: string;
+  why_this_matters: string;
+  what_to_do_next: string;
+  expected_outcome: string;
+};
+
+export type Recommendations = {
+  summary?: string;
+  bullet_points?: string[];
+  items?: RecommendationItem[];
+};
+
 
 export interface AssessmentResult {
   final_percent: number;
   report_summary?: string;
-  recommendations: {
-    summary?: string;
-    bullet_points?: string[];
-  };
+  recommendations: Recommendations;
   developer_trust_explanation?: string;
   industry_considerations?: string;