fix(voice): keep LiveKit TTS tracks alive

2026-06-28 07:20:54 +00:00
parent 46d277d203
commit c4c65f8802
91 changed files with 16863 additions and 21 deletions
@@ -0,0 +1,111 @@
+import { Public_Sans } from 'next/font/google';
+import localFont from 'next/font/local';
+import { headers } from 'next/headers';
+import { ThemeProvider } from '@/components/app/theme-provider';
+import { ThemeToggle } from '@/components/app/theme-toggle';
+import { cn } from '@/lib/shadcn/utils';
+import { getAppConfig, getStyles } from '@/lib/utils';
+import '@/styles/globals.css';
+
+const publicSans = Public_Sans({
+  variable: '--font-public-sans',
+  subsets: ['latin'],
+});
+
+const commitMono = localFont({
+  display: 'swap',
+  variable: '--font-commit-mono',
+  src: [
+    {
+      path: '../fonts/CommitMono-400-Regular.otf',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: '../fonts/CommitMono-700-Regular.otf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: '../fonts/CommitMono-400-Italic.otf',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: '../fonts/CommitMono-700-Italic.otf',
+      weight: '700',
+      style: 'italic',
+    },
+  ],
+});
+
+interface RootLayoutProps {
+  children: React.ReactNode;
+}
+
+export default async function RootLayout({ children }: RootLayoutProps) {
+  const hdrs = await headers();
+  const appConfig = await getAppConfig(hdrs);
+  const styles = getStyles(appConfig);
+  const { pageTitle, pageDescription, companyName, logo, logoDark } = appConfig;
+
+  return (
+    <html
+      lang="en"
+      suppressHydrationWarning
+      className={cn(
+        publicSans.variable,
+        commitMono.variable,
+        'scroll-smooth font-sans antialiased'
+      )}
+    >
+      <head>
+        {styles && <style>{styles}</style>}
+        <title>{pageTitle}</title>
+        <meta name="description" content={pageDescription} />
+      </head>
+      <body className="overflow-x-hidden">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <header className="fixed top-0 left-0 z-50 hidden w-full flex-row justify-between p-6 md:flex">
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://livekit.io"
+              className="scale-100 transition-transform duration-300 hover:scale-110"
+            >
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img src={logo} alt={`${companyName} Logo`} className="block size-6 dark:hidden" />
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                src={logoDark ?? logo}
+                alt={`${companyName} Logo`}
+                className="hidden size-6 dark:block"
+              />
+            </a>
+            <span className="text-foreground font-mono text-xs font-bold tracking-wider uppercase">
+              Built with{' '}
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://docs.livekit.io/agents"
+                className="underline underline-offset-4"
+              >
+                LiveKit Agents
+              </a>
+            </span>
+          </header>
+
+          {children}
+          <div className="group fixed bottom-0 left-1/2 z-50 mb-2 -translate-x-1/2">
+            <ThemeToggle className="translate-y-20 transition-transform delay-150 duration-300 group-hover:translate-y-0" />
+          </div>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}