fix links and titles

Author: jiwon-oai

packages/docs/astro.config.ts

@@ -36,7 +36,7 @@ const typeDocConfig: StarlightTypeDocOptions['typeDoc'] = {
     private: true,
     external: false,
   },
-};
+}
 
 const sidebar = [
   { label: 'Overview', link: '/' },
@@ -119,6 +119,13 @@ export default defineConfig({
         Sidebar: './src/components/Sidebar.astro',
         MobileMenuFooter: './src/components/MobileFooter.astro',
       },
+      social: [
+        {
+          icon: 'github',
+          label: 'ChatKit.js',
+          href: 'https://github.com/openai/chatkit-js',
+        },
+      ],
       locales: {
         root: {
           label: 'English',

packages/docs/src/components/MobileFooter.astro

@@ -1,30 +1,12 @@
 ---
-import { Icon } from '@astrojs/starlight/components';
 import LanguageSelect from '@astrojs/starlight/components/LanguageSelect.astro';
-import SocialIcons from '@astrojs/starlight/components/SocialIcons.astro';
+import SocialIcons from 'virtual:starlight/components/SocialIcons';
 import ThemeSelect from '@astrojs/starlight/components/ThemeSelect.astro';
-import { ParseStatus } from 'astro:schema';
-
-const additionalLinks = [
-  {
-    label: 'Chatkit.js',
-    href: 'https://github.com/openai/chatkit-js',
-    icon: 'github' as const,
-  },
-];
 ---
 
 <div class="mobile-preferences sl-flex">
   <div class="social-icons">
     <SocialIcons />
-    {
-      additionalLinks.map(({ label, href, icon }) => (
-        <a {href} target="_blank" rel="noopener noreferrer" class="sl-flex">
-          <Icon name={icon as any} />
-          <span>{label}</span>
-        </a>
-      ))
-    }
   </div>
   <ThemeSelect />
   <LanguageSelect />
@@ -61,12 +43,6 @@ const additionalLinks = [
         font-size: var(--sl-text-sm);
         margin-inline-start: 0.3rem;
       }
-
-      @media (max-width: 72rem) {
-        span {
-          @apply sr-only;
-        }
-      }
     }
     a:hover {
       opacity: 0.66;

packages/docs/src/components/SocialIcons.astro

@@ -31,12 +31,6 @@ const links = config.social || [];
         font-size: var(--sl-text-sm);
         margin-inline-start: 0.3rem;
       }
-
-      @media (max-width: 72rem) {
-        span {
-          @apply sr-only;
-        }
-      }
     }
     a:hover {
       opacity: 0.66;

packages/docs/src/content/docs/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: OpenAI Agent Embeds
+title: ChatKit.js
 description: Embed ChatKit in your app using React or the Web Component.
 tableOfContents: false
 ---