kyd-shared-badge 0.3.139 → 0.3.141

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -121,7 +121,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless, selfCheck = false,
       { key: 'risk', label: 'KYD Risk' },
       // { key: 'ai', label: 'KYD AI' },
       { key: 'role', label: showRoleFit ? 'Role Fit & Coaching' : 'Coaching' },
-      { key: 'resume', label: 'Resume' },
+      { key: 'resume', label: 'KYD Resume' },
       { key: 'appendix', label: 'Appendix' }
     ];
     return arr;

package/src/components/ConnectedPlatforms.tsx

@@ -19,7 +19,14 @@ const formatProviderName = (name?: string) => {
   return n.charAt(0).toUpperCase() + n.slice(1);
 };
 
-const ConnectedPlatforms = ({ accounts, authenticity }: { accounts?: ConnectedAccount[]; authenticity?: { label?: string; description?: string; oauth_connected?: string[]; mismatches?: Array<{ provider?: string; detail?: string }> } }) => {
+type ConnectedPlatformsProps = {
+  accounts?: ConnectedAccount[]
+  authenticity?: { label?: string; description?: string; oauth_connected?: string[]; mismatches?: Array<{ provider?: string; detail?: string }> }
+  className?: string
+  layoutVariant?: 'grid' | 'column'
+}
+
+const ConnectedPlatforms = ({ accounts, authenticity, className, layoutVariant = 'grid' }: ConnectedPlatformsProps) => {
   const list = Array.isArray(accounts) ? accounts : [];
   useEffect(() => {
     const flash = () => {
@@ -42,8 +49,13 @@ const ConnectedPlatforms = ({ accounts, authenticity }: { accounts?: ConnectedAc
     return () => window.removeEventListener('hashchange', flash);
   }, []);
   if (list.length === 0) return null;
+  const listClass =
+    layoutVariant === 'column'
+      ? 'flex flex-col gap-3'
+      : 'grid grid-cols-1 sm:grid-cols-2 gap-3'
+
   return (
-    <div className="pt-8">
+    <div className={`pt-8 ${className || ''}`}>
       {(() => {
         const label = (authenticity?.label || '').toLowerCase();
         const isCritical = label === 'likely inauthentic';
@@ -90,7 +102,7 @@ const ConnectedPlatforms = ({ accounts, authenticity }: { accounts?: ConnectedAc
         );
       })()}
       <h4 className={'text-lg font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>Sources (Connected or Linked)</h4>
-      <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+      <div className={listClass}>
         {list.map((acct, idx) => (
           <div key={idx} className={'rounded-md p-3 border'} style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' }}>
             <div className="flex items-center justify-between gap-3">