Deploy to production (Automated)

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ concurrency:
 jobs:
   autofix:
     timeout-minutes: 10
-    runs-on: ubuntu-latest
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
     steps:
       - name: Checkout Code 🛎
         uses: actions/checkout@v4

.github/workflows/close-conflicted-prs.yml

@@ -0,0 +1,69 @@
+name: Close Old Conflicted PRs
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+
+jobs:
+  close_conflicted_prs:
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
+    permissions:
+      pull-requests: write
+    steps:
+      - name: Close PRs with conflicts older than 3 days
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const prs = await github.rest.pulls.list({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              state: 'open'
+            });
+
+            const now = new Date();
+            for (const pr of prs.data) {
+              const details = await github.rest.pulls.get({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                pull_number: pr.number
+              });
+
+              if (details.data.mergeable === null) {
+                continue;
+              }
+
+              if (details.data.mergeable === false) {
+                const timeline = await github.rest.issues.listEventsForTimeline({ owner: context.repo.owner, repo: context.repo.repo, issue_number: pr.number, per_page: 100 });
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  issue_number: pr.number
+                });
+
+                let conflictStartTime = new Date(pr.updated_at);
+
+                for (const event of timeline.data) {
+                  if (event.event === 'cross-referenced' && event.commit_id) {
+                    conflictStartTime = new Date(event.created_at);
+                    break;
+                  }
+                }
+
+                const conflictAgeDays = (now - conflictStartTime) / (1000 * 60 * 60 * 24);
+
+                if (conflictAgeDays >= 3) {
+                  await github.rest.issues.createComment({
+                    owner: context.repo.owner,
+                    repo: context.repo.repo,
+                    issue_number: pr.number,
+                    body: "This PR has had merge conflicts for more than 3 days. It will be automatically closed. Please resolve the conflicts and reopen the PR if you'd like to continue working on it."
+                  });
+
+                  await github.rest.pulls.update({
+                    owner: context.repo.owner,
+                    repo: context.repo.repo,
+                    pull_number: pr.number,
+                    state: 'closed'
+                  });
+                }
+              }
+            }

.github/workflows/close-stale-issues.yml

@@ -0,0 +1,21 @@
+name: Close Stale Issues
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+
+jobs:
+  stale:
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
+    permissions:
+      issues: write
+      contents: read
+    steps:
+      - uses: actions/stale@v9
+        with:
+          days-before-issue-stale: 3
+          days-before-issue-close: 0
+          days-before-pr-stale: -1
+          stale-issue-label: 'stale'
+          stale-issue-message: 'This issue is stale (3+ days) and will be closed.'
+          close-issue-message: 'Closing stale issue.'

.github/workflows/deploy-to-prod-command.yml

@@ -11,7 +11,7 @@ permissions:
 
 jobs:
   deploy-to-production:
-    runs-on: ubuntu-latest
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
     name: Merge Staging to Production
     if: github.event.issue.pull_request && contains(github.event.issue.labels.*.name, 'production-deploy') && startsWith(github.event.comment.body, '/deploy') && github.event.comment.author_association == 'MEMBER'
     steps:

.github/workflows/lingo-dev.yml

@@ -22,7 +22,7 @@ concurrency:
 jobs:
   main:
     timeout-minutes: 15
-    runs-on: ubuntu-latest
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
     steps:
       - name: Checkout Code 🛎
         uses: actions/checkout@v4

.github/workflows/sync-production.yml

@@ -11,7 +11,7 @@ permissions:
 
 jobs:
   sync-branches:
-    runs-on: ubuntu-latest
+    runs-on: ${{ vars.RUNNER_IMAGE || 'ubuntu-latest' }}
     name: Syncing branches
 
     steps:

.husky/pre-commit

@@ -1 +1 @@
-pnpm lint-staged
+pnpm dlx oxlint@1.9.0 --deny-warnings

AGENT.md

@@ -105,3 +105,10 @@ This is a pnpm workspace monorepo with the following structure:
 - Uses Cloudflare Workers for backend deployment
 - iOS app is part of the monorepo
 - CLI tool `nizzy` helps manage environment and sync operations
+
+## IMPORTANT RESTRICTIONS
+
+- **NEVER run project-wide lint/format commands** (`pnpm check`, `pnpm lint`, `pnpm format`, `pnpm check:format`)
+- These commands format/lint the entire codebase and cause unnecessary changes
+- Only use targeted linting/formatting on specific files when absolutely necessary
+- Focus on the specific task at hand without touching unrelated files

apps/mail/app/(auth)/login/login-client.tsx

