@windrun-huaiin/third-ui 31.0.0 → 31.1.0

package/dist/fuma/mdx/fuma-github-info.mjs

@@ -5,7 +5,7 @@ import { useState, useEffect } from 'react';
 import { ExternalLinkIcon, StarIcon } from '@windrun-huaiin/base-ui/icons';
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }) {
+function GitHubInfoSkeleton({ className }) {
     return (jsxs("div", { className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 lg:flex-row lg:items-center animate-pulse ${className}`, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
 }
 // Error state component - graceful fallback
@@ -44,7 +44,7 @@ function humanizeNumber(num) {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-function FumaGithubInfo({ owner, repo, token, className }) {
+function FumaGithubInfo({ owner, repo, className }) {
     const [data, setData] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -59,9 +59,6 @@ function FumaGithubInfo({ owner, repo, token, className }) {
                 const headers = new Headers({
                     'Accept': 'application/vnd.github.v3+json',
                 });
-                if (token) {
-                    headers.set('Authorization', `Bearer ${token}`);
-                }
                 const response = yield fetch(`https://api.github.com/repos/${owner}/${repo}`, {
                     signal: controller.signal,
                     headers,
@@ -95,7 +92,7 @@ function FumaGithubInfo({ owner, repo, token, className }) {
             }
         });
         fetchRepoData();
-    }, [owner, repo, token]);
+    }, [owner, repo]);
     // Loading state
     if (loading) {
         return jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });

package/dist/main/credit/credit-overview-nav-client.d.ts

