kyd-shared-badge 0.3.29 → 0.3.30

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -24,6 +24,7 @@ import { BusinessRulesProvider } from './components/BusinessRulesContext';
 import Reveal from './components/Reveal';
 import { formatLocalDateTime } from './utils/date';
 import ChatWidget from './chat/ChatWidget';
+import UseCases from './components/UseCases';
 type ChatWidgetProps = Partial<{
   api: string;
   title: string;
@@ -181,7 +182,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
       </Reveal>
       {/* Coaching / Evidence under header when present */}
       {(() => {
-        const em = (assessmentResult as any)?.enterprise_match;
+        const em = assessmentResult.enterprise_match;
         const coaching = em?.coaching;
         if (!coaching || !(Array.isArray(coaching.items) && coaching.items.length)) return null;
         return (
@@ -260,6 +261,11 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
             </Reveal>
           </div>
 
+          {/* Enterprise Use Cases (directly under the three summary cards) */}
+          {assessmentResult?.enterprise_use_cases?.items && assessmentResult.enterprise_use_cases.items.length > 0 && (
+            <UseCases useCases={assessmentResult.enterprise_use_cases} headless={isHeadless} />
+          )}
+
           {/* Technical Scores */}
           <div className="mt-8" >
             <div key={'Technical'} className='pt-8 space-y-8 kyd-avoid-break' style={{ borderColor: 'var(--icon-button-secondary)'}}>

package/src/components/UseCases.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import Reveal from './Reveal';
+import { EnterpriseUseCases, UseCaseItem } from '../types';
+
+export default function UseCases({ useCases, headless }: { useCases?: EnterpriseUseCases | null; headless?: boolean }) {
+  if (!useCases || !Array.isArray(useCases.items) || useCases.items.length === 0) return null;
+
+  const items: UseCaseItem[] = useCases.items.slice(0, 4);
+  const note = (useCases.note || '').trim();
+
+  return (
+    <Reveal headless={!!headless}>
+      <div className={'pt-8 kyd-avoid-break'}>
+        <h3 className={'text-2xl font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>Potential Use Cases</h3>
+        <div className={'grid grid-cols-1 md:grid-cols-2 gap-4'}>
+          {items.map((uc, idx) => (
+            <div key={idx} className={'rounded-md p-5 border'} style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' }}>
+              <div className={'font-semibold'} style={{ color: 'var(--text-main)' }}>{uc.title}</div>
+              {uc.potential_impact ? (
+                <div className={'text-sm mt-2'} style={{ color: 'var(--text-secondary)' }}>
+                  <span className={'font-medium'} style={{ color: 'var(--text-main)' }}>Potential Impact: </span>
+                  {uc.potential_impact}
+                </div>
+              ) : null}
+              {uc.demonstrated_capability ? (
+                <div className={'text-sm mt-1'} style={{ color: 'var(--text-secondary)' }}>
+                  <span className={'font-medium'} style={{ color: 'var(--text-main)' }}>Demonstrated Capability: </span>
+                  {uc.demonstrated_capability}
+                </div>
+              ) : null}
+              {uc.justification ? (
+                <div className={'text-sm mt-1'} style={{ color: 'var(--text-secondary)' }}>
+                  <span className={'font-medium'} style={{ color: 'var(--text-main)' }}>Justification: </span>
+                  {uc.justification}
+                </div>
+              ) : null}
+            </div>
+          ))}
+        </div>
+        {note ? (
+          <div className={'text-xs mt-3'} style={{ color: 'var(--text-secondary)' }}>{note}</div>
+        ) : null}
+      </div>
+    </Reveal>
+  );
+}
+
+

package/src/types.ts

@@ -176,6 +176,18 @@ export interface EnterpriseMatch {
   coaching?: EnterpriseCoaching;
 }
 
+export interface UseCaseItem {
+  title: string;
+  potential_impact: string;
+  demonstrated_capability: string;
+  justification: string;
+}
+
+export interface EnterpriseUseCases {
+  items: UseCaseItem[];
+  note?: string;
+}
+
 
 export interface AssessmentResult {
   final_percent: number;
@@ -248,6 +260,7 @@ export interface AssessmentResult {
   skills_all?: SkillsAll;
   graph_insights?: GraphInsightsPayload;
   enterprise_match?: EnterpriseMatch;
+  enterprise_use_cases?: EnterpriseUseCases;
 }
 export interface ClientMetadata {
   ipAddress: string;