@@ -201,13 +201,13 @@ function LoginClientContent({ providers, isProd }: LoginClientProps) {
                       </button>
 
                       <div
-                        className={`overflow-hidden transition-all duration-300 ease-in-out ${expandedProviders[provider.id] ? 'max-h-[500px] opacity-100' : 'max-h-0 opacity-0'}`}
+                        className={`overflow-hidden duration-300 ease-in-out ${expandedProviders[provider.id] ? 'max-h-[500px] opacity-100' : 'max-h-0 opacity-0'}`}
                       >
-                        <div className="bg-black/3 p-4 font-mono text-sm dark:bg-white/3">
+                        <div className="bg-black/3 dark:bg-white/3 p-4 font-mono text-sm">
                           {provider.envVarStatus.map((envVar) => (
                             <div
                               key={envVar.name}
-                              className={`mb-3 flex items-start transition-all duration-300 ease-in-out last:mb-0 ${expandedProviders[provider.id] ? 'translate-y-0 opacity-100' : 'translate-y-2 opacity-0'}`}
+                              className={`mb-3 flex items-start duration-300 ease-in-out last:mb-0 ${expandedProviders[provider.id] ? 'translate-y-0 opacity-100' : 'translate-y-2 opacity-0'}`}
                               style={{
                                 transitionDelay: expandedProviders[provider.id]
                                   ? `${provider.envVarStatus.indexOf(envVar) * 50}ms`
@@ -303,19 +303,19 @@ function LoginClientContent({ providers, isProd }: LoginClientProps) {
           )}
         </div>
       </div>
-      <a href={'/'}>Return home</a>
+      <a href={'/'} className='text-white hover:text-gray-200'>Return home</a>
 
       <footer className="w-full px-6 py-4">
         <div className="mx-auto flex max-w-6xl items-center justify-center gap-6">
           <a
             href="/terms"
-            className="text-[10px] text-gray-500 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200"
+            className="text-[10px] text-gray-400 hover:text-gray-200 dark:text-gray-400 dark:hover:text-gray-200"
           >
             Terms of Service
           </a>
           <a
             href="/privacy"
-            className="text-[10px] text-gray-500 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200"
+            className="text-[10px] text-gray-400 hover:text-gray-200 dark:text-gray-400 dark:hover:text-gray-200"
           >
             Privacy Policy
           </a>

apps/mail/app/(full-width)/contributors.tsx

@@ -380,7 +380,7 @@ export default function OpenPage() {
         </div>
 
         {/* Project Stats */}
-        <div className="mb-8 overflow-hidden rounded-xl border bg-linear-to-b from-white/50 to-white/10 p-6 backdrop-blur-sm dark:border-neutral-700 dark:from-neutral-900/50 dark:to-neutral-900/30">
+        <div className="bg-linear-to-b mb-8 overflow-hidden rounded-xl border from-white/50 to-white/10 p-6 backdrop-blur-sm dark:border-neutral-700 dark:from-neutral-900/50 dark:to-neutral-900/30">
           <div className="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
             <div className="space-y-1">
               <div className="flex items-center gap-2">
@@ -484,7 +484,7 @@ export default function OpenPage() {
 
           <div className="mt-6 grid gap-4 lg:grid-cols-3">
             {/* Repository Growth */}
-            <Card className="col-span-full border-neutral-100 bg-white/50 p-4 transition-all hover:bg-white/60 lg:col-span-2 dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/60">
+            <Card className="col-span-full border-neutral-100 bg-white/50 p-4 hover:bg-white/60 lg:col-span-2 dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/60">
               <h3 className="mb-4 text-sm font-medium text-neutral-600 dark:text-neutral-400">
                 Repository Growth
               </h3>
@@ -576,7 +576,7 @@ export default function OpenPage() {
             </Card>
 
             {/* Activity Chart */}
-            <Card className="col-span-full border-neutral-200 bg-white/50 p-4 transition-all hover:bg-white/60 lg:col-span-1 dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/60">
+            <Card className="col-span-full border-neutral-200 bg-white/50 p-4 hover:bg-white/60 lg:col-span-1 dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/60">
               <h3 className="mb-4 text-sm font-medium text-neutral-600 dark:text-neutral-400">
                 Recent Activity
               </h3>
@@ -672,7 +672,7 @@ export default function OpenPage() {
             {filteredCoreTeam?.map((member, index) => (
               <div
                 key={member.login}
-                className="group relative flex items-center gap-4 rounded-xl border bg-white/50 p-4 transition-all hover:-translate-y-1 hover:bg-white hover:shadow-lg dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900 dark:hover:shadow-neutral-900/50"
+                className="group relative flex items-center gap-4 rounded-xl border bg-white/50 p-4 hover:-translate-y-1 hover:bg-white hover:shadow-lg dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900 dark:hover:shadow-neutral-900/50"
                 style={{
                   animationDelay: `${index * 100}ms`,
                   animation: 'fadeInUp 0.5s ease-out forwards',
@@ -783,7 +783,7 @@ export default function OpenPage() {
                       key={contributor.login}
                       href={contributor.html_url}
                       target="_blank"
-                      className="group relative flex flex-col items-center rounded-xl border bg-white/50 p-4 transition-all hover:-translate-y-1 hover:bg-white hover:shadow-lg dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900 dark:hover:shadow-neutral-900/50"
+                      className="group relative flex flex-col items-center rounded-xl border bg-white/50 p-4 hover:-translate-y-1 hover:bg-white hover:shadow-lg dark:border-neutral-800 dark:bg-neutral-900/50 dark:hover:bg-neutral-900 dark:hover:shadow-neutral-900/50"
                       style={{
                         animationDelay: `${index * 50}ms`,
                         animation: 'fadeInUp 0.5s ease-out forwards',
@@ -908,7 +908,7 @@ export default function OpenPage() {
         </div>
 
         <div className="mb-8">
-          <div className="relative overflow-hidden rounded-xl border bg-linear-to-br from-neutral-50 to-white shadow-sm dark:border-neutral-800 dark:from-neutral-900/80 dark:to-neutral-900/30">
+          <div className="bg-linear-to-br relative overflow-hidden rounded-xl border from-neutral-50 to-white shadow-sm dark:border-neutral-800 dark:from-neutral-900/80 dark:to-neutral-900/30">
             <div className="absolute inset-0 opacity-20 dark:opacity-20"></div>
 
             <div className="relative p-6">
@@ -928,7 +928,7 @@ export default function OpenPage() {
                   <div className="mt-5 flex flex-wrap gap-3">
                     <Button
                       asChild
-                      className="relative overflow-hidden bg-neutral-900 text-white transition-all hover:bg-neutral-800 dark:bg-white dark:text-neutral-900 dark:hover:bg-neutral-100"
+                      className="relative overflow-hidden bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-white dark:text-neutral-900 dark:hover:bg-neutral-100"
                     >
                       <a
                         href={`https://github.com/${REPOSITORY}/blob/main/.github/CONTRIBUTING.md`}

apps/mail/app/(full-width)/privacy.tsx

@@ -61,7 +61,7 @@ export default function PrivacyPolicy() {
                       </h2>
                       <button
                         onClick={() => handleCopyLink(sectionId)}
-                        className="text-gray-400 transition-all hover:text-gray-700 dark:text-white/60 dark:hover:text-white/80"
+                        className="text-gray-400 hover:text-gray-700 dark:text-white/60 dark:hover:text-white/80"
                         aria-label={`Copy link to ${section.title} section`}
                       >
                         <Link2

apps/mail/app/(full-width)/terms.tsx

@@ -6,14 +6,12 @@ import { Button } from '@/components/ui/button';
 import Footer from '@/components/home/footer';
 import { createSectionId } from '@/lib/utils';
 
-
 import React from 'react';
 
 const LAST_UPDATED = 'February 13, 2025';
 
 export default function TermsOfService() {
   const { copiedValue: copiedSection, copyToClipboard } = useCopyToClipboard();
-
 
   const handleCopyLink = (sectionId: string) => {
     const url = `${window.location.origin}${window.location.pathname}#${sectionId}`;
@@ -25,7 +23,7 @@ export default function TermsOfService() {
       <Navigation />
       <div className="relative z-10 flex grow flex-col">
         {/* Back Button */}
-        <div className="absolute right-4 top-6 md:left-8 md:top-8 md:right-auto">
+        <div className="absolute right-4 top-6 md:left-8 md:right-auto md:top-8">
           <a href="/">
             <Button
               variant="ghost"
@@ -64,7 +62,7 @@ export default function TermsOfService() {
                       </h2>
                       <button
                         onClick={() => handleCopyLink(sectionId)}
-                        className="text-gray-400 transition-all hover:text-gray-700 dark:text-white/60 dark:hover:text-white/80"
+                        className="text-gray-400 hover:text-gray-700 dark:text-white/60 dark:hover:text-white/80"
                         aria-label={`Copy link to ${section.title} section`}
                       >
                         <Link2

apps/mail/app/(routes)/developer/page.tsx

@@ -94,7 +94,7 @@ export default function DeveloperPage() {
 
           <div className="grid grid-cols-1 gap-4 pb-4 sm:gap-6 md:grid-cols-2 lg:grid-cols-3">
             {developerResources.map((resource) => (
-              <Card key={resource.title} className="transition-all hover:shadow-md">
+              <Card key={resource.title} className="hover:shadow-md">
                 <CardHeader className="sm:p-6">
                   <div className="flex items-start gap-4 sm:items-center">
                     <div className={`shrink-0 rounded-lg ${resource.bgColor} p-2.5`}>

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

@@ -1,10 +1,7 @@
 import { HotkeyProviderWrapper } from '@/components/providers/hotkey-provider-wrapper';
 import { OnboardingWrapper } from '@/components/onboarding';
-
-import { NotificationProvider } from '@/components/party';
 import { AppSidebar } from '@/components/ui/app-sidebar';
-import { Outlet, } from 'react-router';
-
+import { Outlet } from 'react-router';
 
 export default function MailLayout() {
   return (
@@ -14,7 +11,6 @@ export default function MailLayout() {
         <Outlet />
       </div>
       <OnboardingWrapper />
-      <NotificationProvider />
     </HotkeyProviderWrapper>
   );
 }