kyd-shared-badge 0.3.83 → 0.3.85

package/package.json

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

package/src/PrintableBadgeDisplay.tsx

@@ -27,7 +27,7 @@ import ChatWidget from './chat/ChatWidget';
 import UseCases from './components/UseCases';
 import SummaryCards from './components/SummaryCards';
 import TopContributingFactors from './components/TopContributingFactors';
-import AiUsageBody from './components/AiUsageBody';
+// import AiUsageBody from './components/AiUsageBody';
 import SanctionsMatches from './components/SanctionsMatches';
 import AppendixContent from './components/AppendixContent';
 import { ProviderIcon, getProviderDisplayName, getProviderTooltipCopy, getCategoryTooltipCopy, barColor } from './utils/provider';

package/src/SharedBadgeDisplay.tsx

@@ -10,7 +10,7 @@ import BusinessRuleLink from './components/BusinessRuleLink';
 import IpRiskAnalysisDisplay from './components/IpRiskAnalysisDisplay';
 import GraphInsights from './components/GraphInsights';
 import ConnectedPlatforms from './components/ConnectedPlatforms';
-import AiIcon from './components/icons/ai';
+// import AiIcon from './components/icons/ai';
 import CodeIcon from './components/icons/code';
 import RiskIcon from './components/icons/risk';
 
@@ -115,7 +115,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
       { key: 'overview', label: 'Overview' },
       { key: 'technical', label: 'KYD Technical' },
       { key: 'risk', label: 'KYD Risk' },
-      { key: 'ai', label: 'KYD AI' },
+      // { key: 'ai', label: 'KYD AI' },
       { key: 'role', label: 'Role Fit & Coaching' },
       { key: 'resume', label: 'Resume' },
       { key: 'appendix', label: 'Appendix' }
@@ -164,7 +164,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
           {tabs.map(t => {
             // Map tab key to icon component
             const IconComp = (() => {
-              if (t.key === 'ai') return AiIcon;
+              // if (t.key === 'ai') return AiIcon;
               if (t.key === 'technical') return CodeIcon;
               if (t.key === 'risk') return RiskIcon;
               return null;
@@ -461,14 +461,14 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
     </div>
   );
 
-  const AiSection = () => (
-    <div className={`${wrapperMaxWidth} mx-auto`}>
-      <div className={'rounded-xl shadow-xl p-6 sm:p-8 mt-6 border'} style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' }}>
-        <Reveal headless={isHeadless} as={'h4'} offsetY={8} className={'text-2xl font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>KYD AI (Beta)</Reveal>
-        <AiUsageBody ai={assessmentResult?.ai_usage_summary} />
-      </div>
-    </div>
-  );
+  // const AiSection = () => (
+  //   <div className={`${wrapperMaxWidth} mx-auto`}>
+  //     <div className={'rounded-xl shadow-xl p-6 sm:p-8 mt-6 border'} style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' }}>
+  //       <Reveal headless={isHeadless} as={'h4'} offsetY={8} className={'text-2xl font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>KYD AI (Beta)</Reveal>
+  //       <AiUsageBody ai={assessmentResult?.ai_usage_summary} />
+  //     </div>
+  //   </div>
+  // );
 
   const AppendixSection = () => (
     <div className={`${wrapperMaxWidth} mx-auto`}>
@@ -556,7 +556,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
             <RoleFitSection />
             {TechnicalSection()}
             {RiskSection()}
-            {AiSection()}
+            {/* {AiSection()} */}
             {AppendixSection()}
           </>
         ) : (
@@ -566,7 +566,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
               {activeTab === 'overview' && OverviewSection()}
               {activeTab === 'technical' && TechnicalSection()}
               {activeTab === 'risk' && RiskSection()}
-              {activeTab === 'ai' && AiSection()}
+              {/* {activeTab === 'ai' && AiSection()} */}
               {activeTab === 'role' && <RoleFitSection />}
               {activeTab === 'resume' && <ResumeSection />}
               {activeTab === 'appendix' && AppendixSection()}

package/src/colors.ts

@@ -99,7 +99,7 @@ export function clampPercent(value?: number): number {
   export function matchLabelToColor(label: string): string {
     const l = (label || '').toLowerCase();
     if (l.includes('optimal') || l.includes('strong')) return green
-    if (l.includes('moderate')) return yellow
+    if (l.includes('partial')) return yellow
     return red
   }
   

package/src/connect/ConnectAccounts.tsx

@@ -52,7 +52,10 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
   const [showGithubManage, setShowGithubManage] = useState(false);
 
   const apiBase = apiGatewayUrl || (typeof process !== 'undefined' ? (process.env.NEXT_PUBLIC_API_GATEWAY_URL as string) : '');
-  const connectedIds = useMemo(() => new Set((connected || []).map(c => c.name.toLowerCase())), [connected]);
+  const connectedIds = useMemo(
+    () => new Set((connected || []).map(c => (c.id ? c.id.toLowerCase() : c.name.toLowerCase()))),
+    [connected]
+  );
   const reconnectIds = useMemo(() => new Set((needsReconnectIds || []).map(id => id.toLowerCase())), [needsReconnectIds]);
 
   // React to upstream changes to initialProviderId (e.g., after oauth success)

package/src/types.ts

@@ -37,6 +37,7 @@ export interface AppInstallationInfo {
 }
 
 export interface ConnectedAccount {
+  id?: string; // only passed in by recruiter
   name: string;
   url?: string;
   handle?: string;