kyd-shared-badge 0.3.125 → 0.3.126

package/package.json

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

package/src/connect/ConnectAccounts.tsx

@@ -57,10 +57,18 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
   const [previewAction, setPreviewAction] = useState<'connect' | 'disconnect' | null>(null);
 
   const apiBase = apiGatewayUrl || (typeof process !== 'undefined' ? (process.env.NEXT_PUBLIC_API_GATEWAY_URL as string) : '');
-  const connectedIds = useMemo(
-    () => new Set((connected || []).map(c => (c.id ? c.id.toLowerCase() : c.name.toLowerCase()))),
-    [connected]
-  );
+  const connectedIds = useMemo(() => {
+    const set = new Set((connected || []).map(c => (c.id ? c.id.toLowerCase() : c.name.toLowerCase())));
+    // Include virtual provider 'githubapp' when the GitHub App is installed
+    try {
+      const gh = (connected || []).find(c => (c?.name || '').toLowerCase() === 'github');
+      const setupAction = gh?.app_installation_info?.setupAction;
+      if (setupAction === 'install' || setupAction === 'created') {
+        set.add('githubapp');
+      }
+    } catch {}
+    return set;
+  }, [connected]);
   const reconnectIds = useMemo(() => new Set((needsReconnectIds || []).map(id => id.toLowerCase())), [needsReconnectIds]);
 
   // React to upstream changes to initialProviderId (e.g., after oauth success)
@@ -570,6 +578,8 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
                                     <div className="absolute right-0 opacity-0 transition-opacity group-hover:opacity-100">
                                       <button
                                         onClick={() => { window.location.href = 'https://github.com/settings/installations'; }}
+                                        onMouseEnter={() => setPreview('githubapp', 'disconnect')}
+                                        onMouseLeave={clearPreview}
                                         className="inline-flex items-center gap-1.5 py-1.5 text-sm text-red-600 hover:text-red-700 hover:underline"
                                       >
                                         <Unlink className="size-3 sm:size-4" />

package/src/ui/connect-progress.tsx

@@ -108,18 +108,7 @@ export function ConnectProgress(props: ConnectProgressProps) {
       gain = 10
     }
     const to = Math.max(0, Math.min(100, progressPercent + gain))
-    if (process.env.NODE_ENV !== 'production') {
-      try {
-        // eslint-disable-next-line no-console
-        console.log('[ConnectProgress] selectedPulse', {
-          sid,
-          progressPercent,
-          gain,
-          to,
-          othersAlready: otherConnectedCount,
-        })
-      } catch {}
-    }
+   
     return { from: progressPercent, to }
   }, [selectedProviderId, normalizedIds, progressPercent, otherConnectedCount])
 

package/src/ui/progress-circle.tsx

@@ -104,7 +104,13 @@ export function ProgressCircle(props: ProgressCircleProps) {
       </svg>
       {centerIndicator ? (
         <div className={`absolute inset-0 flex items-center justify-center`} aria-hidden>
-          <ArrowUpIcon className="w-4 h-4 text-[var(--icon-accent)]" />
+          <ArrowUpIcon
+            className={`w-4 h-4`}
+            style={{
+              color: centerIndicator === 'up' ? greenHex : redHex,
+              transform: centerIndicator === 'up' ? undefined : 'rotate(180deg)',
+            }}
+          />
         </div>
       ) : null}
     </div>