Added titles to pages

apps/web/src/app/app/(primary_layout)/chats/page.tsx

@@ -1,6 +1,11 @@
 import { AppPageLayout } from '@/components/ui/layouts/AppPageLayout';
 import { ChatListContainer } from '../../../../controllers/ChatsListController';
 import { ChatListHeader } from '../../../../controllers/ChatsListController/ChatListHeader';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Chats'
+};
 
 const type = 'chats';
 

apps/web/src/app/app/(primary_layout)/collections/page.tsx

@@ -1,4 +1,9 @@
 import { CollectionListController } from '@/controllers/CollectionListController';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Collections'
+};
 
 export default function CollectionsPage() {
   return <CollectionListController />;

apps/web/src/app/app/(primary_layout)/dashboards/page.tsx

@@ -1,4 +1,9 @@
 import { DashboardListController } from '@/controllers/DashboardListController';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Dashboards'
+};
 
 export default function DashboardPage() {
   return <DashboardListController />;

apps/web/src/app/app/(primary_layout)/datasets/page.tsx

@@ -1,4 +1,9 @@
 import { DatasetsListController } from '../../../../controllers/DatasetsListController';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Datasets'
+};
 
 export default async function DashboardPage() {
   return <DatasetsListController />;

apps/web/src/app/app/(primary_layout)/home/page.tsx

@@ -1,5 +1,10 @@
 import { AppPageLayout } from '@/components/ui/layouts';
 import { HomePageController, HomePageHeader } from '@/controllers/HomePage';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Home'
+};
 
 export default function HomePage() {
   return (

apps/web/src/app/app/(primary_layout)/logs/page.tsx

@@ -1,6 +1,11 @@
 import { AppPageLayout } from '@/components/ui/layouts';
 import { ChatListContainer } from '../../../../controllers/ChatsListController';
 import { ChatListHeader } from '../../../../controllers/ChatsListController/ChatListHeader';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Logs'
+};
 
 const type = 'logs';
 

apps/web/src/app/app/(primary_layout)/metrics/page.tsx

@@ -1,4 +1,9 @@
 import { MetricListContainer } from '@/controllers/MetricListContainer';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Metrics'
+};
 
 export default function MetricsPage() {
   return <MetricListContainer />;

apps/web/src/app/app/(primary_layout)/new-user/page.tsx

@@ -1,4 +1,9 @@
 import { NewUserController } from './_NewUserController';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Welcome to Buster 👋'
+};
 
 export default function NewUserPage() {
   return <NewUserController />;

apps/web/src/app/app/(primary_layout)/terms/page.tsx

@@ -4,6 +4,11 @@ import { useState } from 'react';
 import { AppPageLayout } from '@/components/ui/layouts';
 import { TermsListController } from '@/controllers/TermsListController';
 import { TermsHeader } from '@/controllers/TermsListController/TermsHeader';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Terms'
+};
 
 export default function TermsPage() {
   const [openNewTermsModal, setOpenNewTermsModal] = useState(false);

apps/web/src/app/app/(settings_layout)/settings/(permissions)/dataset-groups/page.tsx

@@ -8,6 +8,11 @@ import { useMemoizedFn } from '@/hooks';
 import { useDebounceSearch } from '@/hooks/useDebounceSearch';
 import { SettingsPageHeader } from '../../_components/SettingsPageHeader';
 import { ListDatasetGroupsComponent } from './ListDatasetGroupsComponent';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Dataset groups'
+};
 
 export default function Page() {
   const { data: datasetGroups, isFetched } = useListDatasetGroups();

apps/web/src/app/app/(settings_layout)/settings/(permissions)/permission-groups/page.tsx

@@ -12,6 +12,11 @@ import { useMemoizedFn } from '@/hooks';
 import { useDebounceSearch } from '@/hooks/useDebounceSearch';
 import { SettingsPageHeader } from '../../_components/SettingsPageHeader';
 import { ListPermissionGroupsComponent } from './ListPermissionGroupsComponent';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Permission groups'
+};
 
 export default function Page() {
   const { data: permissionGroups, isFetched, refetch } = useListAllPermissionGroups();

apps/web/src/app/app/(settings_layout)/settings/(permissions)/users/page.tsx

@@ -11,6 +11,11 @@ import { useMemoizedFn } from '@/hooks';
 import { useDebounceSearch } from '@/hooks/useDebounceSearch';
 import { SettingsPageHeader } from '../../_components/SettingsPageHeader';
 import { ListUsersComponent } from './ListUsersComponent';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'User management'
+};
 
 export default function Page() {
   const userOrganization = useUserConfigContextSelector((x) => x.userOrganizations);

apps/web/src/app/app/(settings_layout)/settings/(restricted-width)/(admin-only)/api-keys/page.tsx

@@ -1,5 +1,10 @@
 import { SettingsPageHeader } from '../../../_components/SettingsPageHeader';
 import { ApiKeysController } from './ApiKeysController';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'API keys'
+};
 
 export default function Page() {
   return (

apps/web/src/app/app/(settings_layout)/settings/(restricted-width)/(admin-only)/datasources/(admin-restricted-space)/[datasourceId]/page.tsx

@@ -1,6 +1,11 @@
 import { BusterRoutes, createBusterRoute } from '@/routes';
 import { HeaderContainer } from '../../_HeaderContainer';
 import { DatasourceForm } from './_forms';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Datasources'
+};
 
 export default async function Page(props: {
   params: Promise<{

apps/web/src/app/app/(settings_layout)/settings/(restricted-width)/(admin-only)/datasources/(admin-restricted-space)/add/page.tsx

@@ -12,6 +12,11 @@ import { cn } from '@/lib/classMerge';
 import { BusterRoutes, createBusterRoute } from '@/routes';
 import { HeaderContainer } from '../../_HeaderContainer';
 import { DataSourceFormContent } from '../[datasourceId]/_forms/DatasourceFormContent';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Datasources'
+};
 
 export default function Page({
   searchParams: { type }

apps/web/src/app/app/(settings_layout)/settings/(restricted-width)/profile/page.tsx

@@ -5,6 +5,11 @@ import { Text, Title } from '@/components/ui/typography';
 import { useUserConfigContextSelector } from '@/context/Users';
 import { formatDate } from '@/lib/date';
 import { SettingsPageHeader } from '../../_components/SettingsPageHeader';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Profile'
+};
 
 export default function ProfilePage() {
   const user = useUserConfigContextSelector((state) => state.user);

apps/web/src/components/features/auth/LoginForm.tsx

@@ -274,7 +274,6 @@ const LoginOptions: React.FC<{
           }}
           disabled={!!loading}
           autoComplete="email"
-          tabIndex={-3}
         />
 
         <div className="relative">
@@ -289,7 +288,6 @@ const LoginOptions: React.FC<{
             name="password"
             placeholder="Password"
             autoComplete="new-password"
-            tabIndex={-4}
           />
         </div>
         {signUpFlow && (
@@ -305,7 +303,6 @@ const LoginOptions: React.FC<{
               name="password2"
               placeholder="Confirm password"
               autoComplete="new-password"
-              tabIndex={-5}
             />
 
             {password && (
@@ -331,8 +328,7 @@ const LoginOptions: React.FC<{
           type="submit"
           loading={loading === 'email'}
           variant="black"
-          disabled={!signUpFlow ? false : disableSubmitButton}
-          tabIndex={-6}>
+          disabled={!signUpFlow ? false : disableSubmitButton}>
           {!signUpFlow ? 'Sign in' : 'Sign up'}
         </Button>
       </form>

apps/web/src/controllers/HomePage/NewChatWarning.tsx

@@ -76,7 +76,7 @@ export const NewChatWarning = React.memo(
             <Text className="text-sm text-gray-500">
               {allCompleted
                 ? ' Your data is ready to be explored.'
-                : " Without proper setup, we can't retrieve relevant information."}
+                : " Without proper setup, we can't retrieve your data."}
             </Text>
           </div>
         </div>

turbo.json

@@ -66,6 +66,8 @@
     "NEXT_PUBLIC_WS_URL",
     "NEXT_PUBLIC_POSTHOG_KEY",
     "NEXT_PUBLIC_POSTHOG_HOST",
+    "NEXT_PUBLIC_POSTHOG_KEY",
+    "NEXT_PUBLIC_POSTHOG_HOST",
 
     "NEXT_SLACK_APP_SUPPORT_URL",
     "NEXT_PRIVATE_SUPABASE_SERVICE_ROLE_KEY",