@@ -0,0 +1,12 @@
+import { type CreditOverviewTranslations } from './credit-overview-client';
+import type { CreditOverviewData } from './types';
+export interface CreditOverviewPayload {
+    data: CreditOverviewData;
+    totalLabel: string;
+    translations: CreditOverviewTranslations;
+}
+export interface CreditOverviewNavClientProps {
+    locale: string;
+    endpoint: string;
+}
+export declare function CreditOverviewNavClient({ locale, endpoint, }: CreditOverviewNavClientProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/main/credit/credit-overview-nav-client.js

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var nextjs = require('@clerk/nextjs');
+var React = require('react');
+var creditNavButton = require('./credit-nav-button.js');
+var creditOverviewClient = require('./credit-overview-client.js');
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = nextjs.useAuth();
+    const [payload, setPayload] = React.useState(null);
+    React.useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return tslib.__awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsxRuntime.jsx(creditNavButton.CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsxRuntime.jsx(creditOverviewClient.CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+exports.CreditOverviewNavClient = CreditOverviewNavClient;

package/dist/main/credit/credit-overview-nav-client.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useAuth } from '@clerk/nextjs';
+import { useState, useEffect } from 'react';
+import { CreditNavButton } from './credit-nav-button.mjs';
+import { CreditOverviewClient } from './credit-overview-client.mjs';
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = useAuth();
+    const [payload, setPayload] = useState(null);
+    useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsx(CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsx(CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+export { CreditOverviewNavClient };

package/dist/main/credit/index.d.ts

@@ -1,4 +1,6 @@
 export { CreditOverviewClient } from './credit-overview-client';
+export { CreditOverviewNavClient } from './credit-overview-nav-client';
 export { CreditNavButton } from './credit-nav-button';
 export type { CreditOverviewTranslations } from './credit-overview-client';
+export type { CreditOverviewNavClientProps, CreditOverviewPayload, } from './credit-overview-nav-client';
 export type { CreditOverviewData, CreditBucket, CreditBucketStatus, SubscriptionInfo, } from './types';

package/dist/main/credit/index.js

@@ -2,9 +2,11 @@
 'use strict';
 
 var creditOverviewClient = require('./credit-overview-client.js');
+var creditOverviewNavClient = require('./credit-overview-nav-client.js');
 var creditNavButton = require('./credit-nav-button.js');
 
 
 
 exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
+exports.CreditOverviewNavClient = creditOverviewNavClient.CreditOverviewNavClient;
 exports.CreditNavButton = creditNavButton.CreditNavButton;

package/dist/main/credit/index.mjs

@@ -1,3 +1,4 @@
 "use client";
 export { CreditOverviewClient } from './credit-overview-client.mjs';
+export { CreditOverviewNavClient } from './credit-overview-nav-client.mjs';
 export { CreditNavButton } from './credit-nav-button.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "31.0.0",
+  "version": "31.1.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -244,8 +244,8 @@
     "unified": "^11.0.5",
     "zod": "^4.3.6",
     "@windrun-huaiin/base-ui": "^31.0.0",
-    "@windrun-huaiin/lib": "^31.0.0",
-    "@windrun-huaiin/contracts": "^31.0.0"
+    "@windrun-huaiin/contracts": "^31.0.0",
+    "@windrun-huaiin/lib": "^31.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/fuma/base/custom-header.tsx

@@ -35,7 +35,11 @@ import { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/
 import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { useI18n } from 'fumadocs-ui/contexts/i18n';
 import { HeaderThemeSwitch } from './header-theme-switch';
-import type { ExtendedLinkItem } from './site-layout-shared';
+import type {
+  ExtendedLinkItem,
+  SiteThemeSwitchConfig,
+  SiteThemeSwitchMode,
+} from './site-layout-shared';
 
 export type NavbarCSSVars = CSSProperties & {
   '--fd-banner-height'?: string;
@@ -47,7 +51,8 @@ const PrefetchLinkItem = LinkItem as (
   props: ComponentProps<typeof LinkItem> & { prefetch?: boolean },
 ) => ReactNode;
 
-export interface CustomHomeHeaderProps extends HomeLayoutProps {
+export interface CustomHomeHeaderProps
+  extends Omit<HomeLayoutProps, 'themeSwitch'> {
   /**
    * Banner height in rem units
    *
@@ -92,6 +97,7 @@ export interface CustomHomeHeaderProps extends HomeLayoutProps {
    * Control order of utilities inside the mobile dropdown.
    */
   mobileMenuActionsOrder?: MobileMenuAction[];
+  themeSwitch?: SiteThemeSwitchConfig;
 }
 
 export type DesktopAction =
@@ -175,8 +181,12 @@ export function CustomHomeHeader({
         ? searchToggle.components?.lg ?? null
         : null,
     theme:
-      themeSwitch.enabled !== false
-        ? themeSwitch.component ?? <HeaderThemeSwitch mode={themeSwitch?.mode} />
+      shouldShowThemeSwitch(themeSwitch?.mode)
+        ? (
+            <HeaderThemeSwitch
+              mode={normalizeThemeSwitchMode(themeSwitch?.mode)}
+            />
+          )
         : null,
     i18n: i18n ? (
       <CompactLanguageToggle>
@@ -238,8 +248,12 @@ export function CustomHomeHeader({
       </CompactLanguageToggle>
     ) : null,
     theme:
-      themeSwitch.enabled !== false
-        ? themeSwitch.component ?? <HeaderThemeSwitch mode={themeSwitch?.mode} />
+      shouldShowThemeSwitch(themeSwitch?.mode)
+        ? (
+            <HeaderThemeSwitch
+              mode={normalizeThemeSwitchMode(themeSwitch?.mode)}
+            />
+          )
         : null,
   };
   const shouldRenderMobileUtilities = mobileMenuActionsOrder.some(
@@ -356,6 +370,16 @@ export function CustomHomeHeader({
   );
 }
 
+function shouldShowThemeSwitch(mode?: SiteThemeSwitchMode): boolean {
+  return mode === 'light-dark' || mode === 'light-dark-system' || mode == null;
+}
+
+function normalizeThemeSwitchMode(
+  mode?: SiteThemeSwitchMode,
+): 'light-dark' | 'light-dark-system' {
+  return mode === 'light-dark' ? 'light-dark' : 'light-dark-system';
+}
+
 interface CustomNavbarProps extends ComponentProps<'div'> {
   bannerHeight?: number;
   headerHeight?: number;

package/src/fuma/base/custom-home-layout.tsx

@@ -3,13 +3,16 @@ import { HomeLayout, type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
 import { FumaBannerSuit } from '../fuma-banner-suit';
 import { Footer } from '../../main/footer';
 import { GoToTop } from '../../main/go-to-top';
+import { SiteThemeProvider } from './site-theme-provider';
 import {
   NavbarCSSVars,
   CustomHomeHeader,
   type DesktopAction,
   type MobileBarAction,
   type MobileMenuAction,
+  type CustomHomeHeaderProps,
 } from './custom-header';
+import type { SiteThemeSwitchConfig } from './site-layout-shared';
 
 // - Set bannerHeight/headerHeight to the rem values expected by the project. Use bannerHeight = 0 when there is no banner.
 // - layoutStyle passes the variables to HomeLayout's main element, offsetting content without has-banner/no-banner classes.
@@ -91,6 +94,10 @@ export interface CustomHomeLayoutProps {
    * The default locale for the application (default: 'en')
    */
   defaultLocale?: string;
+  /**
+   * Theme mode for this layout group.
+   */
+  themeSwitch?: SiteThemeSwitchConfig;
   children?: ReactNode;
 }
 
@@ -119,6 +126,7 @@ export function CustomHomeLayout({
   actionOrders,
   localePrefixAsNeeded = true,
   defaultLocale = 'en',
+  themeSwitch,
 }: CustomHomeLayoutProps) {
   const resolvedBannerHeight = bannerHeight ?? (showBanner ? 3 : 0.5);
   const resolvedPaddingTop =
@@ -139,6 +147,7 @@ export function CustomHomeLayout({
     <CustomHomeHeader
       {...homeLayoutProps}
       nav={navOptions}
+      themeSwitch={themeSwitch}
       bannerHeight={resolvedBannerHeight}
       headerHeight={headerHeight}
       navbarClassName={navbarClassName}
@@ -148,6 +157,7 @@ export function CustomHomeLayout({
       mobileMenuActionsOrder={actionOrders?.mobileMenu}
     />
   );
+  const themeMode = themeSwitch?.mode ?? 'light-dark-system';
 
   return (
     <>
@@ -158,19 +168,21 @@ export function CustomHomeLayout({
           floating={floatingNav}
         />
       )}
+    <SiteThemeProvider mode={themeMode}>
       <HomeLayout
-        {...homeLayoutProps}
-        nav={{
-          ...navOptions,
-          component: header,
-        }}
-        className='bg-neutral-100 dark:bg-neutral-900'
-        style={layoutStyle}
-      >
-        {children}
-        {showFooter ? footer ?? <Footer locale={locale} localePrefixAsNeeded={localePrefixAsNeeded} defaultLocale={defaultLocale} /> : null}
-        {showGoToTop ? goToTop ?? <GoToTop /> : null}
-      </HomeLayout>
+          {...homeLayoutProps}
+          nav={{
+            ...navOptions,
+            component: header,
+          }}
+          className='bg-neutral-100 dark:bg-neutral-900'
+          style={layoutStyle}
+        >
+          {children}
+          {showFooter ? footer ?? <Footer locale={locale} localePrefixAsNeeded={localePrefixAsNeeded} defaultLocale={defaultLocale} /> : null}
+          {showGoToTop ? goToTop ?? <GoToTop /> : null}
+        </HomeLayout>
+      </SiteThemeProvider>
     </>
   );
 }

package/src/fuma/base/docs-root-provider.tsx

@@ -1,58 +1,31 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { NextProvider } from 'fumadocs-core/framework/next';
 import { I18nProvider, type I18nProviderProps } from 'fumadocs-ui/contexts/i18n';
-import { ThemeProvider, type ThemeProviderProps } from 'next-themes';
 
 type NextProviderComponents = {
   Link?: ComponentProps<typeof NextProvider>['Link'];
   Image?: ComponentProps<typeof NextProvider>['Image'];
 };
 
-type ThemeOptions = ThemeProviderProps & {
-  enabled?: boolean;
-};
-
 export interface DocsRootProviderProps {
   i18n: Omit<I18nProviderProps, 'children'>;
-  theme?: ThemeOptions;
   components?: NextProviderComponents;
   children: ReactNode;
 }
 
 export function DocsRootProvider({
   i18n,
-  theme = {},
   components,
   children,
 }: DocsRootProviderProps) {
-  let body = children;
-
-  if (theme.enabled !== false) {
-    body = (
-      <ThemeProvider
-        attribute="class"
-        defaultTheme="system"
-        enableSystem
-        disableTransitionOnChange
-        {...theme}
-      >
-        {body}
-      </ThemeProvider>
-    );
-  }
-
-  body = (
-    <I18nProvider {...i18n}>
-      {body}
-    </I18nProvider>
-  );
-
   return (
     <NextProvider
       Link={components?.Link}
       Image={components?.Image}
     >
-      {body}
+      <I18nProvider {...i18n}>
+        {children}
+      </I18nProvider>
     </NextProvider>
   );
 }

package/src/fuma/base/header-theme-switch.tsx

@@ -5,6 +5,7 @@ import { AirplayIcon, MoonIcon, SunIcon } from '@windrun-huaiin/base-ui/icons';
 import { useTheme } from 'next-themes';
 import { type ComponentProps, useEffect, useState } from 'react';
 import { cn } from '@windrun-huaiin/lib/utils';
+import type { SiteThemeSwitchMode } from './site-layout-shared';
 
 const itemVariants = cva('inline-flex size-6.5 items-center justify-center rounded-full p-1.5', {
   variants: {
@@ -18,7 +19,7 @@ const itemVariants = cva('inline-flex size-6.5 items-center justify-center round
 const full = [['light', SunIcon] as const, ['dark', MoonIcon] as const, ['system', AirplayIcon] as const];
 
 export interface HeaderThemeSwitchProps extends ComponentProps<'div'> {
-  mode?: 'light-dark' | 'light-dark-system';
+  mode?: Exclude<SiteThemeSwitchMode, 'light-only' | 'dark-only'>;
 }
 
 export function HeaderThemeSwitch({

package/src/fuma/base/site-docs-layout.tsx

@@ -4,20 +4,36 @@ import {
   normalizeNavItems,
   type SiteBaseLayoutConfig,
 } from './site-layout-shared';
+import { SiteThemeProvider } from './site-theme-provider';
 
 export interface SiteDocsLayoutConfig extends SiteBaseLayoutConfig {
   tree: DocsLayoutProps['tree'];
   sidebar?: DocsLayoutProps['sidebar'];
+  themeProvider?: boolean;
 }
 
 function toDocsLayoutOptions(config: SiteDocsLayoutConfig): DocsLayoutProps {
+  const themeMode = config.themeSwitch?.mode ?? 'light-dark-system';
+  const shouldShowThemeSwitch =
+    config.themeProvider !== false &&
+    (themeMode === 'light-dark' || themeMode === 'light-dark-system');
   return {
     ...(config.nav ? { nav: config.nav } : {}),
     ...(config.i18n ? { i18n: config.i18n } : {}),
     ...(config.githubUrl ? { githubUrl: config.githubUrl } : {}),
     ...(config.links ? { links: normalizeNavItems(config.links) } : {}),
     ...(config.searchToggle ? { searchToggle: config.searchToggle } : {}),
-    ...(config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}),
+    ...(shouldShowThemeSwitch
+      ? {
+          themeSwitch: {
+            mode: themeMode,
+          },
+        }
+      : {
+          themeSwitch: {
+            enabled: false,
+          },
+        }),
     ...(config.sidebar ? { sidebar: config.sidebar } : {}),
     tree: config.tree,
   };
@@ -31,5 +47,10 @@ export function SiteDocsLayout({
   children: ReactNode;
 }) {
   const options = toDocsLayoutOptions(config);
-  return <DocsLayout {...options}>{children}</DocsLayout>;
+  const themeMode = config.themeSwitch?.mode ?? 'light-dark-system';
+  const body = <DocsLayout {...options}>{children}</DocsLayout>;
+
+  if (config.themeProvider === false) return body;
+
+  return <SiteThemeProvider mode={themeMode}>{body}</SiteThemeProvider>;
 }

package/src/fuma/base/site-home-layout.tsx

@@ -72,6 +72,7 @@ export function SiteHomeLayout({
     ...(showBanner != null ? { showBanner } : {}),
     ...(showFooter != null ? { showFooter } : {}),
     ...(showGoToTop != null ? { showGoToTop } : {}),
+    ...(config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}),
   };
 
   return <CustomHomeLayout {...layoutProps}>{children}</CustomHomeLayout>;

package/src/fuma/base/site-layout-shared.tsx

@@ -58,7 +58,17 @@ export interface SiteBaseLayoutConfig {
   githubUrl?: string;
   links?: SiteNavItemConfig[];
   searchToggle?: HomeLayoutProps['searchToggle'];
-  themeSwitch?: HomeLayoutProps['themeSwitch'];
+  themeSwitch?: SiteThemeSwitchConfig;
+}
+
+export type SiteThemeSwitchMode =
+  | 'light-dark-system'
+  | 'light-dark'
+  | 'light-only'
+  | 'dark-only';
+
+export interface SiteThemeSwitchConfig {
+  mode?: SiteThemeSwitchMode;
 }
 
 export interface SiteMenuLeafConfig {
@@ -185,6 +195,5 @@ export function toHomeLayoutOptions(config: SiteBaseLayoutConfig): HomeLayoutPro
     ...(config.githubUrl ? { githubUrl: config.githubUrl } : {}),
     ...(config.links ? { links: normalizeNavItems(config.links) } : {}),
     ...(config.searchToggle ? { searchToggle: config.searchToggle } : {}),
-    ...(config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}),
   };
 }

package/src/fuma/base/site-theme-provider.tsx

@@ -0,0 +1,59 @@
+'use client';
+
+import type { ReactNode } from 'react';
+import { ThemeProvider, type ThemeProviderProps } from 'next-themes';
+import type { SiteThemeSwitchMode } from './site-layout-shared';
+
+export interface SiteThemeProviderProps extends Omit<ThemeProviderProps, 'children'> {
+  mode?: SiteThemeSwitchMode;
+  children: ReactNode;
+}
+
+export function SiteThemeProvider({
+  mode = 'light-dark-system',
+  children,
+  ...props
+}: SiteThemeProviderProps) {
+  return (
+    <ThemeProvider
+      attribute="class"
+      disableTransitionOnChange
+      {...resolveThemeProviderProps(mode)}
+      {...props}
+    >
+      {children}
+    </ThemeProvider>
+  );
+}
+
+function resolveThemeProviderProps(mode: SiteThemeSwitchMode): ThemeProviderProps {
+  if (mode === 'light-only') {
+    return {
+      forcedTheme: 'light',
+      enableSystem: false,
+      defaultTheme: 'light',
+    };
+  }
+
+  if (mode === 'dark-only') {
+    return {
+      forcedTheme: 'dark',
+      enableSystem: false,
+      defaultTheme: 'dark',
+    };
+  }
+
+  if (mode === 'light-dark') {
+    return {
+      enableSystem: false,
+      defaultTheme: 'light',
+      forcedTheme: undefined,
+    };
+  }
+
+  return {
+    enableSystem: true,
+    defaultTheme: 'system',
+    forcedTheme: undefined,
+  };
+}

package/src/fuma/mdx/fuma-github-info.tsx

@@ -6,7 +6,6 @@ import { ExternalLinkIcon, StarIcon } from '@windrun-huaiin/base-ui/icons';
 interface FumaGithubInfoProps {
   owner: string;
   repo: string;
-  token?: string;
   className?: string;
 }
 
@@ -16,7 +15,7 @@ interface GitHubRepoData {
 }
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }: Pick<FumaGithubInfoProps, 'owner' | 'repo' | 'className'>) {
+function GitHubInfoSkeleton({ className }: Pick<FumaGithubInfoProps, 'owner' | 'repo' | 'className'>) {
   return (
     <div className={`flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 lg:flex-row lg:items-center animate-pulse ${className}`}>
       <div className="flex items-center gap-2">
@@ -114,7 +113,7 @@ function humanizeNumber(num: number): string {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps) {
+export function FumaGithubInfo({ owner, repo, className }: FumaGithubInfoProps) {
   const [data, setData] = useState<GitHubRepoData | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -133,10 +132,6 @@ export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfo
           'Accept': 'application/vnd.github.v3+json',
         });
 
-        if (token) {
-          headers.set('Authorization', `Bearer ${token}`);
-        }
-
         const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`, {
           signal: controller.signal,
           headers,
@@ -170,7 +165,7 @@ export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfo
     };
 
     fetchRepoData();
-  }, [owner, repo, token]);
+  }, [owner, repo]);
 
   // Loading state
   if (loading) {