Deploy to production (Automated)

.github/CONTRIBUTING.md

@@ -195,7 +195,7 @@ When implementing new features, follow these guidelines:
 
 1. **Add English Source Strings**
 
-   - Place all user-facing text in `apps/mail/locales/en.json`
+   - Place all user-facing text in `apps/mail/messages/en.json`
    - Organize strings according to the existing structure
    - Use descriptive, hierarchical keys that identify the feature and context
    - Example: `"pages.settings.connections.disconnectSuccess": "Account disconnected successfully"`

.github/TRANSLATION.md

@@ -31,7 +31,7 @@ Here's an example of our i18n.json configuration:
   },
   "buckets": {
     "json": {
-      "include": ["apps/mail/locales/[locale].json"]
+      "include": ["apps/mail/messages/[locale].json"]
     }
   }
 }

apps/mail/app/(routes)/layout.tsx

@@ -3,6 +3,7 @@ import { CommandPaletteProvider } from '@/components/context/command-palette-con
 
 import { Outlet } from 'react-router';
 
+
 export default function Layout() {
   return (
     <CommandPaletteProvider>

apps/mail/app/(routes)/settings/connections/page.tsx

@@ -164,7 +164,8 @@ export default function ConnectionsPage() {
                           <Button
                             variant="ghost"
                             size="icon"
-                            className="text-muted-foreground hover:text-primary ml-4 shrink-0"
+                            className="text-muted-foreground hover:text-primary ml-4 shrink-0" 
+                            disabled={data.connections.length === 1}
                           >
                             <Trash className="h-4 w-4" />
                           </Button>

apps/mail/app/(routes)/settings/general/page.tsx

@@ -61,7 +61,7 @@ const TimezoneSelect = memo(
               variant="outline"
               role="combobox"
               aria-expanded={open}
-              className="md:w-46 flex !h-9 w-full items-center justify-start rounded-md hover:bg-transparent"
+              className="flex !h-9 w-full items-center justify-start rounded-md hover:bg-transparent"
             >
               <Clock className="mr-2 h-4 w-4 flex-shrink-0" />
               <span className="truncate">{field.value}</span>
@@ -196,11 +196,11 @@ export default function GeneralPage() {
                 control={form.control}
                 name="language"
                 render={({ field }) => (
-                  <FormItem className="w-full">
-                    <FormLabel className="flex">{m['pages.settings.general.language']()}</FormLabel>
+                  <FormItem className="w-full md:w-[200px]">
+                    <FormLabel className="text-sm font-medium">{m['pages.settings.general.language']()}</FormLabel>
                     <Select onValueChange={field.onChange} defaultValue={field.value}>
                       <FormControl>
-                        <SelectTrigger className="flex w-full flex-row justify-start hover:bg-transparent md:w-36">
+                        <SelectTrigger className="flex w-full flex-row justify-start hover:bg-transparent">
                           <Globe className="mr-2 h-4 w-4" />
                           <SelectValue placeholder={m['pages.settings.general.selectLanguage']()} />
                         </SelectTrigger>
@@ -220,8 +220,8 @@ export default function GeneralPage() {
                 control={form.control}
                 name="timezone"
                 render={({ field }) => (
-                  <FormItem className="w-full">
-                    <FormLabel className="flex">{m['pages.settings.general.timezone']()}</FormLabel>
+                  <FormItem className="w-full md:w-[200px]">
+                    <FormLabel className="text-sm font-medium">{m['pages.settings.general.timezone']()}</FormLabel>
                     <TimezoneSelect field={field} />
                   </FormItem>
                 )}
@@ -231,8 +231,8 @@ export default function GeneralPage() {
                   control={form.control}
                   name="defaultEmailAlias"
                   render={({ field }) => (
-                    <FormItem className="w-full">
-                      <FormLabel className="!mb-1 flex flex-row items-center gap-1">
+                    <FormItem className="w-full md:w-[280px]">
+                      <FormLabel className="!mb-1 flex flex-row items-center gap-1 text-sm font-medium">
                         {m['pages.settings.general.defaultEmailAlias']()}{' '}
                         <Tooltip>
                           <TooltipTrigger asChild>
@@ -245,7 +245,7 @@ export default function GeneralPage() {
                       </FormLabel>
                       <Select onValueChange={field.onChange} value={field.value || ''}>
                         <FormControl>
-                          <SelectTrigger className="flex w-full flex-row justify-start hover:bg-transparent md:w-[300px]">
+                          <SelectTrigger className="flex w-full flex-row justify-start hover:bg-transparent">
                             <Mail className="mr-2 h-4 w-4" />
                             <SelectValue
                               placeholder={m['pages.settings.general.selectDefaultEmail']()}

apps/mail/app/root.tsx

@@ -25,6 +25,8 @@ import { m } from '@/paraglide/messages';
 import { ArrowLeft } from 'lucide-react';
 import superjson from 'superjson';
 import './globals.css';
+import { Analytics as DubAnalytics } from '@dub/analytics/react';
+
 
 const getUrl = () => import.meta.env.VITE_PUBLIC_BACKEND_URL + '/api/trpc';
 
@@ -82,6 +84,9 @@ export function Layout({ children }: PropsWithChildren) {
       <body className="antialiased">
         <ServerProviders connectionId={connectionId}>
           <ClientProviders>{children}</ClientProviders>
+          <DubAnalytics domainsConfig={{
+        refer: "mail0.com"
+      }} />
         </ServerProviders>
         <ScrollRestoration />
         <Scripts />