diff --git a/src/components/AppLayout/BetaBanner.tsx b/src/components/AppLayout/BetaBanner.tsx
index a47775c5b..07c7d3b2e 100644
--- a/src/components/AppLayout/BetaBanner.tsx
+++ b/src/components/AppLayout/BetaBanner.tsx
@@ -1,8 +1,15 @@
+import { useIntl } from '@/i18n'
 import { DismissibleBanner } from './DismissibleBanner'
 
-export const BetaBanner = () => (
-  <DismissibleBanner storageKey="mr-beta-banner-dismissed">
-    This is a beta version of MapRoulette and is actively being worked on. Some features may be
-    incomplete or unavailable.
-  </DismissibleBanner>
-)
+export const BetaBanner = () => {
+  const { t } = useIntl()
+  return (
+    <DismissibleBanner storageKey="mr-beta-banner-dismissed">
+      {t(
+        'appLayout.betaBanner.message',
+        undefined,
+        'This is a beta version of MapRoulette and is actively being worked on. Some features may be incomplete or unavailable.'
+      )}
+    </DismissibleBanner>
+  )
+}
diff --git a/src/components/AppLayout/DismissibleBanner.test.tsx b/src/components/AppLayout/DismissibleBanner.test.tsx
index fdbceed4a..34080ae29 100644
--- a/src/components/AppLayout/DismissibleBanner.test.tsx
+++ b/src/components/AppLayout/DismissibleBanner.test.tsx
@@ -1,6 +1,6 @@
-import { cleanup, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { afterEach, describe, expect, it } from 'vitest'
+import { cleanup, render, screen } from '@/test/testUtils'
 import { DismissibleBanner } from './DismissibleBanner.tsx'
 
 afterEach(() => {
diff --git a/src/components/AppLayout/DismissibleBanner.tsx b/src/components/AppLayout/DismissibleBanner.tsx
index 4f3af960b..c983cb7e2 100644
--- a/src/components/AppLayout/DismissibleBanner.tsx
+++ b/src/components/AppLayout/DismissibleBanner.tsx
@@ -1,5 +1,6 @@
 import { X } from 'lucide-react'
 import { type ReactNode, useState } from 'react'
+import { useIntl } from '@/i18n'
 
 interface Props {
   /** localStorage key used to persist the dismissed state across reloads. */
@@ -8,6 +9,7 @@ interface Props {
 }
 
 export const DismissibleBanner = ({ storageKey, children }: Props) => {
+  const { t } = useIntl()
   const [dismissed, setDismissed] = useState(() => localStorage.getItem(storageKey) === 'true')
 
   if (dismissed) return null
@@ -24,7 +26,7 @@ export const DismissibleBanner = ({ storageKey, children }: Props) => {
         type="button"
         onClick={handleDismiss}
         className="-translate-y-1/2 absolute top-1/2 right-3 rounded p-1 hover:bg-slate-800 dark:hover:bg-slate-200"
-        aria-label="Dismiss banner"
+        aria-label={t('appLayout.dismissibleBanner.dismiss', undefined, 'Dismiss banner')}
       >
         <X className="h-4 w-4" />
       </button>
diff --git a/src/components/AppLayout/Header/DesktopNav.tsx b/src/components/AppLayout/Header/DesktopNav.tsx
index 8d0f19810..b2033e6be 100644
--- a/src/components/AppLayout/Header/DesktopNav.tsx
+++ b/src/components/AppLayout/Header/DesktopNav.tsx
@@ -1,12 +1,17 @@
 import { Link } from '@tanstack/react-router'
 import { ExternalLink } from 'lucide-react'
 import { useNavigationContext } from '@/contexts/NavigationContext'
+import { useIntl } from '@/i18n'
 
 export const DesktopNav = () => {
   const { allNavigationItems } = useNavigationContext()
+  const { t } = useIntl()
 
   return (
-    <nav aria-label="Primary" className="hidden text-sm lg:flex lg:gap-6">
+    <nav
+      aria-label={t('common.primary', undefined, 'Primary')}
+      className="hidden text-sm lg:flex lg:gap-6"
+    >
       {allNavigationItems.map((item) => (
         <Link
           key={item.to}
@@ -19,7 +24,11 @@ export const DesktopNav = () => {
           {item.openInNewTab && (
             <ExternalLink
               className="size-3.5 text-current"
-              aria-label={`Open ${item.label} in a new tab`}
+              aria-label={t(
+                'appLayout.header.nav.openInNewTab',
+                { label: item.label },
+                'Open {label} in a new tab'
+              )}
             />
           )}
         </Link>
diff --git a/src/components/AppLayout/Header/DropdownMenuNotifications.tsx b/src/components/AppLayout/Header/DropdownMenuNotifications.tsx
index 3d469f45d..6605c3eb8 100644
--- a/src/components/AppLayout/Header/DropdownMenuNotifications.tsx
+++ b/src/components/AppLayout/Header/DropdownMenuNotifications.tsx
@@ -8,12 +8,14 @@ import { Card } from '@/components/ui/Card'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/Tabs'
 import { useNotificationsContext } from '@/contexts/NotificationsContext'
+import { useIntl } from '@/i18n'
 import type { User } from '@/types/User'
 
 export const DropdownMenuNotifications = ({ user }: { user: User }) => {
   const { notifications, isLoading, markAllAsRead, closeThread } = useNotificationsContext()
   const navigate = useNavigate()
   const [open, setOpen] = useState(false)
+  const { t } = useIntl()
 
   const unreadNotifications = notifications.filter((n) => !n.isRead)
   const unreadCount = unreadNotifications.length
@@ -33,7 +35,11 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger
-        aria-label={`Notifications for ${user.osmProfile.displayName}`}
+        aria-label={t(
+          'appLayout.header.notifications.triggerLabel',
+          { name: user.osmProfile.displayName },
+          'Notifications for {name}'
+        )}
         className="relative flex"
       >
         <Bell className="size-5" aria-hidden="true" />
@@ -42,7 +48,13 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
             aria-live="polite"
             className="-right-0.75 -top-0.75 absolute size-1.25 rounded-full bg-red-400 motion-safe:animate-pulse"
           >
-            <span className="sr-only">You have unread notifications</span>
+            <span className="sr-only">
+              {t(
+                'appLayout.header.notifications.unreadSrOnly',
+                undefined,
+                'You have unread notifications'
+              )}
+            </span>
           </span>
         )}
       </PopoverTrigger>
@@ -54,8 +66,12 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
         <Tabs defaultValue="unread" className="flex min-h-0 flex-1 flex-col">
           <div className="mb-4 flex items-center justify-between gap-2">
             <TabsList>
-              <TabsTrigger value="unread">Unread ({unreadCount})</TabsTrigger>
-              <TabsTrigger value="all">All ({notifications.length})</TabsTrigger>
+              <TabsTrigger value="unread">
+                {t('common.unread', { count: unreadCount }, 'Unread ({count})')}
+              </TabsTrigger>
+              <TabsTrigger value="all">
+                {t('common.all', { count: notifications.length }, 'All ({count})')}
+              </TabsTrigger>
             </TabsList>
             <Button
               variant="outline"
@@ -63,14 +79,14 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
               onClick={handleMarkAllAsRead}
               disabled={unreadCount === 0}
             >
-              Mark all as read
+              {t('common.markAllAsRead', undefined, 'Mark all as read')}
             </Button>
           </div>
 
           {isLoading ? (
             <Card className="p-6">
               <div className="text-center text-sm text-zinc-500 dark:text-slate-500">
-                Loading notifications...
+                {t('common.loadingNotifications', undefined, 'Loading notifications...')}
               </div>
             </Card>
           ) : (
@@ -81,8 +97,12 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
               >
                 <NotificationList
                   notifications={unreadNotifications}
-                  emptyTitle="You're all up to date"
-                  emptyDescription="You have no unread notifications at the moment."
+                  emptyTitle={t('common.youreAllUpToDate', undefined, "You're all up to date")}
+                  emptyDescription={t(
+                    'common.noUnreadNotificationsYet',
+                    undefined,
+                    'You have no unread notifications at the moment.'
+                  )}
                   onLinkClick={() => setOpen(false)}
                 />
               </TabsContent>
@@ -92,8 +112,12 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
               >
                 <NotificationList
                   notifications={notifications}
-                  emptyTitle="You're all up to date"
-                  emptyDescription="You have no notifications."
+                  emptyTitle={t('common.youreAllUpToDate', undefined, "You're all up to date")}
+                  emptyDescription={t(
+                    'common.noNotificationsYet',
+                    undefined,
+                    'You have no notifications.'
+                  )}
                   onLinkClick={() => setOpen(false)}
                 />
               </TabsContent>
@@ -107,7 +131,7 @@ export const DropdownMenuNotifications = ({ user }: { user: User }) => {
             onClick={() => setOpen(false)}
             className="link block text-center font-medium text-sm"
           >
-            View all notifications
+            {t('common.viewAllNotifications', undefined, 'View all notifications')}
           </Link>
         </div>
       </PopoverContent>
diff --git a/src/components/AppLayout/Header/DropdownMenuUser.tsx b/src/components/AppLayout/Header/DropdownMenuUser.tsx
index f15c5a80e..895b6108f 100644
--- a/src/components/AppLayout/Header/DropdownMenuUser.tsx
+++ b/src/components/AppLayout/Header/DropdownMenuUser.tsx
@@ -13,6 +13,7 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 import { initials } from '@/lib/utils'
 import { frontendVersion } from '@/lib/version'
@@ -20,6 +21,7 @@ import type { User } from '@/types/User'
 
 export const DropdownMenuUser = ({ user }: { user: User }) => {
   const { logout } = useAuthContext()
+  const { t } = useIntl()
   const { data: serviceInfo, isError: serviceInfoError } = api.service.info()
   const backendVersion = serviceInfoError ? 'unknown' : (serviceInfo?.compiletime.version ?? null)
   return (
@@ -29,7 +31,9 @@ export const DropdownMenuUser = ({ user }: { user: User }) => {
           <AvatarImage src={user.osmProfile.avatarURL} alt={user.osmProfile.displayName} />
           <AvatarFallback>{initials(user.osmProfile.displayName)}</AvatarFallback>
         </Avatar>
-        <span className="sr-only">User menu</span>
+        <span className="sr-only">
+          {t('appLayout.header.userMenu.triggerSrOnly', undefined, 'User menu')}
+        </span>
       </DropdownMenuTrigger>
       <DropdownMenuContent className={'w-56'} sideOffset={10} alignOffset={-10} align="end">
         <DropdownMenuGroup>
@@ -43,7 +47,11 @@ export const DropdownMenuUser = ({ user }: { user: User }) => {
               <br />
               <Link to="/profile">
                 <span className="text-xs text-zinc-500 hover:text-zinc-400 dark:text-slate-500 dark:hover:text-slate-400">
-                  View public profile
+                  {t(
+                    'appLayout.header.userMenu.viewPublicProfile',
+                    undefined,
+                    'View public profile'
+                  )}
                 </span>
               </Link>
             </div>
@@ -52,23 +60,27 @@ export const DropdownMenuUser = ({ user }: { user: User }) => {
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild>
           <Link to="/settings">
-            <CircleUser className="size-4" aria-hidden="true" /> Account Settings
+            <CircleUser className="size-4" aria-hidden="true" />{' '}
+            {t('appLayout.header.userMenu.accountSettings', undefined, 'Account Settings')}
           </Link>
         </DropdownMenuItem>
         <DropdownMenuItem asChild>
           <Link to="/manage">
-            <LayoutDashboard className="size-4" aria-hidden="true" /> Manage
+            <LayoutDashboard className="size-4" aria-hidden="true" />{' '}
+            {t('common.manage', undefined, 'Manage')}
           </Link>
         </DropdownMenuItem>
         {isSuperUser(user) && (
           <DropdownMenuItem asChild>
             <Link to="/super-admin">
-              <Shield className="size-4" aria-hidden="true" /> Super Admin
+              <Shield className="size-4" aria-hidden="true" />{' '}
+              {t('appLayout.header.userMenu.superAdmin', undefined, 'Super Admin')}
             </Link>
           </DropdownMenuItem>
         )}
         <DropdownMenuItem onClick={logout}>
-          <LogOut className="size-4" aria-hidden="true" /> Sign out
+          <LogOut className="size-4" aria-hidden="true" />{' '}
+          {t('appLayout.header.userMenu.signOut', undefined, 'Sign out')}
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem
@@ -79,14 +91,15 @@ export const DropdownMenuUser = ({ user }: { user: User }) => {
         >
           <div className="flex items-center justify-between gap-2">
             <span className="flex gap-2">
-              <SwatchBook className="size-4" aria-hidden="true" /> Theme
+              <SwatchBook className="size-4" aria-hidden="true" />{' '}
+              {t('appLayout.header.userMenu.theme', undefined, 'Theme')}
             </span>
             <ThemeSwitcher />
           </div>
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <dl className="grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5 px-2 py-1.5 text-[10px] text-zinc-400 leading-tight dark:text-slate-500">
-          <dt>Frontend</dt>
+          <dt>{t('appLayout.header.userMenu.frontend', undefined, 'Frontend')}</dt>
           <dd>
             <a
               href={`https://github.com/maproulette/maproulette3/releases/tag/v${frontendVersion}`}
@@ -97,7 +110,7 @@ export const DropdownMenuUser = ({ user }: { user: User }) => {
               v{frontendVersion}
             </a>
           </dd>
-          <dt>Backend</dt>
+          <dt>{t('appLayout.header.userMenu.backend', undefined, 'Backend')}</dt>
           <dd>
             {backendVersion && backendVersion !== 'unknown' ? (
               <a
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindById/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindById/index.tsx
index 519fd346e..fd273f524 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindById/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindById/index.tsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
 import { api } from '@/api'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 const cardClassName = cn(
@@ -13,6 +14,7 @@ const cardClassName = cn(
 )
 
 export const FindById = () => {
+  const { t } = useIntl()
   const { searchQuery, onResultSelect } = useGlobalSearchContext()
   const [debouncedId, setDebouncedId] = useState(0)
   const trimmed = searchQuery.trim()
@@ -36,9 +38,19 @@ export const FindById = () => {
           <Hash className="h-6 w-6 text-zinc-400 dark:text-slate-500" />
         </div>
         <div className="space-y-1 text-center">
-          <p className="font-medium text-sm text-zinc-900 dark:text-white">Enter a numeric ID</p>
+          <p className="font-medium text-sm text-zinc-900 dark:text-white">
+            {t(
+              'appLayout.header.globalSearch.findById.enterNumericId',
+              undefined,
+              'Enter a numeric ID'
+            )}
+          </p>
           <p className="text-xs text-zinc-500 dark:text-slate-400">
-            Type a project, challenge, or task ID number
+            {t(
+              'appLayout.header.globalSearch.findById.typeIdHint',
+              undefined,
+              'Type a project, challenge, or task ID number'
+            )}
           </p>
         </div>
       </div>
@@ -53,10 +65,14 @@ export const FindById = () => {
         </div>
         <div className="space-y-1 text-center">
           <p className="font-medium text-sm text-zinc-900 dark:text-white">
-            Find by MapRoulette ID
+            {t('common.findByMaprouletteId', undefined, 'Find by MapRoulette ID')}
           </p>
           <p className="text-xs text-zinc-500 dark:text-slate-400">
-            Enter a numeric ID to find a project, challenge, or task
+            {t(
+              'appLayout.header.globalSearch.findById.hint',
+              undefined,
+              'Enter a numeric ID to find a project, challenge, or task'
+            )}
           </p>
         </div>
       </div>
@@ -75,8 +91,11 @@ export const FindById = () => {
   if (data?.project) {
     results.push({
       type: 'project',
-      label: 'Project',
-      name: data.project.displayName || data.project.name || `Project #${debouncedId}`,
+      label: t('common.project', undefined, 'Project'),
+      name:
+        data.project.displayName ||
+        data.project.name ||
+        t('common.projectWithId', { id: debouncedId }, 'Project #{id}'),
       href: '/project/$projectId',
       params: { projectId: String(debouncedId) },
       icon: FolderOpen,
@@ -86,8 +105,9 @@ export const FindById = () => {
   if (data?.challenge) {
     results.push({
       type: 'challenge',
-      label: 'Challenge',
-      name: data.challenge.name || `Challenge #${debouncedId}`,
+      label: t('common.challenge', undefined, 'Challenge'),
+      name:
+        data.challenge.name || t('common.challengeWithId', { id: debouncedId }, 'Challenge #{id}'),
       href: '/challenge/$challengeId',
       params: { challengeId: String(debouncedId) },
       icon: Target,
@@ -97,8 +117,8 @@ export const FindById = () => {
   if (data?.task) {
     results.push({
       type: 'task',
-      label: 'Task',
-      name: data.task.name || `Task #${debouncedId}`,
+      label: t('common.task', undefined, 'Task'),
+      name: data.task.name || t('common.taskWithId', { id: debouncedId }, 'Task #{id}'),
       href: '/tasks/$taskId',
       params: {
         taskId: String(debouncedId),
@@ -113,14 +133,22 @@ export const FindById = () => {
       {(isFetching || isDebouncePending) && !isLoading && results.length > 0 && (
         <div className="-mx-3 -mt-3 sticky top-0 z-10 flex items-center justify-center gap-2 bg-white/90 py-2 backdrop-blur-sm dark:bg-slate-950/90">
           <Spinner className="h-4 w-4 text-blue-500" />
-          <p className="text-xs text-zinc-500 dark:text-slate-400">Updating results...</p>
+          <p className="text-xs text-zinc-500 dark:text-slate-400">
+            {t('common.updatingResults', undefined, 'Updating results...')}
+          </p>
         </div>
       )}
 
       {isLoading || isDebouncePending ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
           <Spinner className="h-8 w-8 text-blue-500" />
-          <p className="text-sm text-zinc-500 dark:text-slate-400">Looking up ID {numericId}...</p>
+          <p className="text-sm text-zinc-500 dark:text-slate-400">
+            {t(
+              'appLayout.header.globalSearch.findById.lookingUpId',
+              { id: numericId },
+              'Looking up ID {id}...'
+            )}
+          </p>
         </div>
       ) : results.length === 0 ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
@@ -129,10 +157,18 @@ export const FindById = () => {
           </div>
           <div className="space-y-1 text-center">
             <p className="font-medium text-sm text-zinc-900 dark:text-white">
-              No results for ID {debouncedId}
+              {t(
+                'appLayout.header.globalSearch.findById.noResults',
+                { id: debouncedId },
+                'No results for ID {id}'
+              )}
             </p>
             <p className="text-xs text-zinc-500 dark:text-slate-400">
-              No project, challenge, or task found with this ID
+              {t(
+                'appLayout.header.globalSearch.findById.noResultsHint',
+                undefined,
+                'No project, challenge, or task found with this ID'
+              )}
             </p>
           </div>
         </div>
@@ -140,10 +176,18 @@ export const FindById = () => {
         <>
           <div className="mb-4 flex items-center justify-between">
             <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
-              Results for ID {debouncedId}
+              {t(
+                'appLayout.header.globalSearch.findById.resultsForId',
+                { id: debouncedId },
+                'Results for ID {id}'
+              )}
             </h3>
             <span className="text-xs text-zinc-500 dark:text-slate-400">
-              {results.length} match{results.length !== 1 ? 'es' : ''}
+              {t(
+                'appLayout.header.globalSearch.findById.matchCount',
+                { count: results.length, plural: results.length !== 1 ? 'es' : '' },
+                '{count} match{plural}'
+              )}
             </span>
           </div>
           <div className="space-y-3">
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindChallenge/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindChallenge/index.tsx
index eeccaa3d1..2a1a0eae8 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindChallenge/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindChallenge/index.tsx
@@ -9,6 +9,7 @@ import {
 } from '@/components/Pages/ExploreChallengesPage/FilterBar/filterUtils'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type {
   Challenge,
@@ -31,6 +32,7 @@ const buildKeywords = (categories: string[], workOn: string): string | undefined
 }
 
 export const FindChallenge = () => {
+  const { t } = useIntl()
   const { searchQuery, onResultSelect } = useGlobalSearchContext()
   const [limit, setLimit] = useState(5)
   const [isLoadingMore, setIsLoadingMore] = useState(false)
@@ -122,10 +124,16 @@ export const FindChallenge = () => {
     <div className="space-y-4">
       <div>
         <div className="mb-4 flex items-center justify-between">
-          <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">Results</h3>
+          <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
+            {t('common.results', undefined, 'Results')}
+          </h3>
           {!isLoading && data && data.length > 0 && (
             <span className="text-xs text-zinc-500 dark:text-slate-400">
-              {data.length} challenge{data.length !== 1 ? 's' : ''}
+              {t(
+                'appLayout.header.globalSearch.findChallenge.resultCount',
+                { count: data.length, plural: data.length !== 1 ? 's' : '' },
+                '{count} challenge{plural}'
+              )}
             </span>
           )}
         </div>
@@ -136,7 +144,11 @@ export const FindChallenge = () => {
               <div className="flex flex-col items-center gap-3">
                 <Spinner className="h-8 w-8 text-blue-500" />
                 <p className="text-sm text-zinc-600 dark:text-slate-400">
-                  Loading more challenges...
+                  {t(
+                    'appLayout.header.globalSearch.findChallenge.loadingMore',
+                    undefined,
+                    'Loading more challenges...'
+                  )}
                 </p>
               </div>
             </div>
@@ -146,7 +158,9 @@ export const FindChallenge = () => {
             {isLoading ? (
               <div className="flex flex-col items-center justify-center gap-3 py-12">
                 <Spinner className="h-8 w-8 text-blue-500" />
-                <p className="text-sm text-zinc-500 dark:text-slate-400">Loading challenges...</p>
+                <p className="text-sm text-zinc-500 dark:text-slate-400">
+                  {t('common.loadingChallenges', undefined, 'Loading challenges...')}
+                </p>
               </div>
             ) : results.length === 0 ? (
               <div className="flex flex-col items-center justify-center gap-3 py-12">
@@ -155,10 +169,14 @@ export const FindChallenge = () => {
                 </div>
                 <div className="space-y-1 text-center">
                   <p className="font-medium text-sm text-zinc-900 dark:text-white">
-                    No challenges found
+                    {t('common.noChallengesFound', undefined, 'No challenges found')}
                   </p>
                   <p className="text-xs text-zinc-500 dark:text-slate-400">
-                    Try adjusting your filters
+                    {t(
+                      'appLayout.header.globalSearch.findChallenge.noResultsHint',
+                      undefined,
+                      'Try adjusting your filters'
+                    )}
                   </p>
                 </div>
               </div>
@@ -198,10 +216,14 @@ export const FindChallenge = () => {
                       <div className="h-1.5 w-16 rounded-full bg-zinc-400 dark:bg-slate-600" />
                       <div className="space-y-1 text-center">
                         <p className="font-semibold text-base text-zinc-800 dark:text-slate-200">
-                          That's all!
+                          {t('common.thatsAll', undefined, "That's all!")}
                         </p>
                         <p className="text-sm text-zinc-600 dark:text-slate-400">
-                          No more challenges to load
+                          {t(
+                            'appLayout.header.globalSearch.findChallenge.noMoreToLoad',
+                            undefined,
+                            'No more challenges to load'
+                          )}
                         </p>
                       </div>
                     </div>
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindComments/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindComments/index.tsx
index 653634f98..c539cb860 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindComments/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindComments/index.tsx
@@ -5,6 +5,7 @@ import { api } from '@/api'
 import type { ChallengeCommentResponse } from '@/api/challenge/comments'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Comment } from '@/types/Comment'
 
@@ -15,6 +16,7 @@ const cardClassName = cn(
 )
 
 const TaskCommentCard = ({ comment }: { comment: Comment }) => {
+  const { t } = useIntl()
   const { onResultSelect } = useGlobalSearchContext()
   return (
     <Link
@@ -29,9 +31,19 @@ const TaskCommentCard = ({ comment }: { comment: Comment }) => {
         <p className="line-clamp-2 text-sm text-zinc-900 dark:text-white">{comment.comment}</p>
         <div className="flex items-center gap-2">
           <span className="text-xs text-zinc-500 dark:text-slate-400">
-            by {comment.osm_username ?? 'Unknown'}
+            {t(
+              'appLayout.header.globalSearch.findComments.byUser',
+              {
+                username:
+                  comment.osm_username ??
+                  t('appLayout.header.globalSearch.findComments.unknownUser', undefined, 'Unknown'),
+              },
+              'by {username}'
+            )}
+          </span>
+          <span className="text-xs text-zinc-400 dark:text-slate-500">
+            {t('common.taskWithId', { id: comment.taskId }, 'Task #{id}')}
           </span>
-          <span className="text-xs text-zinc-400 dark:text-slate-500">Task #{comment.taskId}</span>
         </div>
       </div>
       <ChevronRight className="mt-1 ml-4 h-5 w-5 shrink-0 text-zinc-400 transition-all group-hover:translate-x-1 group-hover:text-blue-500 dark:text-slate-500 dark:group-hover:text-blue-400" />
@@ -40,6 +52,7 @@ const TaskCommentCard = ({ comment }: { comment: Comment }) => {
 }
 
 const ChallengeCommentCard = ({ comment }: { comment: ChallengeCommentResponse }) => {
+  const { t } = useIntl()
   const { onResultSelect } = useGlobalSearchContext()
   return (
     <Link
@@ -52,10 +65,18 @@ const ChallengeCommentCard = ({ comment }: { comment: ChallengeCommentResponse }
         <p className="line-clamp-2 text-sm text-zinc-900 dark:text-white">{comment.comment}</p>
         <div className="flex items-center gap-2">
           <span className="text-xs text-zinc-500 dark:text-slate-400">
-            by {comment.osm_username ?? 'Unknown'}
+            {t(
+              'appLayout.header.globalSearch.findComments.byUser',
+              {
+                username:
+                  comment.osm_username ??
+                  t('appLayout.header.globalSearch.findComments.unknownUser', undefined, 'Unknown'),
+              },
+              'by {username}'
+            )}
           </span>
           <span className="text-xs text-zinc-400 dark:text-slate-500">
-            Challenge #{comment.challengeId}
+            {t('common.challengeWithId', { id: comment.challengeId }, 'Challenge #{id}')}
           </span>
         </div>
       </div>
@@ -65,11 +86,15 @@ const ChallengeCommentCard = ({ comment }: { comment: ChallengeCommentResponse }
 }
 
 export const FindComments = ({ commentType }: { commentType: 'task' | 'challenge' }) => {
+  const { t } = useIntl()
   const { searchQuery } = useGlobalSearchContext()
   const [debouncedQuery, setDebouncedQuery] = useState('')
   const trimmed = searchQuery.trim()
   const hasSearchQuery = trimmed.length > 0
-  const label = commentType === 'task' ? 'Task' : 'Challenge'
+  const label =
+    commentType === 'task'
+      ? t('common.task', undefined, 'Task')
+      : t('common.challenge', undefined, 'Challenge')
   const labelLower = label.toLowerCase()
 
   useEffect(() => {
@@ -111,14 +136,22 @@ export const FindComments = ({ commentType }: { commentType: 'task' | 'challenge
           }
         >
           <Spinner className="h-4 w-4 text-blue-500" />
-          <p className="text-xs text-zinc-500 dark:text-slate-400">Updating results...</p>
+          <p className="text-xs text-zinc-500 dark:text-slate-400">
+            {t('common.updatingResults', undefined, 'Updating results...')}
+          </p>
         </div>
       )}
 
       {isLoading ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
           <Spinner className="h-8 w-8 text-blue-500" />
-          <p className="text-sm text-zinc-500 dark:text-slate-400">Loading comments...</p>
+          <p className="text-sm text-zinc-500 dark:text-slate-400">
+            {t(
+              'appLayout.header.globalSearch.findComments.loading',
+              undefined,
+              'Loading comments...'
+            )}
+          </p>
         </div>
       ) : !hasResults ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
@@ -127,11 +160,21 @@ export const FindComments = ({ commentType }: { commentType: 'task' | 'challenge
           </div>
           <div className="space-y-1 text-center">
             <p className="font-medium text-sm text-zinc-900 dark:text-white">
-              {hasSearchQuery ? 'No results found' : `No ${labelLower} comments yet`}
+              {hasSearchQuery
+                ? t('common.noResultsFound', undefined, 'No results found')
+                : t(
+                    'appLayout.header.globalSearch.findComments.noCommentsYet',
+                    { label: labelLower },
+                    'No {label} comments yet'
+                  )}
             </p>
             {hasSearchQuery && (
               <p className="text-xs text-zinc-500 dark:text-slate-400">
-                No {labelLower} comments match &quot;{debouncedQuery}&quot;
+                {t(
+                  'appLayout.header.globalSearch.findComments.noCommentsMatch',
+                  { label: labelLower, query: debouncedQuery },
+                  'No {label} comments match "{query}"'
+                )}
               </p>
             )}
           </div>
@@ -140,10 +183,20 @@ export const FindComments = ({ commentType }: { commentType: 'task' | 'challenge
         <div className="space-y-4">
           <div className="mb-4 flex items-center justify-between">
             <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
-              {hasSearchQuery ? 'Results' : `Recent ${label} Comments`}
+              {hasSearchQuery
+                ? t('common.results', undefined, 'Results')
+                : t(
+                    'appLayout.header.globalSearch.findComments.recentComments',
+                    { label },
+                    'Recent {label} Comments'
+                  )}
             </h3>
             <span className="text-xs text-zinc-500 dark:text-slate-400">
-              {results.length} comment{results.length !== 1 ? 's' : ''}
+              {t(
+                'appLayout.header.globalSearch.findComments.commentCount',
+                { count: results.length, plural: results.length !== 1 ? 's' : '' },
+                '{count} comment{plural}'
+              )}
             </span>
           </div>
           <div className="space-y-2">
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindFeatureByName/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindFeatureByName/index.tsx
index fc2f06126..44aed1cfa 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindFeatureByName/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindFeatureByName/index.tsx
@@ -5,18 +5,9 @@ import { api } from '@/api'
 import { DEFAULT_WORLD_BOUNDS } from '@/components/Map/mapUtils'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
-const STATUS_LABELS: Record<number, string> = {
-  0: 'Created',
-  1: 'Fixed',
-  2: 'False Positive',
-  3: 'Skipped',
-  4: 'Deleted',
-  5: 'Already Fixed',
-  6: "Can't Complete",
-}
-
 const cardClassName = cn(
   'group flex items-start justify-between rounded-xl border border-zinc-200 bg-white px-5 py-4',
   'transition-all duration-200 hover:scale-[1.005] hover:border-zinc-300 hover:shadow-md',
@@ -24,6 +15,16 @@ const cardClassName = cn(
 )
 
 export const FindFeatureByName = () => {
+  const { t } = useIntl()
+  const statusLabels: Record<number, string> = {
+    0: t('common.created', undefined, 'Created'),
+    1: t('common.fixed', undefined, 'Fixed'),
+    2: t('common.falsePositive', undefined, 'False Positive'),
+    3: t('common.skipped', undefined, 'Skipped'),
+    4: t('common.deleted', undefined, 'Deleted'),
+    5: t('common.alreadyFixed', undefined, 'Already Fixed'),
+    6: t('common.cantComplete', undefined, "Can't Complete"),
+  }
   const { searchQuery, onResultSelect } = useGlobalSearchContext()
   const [debouncedQuery, setDebouncedQuery] = useState('')
   const trimmed = searchQuery.trim()
@@ -72,21 +73,31 @@ export const FindFeatureByName = () => {
       {(isFetching || isDebouncePending) && !isLoading && totalResults > 0 && (
         <div className="-mx-3 -mt-3 sticky top-0 z-10 flex items-center justify-center gap-2 bg-white/90 py-2 backdrop-blur-sm dark:bg-slate-950/90">
           <Spinner className="h-4 w-4 text-blue-500" />
-          <p className="text-xs text-zinc-500 dark:text-slate-400">Updating results...</p>
+          <p className="text-xs text-zinc-500 dark:text-slate-400">
+            {t('common.updatingResults', undefined, 'Updating results...')}
+          </p>
         </div>
       )}
 
       {isLoading ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
           <Spinner className="h-8 w-8 text-blue-500" />
-          <p className="text-sm text-zinc-500 dark:text-slate-400">Loading...</p>
+          <p className="text-sm text-zinc-500 dark:text-slate-400">
+            {t('common.loading2', undefined, 'Loading...')}
+          </p>
         </div>
       ) : totalResults === 0 && hasSearchQuery ? (
         <div className="flex flex-col items-center justify-center gap-3 py-12">
           <div className="space-y-1 text-center">
-            <p className="font-medium text-sm text-zinc-900 dark:text-white">No results found</p>
+            <p className="font-medium text-sm text-zinc-900 dark:text-white">
+              {t('common.noResultsFound', undefined, 'No results found')}
+            </p>
             <p className="text-xs text-zinc-500 dark:text-slate-400">
-              Nothing matches &quot;{debouncedQuery}&quot;
+              {t(
+                'appLayout.header.globalSearch.findFeatureByName.nothingMatches',
+                { query: debouncedQuery },
+                'Nothing matches "{query}"'
+              )}
             </p>
           </div>
         </div>
@@ -96,10 +107,20 @@ export const FindFeatureByName = () => {
             <div>
               <div className="mb-3 flex items-center justify-between">
                 <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
-                  {hasSearchQuery ? 'Projects' : 'Featured Projects'}
+                  {hasSearchQuery
+                    ? t('common.projects', undefined, 'Projects')
+                    : t(
+                        'appLayout.header.globalSearch.findFeatureByName.featuredProjects',
+                        undefined,
+                        'Featured Projects'
+                      )}
                 </h3>
                 <span className="text-xs text-zinc-500 dark:text-slate-400">
-                  {projects.length} result{projects.length !== 1 ? 's' : ''}
+                  {t(
+                    'appLayout.header.globalSearch.findFeatureByName.resultCount',
+                    { count: projects.length, plural: projects.length !== 1 ? 's' : '' },
+                    '{count} result{plural}'
+                  )}
                 </span>
               </div>
               <div className="space-y-2">
@@ -135,10 +156,20 @@ export const FindFeatureByName = () => {
             <div>
               <div className="mb-3 flex items-center justify-between">
                 <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
-                  {hasSearchQuery ? 'Challenges' : 'Explore Challenges'}
+                  {hasSearchQuery
+                    ? t('common.challenges', undefined, 'Challenges')
+                    : t(
+                        'appLayout.header.globalSearch.findFeatureByName.exploreChallenges',
+                        undefined,
+                        'Explore Challenges'
+                      )}
                 </h3>
                 <span className="text-xs text-zinc-500 dark:text-slate-400">
-                  {challenges.length} result{challenges.length !== 1 ? 's' : ''}
+                  {t(
+                    'appLayout.header.globalSearch.findFeatureByName.resultCount',
+                    { count: challenges.length, plural: challenges.length !== 1 ? 's' : '' },
+                    '{count} result{plural}'
+                  )}
                 </span>
               </div>
               <div className="space-y-2">
@@ -173,14 +204,21 @@ export const FindFeatureByName = () => {
           {tasks.length > 0 && (
             <div>
               <div className="mb-3 flex items-center justify-between">
-                <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">Tasks</h3>
+                <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
+                  {t('common.tasks', undefined, 'Tasks')}
+                </h3>
                 <span className="text-xs text-zinc-500 dark:text-slate-400">
-                  {tasks.length} result{tasks.length !== 1 ? 's' : ''}
+                  {t(
+                    'appLayout.header.globalSearch.findFeatureByName.resultCount',
+                    { count: tasks.length, plural: tasks.length !== 1 ? 's' : '' },
+                    '{count} result{plural}'
+                  )}
                 </span>
               </div>
               <div className="space-y-2">
                 {tasks.map((task) => {
-                  const statusLabel = STATUS_LABELS[task.status ?? -1] || 'Unknown'
+                  const statusLabel =
+                    statusLabels[task.status ?? -1] || t('common.unknown', undefined, 'Unknown')
                   return (
                     <Link
                       key={`t-${task.id}`}
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindProject/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindProject/index.tsx
index f3d0b2747..8e1a3b15a 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindProject/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindProject/index.tsx
@@ -4,10 +4,12 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { api } from '@/api'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Project } from '@/types/Project'
 
 export const FindProject = () => {
+  const { t } = useIntl()
   const { searchQuery, onResultSelect } = useGlobalSearchContext()
   const [limit, setLimit] = useState(5)
   const [isLoadingMore, setIsLoadingMore] = useState(false)
@@ -66,10 +68,16 @@ export const FindProject = () => {
     <div className="space-y-4">
       <div>
         <div className="mb-4 flex items-center justify-between">
-          <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">Results</h3>
+          <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
+            {t('common.results', undefined, 'Results')}
+          </h3>
           {!isLoading && data && data.length > 0 && (
             <span className="text-xs text-zinc-500 dark:text-slate-400">
-              {data.length} project{data.length !== 1 ? 's' : ''}
+              {t(
+                'appLayout.header.globalSearch.findProject.resultCount',
+                { count: data.length, plural: data.length !== 1 ? 's' : '' },
+                '{count} project{plural}'
+              )}
             </span>
           )}
         </div>
@@ -80,7 +88,11 @@ export const FindProject = () => {
               <div className="flex flex-col items-center gap-3">
                 <Spinner className="h-8 w-8 text-blue-500" />
                 <p className="text-sm text-zinc-600 dark:text-slate-400">
-                  Loading more projects...
+                  {t(
+                    'appLayout.header.globalSearch.findProject.loadingMore',
+                    undefined,
+                    'Loading more projects...'
+                  )}
                 </p>
               </div>
             </div>
@@ -90,7 +102,13 @@ export const FindProject = () => {
             {isLoading ? (
               <div className="flex flex-col items-center justify-center gap-3 py-12">
                 <Spinner className="h-8 w-8 text-blue-500" />
-                <p className="text-sm text-zinc-500 dark:text-slate-400">Loading projects...</p>
+                <p className="text-sm text-zinc-500 dark:text-slate-400">
+                  {t(
+                    'appLayout.header.globalSearch.findProject.loading',
+                    undefined,
+                    'Loading projects...'
+                  )}
+                </p>
               </div>
             ) : results.length === 0 ? (
               <div className="flex flex-col items-center justify-center gap-3 py-12">
@@ -99,10 +117,14 @@ export const FindProject = () => {
                 </div>
                 <div className="space-y-1 text-center">
                   <p className="font-medium text-sm text-zinc-900 dark:text-white">
-                    No projects found
+                    {t('common.noProjectsFound', undefined, 'No projects found')}
                   </p>
                   <p className="text-xs text-zinc-500 dark:text-slate-400">
-                    Try a different search term
+                    {t(
+                      'appLayout.header.globalSearch.findProject.noResultsHint',
+                      undefined,
+                      'Try a different search term'
+                    )}
                   </p>
                 </div>
               </div>
@@ -142,10 +164,14 @@ export const FindProject = () => {
                       <div className="h-1.5 w-16 rounded-full bg-zinc-400 dark:bg-slate-600" />
                       <div className="space-y-1 text-center">
                         <p className="font-semibold text-base text-zinc-800 dark:text-slate-200">
-                          That's all!
+                          {t('common.thatsAll', undefined, "That's all!")}
                         </p>
                         <p className="text-sm text-zinc-600 dark:text-slate-400">
-                          No more projects to load
+                          {t(
+                            'appLayout.header.globalSearch.findProject.noMoreToLoad',
+                            undefined,
+                            'No more projects to load'
+                          )}
                         </p>
                       </div>
                     </div>
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindTask/index.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindTask/index.tsx
index 5b0c26a4d..e1e9ce6be 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindTask/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/FindTask/index.tsx
@@ -4,19 +4,20 @@ import { useEffect, useState } from 'react'
 import { api } from '@/api'
 import { Spinner } from '@/components/ui/Spinner'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
-const STATUS_LABELS: Record<number, string> = {
-  0: 'Created',
-  1: 'Fixed',
-  2: 'False Positive',
-  3: 'Skipped',
-  4: 'Deleted',
-  5: 'Already Fixed',
-  6: "Can't Complete",
-}
-
 export const FindTask = () => {
+  const { t } = useIntl()
+  const statusLabels: Record<number, string> = {
+    0: t('common.created', undefined, 'Created'),
+    1: t('common.fixed', undefined, 'Fixed'),
+    2: t('common.falsePositive', undefined, 'False Positive'),
+    3: t('common.skipped', undefined, 'Skipped'),
+    4: t('common.deleted', undefined, 'Deleted'),
+    5: t('common.alreadyFixed', undefined, 'Already Fixed'),
+    6: t('common.cantComplete', undefined, "Can't Complete"),
+  }
   const { searchQuery, onResultSelect } = useGlobalSearchContext()
   const [debouncedId, setDebouncedId] = useState(0)
   const trimmed = searchQuery.trim()
@@ -40,8 +41,16 @@ export const FindTask = () => {
           <ListTodo className="h-6 w-6 text-zinc-400 dark:text-slate-500" />
         </div>
         <div className="space-y-1 text-center">
-          <p className="font-medium text-sm text-zinc-900 dark:text-white">Find a Task</p>
-          <p className="text-xs text-zinc-500 dark:text-slate-400">Enter a task ID to look it up</p>
+          <p className="font-medium text-sm text-zinc-900 dark:text-white">
+            {t('common.findATask', undefined, 'Find a Task')}
+          </p>
+          <p className="text-xs text-zinc-500 dark:text-slate-400">
+            {t(
+              'appLayout.header.globalSearch.findTask.hint',
+              undefined,
+              'Enter a task ID to look it up'
+            )}
+          </p>
         </div>
       </div>
     )
@@ -51,7 +60,13 @@ export const FindTask = () => {
     return (
       <div className="flex flex-col items-center justify-center gap-3 py-12">
         <Spinner className="h-8 w-8 text-blue-500" />
-        <p className="text-sm text-zinc-500 dark:text-slate-400">Looking up task {numericId}...</p>
+        <p className="text-sm text-zinc-500 dark:text-slate-400">
+          {t(
+            'appLayout.header.globalSearch.findTask.lookingUp',
+            { id: numericId },
+            'Looking up task {id}...'
+          )}
+        </p>
       </div>
     )
   }
@@ -64,21 +79,33 @@ export const FindTask = () => {
         </div>
         <div className="space-y-1 text-center">
           <p className="font-medium text-sm text-zinc-900 dark:text-white">
-            No task found with ID {debouncedId}
+            {t(
+              'appLayout.header.globalSearch.findTask.noResults',
+              { id: debouncedId },
+              'No task found with ID {id}'
+            )}
+          </p>
+          <p className="text-xs text-zinc-500 dark:text-slate-400">
+            {t(
+              'appLayout.header.globalSearch.findTask.noResultsHint',
+              undefined,
+              'Try a different task ID'
+            )}
           </p>
-          <p className="text-xs text-zinc-500 dark:text-slate-400">Try a different task ID</p>
         </div>
       </div>
     )
   }
 
   const task = taskQuery.data
-  const statusLabel = STATUS_LABELS[task.status ?? -1] || 'Unknown'
+  const statusLabel = statusLabels[task.status ?? -1] || t('common.unknown', undefined, 'Unknown')
 
   return (
     <div className="space-y-4">
       <div className="mb-4">
-        <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">Task Found</h3>
+        <h3 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
+          {t('appLayout.header.globalSearch.findTask.found', undefined, 'Task Found')}
+        </h3>
       </div>
       <Link
         to="/tasks/$taskId"
@@ -94,14 +121,18 @@ export const FindTask = () => {
       >
         <div className="min-w-0 flex-1 space-y-2">
           <h3 className="font-semibold text-base text-zinc-900 transition-colors group-hover:text-blue-600 dark:text-white dark:group-hover:text-blue-400">
-            {task.name || `Task #${task.id}`}
+            {task.name || t('common.taskWithId', { id: task.id }, 'Task #{id}')}
           </h3>
           <div className="flex items-center gap-2">
             <span className="rounded-full bg-zinc-100 px-2 py-0.5 text-xs text-zinc-600 dark:bg-slate-800 dark:text-slate-400">
-              Status: {statusLabel}
+              {t(
+                'appLayout.header.globalSearch.findTask.status.label',
+                { status: statusLabel },
+                'Status: {status}'
+              )}
             </span>
             <span className="text-xs text-zinc-500 dark:text-slate-400">
-              Challenge #{task.parent}
+              {t('common.challengeWithId', { id: task.parent }, 'Challenge #{id}')}
             </span>
           </div>
         </div>
diff --git a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/UnifiedSearchList.tsx b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/UnifiedSearchList.tsx
index 45217944e..4bf0cf290 100644
--- a/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/UnifiedSearchList.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/GlobalSearchDropdown/UnifiedSearchList.tsx
@@ -3,6 +3,7 @@ import { ChevronRight, FolderOpen, Loader2, type LucideIcon, Target } from 'luci
 import { useEffect, useMemo, useState } from 'react'
 import { api } from '@/api'
 import { useGlobalSearchContext } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { ChallengeGetResponse } from '@/types/Challenge'
 import type { Project } from '@/types/Project'
@@ -28,6 +29,7 @@ const badgeVariants = {
 }
 
 export const UnifiedSearchList = () => {
+  const { t } = useIntl()
   const { searchQuery, onResultSelect, onSelectSearchType, isOpen } = useGlobalSearchContext()
   const [selectedIndex, setSelectedIndex] = useState(0)
   const [debouncedQuery, setDebouncedQuery] = useState('')
@@ -81,7 +83,14 @@ export const UnifiedSearchList = () => {
             type: 'project',
             title: project.displayName || project.name,
             icon: FolderOpen,
-            badge: { variant: 'default', label: 'Go to project' },
+            badge: {
+              variant: 'default',
+              label: t(
+                'appLayout.header.globalSearch.unifiedList.goToProject',
+                undefined,
+                'Go to project'
+              ),
+            },
             href: '/project/$projectId',
             params: { projectId: String(project.id) },
             onClick: onResultSelect,
@@ -96,7 +105,14 @@ export const UnifiedSearchList = () => {
             type: 'challenge',
             title: challenge.name,
             icon: Target,
-            badge: { variant: 'default', label: 'Go to challenge' },
+            badge: {
+              variant: 'default',
+              label: t(
+                'appLayout.header.globalSearch.unifiedList.goToChallenge',
+                undefined,
+                'Go to challenge'
+              ),
+            },
             href: '/challenge/$challengeId',
             params: { challengeId: String(challenge.id) },
             onClick: onResultSelect,
@@ -111,7 +127,14 @@ export const UnifiedSearchList = () => {
             type: 'project',
             title: project.displayName || project.name,
             icon: FolderOpen,
-            badge: { variant: 'default', label: 'Go to project' },
+            badge: {
+              variant: 'default',
+              label: t(
+                'appLayout.header.globalSearch.unifiedList.goToProject',
+                undefined,
+                'Go to project'
+              ),
+            },
             href: '/project/$projectId',
             params: { projectId: String(project.id) },
             onClick: onResultSelect,
@@ -126,7 +149,14 @@ export const UnifiedSearchList = () => {
             type: 'challenge',
             title: challenge.name,
             icon: Target,
-            badge: { variant: 'default', label: 'Go to challenge' },
+            badge: {
+              variant: 'default',
+              label: t(
+                'appLayout.header.globalSearch.unifiedList.goToChallenge',
+                undefined,
+                'Go to challenge'
+              ),
+            },
             href: '/challenge/$challengeId',
             params: { challengeId: String(challenge.id) },
             onClick: onResultSelect,
@@ -165,6 +195,7 @@ export const UnifiedSearchList = () => {
     hasSearchQuery,
     onResultSelect,
     onSelectSearchType,
+    t,
   ])
 
   useEffect(() => {
@@ -234,7 +265,9 @@ export const UnifiedSearchList = () => {
   if (allItems.length === 0 && !isLoading) {
     return (
       <div className="py-6 text-center">
-        <p className="text-xs text-zinc-500 dark:text-slate-400">No results found</p>
+        <p className="text-xs text-zinc-500 dark:text-slate-400">
+          {t('common.noResultsFound', undefined, 'No results found')}
+        </p>
       </div>
     )
   }
diff --git a/src/components/AppLayout/Header/GlobalSearch/index.tsx b/src/components/AppLayout/Header/GlobalSearch/index.tsx
index 9181768c7..c4dddee75 100644
--- a/src/components/AppLayout/Header/GlobalSearch/index.tsx
+++ b/src/components/AppLayout/Header/GlobalSearch/index.tsx
@@ -72,6 +72,7 @@ const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
 }
 
 import { GlobalSearchProvider } from '@/contexts/GlobalSearchContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { SearchTypeFilters } from './GlobalSearchDropdown/SearchTypeFilters'
 import { UnifiedSearchList } from './GlobalSearchDropdown/UnifiedSearchList'
@@ -79,11 +80,19 @@ import { parseSearchInput, SEARCH_TYPE_PREFIXES } from './shared/searchTypes'
 
 export const GlobalSearch = ({
   className,
-  placeholder = 'Search for challenges, tasks or projects...',
+  placeholder,
   ...props
 }: React.ComponentProps<'search'> & {
   placeholder?: string
 }) => {
+  const { t } = useIntl()
+  const resolvedPlaceholder =
+    placeholder ??
+    t(
+      'appLayout.header.globalSearch.placeholder',
+      undefined,
+      'Search for challenges, tasks or projects...'
+    )
   const id = useId()
   const [isOpen, setIsOpen] = useState<boolean>(false)
   const [selectedSearchTypeLabel, setSelectedSearchTypeLabel] = useState<SearchType | null>(null)
@@ -212,13 +221,13 @@ export const GlobalSearch = ({
           <div className="relative z-10">
             <InputGroup className="rounded-[20px] py-5 dark:border-slate-700 dark:bg-slate-800">
               <label htmlFor={id} className="sr-only">
-                {placeholder}
+                {resolvedPlaceholder}
               </label>
               <InputGroupInput
                 ref={searchInputRef}
                 id={id}
                 type="search"
-                placeholder={placeholder}
+                placeholder={resolvedPlaceholder}
                 value={inputValue}
                 onChange={handleInputChange}
                 onClick={handleInputClick}
diff --git a/src/components/AppLayout/Header/GlobalSearch/shared/searchTypes.ts b/src/components/AppLayout/Header/GlobalSearch/shared/searchTypes.ts
index c429a1ce1..26a808238 100644
--- a/src/components/AppLayout/Header/GlobalSearch/shared/searchTypes.ts
+++ b/src/components/AppLayout/Header/GlobalSearch/shared/searchTypes.ts
@@ -9,6 +9,7 @@ import {
   Target,
 } from 'lucide-react'
 import { useMemo } from 'react'
+import { useIntl } from '@/i18n'
 import { SearchType } from '@/types/GlobalSearch'
 
 export interface SearchTypeOption {
@@ -49,68 +50,112 @@ export const parseSearchInput = (
 }
 
 export const useAllSearchTypes = (): SearchTypeOption[] => {
+  const { t } = useIntl()
   // Reason: stable reference needed — returned from hook and used as dependency in useFilteredSearchTypes
   return useMemo<SearchTypeOption[]>(
     () => [
       {
         id: SearchType.FIND_A_CHALLENGE,
-        label: 'Find a Challenge',
-        description:
-          'Search for mapping challenges with filters for difficulty, location, and tags',
+        label: t(
+          'appLayout.header.globalSearch.types.challenge.label',
+          undefined,
+          'Find a Challenge'
+        ),
+        description: t(
+          'appLayout.header.globalSearch.types.challenge.description',
+          undefined,
+          'Search for mapping challenges with filters for difficulty, location, and tags'
+        ),
         icon: Target,
         keywords: ['challenge', 'mapping', 'task set', 'quest'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_CHALLENGE],
       },
       {
         id: SearchType.FIND_A_TASK,
-        label: 'Find a Task',
-        description: 'Search for individual mapping tasks by ID, status, priority, or location',
+        label: t('common.findATask', undefined, 'Find a Task'),
+        description: t(
+          'appLayout.header.globalSearch.types.task.description',
+          undefined,
+          'Search for individual mapping tasks by ID, status, priority, or location'
+        ),
         icon: ListTodo,
         keywords: ['task', 'item', 'work', 'todo'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_TASK],
       },
       {
         id: SearchType.FIND_A_PROJECT,
-        label: 'Find a Project',
-        description: 'Browse projects containing multiple challenges organized by theme or area',
+        label: t('appLayout.header.globalSearch.types.project.label', undefined, 'Find a Project'),
+        description: t(
+          'appLayout.header.globalSearch.types.project.description',
+          undefined,
+          'Browse projects containing multiple challenges organized by theme or area'
+        ),
         icon: FolderOpen,
         keywords: ['project', 'collection', 'group', 'organization'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_PROJECT],
       },
       {
         id: SearchType.FIND_A_MAPROULETTE_ID,
-        label: 'Find by MapRoulette ID',
-        description: 'Quickly navigate to any resource (project, challenge, or task) using its ID',
+        label: t('common.findByMaprouletteId', undefined, 'Find by MapRoulette ID'),
+        description: t(
+          'appLayout.header.globalSearch.types.id.description',
+          undefined,
+          'Quickly navigate to any resource (project, challenge, or task) using its ID'
+        ),
         icon: Hash,
         keywords: ['id', 'identifier', 'number', 'direct'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_MAPROULETTE_ID],
       },
       {
         id: SearchType.FIND_A_MAPROULETTE_FEATURE_BY_NAME,
-        label: 'Find a Feature by Name',
-        description: 'Search for geographic features like roads, buildings, or landmarks by name',
+        label: t(
+          'appLayout.header.globalSearch.types.featureByName.label',
+          undefined,
+          'Find a Feature by Name'
+        ),
+        description: t(
+          'appLayout.header.globalSearch.types.featureByName.description',
+          undefined,
+          'Search for geographic features like roads, buildings, or landmarks by name'
+        ),
         icon: FileText,
         keywords: ['feature', 'place', 'location', 'geography', 'name'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_MAPROULETTE_FEATURE_BY_NAME],
       },
       {
         id: SearchType.FIND_A_TASK_COMMENT,
-        label: 'Find Task Comments',
-        description: 'Search through comments left on tasks for discussions and notes',
+        label: t(
+          'appLayout.header.globalSearch.types.taskComment.label',
+          undefined,
+          'Find Task Comments'
+        ),
+        description: t(
+          'appLayout.header.globalSearch.types.taskComment.description',
+          undefined,
+          'Search through comments left on tasks for discussions and notes'
+        ),
         icon: MessageCircle,
         keywords: ['comment', 'task', 'discussion', 'note', 'feedback'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_TASK_COMMENT],
       },
       {
         id: SearchType.FIND_A_CHALLENGE_COMMENT,
-        label: 'Find Challenge Comments',
-        description: 'Search through comments on challenges for questions and suggestions',
+        label: t(
+          'appLayout.header.globalSearch.types.challengeComment.label',
+          undefined,
+          'Find Challenge Comments'
+        ),
+        description: t(
+          'appLayout.header.globalSearch.types.challengeComment.description',
+          undefined,
+          'Search through comments on challenges for questions and suggestions'
+        ),
         icon: MessageSquare,
         keywords: ['comment', 'challenge', 'discussion', 'question', 'feedback'],
         prefix: SEARCH_TYPE_PREFIXES[SearchType.FIND_A_CHALLENGE_COMMENT],
       },
     ],
-    []
+    [t]
   )
 }
 
diff --git a/src/components/AppLayout/Header/MobileNav.tsx b/src/components/AppLayout/Header/MobileNav.tsx
index 716ff82d4..92502a6ec 100644
--- a/src/components/AppLayout/Header/MobileNav.tsx
+++ b/src/components/AppLayout/Header/MobileNav.tsx
@@ -7,9 +7,11 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
 import { useNavigationContext } from '@/contexts/NavigationContext'
+import { useIntl } from '@/i18n'
 
 export const MobileNav = () => {
   const { allNavigationItems } = useNavigationContext()
+  const { t } = useIntl()
 
   return (
     <DropdownMenu>
@@ -17,7 +19,7 @@ export const MobileNav = () => {
         <button
           type="button"
           className="hover:text-lime-600 lg:hidden"
-          aria-label="Mobile navigation"
+          aria-label={t('appLayout.header.nav.mobile', undefined, 'Mobile navigation')}
         >
           <MenuIcon className="size-6" />
         </button>
@@ -29,7 +31,14 @@ export const MobileNav = () => {
               {item.icon && <span className="inline-flex">{item.icon}</span>}
               {item.label}
               {item.openInNewTab && (
-                <ExternalLink className="size-3.5" aria-label={`Open ${item.label} in a new tab`} />
+                <ExternalLink
+                  className="size-3.5"
+                  aria-label={t(
+                    'appLayout.header.nav.openInNewTab',
+                    { label: item.label },
+                    'Open {label} in a new tab'
+                  )}
+                />
               )}
             </Link>
           </DropdownMenuItem>
diff --git a/src/components/AppLayout/Header/index.tsx b/src/components/AppLayout/Header/index.tsx
index d0020865d..1e4f6ec96 100644
--- a/src/components/AppLayout/Header/index.tsx
+++ b/src/components/AppLayout/Header/index.tsx
@@ -3,6 +3,7 @@ import { Button } from '@/components/ui/Button'
 import { Loader } from '@/components/ui/Loader'
 import { Logomark } from '@/components/ui/Logomark'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { DesktopNav } from './DesktopNav'
 import { DropdownMenuNotifications } from './DropdownMenuNotifications'
 import { DropdownMenuUser } from './DropdownMenuUser'
@@ -11,13 +12,14 @@ import { MobileNav } from './MobileNav'
 
 export const Header = () => {
   const { user, login, authLoading } = useAuthContext()
+  const { t } = useIntl()
 
   return (
     <header className="relative z-30 flex items-center justify-between gap-4 px-3 py-2.5 md:gap-6 md:px-5 md:py-3.5 lg:gap-12">
       <Link to="/" rel="home" className="flex items-center gap-2">
         <Logomark className="size-8 md:size-9" />
         <span className="whitespace-nowrap font-medium text-xl/5">
-          {window.env.VITE_APP_NAME || 'MapRoulette'}
+          {window.env.VITE_APP_NAME || t('appLayout.header.appName', undefined, 'MapRoulette')}
         </span>
       </Link>
       <GlobalSearch className="-m-2.5 md:-m-3.5 grow p-2.5 md:p-3.5" />
@@ -30,10 +32,10 @@ export const Header = () => {
             <DropdownMenuUser user={user} />
           </>
         ) : authLoading ? (
-          <Loader message="signing in..." />
+          <Loader message={t('appLayout.header.signingIn', undefined, 'signing in...')} />
         ) : (
           <Button size="lg" onClick={login} className="rounded-full">
-            Sign in
+            {t('common.signIn', undefined, 'Sign in')}
           </Button>
         )}
       </div>
diff --git a/src/components/AppLayout/index.tsx b/src/components/AppLayout/index.tsx
index da61e5cc6..66391ad58 100644
--- a/src/components/AppLayout/index.tsx
+++ b/src/components/AppLayout/index.tsx
@@ -14,41 +14,38 @@ import { PluginProvider } from '@/contexts/PluginContext'
 import { useThemeContext } from '@/contexts/ThemeContext'
 import { VisibleLayersProvider } from '@/contexts/VisibleLayersContext'
 import { WebSocketProvider } from '@/contexts/WebSocketContext'
-import { IntlProvider } from '@/i18n'
 
 export const AppLayout = () => {
   const { theme } = useThemeContext()
 
   return (
-    <IntlProvider>
-      <AuthProvider>
-        <AvatarProvider>
-          <PluginProvider>
-            <WebSocketProvider>
-              <NotificationsProvider>
-                <NavigationProvider>
-                  <PageTitleProvider>
-                    <VisibleLayersProvider>
-                      <CongratulateProvider>
-                        <WebSocketEventsListener />
-                        <main className="mx-auto flex h-screen w-full max-w-[2560px] flex-col overflow-hidden">
-                          <BetaBanner />
-                          <Header />
-                          <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-                            <Outlet />
-                          </div>
-                        </main>
-                        <CongratulateModal />
-                      </CongratulateProvider>
-                    </VisibleLayersProvider>
-                  </PageTitleProvider>
-                </NavigationProvider>
-                <Toaster theme={theme} />
-              </NotificationsProvider>
-            </WebSocketProvider>
-          </PluginProvider>
-        </AvatarProvider>
-      </AuthProvider>
-    </IntlProvider>
+    <AuthProvider>
+      <AvatarProvider>
+        <PluginProvider>
+          <WebSocketProvider>
+            <NotificationsProvider>
+              <NavigationProvider>
+                <PageTitleProvider>
+                  <VisibleLayersProvider>
+                    <CongratulateProvider>
+                      <WebSocketEventsListener />
+                      <main className="mx-auto flex h-screen w-full max-w-[2560px] flex-col overflow-hidden">
+                        <BetaBanner />
+                        <Header />
+                        <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
+                          <Outlet />
+                        </div>
+                      </main>
+                      <CongratulateModal />
+                    </CongratulateProvider>
+                  </VisibleLayersProvider>
+                </PageTitleProvider>
+              </NavigationProvider>
+              <Toaster theme={theme} />
+            </NotificationsProvider>
+          </WebSocketProvider>
+        </PluginProvider>
+      </AvatarProvider>
+    </AuthProvider>
   )
 }
diff --git a/src/components/Map/FeatureStyleLegend/FeatureStyleLegend.tsx b/src/components/Map/FeatureStyleLegend/FeatureStyleLegend.tsx
index baf4ade74..b3dc4c8e3 100644
--- a/src/components/Map/FeatureStyleLegend/FeatureStyleLegend.tsx
+++ b/src/components/Map/FeatureStyleLegend/FeatureStyleLegend.tsx
@@ -1,6 +1,7 @@
 import { ChevronDown, ChevronUp, Palette } from 'lucide-react'
 import { useState } from 'react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { LegendEntry } from './LegendEntry'
 import type { TaskStyleRule } from './styleRuleToText'
 
@@ -10,6 +11,7 @@ interface Props {
 }
 
 export const FeatureStyleLegend = ({ rules, defaultOpen = false }: Props) => {
+  const { t } = useIntl()
   const [open, setOpen] = useState(defaultOpen)
 
   if (!rules || rules.length === 0) return null
@@ -25,7 +27,8 @@ export const FeatureStyleLegend = ({ rules, defaultOpen = false }: Props) => {
         aria-expanded={open}
       >
         <span className="flex items-center gap-1.5">
-          <Palette className="size-3.5" aria-hidden="true" /> Styles
+          <Palette className="size-3.5" aria-hidden="true" />{' '}
+          {t('map.featureStyleLegend.styles', undefined, 'Styles')}
         </span>
         {open ? (
           <ChevronDown className="size-3.5" aria-hidden="true" />
diff --git a/src/components/Map/LayerControl/CustomLayers/CustomLayerForm.tsx b/src/components/Map/LayerControl/CustomLayers/CustomLayerForm.tsx
index 1be63dda2..c986acb2e 100644
--- a/src/components/Map/LayerControl/CustomLayers/CustomLayerForm.tsx
+++ b/src/components/Map/LayerControl/CustomLayers/CustomLayerForm.tsx
@@ -17,6 +17,7 @@ import {
   SelectValue,
 } from '@/components/ui/Select'
 import { useVisibleLayers } from '@/contexts/VisibleLayersContext'
+import { useIntl } from '@/i18n'
 import type { CustomOverlay } from '@/types/MapLayer'
 
 interface Props {
@@ -26,6 +27,7 @@ interface Props {
 }
 
 export const CustomLayerForm = ({ open, onOpenChange, existing }: Props) => {
+  const { t } = useIntl()
   const { addCustomOverlay, updateCustomOverlay } = useVisibleLayers()
   const [name, setName] = useState(existing?.name ?? '')
   const [url, setUrl] = useState(existing?.url ?? '')
@@ -54,37 +56,55 @@ export const CustomLayerForm = ({ open, onOpenChange, existing }: Props) => {
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>{existing ? 'Edit layer' : 'Add custom layer'}</DialogTitle>
+          <DialogTitle>
+            {existing
+              ? t('map.layerControl.customLayers.form.editTitle', undefined, 'Edit layer')
+              : t('map.layerControl.customLayers.form.addTitle', undefined, 'Add custom layer')}
+          </DialogTitle>
         </DialogHeader>
         <div className="space-y-3">
           <div>
-            <Label htmlFor={nameId}>Name</Label>
+            <Label htmlFor={nameId}>{t('common.name', undefined, 'Name')}</Label>
             <Input id={nameId} value={name} onChange={(e) => setName(e.target.value)} />
           </div>
           <div>
-            <Label htmlFor={typeId}>Type</Label>
+            <Label htmlFor={typeId}>{t('common.type', undefined, 'Type')}</Label>
             <Select value={type} onValueChange={(v) => setType(v as CustomOverlay['type'])}>
               <SelectTrigger id={typeId}>
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="tile">Tile (XYZ)</SelectItem>
-                <SelectItem value="wms">WMS</SelectItem>
-                <SelectItem value="geojson">GeoJSON URL</SelectItem>
+                <SelectItem value="tile">
+                  {t('map.layerControl.customLayers.form.typeTile', undefined, 'Tile (XYZ)')}
+                </SelectItem>
+                <SelectItem value="wms">
+                  {t('map.layerControl.customLayers.form.typeWms', undefined, 'WMS')}
+                </SelectItem>
+                <SelectItem value="geojson">
+                  {t('common.geojsonUrl', undefined, 'GeoJSON URL')}
+                </SelectItem>
               </SelectContent>
             </Select>
           </div>
           <div>
-            <Label htmlFor={urlId}>URL template</Label>
+            <Label htmlFor={urlId}>
+              {t('map.layerControl.customLayers.form.urlTemplate', undefined, 'URL template')}
+            </Label>
             <Input
               id={urlId}
               value={url}
               onChange={(e) => setUrl(e.target.value)}
-              placeholder="https://…/{z}/{x}/{y}.png"
+              placeholder={t(
+                'map.layerControl.customLayers.form.urlPlaceholder',
+                undefined,
+                'https://…/{z}/{x}/{y}.png'
+              )}
             />
           </div>
           <div>
-            <Label htmlFor={attrId}>Attribution</Label>
+            <Label htmlFor={attrId}>
+              {t('map.layerControl.customLayers.form.attribution', undefined, 'Attribution')}
+            </Label>
             <Input
               id={attrId}
               value={attribution}
@@ -94,10 +114,12 @@ export const CustomLayerForm = ({ open, onOpenChange, existing }: Props) => {
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button onClick={handleSubmit} disabled={!name.trim() || !url.trim()}>
-            {existing ? 'Save' : 'Add layer'}
+            {existing
+              ? t('common.save', undefined, 'Save')
+              : t('map.layerControl.customLayers.form.addLayer', undefined, 'Add layer')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Map/LayerControl/CustomLayers/CustomLayerRow.tsx b/src/components/Map/LayerControl/CustomLayers/CustomLayerRow.tsx
index 798f9ebcc..07cf44f04 100644
--- a/src/components/Map/LayerControl/CustomLayers/CustomLayerRow.tsx
+++ b/src/components/Map/LayerControl/CustomLayers/CustomLayerRow.tsx
@@ -3,6 +3,7 @@ import { useId } from 'react'
 import { Button } from '@/components/ui/Button'
 import { Checkbox } from '@/components/ui/Checkbox'
 import { useVisibleLayers } from '@/contexts/VisibleLayersContext'
+import { useIntl } from '@/i18n'
 import type { CustomOverlay } from '@/types/MapLayer'
 
 interface Props {
@@ -11,6 +12,7 @@ interface Props {
 }
 
 export const CustomLayerRow = ({ overlay, onEdit }: Props) => {
+  const { t } = useIntl()
   const { overlays, toggleOverlay, removeCustomOverlay } = useVisibleLayers()
   const checked = !!overlays[overlay.id]
   const checkboxId = useId()
@@ -29,7 +31,7 @@ export const CustomLayerRow = ({ overlay, onEdit }: Props) => {
         variant="ghost"
         size="icon"
         onClick={() => onEdit(overlay)}
-        aria-label="Edit"
+        aria-label={t('common.edit', undefined, 'Edit')}
       >
         <Pencil className="size-3" aria-hidden="true" />
       </Button>
@@ -38,7 +40,7 @@ export const CustomLayerRow = ({ overlay, onEdit }: Props) => {
         variant="ghost"
         size="icon"
         onClick={() => removeCustomOverlay(overlay.id)}
-        aria-label="Remove"
+        aria-label={t('map.layerControl.customLayers.row.remove', undefined, 'Remove')}
       >
         <Trash2 className="size-3" aria-hidden="true" />
       </Button>
diff --git a/src/components/Map/LayerControl/CustomLayers/CustomLayersPanel.tsx b/src/components/Map/LayerControl/CustomLayers/CustomLayersPanel.tsx
index a36db2b0c..bccdf14e2 100644
--- a/src/components/Map/LayerControl/CustomLayers/CustomLayersPanel.tsx
+++ b/src/components/Map/LayerControl/CustomLayers/CustomLayersPanel.tsx
@@ -2,11 +2,13 @@ import { Plus } from 'lucide-react'
 import { useState } from 'react'
 import { Button } from '@/components/ui/Button'
 import { useVisibleLayers } from '@/contexts/VisibleLayersContext'
+import { useIntl } from '@/i18n'
 import type { CustomOverlay } from '@/types/MapLayer'
 import { CustomLayerForm } from './CustomLayerForm'
 import { CustomLayerRow } from './CustomLayerRow'
 
 export const CustomLayersPanel = () => {
+  const { t } = useIntl()
   const { customOverlays } = useVisibleLayers()
   const [editing, setEditing] = useState<CustomOverlay | null>(null)
   const [creating, setCreating] = useState(false)
@@ -15,7 +17,7 @@ export const CustomLayersPanel = () => {
     <div className="space-y-2">
       <div className="flex items-center justify-between">
         <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-          Custom layers
+          {t('map.layerControl.customLayers.panel.title', undefined, 'Custom layers')}
         </span>
         <Button
           type="button"
@@ -24,11 +26,14 @@ export const CustomLayersPanel = () => {
           className="h-6 px-1 text-xs"
           onClick={() => setCreating(true)}
         >
-          <Plus className="size-3" aria-hidden="true" /> Add
+          <Plus className="size-3" aria-hidden="true" />{' '}
+          {t('map.layerControl.customLayers.panel.add', undefined, 'Add')}
         </Button>
       </div>
       {customOverlays.length === 0 ? (
-        <p className="px-2 text-xs text-zinc-500 dark:text-slate-400">No custom layers yet.</p>
+        <p className="px-2 text-xs text-zinc-500 dark:text-slate-400">
+          {t('map.layerControl.customLayers.panel.empty', undefined, 'No custom layers yet.')}
+        </p>
       ) : (
         <ul>
           {customOverlays.map((overlay) => (
diff --git a/src/components/Map/LayerControl/LayerControl.tsx b/src/components/Map/LayerControl/LayerControl.tsx
index 503e4e84e..fa3da1b03 100644
--- a/src/components/Map/LayerControl/LayerControl.tsx
+++ b/src/components/Map/LayerControl/LayerControl.tsx
@@ -1,16 +1,18 @@
 import { useVisibleLayers } from '@/contexts/VisibleLayersContext'
+import { useIntl } from '@/i18n'
 import { CustomLayersPanel } from './CustomLayers/CustomLayersPanel'
 import { LayerToggleButton } from './LayerToggleButton'
 import { overlayRegistry } from './overlayRegistry'
 
 export const LayerControl = () => {
+  const { t } = useIntl()
   const { overlays, toggleOverlay } = useVisibleLayers()
 
   return (
     <div className="w-64 space-y-3 rounded-md bg-white p-3 shadow-lg dark:bg-slate-900">
       <div>
         <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-          Overlays
+          {t('map.layerControl.overlays', undefined, 'Overlays')}
         </span>
         <div className="mt-1">
           {overlayRegistry.map((o) => (
diff --git a/src/components/Map/MapControls.tsx b/src/components/Map/MapControls.tsx
index c9c14a65e..e3febd3b9 100644
--- a/src/components/Map/MapControls.tsx
+++ b/src/components/Map/MapControls.tsx
@@ -7,6 +7,7 @@ import { Button } from '@/components/ui/Button'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
 import { Separator } from '@/components/ui/Separator'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/Tooltip'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export interface MapControlButton {
@@ -44,6 +45,7 @@ export const MapControls = ({
   defaultOpen = true,
   className,
 }: MapControlsProps) => {
+  const { t } = useIntl()
   const [isOpen, setIsOpen] = useState(defaultOpen)
 
   const handleZoomIn = () => {
@@ -93,7 +95,9 @@ export const MapControls = ({
                       </Button>
                     </PopoverTrigger>
                   </TooltipTrigger>
-                  <TooltipContent side="left">Map style</TooltipContent>
+                  <TooltipContent side="left">
+                    {t('map.controls.mapStyle', undefined, 'Map style')}
+                  </TooltipContent>
                 </Tooltip>
                 <PopoverContent side="left" align="start" sideOffset={8} className="w-72">
                   <MapStyleSwitcher map={map} mapLoaded={mapLoaded} />
@@ -114,7 +118,9 @@ export const MapControls = ({
                     <Globe className="h-4 w-4" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent side="left">Reset view</TooltipContent>
+                <TooltipContent side="left">
+                  {t('map.controls.resetView', undefined, 'Reset view')}
+                </TooltipContent>
               </Tooltip>
             )}
 
@@ -132,7 +138,9 @@ export const MapControls = ({
                       <ZoomIn className="h-4 w-4" />
                     </Button>
                   </TooltipTrigger>
-                  <TooltipContent side="left">Zoom in</TooltipContent>
+                  <TooltipContent side="left">
+                    {t('map.controls.zoomIn', undefined, 'Zoom in')}
+                  </TooltipContent>
                 </Tooltip>
 
                 <Tooltip>
@@ -147,7 +155,9 @@ export const MapControls = ({
                       <ZoomOut className="h-4 w-4" />
                     </Button>
                   </TooltipTrigger>
-                  <TooltipContent side="left">Zoom out</TooltipContent>
+                  <TooltipContent side="left">
+                    {t('map.controls.zoomOut', undefined, 'Zoom out')}
+                  </TooltipContent>
                 </Tooltip>
               </>
             )}
@@ -197,7 +207,9 @@ export const MapControls = ({
                   </Button>
                 </TooltipTrigger>
                 <TooltipContent side="left">
-                  {isOpen ? 'Hide controls' : 'Show controls'}
+                  {isOpen
+                    ? t('map.controls.hideControls', undefined, 'Hide controls')
+                    : t('map.controls.showControls', undefined, 'Show controls')}
                 </TooltipContent>
               </Tooltip>
             </>
diff --git a/src/components/Map/ScaleBar/ScaleBar.tsx b/src/components/Map/ScaleBar/ScaleBar.tsx
index 23b76ccff..4735ca0b2 100644
--- a/src/components/Map/ScaleBar/ScaleBar.tsx
+++ b/src/components/Map/ScaleBar/ScaleBar.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
 import type { MapRef } from 'react-map-gl/maplibre'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 const METRIC_STEPS_METERS = [
@@ -37,20 +38,30 @@ interface ScaleInfo {
   width: number
 }
 
-const formatMetric = (meters: number): string => {
+type TFunction = ReturnType<typeof useIntl>['t']
+
+const formatMetric = (meters: number, t: TFunction): string => {
   if (meters >= 1000) {
     const km = meters / 1000
-    return `${km % 1 === 0 ? km.toFixed(0) : km.toFixed(1)} km`
+    return t(
+      'map.scaleBar.kilometers',
+      { value: km % 1 === 0 ? km.toFixed(0) : km.toFixed(1) },
+      '{value} km'
+    )
   }
-  return `${meters} m`
+  return t('map.scaleBar.meters', { value: meters }, '{value} m')
 }
 
-const formatImperial = (feet: number): string => {
+const formatImperial = (feet: number, t: TFunction): string => {
   if (feet >= FEET_PER_MILE) {
     const mi = feet / FEET_PER_MILE
-    return `${mi % 1 === 0 ? mi.toFixed(0) : mi.toFixed(1)} mi`
+    return t(
+      'map.scaleBar.miles',
+      { value: mi % 1 === 0 ? mi.toFixed(0) : mi.toFixed(1) },
+      '{value} mi'
+    )
   }
-  return `${feet} ft`
+  return t('map.scaleBar.feet', { value: feet }, '{value} ft')
 }
 
 const pickStep = (steps: number[], max: number): number => {
@@ -70,6 +81,7 @@ interface Props {
 }
 
 export const ScaleBar = ({ mapRef, mapLoaded, maxWidth = 100, className }: Props) => {
+  const { t } = useIntl()
   const [metric, setMetric] = useState<ScaleInfo | null>(null)
   const [imperial, setImperial] = useState<ScaleInfo | null>(null)
 
@@ -89,7 +101,7 @@ export const ScaleBar = ({ mapRef, mapLoaded, maxWidth = 100, className }: Props
       const metricMax = maxWidth * metersPerPixel
       const metricChosen = pickStep(METRIC_STEPS_METERS, metricMax)
       setMetric({
-        label: formatMetric(metricChosen),
+        label: formatMetric(metricChosen, t),
         width: metricChosen / metersPerPixel,
       })
 
@@ -97,7 +109,7 @@ export const ScaleBar = ({ mapRef, mapLoaded, maxWidth = 100, className }: Props
       const imperialMax = maxWidth * metersPerPixel * feetPerMeter
       const imperialChosen = pickStep(IMPERIAL_STEPS_FEET, imperialMax)
       setImperial({
-        label: formatImperial(imperialChosen),
+        label: formatImperial(imperialChosen, t),
         width: imperialChosen / (metersPerPixel * feetPerMeter),
       })
     }
@@ -109,7 +121,7 @@ export const ScaleBar = ({ mapRef, mapLoaded, maxWidth = 100, className }: Props
       map.off('move', update)
       map.off('load', update)
     }
-  }, [mapRef, maxWidth, mapLoaded])
+  }, [mapRef, maxWidth, mapLoaded, t])
 
   if (!metric || !imperial) return null
 
diff --git a/src/components/Map/StatusLegend/StatusLegend.tsx b/src/components/Map/StatusLegend/StatusLegend.tsx
index 2b4f3d823..e7a327baf 100644
--- a/src/components/Map/StatusLegend/StatusLegend.tsx
+++ b/src/components/Map/StatusLegend/StatusLegend.tsx
@@ -1,6 +1,7 @@
 import { ChevronDown, ChevronUp, MapIcon } from 'lucide-react'
 import { useState } from 'react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { LegendRow } from './LegendRow'
 import { priorityEntries, statusLegendEntries } from './taskStatusCatalog'
 
@@ -10,6 +11,7 @@ interface Props {
 
 export const StatusLegend = ({ defaultOpen = false }: Props) => {
   const [open, setOpen] = useState(defaultOpen)
+  const { t } = useIntl()
 
   return (
     <div className="rounded-md bg-white/95 shadow-md backdrop-blur dark:bg-slate-900/95">
@@ -22,7 +24,8 @@ export const StatusLegend = ({ defaultOpen = false }: Props) => {
         aria-expanded={open}
       >
         <span className="flex items-center gap-1.5">
-          <MapIcon className="size-3.5" aria-hidden="true" /> Legend
+          <MapIcon className="size-3.5" aria-hidden="true" />{' '}
+          {t('statusLegend.legend', undefined, 'Legend')}
         </span>
         {open ? (
           <ChevronDown className="size-3.5" aria-hidden="true" />
@@ -34,7 +37,7 @@ export const StatusLegend = ({ defaultOpen = false }: Props) => {
         <div className="space-y-2 border-zinc-200 border-t p-2 dark:border-slate-700">
           <div>
             <div className="mb-1 text-[10px] text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-              Status
+              {t('common.status', undefined, 'Status')}
             </div>
             <ul className="space-y-1">
               {statusLegendEntries.map((entry) => (
@@ -50,7 +53,7 @@ export const StatusLegend = ({ defaultOpen = false }: Props) => {
           </div>
           <div>
             <div className="mb-1 text-[10px] text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-              Priority
+              {t('common.priority', undefined, 'Priority')}
             </div>
             <ul className="space-y-1">
               {priorityEntries.map((entry) => (
diff --git a/src/components/Map/TaskMarkers/ClusterToggle.tsx b/src/components/Map/TaskMarkers/ClusterToggle.tsx
index 3b6b3a152..e82a77a32 100644
--- a/src/components/Map/TaskMarkers/ClusterToggle.tsx
+++ b/src/components/Map/TaskMarkers/ClusterToggle.tsx
@@ -4,6 +4,7 @@ import { useId } from 'react'
 import { Badge } from '@/components/ui/Badge'
 import { Label } from '@/components/ui/Label'
 import { Switch } from '@/components/ui/Switch'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export interface ClusterToggleProps {
@@ -37,6 +38,7 @@ export const ClusterToggle = ({
   inline = false,
 }: ClusterToggleProps) => {
   const switchId = useId()
+  const { t } = useIntl()
 
   const handleToggle = (checked: boolean) => {
     if (!disabled && onToggle) {
@@ -46,9 +48,17 @@ export const ClusterToggle = ({
 
   const warningMessage = showWarnings
     ? taskCount && taskCount > 5000
-      ? 'Data is too large to cluster, zoom in to view tasks'
+      ? t(
+          'map.taskMarkers.clusterToggle.tooLargeWarning',
+          undefined,
+          'Data is too large to cluster, zoom in to view tasks'
+        )
       : taskCount && taskCount > 500
-        ? 'Clustering is enforced for 500+ tasks'
+        ? t(
+            'map.taskMarkers.clusterToggle.enforcedWarning',
+            undefined,
+            'Clustering is enforced for 500+ tasks'
+          )
         : null
     : null
 
@@ -92,7 +102,7 @@ export const ClusterToggle = ({
           />
           <Network className="h-3.5 w-3.5 text-zinc-700 md:h-4 md:w-4 dark:text-zinc-300" />
           <span className="font-medium text-xs text-zinc-700 dark:text-zinc-300">
-            Cluster Markers
+            {t('map.taskMarkers.clusterToggle.label', undefined, 'Cluster Markers')}
           </span>
         </Label>
 
@@ -100,7 +110,17 @@ export const ClusterToggle = ({
           <div className="mt-2 space-y-1.5 md:mt-3 md:space-y-2">
             {taskCount !== undefined && taskCount > 0 && (
               <Badge variant="secondary" className="text-xs">
-                {taskCount.toLocaleString()} {taskCount === 1 ? 'task' : 'tasks'}
+                {taskCount === 1
+                  ? t(
+                      'map.taskMarkers.clusterToggle.taskCount',
+                      { count: taskCount.toLocaleString() },
+                      '{count} task'
+                    )
+                  : t(
+                      'common.tasksWithCount',
+                      { count: taskCount.toLocaleString() },
+                      '{count} tasks'
+                    )}
               </Badge>
             )}
             {warningMessage && (
diff --git a/src/components/Pages/BrowsedChallengePage/BrowseChallengeMap.tsx b/src/components/Pages/BrowsedChallengePage/BrowseChallengeMap.tsx
index a80dfca0d..34c88bddc 100644
--- a/src/components/Pages/BrowsedChallengePage/BrowseChallengeMap.tsx
+++ b/src/components/Pages/BrowsedChallengePage/BrowseChallengeMap.tsx
@@ -16,10 +16,12 @@ import { TaskGeometryLayer } from '@/components/Map/TaskMarkers/TaskGeometryLaye
 import { MapLoadingIndicator } from '@/components/shared/MapLoadingIndicator'
 import { useDrawerPortal } from '@/components/TaskInfoPanel/DrawerPortalContext'
 import { TaskInfoDrawer } from '@/components/TaskInfoPanel/TaskInfoDrawer'
+import { useIntl } from '@/i18n'
 import { useBrowseChallengeMap } from './BrowseChallengeMap/hooks'
 
 export const BrowseChallengeMap = () => {
   const mapId = useId()
+  const { t } = useIntl()
   const {
     mapRef,
     mapLoaded,
@@ -117,7 +119,11 @@ export const BrowseChallengeMap = () => {
                 {
                   icon: Maximize2,
                   onClick: zoomToAllTags,
-                  tooltip: 'Zoom out to all tags',
+                  tooltip: t(
+                    'browsedChallengePage.map.zoomOutToAllTags',
+                    undefined,
+                    'Zoom out to all tags'
+                  ),
                   disabled: !mapLoaded,
                 },
               ]
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeActionButtons.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeActionButtons.tsx
index bc7241916..77fb8fbdc 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeActionButtons.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeActionButtons.tsx
@@ -7,6 +7,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { useChallengeModals } from './ChallengeModals/ChallengeModalsContext'
 
@@ -14,6 +15,7 @@ export const ChallengeActionButtons = () => {
   const { challenge, hasOverpass, canClone, canManage, user, existingIssue } =
     useBrowsedChallengeContext()
   const { openReport, openOverpass, openClone } = useChallengeModals()
+  const { t } = useIntl()
 
   const handleReport = () => {
     if (existingIssue) {
@@ -25,10 +27,18 @@ export const ChallengeActionButtons = () => {
 
   const isReportDisabled = !user || !!existingIssue
   const reportTitle = !user
-    ? 'You must be logged in to report a challenge'
+    ? t(
+        'browsedChallengePage.actionButtons.mustLoginToReport',
+        undefined,
+        'You must be logged in to report a challenge'
+      )
     : existingIssue
-      ? 'This challenge has already been reported'
-      : 'Report challenge'
+      ? t(
+          'browsedChallengePage.actionButtons.alreadyReported',
+          undefined,
+          'This challenge has already been reported'
+        )
+      : t('browsedChallengePage.actionButtons.reportChallengeTitle', undefined, 'Report challenge')
 
   return (
     <DropdownMenu>
@@ -36,7 +46,11 @@ export const ChallengeActionButtons = () => {
         <button
           type="button"
           className="flex items-center justify-center rounded-lg p-1.5 text-zinc-600 transition-colors hover:bg-zinc-100 hover:text-zinc-900 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 dark:text-slate-400 dark:focus:ring-slate-300 dark:hover:bg-slate-800 dark:hover:text-white"
-          aria-label="Challenge actions"
+          aria-label={t(
+            'browsedChallengePage.actionButtons.challengeActions',
+            undefined,
+            'Challenge actions'
+          )}
         >
           <MoreVertical className="size-4" />
         </button>
@@ -45,7 +59,7 @@ export const ChallengeActionButtons = () => {
         {hasOverpass && (
           <DropdownMenuItem onClick={openOverpass}>
             <Code className="size-4" />
-            Overpass Query
+            {t('common.overpassQuery', undefined, 'Overpass Query')}
           </DropdownMenuItem>
         )}
         {canManage && challenge.id != null && (
@@ -56,14 +70,18 @@ export const ChallengeActionButtons = () => {
               className="flex cursor-pointer items-center gap-2"
             >
               <Settings className="size-4" />
-              Manage Challenge
+              {t(
+                'browsedChallengePage.actionButtons.manageChallenge',
+                undefined,
+                'Manage Challenge'
+              )}
             </Link>
           </DropdownMenuItem>
         )}
         {canClone && (
           <DropdownMenuItem onClick={openClone}>
             <Copy className="size-4" />
-            Clone Challenge
+            {t('common.cloneChallenge', undefined, 'Clone Challenge')}
           </DropdownMenuItem>
         )}
         <DropdownMenuItem
@@ -79,7 +97,13 @@ export const ChallengeActionButtons = () => {
                 'fill-red-600 text-red-600 drop-shadow-[0_0_8px_rgba(220,38,38,0.8)] dark:fill-red-500 dark:text-red-500 dark:drop-shadow-[0_0_8px_rgba(239,68,68,0.8)]'
             )}
           />
-          {existingIssue ? 'Challenge Reported' : 'Report Challenge'}
+          {existingIssue
+            ? t(
+                'browsedChallengePage.actionButtons.challengeReported',
+                undefined,
+                'Challenge Reported'
+              )
+            : t('common.reportChallenge', undefined, 'Report Challenge')}
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeFooter.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeFooter.tsx
index 06c8ef216..dd68cd4c1 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeFooter.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeFooter.tsx
@@ -6,6 +6,7 @@ import { toast } from 'sonner'
 import { api } from '@/api'
 import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengePage/contexts/BrowsedChallengeContext'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { useMapToggle } from '../MapToggleContext'
 import { ChallengeProgress } from './ChallengeProgress'
@@ -15,6 +16,7 @@ export const ChallengeFooter = () => {
   const navigate = useNavigate()
   const { challenge, existingIssue } = useBrowsedChallengeContext()
   const { showMap, setShowMap } = useMapToggle()
+  const { t } = useIntl()
 
   const [isLoadingTask, setIsLoadingTask] = useState(false)
 
@@ -29,11 +31,19 @@ export const ChallengeFooter = () => {
         const taskId = task[0].id
         await navigate({ to: '/tasks/$taskId', params: { taskId: String(taskId) } })
       } else {
-        toast.error('No tasks available for this challenge')
+        toast.error(
+          t(
+            'browsedChallengePage.footer.noTasksAvailable',
+            undefined,
+            'No tasks available for this challenge'
+          )
+        )
       }
     } catch (error) {
       logger.error('Error starting task', { error })
-      toast.error('Failed to load task')
+      toast.error(
+        t('browsedChallengePage.footer.failedToLoadTask', undefined, 'Failed to load task')
+      )
     } finally {
       setIsLoadingTask(false)
     }
@@ -49,11 +59,19 @@ export const ChallengeFooter = () => {
             variant="outline"
             className="group h-auto gap-2 border-red-200 bg-red-50/50 px-3 py-2 hover:bg-red-100 hover:shadow-sm dark:border-red-800 dark:bg-red-900/10 dark:hover:bg-red-900/20"
             onClick={() => window.open(existingIssue.html_url, '_blank')}
-            aria-label="View reported issue on GitHub"
+            aria-label={t(
+              'browsedChallengePage.footer.viewReportedIssue',
+              undefined,
+              'View reported issue on GitHub'
+            )}
           >
             <Flag className="size-3.5 flex-shrink-0 fill-red-600 text-red-600 drop-shadow-[0_0_4px_rgba(220,38,38,0.6)] transition-all group-hover:drop-shadow-[0_0_8px_rgba(220,38,38,0.8)] dark:fill-red-500 dark:text-red-500 dark:drop-shadow-[0_0_4px_rgba(239,68,68,0.6)] dark:group-hover:drop-shadow-[0_0_8px_rgba(239,68,68,0.8)]" />
             <p className="text-center text-red-600 text-xs dark:text-red-400">
-              This challenge has been reported. Click here to view the issue.
+              {t(
+                'browsedChallengePage.footer.reportedIssueMessage',
+                undefined,
+                'This challenge has been reported. Click here to view the issue.'
+              )}
             </p>
             <Flag className="size-3.5 flex-shrink-0 fill-red-600 text-red-600 drop-shadow-[0_0_4px_rgba(220,38,38,0.6)] transition-all group-hover:drop-shadow-[0_0_8px_rgba(220,38,38,0.8)] dark:fill-red-500 dark:text-red-500 dark:drop-shadow-[0_0_4px_rgba(239,68,68,0.6)] dark:group-hover:drop-shadow-[0_0_8px_rgba(239,68,68,0.8)]" />
           </Button>
@@ -68,7 +86,9 @@ export const ChallengeFooter = () => {
           disabled={isLoadingTask}
         >
           <Play className="size-5" />
-          {isLoadingTask ? 'Loading...' : 'Start Challenge'}
+          {isLoadingTask
+            ? t('common.loading2', undefined, 'Loading...')
+            : t('browsedChallengePage.footer.startChallenge', undefined, 'Start Challenge')}
         </Button>
       </div>
       <div className="mt-6 md:hidden">
@@ -79,7 +99,9 @@ export const ChallengeFooter = () => {
           className="w-full gap-2 rounded-full transition-all hover:bg-zinc-100 dark:hover:bg-slate-800"
         >
           <MapIcon className="size-5" />
-          {showMap ? 'Hide Map' : 'Show Map'}
+          {showMap
+            ? t('browsedChallengePage.footer.hideMap', undefined, 'Hide Map')
+            : t('browsedChallengePage.footer.showMap', undefined, 'Show Map')}
         </Button>
       </div>
     </div>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeHeader.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeHeader.tsx
index b8507b53e..9020995a1 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeHeader.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeHeader.tsx
@@ -5,6 +5,7 @@ import { api } from '@/api'
 import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengePage/contexts/BrowsedChallengeContext'
 import { Button } from '@/components/ui/Button'
 import { DisabledTooltip } from '@/components/ui/DisabledTooltip'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 import { ChallengeActionButtons } from './ChallengeActionButtons'
@@ -30,9 +31,18 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
   } = useBrowsedChallengeContext()
   const name = challenge.name
   const { openComments } = useChallengeModals()
+  const { t } = useIntl()
   const needsSignIn = !user?.id
-  const likeSignInMsg = 'Sign in to like challenges'
-  const saveSignInMsg = 'Sign in to save challenges'
+  const likeSignInMsg = t(
+    'browsedChallengePage.header.signInToLike',
+    undefined,
+    'Sign in to like challenges'
+  )
+  const saveSignInMsg = t(
+    'browsedChallengePage.header.signInToSave',
+    undefined,
+    'Sign in to save challenges'
+  )
 
   const favoriteMutation = api.challenge.useFavoriteChallenge()
   const unfavoriteMutation = api.challenge.useUnfavoriteChallenge()
@@ -45,42 +55,72 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
   const handleFavorite = async () => {
     if (!challenge.id) return
     if (!user?.id) {
-      toast.error('Please sign in to save challenges')
+      toast.error(
+        t(
+          'browsedChallengePage.header.pleaseSignInToSave',
+          undefined,
+          'Please sign in to save challenges'
+        )
+      )
       return
     }
 
     try {
       if (isFavorited) {
         await unfavoriteMutation.mutateAsync(challenge.id)
-        toast.success('Removed from favorites')
+        toast.success(
+          t('browsedChallengePage.header.removedFromFavorites', undefined, 'Removed from favorites')
+        )
       } else {
         await favoriteMutation.mutateAsync(challenge.id)
-        toast.success('Added to favorites')
+        toast.success(
+          t('browsedChallengePage.header.addedToFavorites', undefined, 'Added to favorites')
+        )
       }
     } catch (error) {
       logger.error('Error toggling favorite', { error })
-      toast.error('Failed to update favorite status')
+      toast.error(
+        t(
+          'browsedChallengePage.header.failedToUpdateFavorite',
+          undefined,
+          'Failed to update favorite status'
+        )
+      )
     }
   }
 
   const handleLike = async () => {
     if (!challenge.id) return
     if (!user?.id) {
-      toast.error('Please sign in to like challenges')
+      toast.error(
+        t(
+          'browsedChallengePage.header.pleaseSignInToLike',
+          undefined,
+          'Please sign in to like challenges'
+        )
+      )
       return
     }
 
     try {
       if (isLiked) {
         await unlikeMutation.mutateAsync(challenge.id)
-        toast.success('Like removed')
+        toast.success(t('browsedChallengePage.header.likeRemoved', undefined, 'Like removed'))
       } else {
         await likeMutation.mutateAsync(challenge.id)
-        toast.success('Challenge liked!')
+        toast.success(
+          t('browsedChallengePage.header.challengeLiked', undefined, 'Challenge liked!')
+        )
       }
     } catch (error) {
       logger.error('Error toggling like', { error })
-      toast.error('Failed to update like status')
+      toast.error(
+        t(
+          'browsedChallengePage.header.failedToUpdateLike',
+          undefined,
+          'Failed to update like status'
+        )
+      )
     }
   }
 
@@ -92,21 +132,27 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
       if (navigator.share) {
         await navigator.share({
           title: name,
-          text: `Check out this challenge: ${name}`,
+          text: t(
+            'browsedChallengePage.header.checkOutChallenge',
+            { name },
+            'Check out this challenge: {name}'
+          ),
           url,
         })
       } else {
         await navigator.clipboard.writeText(url)
-        toast.success('Link copied to clipboard')
+        toast.success(t('common.linkCopiedToClipboard', undefined, 'Link copied to clipboard'))
       }
     } catch (error) {
       if (error instanceof Error && error.name !== 'AbortError') {
         try {
           await navigator.clipboard.writeText(url)
-          toast.success('Link copied to clipboard')
+          toast.success(t('common.linkCopiedToClipboard', undefined, 'Link copied to clipboard'))
         } catch (clipboardError) {
           logger.error('Error copying to clipboard', { error: clipboardError })
-          toast.error('Failed to share challenge')
+          toast.error(
+            t('browsedChallengePage.header.failedToShare', undefined, 'Failed to share challenge')
+          )
         }
       }
     }
@@ -116,42 +162,42 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
 
   if (challenge.paused) {
     taxonomyItems.push({
-      label: 'Paused',
+      label: t('common.paused', undefined, 'Paused'),
       className: 'text-amber-500 dark:text-amber-400',
     })
   }
 
   if (challenge.isArchived) {
     taxonomyItems.push({
-      label: 'Archived',
+      label: t('common.archived', undefined, 'Archived'),
       className: 'text-zinc-500 dark:text-zinc-400',
     })
   }
 
   if (!challenge.enabled) {
     taxonomyItems.push({
-      label: 'Undiscoverable',
+      label: t('browsedChallengePage.header.taxonomy.undiscoverable', undefined, 'Undiscoverable'),
       className: 'text-red-500 dark:text-red-400',
     })
   }
 
   if (isFavorited) {
     taxonomyItems.push({
-      label: 'Favorite',
+      label: t('browsedChallengePage.header.taxonomy.favorite', undefined, 'Favorite'),
       className: 'text-pink-500 dark:text-pink-400',
     })
   }
 
   if (challenge.featured) {
     taxonomyItems.push({
-      label: 'Featured',
+      label: t('common.featured', undefined, 'Featured'),
       className: 'text-cyan-500 dark:text-cyan-400',
     })
   }
 
   if (challenge.popularity && challenge.popularity > 0) {
     taxonomyItems.push({
-      label: 'Popular',
+      label: t('common.popular', undefined, 'Popular'),
       className: 'text-orange-500 dark:text-orange-400',
     })
   }
@@ -160,21 +206,21 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
 
   if (isNewest) {
     taxonomyItems.push({
-      label: 'Newest',
+      label: t('common.newest', undefined, 'Newest'),
       className: 'text-yellow-500 dark:text-yellow-400',
     })
   }
 
   if (challenge.cooperativeType === COOPERATIVE_TYPE_TAGS) {
     taxonomyItems.push({
-      label: 'Tag Fix',
+      label: t('browsedChallengePage.header.taxonomy.tagFix', undefined, 'Tag Fix'),
       className: 'text-rose-500 dark:text-rose-400',
     })
   }
 
   if (challenge.cooperativeType === COOPERATIVE_TYPE_CHANGEFILE) {
     taxonomyItems.push({
-      label: 'Cooperative',
+      label: t('browsedChallengePage.header.taxonomy.cooperative', undefined, 'Cooperative'),
       className: 'text-rose-500 dark:text-rose-400',
     })
   }
@@ -250,7 +296,15 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                 size="icon-sm"
                 onClick={handleLike}
                 disabled={needsSignIn}
-                aria-label={isLiked ? 'Unlike challenge' : 'Like challenge'}
+                aria-label={
+                  isLiked
+                    ? t(
+                        'browsedChallengePage.header.unlikeChallenge',
+                        undefined,
+                        'Unlike challenge'
+                      )
+                    : t('browsedChallengePage.header.likeChallenge', undefined, 'Like challenge')
+                }
               >
                 <Heart
                   className={cn('size-4 transition-all', isLiked && 'fill-red-500 text-red-500')}
@@ -261,7 +315,7 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
               variant="ghost"
               size="icon-sm"
               onClick={openComments}
-              aria-label="View comments"
+              aria-label={t('browsedChallengePage.header.viewComments', undefined, 'View comments')}
             >
               <MessageSquare className="size-4" />
             </Button>
@@ -271,7 +325,15 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                 size="icon-sm"
                 onClick={handleFavorite}
                 disabled={needsSignIn}
-                aria-label={isFavorited ? 'Remove from favorites' : 'Add to favorites'}
+                aria-label={
+                  isFavorited
+                    ? t(
+                        'browsedChallengePage.header.removeFromFavorites',
+                        undefined,
+                        'Remove from favorites'
+                      )
+                    : t('browsedChallengePage.header.addToFavorites', undefined, 'Add to favorites')
+                }
               >
                 <Bookmark
                   className={cn(
@@ -285,7 +347,11 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
               variant="ghost"
               size="icon-sm"
               onClick={handleShare}
-              aria-label="Share challenge"
+              aria-label={t(
+                'browsedChallengePage.header.shareChallenge',
+                undefined,
+                'Share challenge'
+              )}
             >
               <Share2 className="size-4" />
             </Button>
@@ -333,7 +399,7 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                 {ownerName && (
                   <>
                     <span className="whitespace-nowrap">
-                      by{' '}
+                      {t('browsedChallengePage.header.byPrefix', undefined, 'by')}{' '}
                       <a
                         href={`https://www.openstreetmap.org/user/${encodeURIComponent(ownerName)}`}
                         target="_blank"
@@ -357,7 +423,13 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                 )}
                 {likeCount > 0 && (
                   <span className="whitespace-nowrap">
-                    {likeCount === 1 ? '1 like' : `${likeCount} likes`}
+                    {likeCount === 1
+                      ? t('browsedChallengePage.header.likeCountSingular', undefined, '1 like')
+                      : t(
+                          'browsedChallengePage.header.likeCountPlural',
+                          { count: likeCount },
+                          '{count} likes'
+                        )}
                   </span>
                 )}
               </div>
@@ -385,7 +457,9 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                 <Heart
                   className={cn('size-4 transition-all', isLiked && 'fill-red-500 text-red-500')}
                 />
-                {isLiked ? 'Liked' : 'Like'}
+                {isLiked
+                  ? t('browsedChallengePage.header.liked', undefined, 'Liked')
+                  : t('browsedChallengePage.header.like', undefined, 'Like')}
               </Button>
             </DisabledTooltip>
             <Button
@@ -395,7 +469,7 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
               onClick={openComments}
             >
               <MessageSquare className="size-3.5" />
-              Comments
+              {t('browsedChallengePage.header.comments', undefined, 'Comments')}
             </Button>
             <DisabledTooltip
               show={needsSignIn}
@@ -415,7 +489,9 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
                     isFavorited && 'fill-yellow-500 text-yellow-500'
                   )}
                 />
-                {isFavorited ? 'Saved' : 'Save'}
+                {isFavorited
+                  ? t('browsedChallengePage.header.saved', undefined, 'Saved')
+                  : t('common.save', undefined, 'Save')}
               </Button>
             </DisabledTooltip>
             <Button
@@ -425,7 +501,7 @@ export const ChallengeHeader = ({ isScrolled = false }: ChallengeHeaderProps) =>
               onClick={handleShare}
             >
               <Share2 className="size-3.5" />
-              Share
+              {t('common.share', undefined, 'Share')}
             </Button>
           </div>
         </>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ActionsModal.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ActionsModal.tsx
index fd888328f..9016228bb 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ActionsModal.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ActionsModal.tsx
@@ -3,9 +3,11 @@ import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengeP
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/Dialog'
 import { Separator } from '@/components/ui/Separator'
 import { StatCard, StatCardGrid } from '@/components/ui/StatCard'
+import { useIntl } from '@/i18n'
 import { useChallengeModals } from './ChallengeModalsContext'
 
 export const ActionsModal = () => {
+  const { t } = useIntl()
   const { challenge } = useBrowsedChallengeContext()
   const { isActionsModalOpen, setActionsOpen } = useChallengeModals()
 
@@ -18,35 +20,78 @@ export const ActionsModal = () => {
     <Dialog open={isActionsModalOpen} onOpenChange={setActionsOpen}>
       <DialogContent size="lg">
         <DialogHeader>
-          <DialogTitle>Task Activity</DialogTitle>
+          <DialogTitle>
+            {t('browsedChallengePage.challengeModals.actions.title', undefined, 'Task Activity')}
+          </DialogTitle>
         </DialogHeader>
         <div className="space-y-4">
           <StatCardGrid className="grid-cols-2 sm:grid-cols-2">
-            <StatCard tone="success" size="sm" label="Fixed" value={actions.fixed || 0} />
+            <StatCard
+              tone="success"
+              size="sm"
+              label={t('common.fixed', undefined, 'Fixed')}
+              value={actions.fixed || 0}
+            />
             <StatCard
               tone="warning"
               size="sm"
-              label="False Positive"
+              label={t('common.falsePositive', undefined, 'False Positive')}
               value={actions.falsePositive || 0}
             />
-            <StatCard tone="muted" size="sm" label="Skipped" value={actions.skipped || 0} />
-            <StatCard tone="info" size="sm" label="Available" value={actions.available || 0} />
+            <StatCard
+              tone="muted"
+              size="sm"
+              label={t('common.skipped', undefined, 'Skipped')}
+              value={actions.skipped || 0}
+            />
+            <StatCard
+              tone="info"
+              size="sm"
+              label={t('common.available', undefined, 'Available')}
+              value={actions.available || 0}
+            />
             {actions.deleted !== undefined && actions.deleted > 0 && (
-              <StatCard tone="danger" size="sm" label="Deleted" value={actions.deleted} />
+              <StatCard
+                tone="danger"
+                size="sm"
+                label={t('common.deleted', undefined, 'Deleted')}
+                value={actions.deleted}
+              />
             )}
             {actions.alreadyFixed !== undefined && actions.alreadyFixed > 0 && (
-              <StatCard tone="info" size="sm" label="Already Fixed" value={actions.alreadyFixed} />
+              <StatCard
+                tone="info"
+                size="sm"
+                label={t('common.alreadyFixed', undefined, 'Already Fixed')}
+                value={actions.alreadyFixed}
+              />
             )}
             {actions.tooHard !== undefined && actions.tooHard > 0 && (
-              <StatCard tone="warning" size="sm" label="Can't Complete" value={actions.tooHard} />
+              <StatCard
+                tone="warning"
+                size="sm"
+                label={t('common.cantComplete', undefined, "Can't Complete")}
+                value={actions.tooHard}
+              />
             )}
             {actions.validated !== undefined && actions.validated > 0 && (
-              <StatCard tone="success" size="sm" label="Validated" value={actions.validated} />
+              <StatCard
+                tone="success"
+                size="sm"
+                label={t(
+                  'browsedChallengePage.challengeModals.actions.validated',
+                  undefined,
+                  'Validated'
+                )}
+                value={actions.validated}
+              />
             )}
           </StatCardGrid>
           <Separator />
           <div className="flex items-center justify-between px-1">
-            <span className="font-semibold text-sm text-zinc-900 dark:text-white">Total</span>
+            <span className="font-semibold text-sm text-zinc-900 dark:text-white">
+              {t('common.total', undefined, 'Total')}
+            </span>
             <span className="font-bold text-base text-zinc-900 dark:text-white">
               {actions.total || 0}
             </span>
@@ -56,7 +101,11 @@ export const ActionsModal = () => {
               <Separator />
               <div className="flex items-center justify-between px-1">
                 <span className="text-sm text-zinc-600 dark:text-slate-400">
-                  Average Time Spent
+                  {t(
+                    'browsedChallengePage.challengeModals.actions.avgTimeSpent',
+                    undefined,
+                    'Average Time Spent'
+                  )}
                 </span>
                 <span className="font-semibold text-zinc-900 dark:text-white">
                   {Math.round(actions.avgTimeSpent)}s
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ChallengeComments.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ChallengeComments.tsx
index 1f24ee6f3..433220cfd 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ChallengeComments.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ChallengeComments.tsx
@@ -10,6 +10,7 @@ import { ScrollArea } from '@/components/ui/ScrollArea'
 import { Textarea } from '@/components/ui/Textarea'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useAvatarContext } from '@/contexts/AvatarContext'
+import { useIntl } from '@/i18n'
 import { formatDateTime } from '@/lib/date'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
@@ -27,6 +28,7 @@ interface ChallengeComment {
 }
 
 export const ChallengeComments = () => {
+  const { t } = useIntl()
   const { challenge } = useBrowsedChallengeContext()
   const challengeId = challenge.id ?? 0
   const ownerId = challenge.owner
@@ -62,11 +64,13 @@ export const ChallengeComments = () => {
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     if (!commentText.trim()) {
-      toast.error('Please enter a comment')
+      toast.error(t('common.pleaseEnterAComment', undefined, 'Please enter a comment'))
       return
     }
     if (!user) {
-      toast.error('You must be logged in to comment')
+      toast.error(
+        t('common.youMustBeLoggedInToComment', undefined, 'You must be logged in to comment')
+      )
       return
     }
     addCommentMutation.mutate(
@@ -74,14 +78,20 @@ export const ChallengeComments = () => {
       {
         onSuccess: () => {
           setCommentText('')
-          toast.success('Comment added successfully')
+          toast.success(
+            t(
+              'browsedChallengePage.challengeModals.comments.addSuccess',
+              undefined,
+              'Comment added successfully'
+            )
+          )
           setTimeout(() => {
             commentsEndRef.current?.scrollIntoView({ behavior: 'smooth' })
           }, 100)
         },
         onError: (error) => {
           logger.error('Error adding comment', { error })
-          toast.error('Failed to add comment')
+          toast.error(t('common.failedToAddComment', undefined, 'Failed to add comment'))
         },
       }
     )
@@ -108,7 +118,13 @@ export const ChallengeComments = () => {
               onChange={(e) => setShowTaskComments(e.target.checked)}
               className="h-4 w-4 rounded border-zinc-300 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-slate-600"
             />
-            <span>Show task comments</span>
+            <span>
+              {t(
+                'browsedChallengePage.challengeModals.comments.showTaskComments',
+                undefined,
+                'Show task comments'
+              )}
+            </span>
           </label>
         </div>
       )}
@@ -119,7 +135,11 @@ export const ChallengeComments = () => {
             <div className="flex flex-col items-center justify-center py-6 text-center">
               <MessageSquare className="mb-2 size-8 text-zinc-400 dark:text-slate-500" />
               <p className="text-sm text-zinc-500 dark:text-slate-400">
-                No comments yet. Be the first to comment!
+                {t(
+                  'browsedChallengePage.challengeModals.comments.empty',
+                  undefined,
+                  'No comments yet. Be the first to comment!'
+                )}
               </p>
             </div>
           ) : (
@@ -159,7 +179,11 @@ export const ChallengeComments = () => {
                       </a>
                       {isOwner && (
                         <span className="rounded bg-yellow-100 px-2 py-0.5 font-medium text-xs text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300">
-                          Owner
+                          {t(
+                            'browsedChallengePage.challengeModals.comments.owner',
+                            undefined,
+                            'Owner'
+                          )}
                         </span>
                       )}
                       {comment.taskId && (
@@ -168,7 +192,11 @@ export const ChallengeComments = () => {
                           params={{ taskId: String(comment.taskId) }}
                           className="text-xs text-zinc-500 hover:underline dark:text-slate-400"
                         >
-                          Re: Task {comment.taskId}
+                          {t(
+                            'browsedChallengePage.challengeModals.comments.reTask',
+                            { taskId: comment.taskId },
+                            'Re: Task {taskId}'
+                          )}
                         </Link>
                       )}
                     </div>
@@ -212,7 +240,7 @@ export const ChallengeComments = () => {
               ref={textareaRef}
               value={commentText}
               onChange={(e) => setCommentText(e.target.value)}
-              placeholder="Add a comment..."
+              placeholder={t('common.addAComment', undefined, 'Add a comment...')}
               rows={3}
               className="flex-1 resize-none whitespace-pre-wrap break-words"
               style={{ wordBreak: 'break-word', overflowWrap: 'break-word' }}
@@ -224,16 +252,30 @@ export const ChallengeComments = () => {
               className="self-end"
             >
               <Send className="size-4" />
-              {addCommentMutation.isPending ? 'Sending...' : 'Send'}
+              {addCommentMutation.isPending
+                ? t(
+                    'browsedChallengePage.challengeModals.comments.sending',
+                    undefined,
+                    'Sending...'
+                  )
+                : t('browsedChallengePage.challengeModals.comments.send', undefined, 'Send')}
             </Button>
           </div>
           <p className="mt-1 text-xs text-zinc-500 dark:text-slate-400">
-            {commentText.length}/5000 characters
+            {t(
+              'browsedChallengePage.challengeModals.comments.characterCount',
+              { count: commentText.length, max: 5000 },
+              '{count}/{max} characters'
+            )}
           </p>
         </form>
       ) : (
         <div className="mt-4 rounded-lg border border-zinc-200 bg-zinc-50 p-4 text-center text-sm text-zinc-600 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400">
-          Please sign in to add comments
+          {t(
+            'browsedChallengePage.challengeModals.comments.signInRequired',
+            undefined,
+            'Please sign in to add comments'
+          )}
         </div>
       )}
     </div>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CloneChallengeModal.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CloneChallengeModal.tsx
index 501c8a98c..2dbd227a5 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CloneChallengeModal.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CloneChallengeModal.tsx
@@ -22,6 +22,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 
 interface CloneChallengeModalProps {
@@ -39,6 +40,7 @@ export const CloneChallengeModal = ({
   challengeName,
   currentProjectId,
 }: CloneChallengeModalProps) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const nameId = useId()
   const projectId = useId()
@@ -60,18 +62,30 @@ export const CloneChallengeModal = ({
 
   const handleClone = () => {
     if (!newName.trim()) {
-      toast.error('Please enter a name for the cloned challenge')
+      toast.error(
+        t(
+          'browsedChallengePage.challengeModals.cloneModal.nameRequiredError',
+          undefined,
+          'Please enter a name for the cloned challenge'
+        )
+      )
       return
     }
     if (!selectedProjectId) {
-      toast.error('Please select a project')
+      toast.error(t('common.pleaseSelectAProject', undefined, 'Please select a project'))
       return
     }
     cloneMutation.mutate(
       { challengeId, newName: newName.trim() },
       {
         onSuccess: async (clonedChallenge) => {
-          toast.success('Challenge cloned successfully')
+          toast.success(
+            t(
+              'browsedChallengePage.challengeModals.cloneModal.cloneSuccess',
+              undefined,
+              'Challenge cloned successfully'
+            )
+          )
           onOpenChange(false)
 
           if (clonedChallenge.id) {
@@ -83,7 +97,14 @@ export const CloneChallengeModal = ({
         },
         onError: (error: Error) => {
           logger.error('Error cloning challenge', { error: String(error) })
-          toast.error(error.message || 'Failed to clone challenge')
+          toast.error(
+            error.message ||
+              t(
+                'browsedChallengePage.challengeModals.cloneModal.cloneError',
+                undefined,
+                'Failed to clone challenge'
+              )
+          )
         },
       }
     )
@@ -103,43 +124,71 @@ export const CloneChallengeModal = ({
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Copy className="size-5" />
-            Clone Challenge
+            {t('common.cloneChallenge', undefined, 'Clone Challenge')}
           </DialogTitle>
           <DialogDescription>
-            Create a copy of this challenge in a different project. The cloned challenge will
-            include all settings but will start with no tasks.
+            {t(
+              'browsedChallengePage.challengeModals.cloneModal.description',
+              undefined,
+              'Create a copy of this challenge in a different project. The cloned challenge will include all settings but will start with no tasks.'
+            )}
           </DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4 py-4">
           {/* Challenge Name Input */}
           <div className="space-y-2">
-            <Label htmlFor={nameId}>New Challenge Name</Label>
+            <Label htmlFor={nameId}>
+              {t(
+                'browsedChallengePage.challengeModals.cloneModal.nameLabel',
+                undefined,
+                'New Challenge Name'
+              )}
+            </Label>
             <Input
               id={nameId}
               value={newName}
               onChange={(e) => setNewName(e.target.value)}
-              placeholder="Enter name for cloned challenge"
+              placeholder={t(
+                'browsedChallengePage.challengeModals.cloneModal.namePlaceholder',
+                undefined,
+                'Enter name for cloned challenge'
+              )}
               maxLength={255}
             />
           </div>
 
           {/* Project Selection */}
           <div className="space-y-2">
-            <Label htmlFor={projectId}>Select Project</Label>
+            <Label htmlFor={projectId}>
+              {t(
+                'browsedChallengePage.challengeModals.cloneModal.projectLabel',
+                undefined,
+                'Select Project'
+              )}
+            </Label>
             {isLoadingProjects ? (
               <div className="flex items-center justify-center py-6">
                 <Loader2 className="size-6 animate-spin text-zinc-400" />
               </div>
             ) : availableProjects.length === 0 ? (
               <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 text-center text-sm text-zinc-600 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400">
-                No projects available. You need to be a manager of at least one project to clone
-                challenges.
+                {t(
+                  'browsedChallengePage.challengeModals.cloneModal.noProjects',
+                  undefined,
+                  'No projects available. You need to be a manager of at least one project to clone challenges.'
+                )}
               </div>
             ) : (
               <Select value={selectedProjectId} onValueChange={setSelectedProjectId}>
                 <SelectTrigger id={projectId} className="w-full">
-                  <SelectValue placeholder="Choose a project..." />
+                  <SelectValue
+                    placeholder={t(
+                      'browsedChallengePage.challengeModals.cloneModal.projectPlaceholder',
+                      undefined,
+                      'Choose a project...'
+                    )}
+                  />
                 </SelectTrigger>
                 <SelectContent>
                   <ScrollArea className="max-h-60">
@@ -161,7 +210,7 @@ export const CloneChallengeModal = ({
             onClick={() => handleOpenChange(false)}
             disabled={cloneMutation.isPending}
           >
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button
             onClick={handleClone}
@@ -172,12 +221,16 @@ export const CloneChallengeModal = ({
             {cloneMutation.isPending ? (
               <>
                 <Loader2 className="mr-2 size-4 animate-spin" />
-                Cloning...
+                {t(
+                  'browsedChallengePage.challengeModals.cloneModal.cloning',
+                  undefined,
+                  'Cloning...'
+                )}
               </>
             ) : (
               <>
                 <Copy className="mr-2 size-4" />
-                Clone Challenge
+                {t('common.cloneChallenge', undefined, 'Clone Challenge')}
               </>
             )}
           </Button>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CommentsModal.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CommentsModal.tsx
index bb3632f28..02d371e63 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CommentsModal.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/CommentsModal.tsx
@@ -1,9 +1,11 @@
 import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengePage/contexts/BrowsedChallengeContext'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 import { ChallengeComments } from './ChallengeComments'
 import { useChallengeModals } from './ChallengeModalsContext'
 
 export const CommentsModal = () => {
+  const { t } = useIntl()
   const { challenge } = useBrowsedChallengeContext()
   const { isCommentsModalOpen, setCommentsOpen } = useChallengeModals()
 
@@ -13,7 +15,13 @@ export const CommentsModal = () => {
     <Dialog open={isCommentsModalOpen} onOpenChange={setCommentsOpen}>
       <DialogContent size="xl" className="flex h-[80vh] flex-col">
         <DialogHeader>
-          <DialogTitle>Challenge Comments</DialogTitle>
+          <DialogTitle>
+            {t(
+              'browsedChallengePage.challengeModals.commentsModal.title',
+              undefined,
+              'Challenge Comments'
+            )}
+          </DialogTitle>
         </DialogHeader>
         <div className="flex min-h-0 flex-1 flex-col">
           <ChallengeComments />
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/OverpassModal.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/OverpassModal.tsx
index 58ad3bea8..8c111e34d 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/OverpassModal.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/OverpassModal.tsx
@@ -1,9 +1,11 @@
 import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengePage/contexts/BrowsedChallengeContext'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/Dialog'
 import { ScrollArea } from '@/components/ui/ScrollArea'
+import { useIntl } from '@/i18n'
 import { useChallengeModals } from './ChallengeModalsContext'
 
 export const OverpassModal = () => {
+  const { t } = useIntl()
   const { challenge } = useBrowsedChallengeContext()
   const { isOverpassModalOpen, setOverpassOpen } = useChallengeModals()
 
@@ -11,7 +13,7 @@ export const OverpassModal = () => {
     <Dialog open={isOverpassModalOpen} onOpenChange={setOverpassOpen}>
       <DialogContent size="2xl" className="flex max-h-[80vh] flex-col">
         <DialogHeader>
-          <DialogTitle>Overpass Query</DialogTitle>
+          <DialogTitle>{t('common.overpassQuery', undefined, 'Overpass Query')}</DialogTitle>
         </DialogHeader>
         <div className="min-h-0 flex-1 overflow-hidden">
           <ScrollArea className="h-full">
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ReportModal.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ReportModal.tsx
index 9c0cca3e8..4d7c266c3 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ReportModal.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeModals/ReportModal.tsx
@@ -15,6 +15,7 @@ import {
 import { Input } from '@/components/ui/Input'
 import { Textarea } from '@/components/ui/Textarea'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 import { useChallengeModals } from './ChallengeModalsContext'
@@ -43,20 +44,37 @@ const getCharacterCountColor = (count: number) => {
   return 'text-zinc-500 dark:text-slate-400'
 }
 
-const getGitHubErrorMessage = (status: number, message: string) => {
+const getGitHubErrorMessage = (
+  t: ReturnType<typeof useIntl>['t'],
+  status: number,
+  message: string
+) => {
   if (message.includes('Bad credentials') || status === 401) {
-    return 'GitHub authentication failed. Please check that your GitHub token is valid and has the necessary permissions.'
+    return t(
+      'browsedChallengePage.challengeModals.reportModal.githubAuthError',
+      undefined,
+      'GitHub authentication failed. Please check that your GitHub token is valid and has the necessary permissions.'
+    )
   }
   if (status === 403) {
-    return 'GitHub API access forbidden. The token may not have the required permissions or the repository may be private.'
+    return t(
+      'browsedChallengePage.challengeModals.reportModal.githubForbiddenError',
+      undefined,
+      'GitHub API access forbidden. The token may not have the required permissions or the repository may be private.'
+    )
   }
   if (status === 404) {
-    return 'GitHub repository not found. Please check that the repository exists and is accessible.'
+    return t(
+      'browsedChallengePage.challengeModals.reportModal.githubNotFoundError',
+      undefined,
+      'GitHub repository not found. Please check that the repository exists and is accessible.'
+    )
   }
   return message
 }
 
 export const ReportModal = () => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const { challenge } = useBrowsedChallengeContext()
   const { isReportModalOpen, setReportOpen } = useChallengeModals()
@@ -95,7 +113,13 @@ export const ReportModal = () => {
     }
 
     if (email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      toast.error('Please enter a valid email address')
+      toast.error(
+        t(
+          'browsedChallengePage.challengeModals.reportModal.invalidEmailError',
+          undefined,
+          'Please enter a valid email address'
+        )
+      )
       return
     }
 
@@ -149,11 +173,15 @@ export const ReportModal = () => {
           }
         } else {
           const errorBody = await response.text()
-          let errorMessage = `Failed to create GitHub issue: ${response.status} ${response.statusText}`
+          let errorMessage = t(
+            'browsedChallengePage.challengeModals.reportModal.createIssueError',
+            { status: response.status, statusText: response.statusText },
+            'Failed to create GitHub issue: {status} {statusText}'
+          )
           try {
             const errorJson = JSON.parse(errorBody)
             if (errorJson.message) {
-              errorMessage = getGitHubErrorMessage(response.status, errorJson.message)
+              errorMessage = getGitHubErrorMessage(t, response.status, errorJson.message)
             }
           } catch {
             // Use default error message
@@ -175,11 +203,23 @@ export const ReportModal = () => {
 
       resetForm()
       setReportOpen(false)
-      toast.success('Report submitted successfully')
+      toast.success(
+        t(
+          'browsedChallengePage.challengeModals.reportModal.submitSuccess',
+          undefined,
+          'Report submitted successfully'
+        )
+      )
     } catch (error) {
       logger.error('Error submitting report', { error: String(error) })
       toast.error(
-        error instanceof Error ? error.message : 'Failed to submit report. Please try again.'
+        error instanceof Error
+          ? error.message
+          : t(
+              'browsedChallengePage.challengeModals.reportModal.submitError',
+              undefined,
+              'Failed to submit report. Please try again.'
+            )
       )
     } finally {
       setIsSubmitting(false)
@@ -197,24 +237,32 @@ export const ReportModal = () => {
     <Dialog open={isReportModalOpen} onOpenChange={handleClose}>
       <DialogContent size="xl">
         <DialogHeader>
-          <DialogTitle>Report Challenge</DialogTitle>
+          <DialogTitle>{t('common.reportChallenge', undefined, 'Report Challenge')}</DialogTitle>
           <DialogDescription className="text-sm leading-relaxed">
-            You are about to report a Challenge. An issue will be created in a public GitHub
-            repository and the Challenge creator will be notified by email. Any follow-up discussion
-            should take place there. Reporting a Challenge does not disable it immediately. Please
-            explain in detail what your issue is with this challenge, if possible linking to
-            specific OSM changesets.
+            {t(
+              'browsedChallengePage.challengeModals.reportModal.description',
+              undefined,
+              'You are about to report a Challenge. An issue will be created in a public GitHub repository and the Challenge creator will be notified by email. Any follow-up discussion should take place there. Reporting a Challenge does not disable it immediately. Please explain in detail what your issue is with this challenge, if possible linking to specific OSM changesets.'
+            )}
           </DialogDescription>
         </DialogHeader>
 
         <div className="mt-2">
           <label htmlFor={emailId} className="font-medium text-sm text-zinc-900 dark:text-white">
-            Email (optional)
+            {t(
+              'browsedChallengePage.challengeModals.reportModal.emailLabel',
+              undefined,
+              'Email (optional)'
+            )}
           </label>
           <Input
             id={emailId}
             type="email"
-            placeholder="Enter your email"
+            placeholder={t(
+              'browsedChallengePage.challengeModals.reportModal.emailPlaceholder',
+              undefined,
+              'Enter your email'
+            )}
             value={email}
             onChange={(e) => setEmail(e.target.value)}
             disabled={isSubmitting}
@@ -236,7 +284,7 @@ export const ReportModal = () => {
                     : 'text-zinc-600 hover:text-zinc-900 dark:text-slate-400 dark:hover:text-white'
                 )}
               >
-                Write
+                {t('common.write', undefined, 'Write')}
               </button>
               <button
                 type="button"
@@ -248,7 +296,7 @@ export const ReportModal = () => {
                     : 'text-zinc-600 hover:text-zinc-900 dark:text-slate-400 dark:hover:text-white'
                 )}
               >
-                Preview
+                {t('common.preview', undefined, 'Preview')}
               </button>
             </div>
             <span className={cn('font-medium', getCharacterCountColor(characterCount))}>
@@ -276,7 +324,9 @@ export const ReportModal = () => {
                   </ReactMarkdown>
                 </div>
               ) : (
-                <p className="text-zinc-500 dark:text-slate-400">Nothing to preview</p>
+                <p className="text-zinc-500 dark:text-slate-400">
+                  {t('common.nothingToPreview', undefined, 'Nothing to preview')}
+                </p>
               )}
             </div>
           ) : (
@@ -284,7 +334,11 @@ export const ReportModal = () => {
               <Textarea
                 id={textId}
                 rows={4}
-                placeholder="Enter text here"
+                placeholder={t(
+                  'browsedChallengePage.challengeModals.reportModal.textPlaceholder',
+                  undefined,
+                  'Enter text here'
+                )}
                 value={reportText}
                 onChange={(e) => {
                   const value = e.target.value
@@ -316,25 +370,43 @@ export const ReportModal = () => {
               htmlFor={confirmId}
               className="cursor-pointer text-sm text-zinc-700 dark:text-slate-300"
             >
-              I have attempted to contact the Challenge creator
+              {t(
+                'browsedChallengePage.challengeModals.reportModal.confirmLabel',
+                undefined,
+                'I have attempted to contact the Challenge creator'
+              )}
             </label>
           </div>
 
           {errors.input && (
             <div className="mt-2 text-red-600 text-sm dark:text-red-400">
-              Report must be at least {MIN_CHARACTERS} characters
+              {t(
+                'browsedChallengePage.challengeModals.reportModal.minLengthError',
+                { min: MIN_CHARACTERS },
+                'Report must be at least {min} characters'
+              )}
             </div>
           )}
           {errors.checkbox && (
             <div className="mt-2 text-red-600 text-sm dark:text-red-400">
-              Please ensure that checkbox is checked before continue
+              {t(
+                'browsedChallengePage.challengeModals.reportModal.checkboxError',
+                undefined,
+                'Please ensure that checkbox is checked before continue'
+              )}
             </div>
           )}
         </div>
 
         <DialogFooter className="mt-6">
           <Button variant="outline" onClick={handleSubmit} disabled={isSubmitting} className="px-8">
-            {isSubmitting ? 'Submitting...' : 'Submit Report'}
+            {isSubmitting
+              ? t('common.submitting', undefined, 'Submitting...')
+              : t(
+                  'browsedChallengePage.challengeModals.reportModal.submitButton',
+                  undefined,
+                  'Submit Report'
+                )}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeProgress.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeProgress.tsx
index 2fd19edb4..f760c4444 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeProgress.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ChallengeProgress.tsx
@@ -4,6 +4,7 @@ import { useBrowsedChallengeContext } from '@/components/Pages/BrowsedChallengeP
 import { ProgressBar } from '@/components/shared/ProgressBar'
 import { Button } from '@/components/ui/Button'
 import { useChallengeProgress } from '@/hooks/useChallengeProgress'
+import { useIntl } from '@/i18n'
 
 export const ChallengeProgress = () => {
   const { challenge } = useBrowsedChallengeContext()
@@ -12,6 +13,7 @@ export const ChallengeProgress = () => {
     challenge.id ?? 0,
     challenge.completionMetrics
   )
+  const { t } = useIntl()
 
   if (!hasActions) return null
 
@@ -20,7 +22,9 @@ export const ChallengeProgress = () => {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
           <div className="h-1.5 w-1.5 rounded-full bg-blue-500" />
-          <span className="font-semibold text-zinc-900 dark:text-white">Progress</span>
+          <span className="font-semibold text-zinc-900 dark:text-white">
+            {t('browsedChallengePage.progress.progress', undefined, 'Progress')}
+          </span>
           {onViewDetails && (
             <Button
               variant="ghost"
@@ -29,7 +33,7 @@ export const ChallengeProgress = () => {
               onClick={onViewDetails}
             >
               <BarChart3 className="size-3.5" />
-              Details
+              {t('browsedChallengePage.progress.details', undefined, 'Details')}
             </Button>
           )}
         </div>
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ScrollIndicator.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ScrollIndicator.tsx
index 05901490a..6d7fd9b13 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/ScrollIndicator.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/ScrollIndicator.tsx
@@ -1,17 +1,22 @@
 import { ChevronDown } from 'lucide-react'
+import { useIntl } from '@/i18n'
 
 interface ScrollIndicatorProps {
   hasMoreToScroll?: boolean
 }
 
 export const ScrollIndicator = ({ hasMoreToScroll }: ScrollIndicatorProps) => {
+  const { t } = useIntl()
+
   if (!hasMoreToScroll) return null
 
   return (
     <div className="pointer-events-none absolute right-0 bottom-0 left-0 z-10 flex items-end justify-center pt-6 pb-2">
       <div className="flex flex-col items-center gap-1">
         <ChevronDown className="size-3.5 animate-bounce text-zinc-400 dark:text-slate-500" />
-        <span className="text-xs text-zinc-500 dark:text-slate-400">Scroll for more</span>
+        <span className="text-xs text-zinc-500 dark:text-slate-400">
+          {t('browsedChallengePage.scrollIndicator.scrollForMore', undefined, 'Scroll for more')}
+        </span>
       </div>
     </div>
   )
diff --git a/src/components/Pages/BrowsedChallengePage/ChallengePanel/index.tsx b/src/components/Pages/BrowsedChallengePage/ChallengePanel/index.tsx
index 383a6f915..143e810f2 100644
--- a/src/components/Pages/BrowsedChallengePage/ChallengePanel/index.tsx
+++ b/src/components/Pages/BrowsedChallengePage/ChallengePanel/index.tsx
@@ -2,6 +2,7 @@ import { useRouterState } from '@tanstack/react-router'
 import { useEffect, useRef, useState } from 'react'
 import { Button } from '@/components/ui/Button'
 import { ScrollArea } from '@/components/ui/ScrollArea'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { ChallengeDescription } from './ChallengeDescription'
 import { ChallengeFooter } from './ChallengeFooter'
@@ -23,6 +24,7 @@ const CommentsAutoOpener = ({ shouldOpen }: { shouldOpen: boolean }) => {
 }
 
 export const ChallengePanel = () => {
+  const { t } = useIntl()
   const { hasMoreToScroll, scrollAreaRef } = useScrollIndicator()
   const search = useRouterState({ select: (s) => s.location.search }) as { comments?: number }
   const shouldAutoOpenComments = search.comments === 1
@@ -127,7 +129,7 @@ export const ChallengePanel = () => {
                     variant="ghost"
                     className="absolute inset-0 z-0 h-auto cursor-pointer rounded-none border-0 bg-transparent hover:bg-zinc-100/50 dark:hover:bg-slate-800/50"
                     onClick={scrollToTop}
-                    aria-label="Scroll to top"
+                    aria-label={t('common.scrollToTop', undefined, 'Scroll to top')}
                   />
                 )}
                 <ChallengeHeader isScrolled={isScrolled} />
diff --git a/src/components/Pages/BrowsedProjectPage/ChallengesList.tsx b/src/components/Pages/BrowsedProjectPage/ChallengesList.tsx
index be0840fb6..3b04be681 100644
--- a/src/components/Pages/BrowsedProjectPage/ChallengesList.tsx
+++ b/src/components/Pages/BrowsedProjectPage/ChallengesList.tsx
@@ -21,10 +21,12 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Challenge } from '@/types/Challenge'
 
 export const ChallengesList = () => {
+  const { t } = useIntl()
   const { project } = useBrowsedProjectContext()
   const { data: challenges = [] } = api.project.getProjectChallenges(project.id)
 
@@ -86,8 +88,16 @@ export const ChallengesList = () => {
               e.preventDefault()
               toggleChallengePin(challenge.id)
             }}
-            title={isPinned ? 'Unpin challenge' : 'Pin challenge'}
-            aria-label={isPinned ? 'Unpin challenge' : 'Pin challenge'}
+            title={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
+            aria-label={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
           >
             <Pin
               className={cn(
@@ -103,7 +113,7 @@ export const ChallengesList = () => {
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="icon" className="h-8 w-8">
               <MoreHorizontal className="h-4 w-4" />
-              <span className="sr-only">Open menu</span>
+              <span className="sr-only">{t('common.openMenu', undefined, 'Open menu')}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
@@ -115,7 +125,7 @@ export const ChallengesList = () => {
                   className="flex cursor-pointer items-center gap-2"
                 >
                   <Play className="h-4 w-4" />
-                  Start challenge
+                  {t('common.startChallenge', undefined, 'Start challenge')}
                 </Link>
               </DropdownMenuItem>
             )}
@@ -126,7 +136,7 @@ export const ChallengesList = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Eye className="h-4 w-4" />
-                View challenge
+                {t('common.viewChallenge', undefined, 'View challenge')}
               </Link>
             </DropdownMenuItem>
             <DropdownMenuItem
@@ -137,7 +147,7 @@ export const ChallengesList = () => {
               className="flex cursor-pointer items-center gap-2"
             >
               <Copy className="h-4 w-4" />
-              Copy URL
+              {t('common.copyUrl', undefined, 'Copy URL')}
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
@@ -154,19 +164,23 @@ export const ChallengesList = () => {
           <SearchBar
             value={searchQuery}
             onChange={setSearchQuery}
-            placeholder="Search challenges…"
+            placeholder={t('common.searchChallenges', undefined, 'Search challenges…')}
             className="w-full sm:max-w-xs"
           />
           {user && (
             <FilterToggle
-              label="Pinned"
+              label={t('common.pinned', undefined, 'Pinned')}
               icon={Pin}
               checked={onlyPinned}
               onCheckedChange={setOnlyPinned}
             />
           )}
           <FilterToggle
-            label="Show completed"
+            label={t(
+              'browsedProjectPage.challengesList.showCompletedFilter',
+              undefined,
+              'Show completed'
+            )}
             icon={ListChecks}
             checked={showCompleted}
             onCheckedChange={setShowCompleted}
@@ -207,10 +221,18 @@ export const ChallengesList = () => {
             getItemKey={(challenge) => challenge.id ?? crypto.randomUUID()}
             emptyState={{
               icon: ListChecks,
-              title: 'No challenges found',
+              title: t('common.noChallengesFound', undefined, 'No challenges found'),
               description: hasActiveFilters
-                ? 'Try clearing the filters to see more results.'
-                : 'This project has no challenges yet.',
+                ? t(
+                    'browsedProjectPage.challengesList.emptyDescriptionFiltered',
+                    undefined,
+                    'Try clearing the filters to see more results.'
+                  )
+                : t(
+                    'browsedProjectPage.challengesList.emptyDescription',
+                    undefined,
+                    'This project has no challenges yet.'
+                  ),
             }}
           />
         </div>
diff --git a/src/components/Pages/BrowsedProjectPage/ProjectDetail.tsx b/src/components/Pages/BrowsedProjectPage/ProjectDetail.tsx
index 893c6a0c4..c388d60ba 100644
--- a/src/components/Pages/BrowsedProjectPage/ProjectDetail.tsx
+++ b/src/components/Pages/BrowsedProjectPage/ProjectDetail.tsx
@@ -8,10 +8,12 @@ import { Button } from '@/components/ui/Button'
 import { Progress } from '@/components/ui/Progress'
 import { ScrollArea } from '@/components/ui/ScrollArea'
 import { Separator } from '@/components/ui/Separator'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { logger } from '@/lib/logger'
 
 export const ProjectDetail = () => {
+  const { t } = useIntl()
   const { project } = useBrowsedProjectContext()
   const { data: challenges = [] } = api.project.getProjectChallenges(project.id)
 
@@ -40,16 +42,18 @@ export const ProjectDetail = () => {
         })
       } else {
         await navigator.clipboard.writeText(url)
-        toast.success('Link copied to clipboard')
+        toast.success(t('common.linkCopiedToClipboard', undefined, 'Link copied to clipboard'))
       }
     } catch (error) {
       if (error instanceof Error && error.name !== 'AbortError') {
         try {
           await navigator.clipboard.writeText(url)
-          toast.success('Link copied to clipboard')
+          toast.success(t('common.linkCopiedToClipboard', undefined, 'Link copied to clipboard'))
         } catch (clipboardError) {
           logger.error('Error copying to clipboard', { error: clipboardError })
-          toast.error('Failed to share project')
+          toast.error(
+            t('browsedProjectPage.projectDetail.shareError', undefined, 'Failed to share project')
+          )
         }
       }
     }
@@ -65,14 +69,14 @@ export const ProjectDetail = () => {
               {project.featured && (
                 <li>
                   <span className="font-medium text-cyan-500 text-xs uppercase tracking-wide dark:text-cyan-400">
-                    Featured
+                    {t('common.featured', undefined, 'Featured')}
                   </span>
                 </li>
               )}
               {project.isArchived && (
                 <li>
                   <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-zinc-400">
-                    Archived
+                    {t('common.archived', undefined, 'Archived')}
                   </span>
                 </li>
               )}
@@ -86,11 +90,19 @@ export const ProjectDetail = () => {
           <div className="flex flex-wrap items-center gap-x-2.5 gap-y-0 font-medium text-xs text-zinc-600 dark:text-zinc-400">
             <StatusBadge enabled={project.enabled || false} />
             <span className="text-zinc-400 dark:text-zinc-500">•</span>
-            <span className="whitespace-nowrap">ID {project.id}</span>
+            <span className="whitespace-nowrap">
+              {t('common.idNumber', { id: project.id ?? '' }, 'ID {id}')}
+            </span>
             {project.owner && (
               <>
                 <span className="text-zinc-400 dark:text-zinc-500">•</span>
-                <span className="whitespace-nowrap">by {project.owner}</span>
+                <span className="whitespace-nowrap">
+                  {t(
+                    'browsedProjectPage.projectDetail.byOwner',
+                    { owner: project.owner },
+                    'by {owner}'
+                  )}
+                </span>
               </>
             )}
           </div>
@@ -100,7 +112,7 @@ export const ProjectDetail = () => {
             <Link to="/manage/project/$projectId" params={{ projectId: String(project.id) }}>
               <Button variant="outline" size="sm" className="gap-1.5 rounded-full">
                 <Pencil className="size-4" />
-                Manage
+                {t('common.manage', undefined, 'Manage')}
               </Button>
             </Link>
             <Button
@@ -110,7 +122,7 @@ export const ProjectDetail = () => {
               onClick={handleShare}
             >
               <Share2 className="size-3.5" />
-              Share
+              {t('common.share', undefined, 'Share')}
             </Button>
           </div>
         </div>
@@ -131,7 +143,11 @@ export const ProjectDetail = () => {
                 <div className="space-y-2">
                   <div className="flex items-center justify-between">
                     <span className="font-semibold text-zinc-700 dark:text-zinc-300">
-                      {Math.round(completionPercentage)}% complete
+                      {t(
+                        'browsedProjectPage.projectDetail.percentComplete',
+                        { percent: Math.round(completionPercentage) },
+                        '{percent}% complete'
+                      )}
                     </span>
                     <span className="text-zinc-500 dark:text-zinc-400">
                       {completedTasks.toLocaleString()} / {totalTasks.toLocaleString()}
@@ -144,11 +160,15 @@ export const ProjectDetail = () => {
               <Separator />
 
               <div className="flex items-center justify-between">
-                <span className="text-zinc-600 dark:text-zinc-400">Challenges</span>
+                <span className="text-zinc-600 dark:text-zinc-400">
+                  {t('common.challenges', undefined, 'Challenges')}
+                </span>
                 <span className="font-semibold tabular-nums">{challenges.length}</span>
               </div>
               <div className="flex items-center justify-between">
-                <span className="text-zinc-600 dark:text-zinc-400">Tasks remaining</span>
+                <span className="text-zinc-600 dark:text-zinc-400">
+                  {t('common.tasksRemaining', undefined, 'Tasks remaining')}
+                </span>
                 <span className="font-semibold tabular-nums">
                   {remainingTasks.toLocaleString()}
                 </span>
@@ -159,13 +179,17 @@ export const ProjectDetail = () => {
                   <Separator />
                   {project.created && (
                     <div className="flex items-center justify-between">
-                      <span className="text-zinc-600 dark:text-zinc-400">Created</span>
+                      <span className="text-zinc-600 dark:text-zinc-400">
+                        {t('common.created', undefined, 'Created')}
+                      </span>
                       <span className="font-medium">{formatDate(new Date(project.created))}</span>
                     </div>
                   )}
                   {project.modified && (
                     <div className="flex items-center justify-between">
-                      <span className="text-zinc-600 dark:text-zinc-400">Modified</span>
+                      <span className="text-zinc-600 dark:text-zinc-400">
+                        {t('common.modified', undefined, 'Modified')}
+                      </span>
                       <span className="font-medium">{formatDate(new Date(project.modified))}</span>
                     </div>
                   )}
diff --git a/src/components/Pages/DashboardPage/ContributionsSection.tsx b/src/components/Pages/DashboardPage/ContributionsSection.tsx
index 120950779..9343a9166 100644
--- a/src/components/Pages/DashboardPage/ContributionsSection.tsx
+++ b/src/components/Pages/DashboardPage/ContributionsSection.tsx
@@ -2,12 +2,11 @@ import { Activity } from 'lucide-react'
 import { useMemo } from 'react'
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
+import { useIntl } from '@/i18n'
 import { STATUS_TEXT_COLORS, STATUS_LABELS as TASK_STATUS_LABELS } from '@/lib/taskConstants'
 import { cn } from '@/lib/utils'
 
-const STATUS_LABELS: Record<number, string> = Object.fromEntries(
-  [1, 2, 3, 5, 6].map((id) => [id, `Set Status on Task as ${TASK_STATUS_LABELS[id]}`])
-)
+const DISPLAYED_STATUS_IDS = new Set([1, 2, 3, 5, 6])
 
 interface GroupedActivity {
   date: string
@@ -19,6 +18,7 @@ interface GroupedActivity {
 }
 
 export const ContributionsSection = () => {
+  const { t } = useIntl()
   const { data: activityData, isLoading, error } = api.user.activity()
 
   // Reason: groups and sorts activity data by date/challenge/status - expensive aggregation should not run on every render
@@ -78,7 +78,9 @@ export const ContributionsSection = () => {
         actions.sort((a, b) => a.status - b.status)
 
         challenges.push({
-          name: challengeNames.get(parentId) || `Challenge ${parentId}`,
+          name:
+            challengeNames.get(parentId) ||
+            t('dashboard.contributions.unknownChallenge', { parentId }, 'Challenge {parentId}'),
           parentId,
           actions,
         })
@@ -88,7 +90,7 @@ export const ContributionsSection = () => {
     }
 
     return { groupedActivities: grouped, totalTasks: total }
-  }, [activityData])
+  }, [activityData, t])
 
   const hasContributions = totalTasks > 0
 
@@ -96,7 +98,9 @@ export const ContributionsSection = () => {
     <div className="flex flex-1 flex-col overflow-hidden rounded-xl bg-white dark:bg-slate-800">
       <div className="flex shrink-0 items-center gap-2 px-4 py-3">
         <Activity className="h-4 w-4 text-indigo-400" />
-        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">Contributions</h3>
+        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">
+          {t('dashboard.contributions.title', undefined, 'Contributions')}
+        </h3>
         {hasContributions && (
           <span className="ml-auto font-bold text-indigo-400 text-sm">
             {totalTasks.toLocaleString()}
@@ -110,16 +114,26 @@ export const ContributionsSection = () => {
           </div>
         )}
 
-        {error && <div className="py-2 text-center text-red-400 text-sm">Failed to load</div>}
+        {error && (
+          <div className="py-2 text-center text-red-400 text-sm">
+            {t('dashboard.common.failedToLoad', undefined, 'Failed to load')}
+          </div>
+        )}
 
         {!isLoading && !error && !hasContributions && (
           <div className="flex flex-col items-center justify-center py-6 text-center">
             <div className="mb-2 rounded-lg bg-zinc-100 p-2 dark:bg-slate-700/50">
               <Activity className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
             </div>
-            <p className="text-sm text-zinc-600 dark:text-slate-400">No contributions</p>
+            <p className="text-sm text-zinc-600 dark:text-slate-400">
+              {t('dashboard.contributions.empty.title', undefined, 'No contributions')}
+            </p>
             <p className="text-xs text-zinc-500 dark:text-slate-500">
-              Start mapping to track progress
+              {t(
+                'dashboard.contributions.empty.description',
+                undefined,
+                'Start mapping to track progress'
+              )}
             </p>
           </div>
         )}
@@ -159,7 +173,17 @@ export const ContributionsSection = () => {
                               {action.count}
                             </span>
                             <span className="text-zinc-400 dark:text-slate-500">
-                              {STATUS_LABELS[action.status] || `Status ${action.status}`}
+                              {DISPLAYED_STATUS_IDS.has(action.status)
+                                ? t(
+                                    'dashboard.contributions.statusSetLabel',
+                                    { statusLabel: TASK_STATUS_LABELS[action.status] },
+                                    'Set Status on Task as {statusLabel}'
+                                  )
+                                : t(
+                                    'common.statusWithStatus',
+                                    { status: action.status },
+                                    'Status {status}'
+                                  )}
                             </span>
                           </div>
                         ))}
diff --git a/src/components/Pages/DashboardPage/LevelModal.tsx b/src/components/Pages/DashboardPage/LevelModal.tsx
index 9ac08b63c..0a545954b 100644
--- a/src/components/Pages/DashboardPage/LevelModal.tsx
+++ b/src/components/Pages/DashboardPage/LevelModal.tsx
@@ -13,6 +13,7 @@ import {
   DialogTitle,
 } from '@/components/ui/Dialog'
 import { Progress } from '@/components/ui/Progress'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface LevelModalProps {
@@ -23,6 +24,7 @@ interface LevelModalProps {
 }
 
 export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: LevelModalProps) => {
+  const { t } = useIntl()
   const milestones = getAllLevelMilestones()
 
   // Calculate progress to next level using actual level thresholds
@@ -42,10 +44,14 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
               <div className="flex size-10 shrink-0 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900/50">
                 <Trophy className="size-5 text-amber-600 dark:text-amber-400" />
               </div>
-              Mapper Level System
+              {t('dashboard.levelModal.title', undefined, 'Mapper Level System')}
             </DialogTitle>
             <DialogDescription>
-              Complete challenges to earn points and level up your mapper rank.
+              {t(
+                'dashboard.levelModal.description',
+                undefined,
+                'Complete challenges to earn points and level up your mapper rank.'
+              )}
             </DialogDescription>
           </DialogHeader>
 
@@ -53,15 +59,23 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
           <div className="mt-4 rounded-xl bg-white p-4 shadow-sm dark:bg-slate-800 dark:shadow-none">
             <div className="mb-3 flex items-center justify-between">
               <span className="font-medium text-zinc-900 dark:text-white">
-                Level {currentLevel}
+                {t('common.level', { level: currentLevel }, 'Level {level}')}
               </span>
               <span className="text-sm text-zinc-500 dark:text-slate-400">
-                {currentScore.toLocaleString()} total points
+                {t(
+                  'dashboard.levelModal.totalPoints',
+                  { points: currentScore.toLocaleString() },
+                  '{points} total points'
+                )}
               </span>
             </div>
             <div className="mb-2 flex items-center justify-between text-sm">
               <span className="text-zinc-500 dark:text-slate-400">
-                Progress to Level {currentLevel + 1}
+                {t(
+                  'dashboard.levelModal.progressToLevel',
+                  { level: currentLevel + 1 },
+                  'Progress to Level {level}'
+                )}
               </span>
               <span className="font-semibold text-zinc-900 dark:text-white">
                 {pointsIntoLevel.toLocaleString()} / {pointsNeededForLevel.toLocaleString()}
@@ -69,7 +83,11 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
             </div>
             <Progress value={progressToNext} className="h-3" />
             <p className="mt-2 text-center text-xs text-zinc-500 dark:text-slate-400">
-              {(pointsNeededForLevel - pointsIntoLevel).toLocaleString()} more points to next level
+              {t(
+                'dashboard.levelModal.pointsToNextLevel',
+                { points: (pointsNeededForLevel - pointsIntoLevel).toLocaleString() },
+                '{points} more points to next level'
+              )}
             </p>
           </div>
         </div>
@@ -96,7 +114,11 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
                         <Lock className="size-5 text-zinc-500 dark:text-slate-400" />
                       </div>
                       <span className="font-semibold text-sm text-zinc-600 dark:text-slate-300">
-                        {(milestone.requiredScore - currentScore).toLocaleString()} points to unlock
+                        {t(
+                          'dashboard.levelModal.pointsToUnlock',
+                          { points: (milestone.requiredScore - currentScore).toLocaleString() },
+                          '{points} points to unlock'
+                        )}
                       </span>
                     </div>
                   </div>
@@ -137,18 +159,28 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
                         {milestone.emoji} {milestone.title}
                       </h3>
                       {isCurrent && (
-                        <Badge className="bg-blue-500 text-white hover:bg-blue-500">Current</Badge>
+                        <Badge className="bg-blue-500 text-white hover:bg-blue-500">
+                          {t('common.current', undefined, 'Current')}
+                        </Badge>
                       )}
                       {isUnlocked && !isCurrent && (
                         <CheckCircle2 className="size-4 text-emerald-500" />
                       )}
                     </div>
                     <p className="mt-0.5 text-sm text-zinc-500 dark:text-slate-400">
-                      {milestone.requiredScore.toLocaleString()} points required
+                      {t(
+                        'dashboard.levelModal.pointsRequired',
+                        { points: milestone.requiredScore.toLocaleString() },
+                        '{points} points required'
+                      )}
                     </p>
                     {isCurrent && (
                       <p className="mt-1 font-semibold text-blue-600 text-sm dark:text-blue-400">
-                        Your score: {currentScore.toLocaleString()} points
+                        {t(
+                          'dashboard.levelModal.yourScore',
+                          { points: currentScore.toLocaleString() },
+                          'Your score: {points} points'
+                        )}
                       </p>
                     )}
                   </div>
@@ -162,16 +194,24 @@ export const LevelModal = ({ open, onOpenChange, currentLevel, currentScore }: L
         <div className="mx-6 mb-6 rounded-xl bg-zinc-50 p-4 dark:bg-slate-900/50">
           <h4 className="mb-2 flex items-center gap-2 font-semibold text-zinc-900 dark:text-white">
             <Trophy className="size-4 text-amber-600 dark:text-amber-400" />
-            How leveling works
+            {t('dashboard.levelModal.howItWorksTitle', undefined, 'How leveling works')}
           </h4>
           <p className="text-sm text-zinc-600 dark:text-slate-300">
-            Your level is calculated using:{' '}
+            {t(
+              'dashboard.levelModal.calculatedUsing',
+              undefined,
+              'Your level is calculated using:'
+            )}{' '}
             <code className="rounded bg-zinc-200 px-1.5 py-0.5 font-mono text-xs dark:bg-slate-800">
               Level = √(Points / 10)
             </code>
           </p>
           <p className="mt-2 text-xs text-zinc-500 dark:text-slate-400">
-            Each level requires exponentially more points. Keep mapping to climb the ranks.
+            {t(
+              'dashboard.levelModal.howItWorksFooter',
+              undefined,
+              'Each level requires exponentially more points. Keep mapping to climb the ranks.'
+            )}
           </p>
         </div>
       </DialogContent>
diff --git a/src/components/Pages/DashboardPage/LockedTasksSection.tsx b/src/components/Pages/DashboardPage/LockedTasksSection.tsx
index 108924cbe..0f483a265 100644
--- a/src/components/Pages/DashboardPage/LockedTasksSection.tsx
+++ b/src/components/Pages/DashboardPage/LockedTasksSection.tsx
@@ -3,6 +3,7 @@ import { Clock, Lock, Settings } from 'lucide-react'
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { formatTimeAgo } from '@/lib/date'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 
@@ -11,6 +12,7 @@ interface LockedTasksSectionProps {
 }
 
 export const LockedTasksSection = ({ userId }: LockedTasksSectionProps) => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const { data: lockedTasks, isLoading, error } = api.user.lockedTasks(userId)
   const showManageIcon = user && isSuperUser(user)
@@ -19,7 +21,9 @@ export const LockedTasksSection = ({ userId }: LockedTasksSectionProps) => {
     <div className="flex flex-1 flex-col overflow-hidden rounded-xl bg-white dark:bg-slate-800">
       <div className="flex shrink-0 items-center gap-2 px-4 py-3">
         <Lock className="h-4 w-4 text-orange-400" />
-        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">Locked Tasks</h3>
+        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">
+          {t('dashboard.lockedTasks.title', undefined, 'Locked Tasks')}
+        </h3>
         {lockedTasks && lockedTasks.length > 0 && (
           <span className="ml-auto rounded-full bg-orange-500/20 px-2 py-0.5 font-medium text-orange-400 text-xs">
             {lockedTasks.length}
@@ -33,16 +37,26 @@ export const LockedTasksSection = ({ userId }: LockedTasksSectionProps) => {
           </div>
         )}
 
-        {error && <div className="py-2 text-center text-red-400 text-sm">Failed to load</div>}
+        {error && (
+          <div className="py-2 text-center text-red-400 text-sm">
+            {t('dashboard.common.failedToLoad', undefined, 'Failed to load')}
+          </div>
+        )}
 
         {!isLoading && !error && lockedTasks?.length === 0 && (
           <div className="flex flex-col items-center justify-center py-6 text-center">
             <div className="mb-2 rounded-lg bg-zinc-100 p-2 dark:bg-slate-700/50">
               <Lock className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
             </div>
-            <p className="text-sm text-zinc-600 dark:text-slate-400">No locked tasks</p>
+            <p className="text-sm text-zinc-600 dark:text-slate-400">
+              {t('dashboard.lockedTasks.empty.title', undefined, 'No locked tasks')}
+            </p>
             <p className="text-xs text-zinc-500 dark:text-slate-500">
-              Start editing a task to lock it
+              {t(
+                'dashboard.lockedTasks.empty.description',
+                undefined,
+                'Start editing a task to lock it'
+              )}
             </p>
           </div>
         )}
@@ -60,7 +74,7 @@ export const LockedTasksSection = ({ userId }: LockedTasksSectionProps) => {
                   <Lock className="h-4 w-4 text-orange-400" />
                   <div>
                     <div className="font-medium text-sm text-zinc-800 dark:text-slate-200">
-                      Task #{task.id}
+                      {t('common.taskWithId', { id: task.id }, 'Task #{id}')}
                     </div>
                     <div className="text-xs text-zinc-600 dark:text-slate-400">
                       {task.parentName}
@@ -78,7 +92,7 @@ export const LockedTasksSection = ({ userId }: LockedTasksSectionProps) => {
                       params={{ taskId: task.id.toString() }}
                       onClick={(e) => e.stopPropagation()}
                       className="rounded p-1.5 text-zinc-500 transition-colors hover:bg-orange-200 hover:text-zinc-700 dark:text-slate-400 dark:hover:bg-orange-500/30 dark:hover:text-slate-100"
-                      title="Manage task"
+                      title={t('dashboard.lockedTasks.manageTitle', undefined, 'Manage task')}
                     >
                       <Settings className="h-4 w-4" />
                     </Link>
diff --git a/src/components/Pages/DashboardPage/SavedChallengesSection.tsx b/src/components/Pages/DashboardPage/SavedChallengesSection.tsx
index 4f56d49df..a11a86bd9 100644
--- a/src/components/Pages/DashboardPage/SavedChallengesSection.tsx
+++ b/src/components/Pages/DashboardPage/SavedChallengesSection.tsx
@@ -2,19 +2,23 @@ import { Link } from '@tanstack/react-router'
 import { Bookmark } from 'lucide-react'
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
+import { useIntl } from '@/i18n'
 
 interface SavedChallengesSectionProps {
   userId: number
 }
 
 export const SavedChallengesSection = ({ userId }: SavedChallengesSectionProps) => {
+  const { t } = useIntl()
   const { data: challenges, isLoading, error } = api.user.savedChallenges(userId, 10)
 
   return (
     <div className="flex flex-1 flex-col overflow-hidden rounded-xl bg-white dark:bg-slate-800">
       <div className="flex shrink-0 items-center gap-2 px-4 py-3">
         <Bookmark className="h-4 w-4 text-blue-400" />
-        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">Saved Challenges</h3>
+        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">
+          {t('dashboard.savedChallenges.title', undefined, 'Saved Challenges')}
+        </h3>
         {challenges && challenges.length > 0 && (
           <span className="ml-auto rounded-full bg-blue-500/20 px-2 py-0.5 font-medium text-blue-400 text-xs">
             {challenges.length}
@@ -28,16 +32,26 @@ export const SavedChallengesSection = ({ userId }: SavedChallengesSectionProps)
           </div>
         )}
 
-        {error && <div className="py-2 text-center text-red-400 text-sm">Failed to load</div>}
+        {error && (
+          <div className="py-2 text-center text-red-400 text-sm">
+            {t('dashboard.common.failedToLoad', undefined, 'Failed to load')}
+          </div>
+        )}
 
         {!isLoading && !error && challenges?.length === 0 && (
           <div className="flex flex-col items-center justify-center py-6 text-center">
             <div className="mb-2 rounded-lg bg-zinc-100 p-2 dark:bg-slate-700/50">
               <Bookmark className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
             </div>
-            <p className="text-sm text-zinc-600 dark:text-slate-400">No saved challenges</p>
+            <p className="text-sm text-zinc-600 dark:text-slate-400">
+              {t('dashboard.savedChallenges.empty.title', undefined, 'No saved challenges')}
+            </p>
             <p className="text-xs text-zinc-500 dark:text-slate-500">
-              Save challenges to work on later
+              {t(
+                'dashboard.savedChallenges.empty.description',
+                undefined,
+                'Save challenges to work on later'
+              )}
             </p>
           </div>
         )}
@@ -56,7 +70,11 @@ export const SavedChallengesSection = ({ userId }: SavedChallengesSectionProps)
                 </div>
                 <div className="mt-1.5 flex items-center gap-3 text-xs">
                   <span className="text-zinc-600 dark:text-slate-400">
-                    {challenge.completionMetrics?.tasksRemaining ?? 0} remaining
+                    {t(
+                      'dashboard.savedChallenges.remaining',
+                      { count: challenge.completionMetrics?.tasksRemaining ?? 0 },
+                      '{count} remaining'
+                    )}
                   </span>
                   <div className="flex flex-1 items-center gap-2">
                     <div className="h-1 flex-1 overflow-hidden rounded-full bg-zinc-300 dark:bg-slate-600">
diff --git a/src/components/Pages/DashboardPage/TeamsSection.tsx b/src/components/Pages/DashboardPage/TeamsSection.tsx
index 87badf425..9281e90df 100644
--- a/src/components/Pages/DashboardPage/TeamsSection.tsx
+++ b/src/components/Pages/DashboardPage/TeamsSection.tsx
@@ -1,29 +1,49 @@
 import { Users } from 'lucide-react'
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
+import { useIntl } from '@/i18n'
 import { cn, initials as getInitials } from '@/lib/utils'
 
 interface TeamsSectionProps {
   userId: number
 }
 
-const getTeamStatusStyle = (status: number): { label: string; color: string } => {
+type TFunction = ReturnType<typeof useIntl>['t']
+
+const getTeamStatusStyle = (status: number, t: TFunction): { label: string; color: string } => {
   const styles: Record<number, { label: string; color: string }> = {
-    0: { label: 'Invited', color: 'bg-yellow-500/20 text-yellow-400' },
-    1: { label: 'Member', color: 'bg-emerald-500/20 text-emerald-400' },
-    2: { label: 'Admin', color: 'bg-purple-500/20 text-purple-400' },
+    0: {
+      label: t('common.invited', undefined, 'Invited'),
+      color: 'bg-yellow-500/20 text-yellow-400',
+    },
+    1: {
+      label: t('common.member', undefined, 'Member'),
+      color: 'bg-emerald-500/20 text-emerald-400',
+    },
+    2: {
+      label: t('common.admin', undefined, 'Admin'),
+      color: 'bg-purple-500/20 text-purple-400',
+    },
   }
-  return styles[status] || { label: 'Unknown', color: 'bg-zinc-500/20 text-zinc-400' }
+  return (
+    styles[status] || {
+      label: t('common.unknown', undefined, 'Unknown'),
+      color: 'bg-zinc-500/20 text-zinc-400',
+    }
+  )
 }
 
 export const TeamsSection = ({ userId }: TeamsSectionProps) => {
+  const { t } = useIntl()
   const { data: teamMemberships, isLoading, error } = api.user.teamMemberships(userId)
 
   return (
     <div className="flex flex-1 flex-col overflow-hidden rounded-xl bg-white dark:bg-slate-800">
       <div className="flex shrink-0 items-center gap-2 px-4 py-3">
         <Users className="h-4 w-4 text-purple-400" />
-        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">Teams</h3>
+        <h3 className="font-medium text-sm text-zinc-800 dark:text-slate-200">
+          {t('common.teams', undefined, 'Teams')}
+        </h3>
         {teamMemberships && teamMemberships.length > 0 && (
           <span className="ml-auto rounded-full bg-purple-500/20 px-2 py-0.5 font-medium text-purple-400 text-xs">
             {teamMemberships.length}
@@ -37,22 +57,30 @@ export const TeamsSection = ({ userId }: TeamsSectionProps) => {
           </div>
         )}
 
-        {error && <div className="py-2 text-center text-red-400 text-sm">Failed to load</div>}
+        {error && (
+          <div className="py-2 text-center text-red-400 text-sm">
+            {t('dashboard.common.failedToLoad', undefined, 'Failed to load')}
+          </div>
+        )}
 
         {!isLoading && !error && teamMemberships?.length === 0 && (
           <div className="flex flex-col items-center justify-center py-6 text-center">
             <div className="mb-2 rounded-lg bg-zinc-100 p-2 dark:bg-slate-700/50">
               <Users className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
             </div>
-            <p className="text-sm text-zinc-600 dark:text-slate-400">No teams</p>
-            <p className="text-xs text-zinc-500 dark:text-slate-500">Join a team to collaborate</p>
+            <p className="text-sm text-zinc-600 dark:text-slate-400">
+              {t('dashboard.teams.empty.title', undefined, 'No teams')}
+            </p>
+            <p className="text-xs text-zinc-500 dark:text-slate-500">
+              {t('dashboard.teams.empty.description', undefined, 'Join a team to collaborate')}
+            </p>
           </div>
         )}
 
         {!isLoading && !error && teamMemberships && teamMemberships.length > 0 && (
           <div className="space-y-2">
             {teamMemberships.map((membership) => {
-              const statusStyle = getTeamStatusStyle(membership.status)
+              const statusStyle = getTeamStatusStyle(membership.status, t)
               return (
                 <div
                   key={membership.id}
@@ -63,7 +91,8 @@ export const TeamsSection = ({ userId }: TeamsSectionProps) => {
                       {getInitials(membership.name || `T${membership.teamId}`)}
                     </div>
                     <div className="font-medium text-sm text-zinc-800 dark:text-slate-200">
-                      {membership.name || `Team #${membership.teamId}`}
+                      {membership.name ||
+                        t('common.team', { teamId: membership.teamId }, 'Team #{teamId}')}
                     </div>
                   </div>
                   <span className={cn('rounded-full px-2 py-0.5 text-xs', statusStyle.color)}>
diff --git a/src/components/Pages/DashboardPage/UserProfileSection.tsx b/src/components/Pages/DashboardPage/UserProfileSection.tsx
index 4fb8a5090..b6189a9e7 100644
--- a/src/components/Pages/DashboardPage/UserProfileSection.tsx
+++ b/src/components/Pages/DashboardPage/UserProfileSection.tsx
@@ -8,6 +8,7 @@ import {
 } from '@/components/Pages/DashboardPage/levelUtils'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Badge } from '@/components/ui/Badge'
+import { useIntl } from '@/i18n'
 import { daysSince, formatDate } from '@/lib/date'
 import { initials as getInitials } from '@/lib/utils'
 import type { User } from '@/types/User'
@@ -18,6 +19,7 @@ interface UserProfileSectionProps {
 }
 
 export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
+  const { t } = useIntl()
   const [levelModalOpen, setLevelModalOpen] = useState(false)
 
   const userLevel = calculateLevel(user.score || 0)
@@ -57,13 +59,13 @@ export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
               {!user.guest && (
                 <Badge className="bg-emerald-500/20 text-emerald-400 text-xs hover:bg-emerald-500/30">
                   <Shield className="mr-1 h-3 w-3" />
-                  Verified
+                  {t('dashboard.profile.verified', undefined, 'Verified')}
                 </Badge>
               )}
               {user.guest && (
                 <Badge className="bg-yellow-500/20 text-xs text-yellow-400 hover:bg-yellow-500/30">
                   <Sparkles className="mr-1 h-3 w-3" />
-                  Guest
+                  {t('dashboard.profile.guest', undefined, 'Guest')}
                 </Badge>
               )}
             </div>
@@ -84,9 +86,15 @@ export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
           className="cursor-pointer px-6 py-4 text-left transition-colors hover:bg-zinc-50 dark:hover:bg-slate-700/50"
         >
           <div className="mb-2 flex items-center justify-between text-sm">
-            <span className="font-medium text-zinc-700 dark:text-slate-300">Level {userLevel}</span>
+            <span className="font-medium text-zinc-700 dark:text-slate-300">
+              {t('common.level', { level: userLevel }, 'Level {level}')}
+            </span>
             <span className="font-semibold text-zinc-900 dark:text-white">
-              {(user.score || 0).toLocaleString()} pts
+              {t(
+                'dashboard.profile.points',
+                { points: (user.score || 0).toLocaleString() },
+                '{points} pts'
+              )}
             </span>
           </div>
           <div className="h-2 overflow-hidden rounded-full bg-zinc-200 dark:bg-slate-700">
@@ -96,8 +104,14 @@ export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
             />
           </div>
           <div className="mt-2 text-right text-xs text-zinc-400 dark:text-slate-500">
-            {pointsIntoLevel.toLocaleString()} / {pointsNeededForLevel.toLocaleString()} to next
-            level
+            {t(
+              'dashboard.profile.progressToNext',
+              {
+                current: pointsIntoLevel.toLocaleString(),
+                total: pointsNeededForLevel.toLocaleString(),
+              },
+              '{current} / {total} to next level'
+            )}
           </div>
         </button>
 
@@ -106,7 +120,9 @@ export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
           <div className="flex items-center gap-3 rounded-lg bg-zinc-50 px-3 py-2.5 dark:bg-slate-700/50">
             <CalendarDays className="h-4 w-4 shrink-0 text-blue-500 dark:text-blue-400" />
             <div className="min-w-0">
-              <p className="text-xs text-zinc-500 dark:text-slate-400">Joined</p>
+              <p className="text-xs text-zinc-500 dark:text-slate-400">
+                {t('common.joined', undefined, 'Joined')}
+              </p>
               <p className="font-medium text-sm text-zinc-900 dark:text-slate-100">
                 {createdAt ? formatDate(createdAt) : '—'}
               </p>
@@ -115,9 +131,13 @@ export const UserProfileSection = ({ user }: UserProfileSectionProps) => {
           <div className="flex items-center gap-3 rounded-lg bg-zinc-50 px-3 py-2.5 dark:bg-slate-700/50">
             <Navigation className="h-4 w-4 shrink-0 text-emerald-500 dark:text-emerald-400" />
             <div className="min-w-0">
-              <p className="text-xs text-zinc-500 dark:text-slate-400">Account age</p>
+              <p className="text-xs text-zinc-500 dark:text-slate-400">
+                {t('dashboard.profile.accountAge', undefined, 'Account age')}
+              </p>
               <p className="font-medium text-sm text-zinc-900 dark:text-slate-100">
-                {createdAt ? `${daysSince(createdAt)} days` : '—'}
+                {createdAt
+                  ? t('dashboard.profile.daysCount', { days: daysSince(createdAt) }, '{days} days')
+                  : '—'}
               </p>
             </div>
           </div>
diff --git a/src/components/Pages/ErrorBoundary/RouteErrorBoundary.tsx b/src/components/Pages/ErrorBoundary/RouteErrorBoundary.tsx
index b81bdf752..780a3dd7f 100644
--- a/src/components/Pages/ErrorBoundary/RouteErrorBoundary.tsx
+++ b/src/components/Pages/ErrorBoundary/RouteErrorBoundary.tsx
@@ -2,6 +2,7 @@ import { Link } from '@tanstack/react-router'
 import { HTTPError } from 'ky'
 import { AlertCircle, ArrowLeft, Home, RefreshCw } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 
 interface RouteErrorBoundaryProps {
@@ -29,160 +30,206 @@ const ErrorLayout = ({ title, description, icon, details, actions }: ErrorLayout
   </div>
 )
 
-const NotFoundError = () => (
-  <ErrorLayout
-    title="404 - Not Found"
-    description="The page or resource you're looking for doesn't exist."
-    icon={<AlertCircle className="h-16 w-16 text-yellow-500" />}
-    actions={
-      <>
-        <Button onClick={() => window.history.back()} variant="outline">
-          <ArrowLeft className="mr-2 h-4 w-4" />
-          Go Back
-        </Button>
-        <Link to="/">
-          <Button>
-            <Home className="mr-2 h-4 w-4" />
-            Go Home
+const NotFoundError = () => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t('errorBoundary.notFound.title', undefined, '404 - Not Found')}
+      description={t(
+        'errorBoundary.notFound.description',
+        undefined,
+        "The page or resource you're looking for doesn't exist."
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-yellow-500" />}
+      actions={
+        <>
+          <Button onClick={() => window.history.back()} variant="outline">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            {t('errorBoundary.actions.goBack', undefined, 'Go Back')}
           </Button>
-        </Link>
-      </>
-    }
-  />
-)
+          <Link to="/">
+            <Button>
+              <Home className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.goHome', undefined, 'Go Home')}
+            </Button>
+          </Link>
+        </>
+      }
+    />
+  )
+}
 
-const ForbiddenError = () => (
-  <ErrorLayout
-    title="403 - Forbidden"
-    description="You don't have permission to access this resource."
-    icon={<AlertCircle className="h-16 w-16 text-orange-500" />}
-    actions={
-      <>
-        <Button onClick={() => window.history.back()} variant="outline">
-          <ArrowLeft className="mr-2 h-4 w-4" />
-          Go Back
-        </Button>
-        <Link to="/">
-          <Button>
-            <Home className="mr-2 h-4 w-4" />
-            Go Home
+const ForbiddenError = () => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t('errorBoundary.forbidden.title', undefined, '403 - Forbidden')}
+      description={t(
+        'errorBoundary.forbidden.description',
+        undefined,
+        "You don't have permission to access this resource."
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-orange-500" />}
+      actions={
+        <>
+          <Button onClick={() => window.history.back()} variant="outline">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            {t('errorBoundary.actions.goBack', undefined, 'Go Back')}
           </Button>
-        </Link>
-      </>
-    }
-  />
-)
-
-const UnauthorizedError = () => (
-  <ErrorLayout
-    title="401 - Unauthorized"
-    description="You need to be logged in to access this resource."
-    icon={<AlertCircle className="h-16 w-16 text-red-500" />}
-    actions={
-      <Link to="/">
-        <Button>
-          <Home className="mr-2 h-4 w-4" />
-          Go to Login
-        </Button>
-      </Link>
-    }
-  />
-)
+          <Link to="/">
+            <Button>
+              <Home className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.goHome', undefined, 'Go Home')}
+            </Button>
+          </Link>
+        </>
+      }
+    />
+  )
+}
 
-const ServerError = ({ error, reset }: { error: HTTPError; reset?: () => void }) => (
-  <ErrorLayout
-    title="Server Error"
-    description="The server encountered an error. Please try again later."
-    icon={<AlertCircle className="h-16 w-16 text-red-500" />}
-    details={
-      import.meta.env.DEV ? (
-        <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
-          {error.message}
-        </pre>
-      ) : undefined
-    }
-    actions={
-      <>
-        {reset && (
-          <Button onClick={reset} variant="outline">
-            <RefreshCw className="mr-2 h-4 w-4" />
-            Try Again
-          </Button>
-        )}
+const UnauthorizedError = () => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t('errorBoundary.unauthorized.title', undefined, '401 - Unauthorized')}
+      description={t(
+        'errorBoundary.unauthorized.description',
+        undefined,
+        'You need to be logged in to access this resource.'
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-red-500" />}
+      actions={
         <Link to="/">
           <Button>
             <Home className="mr-2 h-4 w-4" />
-            Go Home
+            {t('errorBoundary.actions.goToLogin', undefined, 'Go to Login')}
           </Button>
         </Link>
-      </>
-    }
-  />
-)
+      }
+    />
+  )
+}
 
-const GenericHttpError = ({ error, reset }: { error: HTTPError; reset?: () => void }) => (
-  <ErrorLayout
-    title={`Error ${error.response.status}`}
-    description="An unexpected error occurred while loading this page."
-    icon={<AlertCircle className="h-16 w-16 text-red-500" />}
-    details={
-      import.meta.env.DEV ? (
-        <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
-          {error.message}
-        </pre>
-      ) : undefined
-    }
-    actions={
-      <>
-        {reset && (
-          <Button onClick={reset} variant="outline">
-            <RefreshCw className="mr-2 h-4 w-4" />
-            Try Again
-          </Button>
-        )}
-        <Link to="/">
-          <Button>
-            <Home className="mr-2 h-4 w-4" />
-            Go Home
-          </Button>
-        </Link>
-      </>
-    }
-  />
-)
+const ServerError = ({ error, reset }: { error: HTTPError; reset?: () => void }) => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t('errorBoundary.serverError.title', undefined, 'Server Error')}
+      description={t(
+        'errorBoundary.serverError.description',
+        undefined,
+        'The server encountered an error. Please try again later.'
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-red-500" />}
+      details={
+        import.meta.env.DEV ? (
+          <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
+            {error.message}
+          </pre>
+        ) : undefined
+      }
+      actions={
+        <>
+          {reset && (
+            <Button onClick={reset} variant="outline">
+              <RefreshCw className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.tryAgain', undefined, 'Try Again')}
+            </Button>
+          )}
+          <Link to="/">
+            <Button>
+              <Home className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.goHome', undefined, 'Go Home')}
+            </Button>
+          </Link>
+        </>
+      }
+    />
+  )
+}
 
-const GenericError = ({ error, reset }: { error: Error; reset?: () => void }) => (
-  <ErrorLayout
-    title="Something went wrong"
-    description="An unexpected error occurred. Please try again."
-    icon={<AlertCircle className="h-16 w-16 text-red-500" />}
-    details={
-      import.meta.env.DEV ? (
-        <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
-          {error.message}
-          {'\n\n'}
-          {error.stack}
-        </pre>
-      ) : undefined
-    }
-    actions={
-      <>
-        {reset && (
-          <Button onClick={reset} variant="outline">
-            <RefreshCw className="mr-2 h-4 w-4" />
-            Try Again
-          </Button>
-        )}
-        <Link to="/">
-          <Button>
-            <Home className="mr-2 h-4 w-4" />
-            Go Home
-          </Button>
-        </Link>
-      </>
-    }
-  />
-)
+const GenericHttpError = ({ error, reset }: { error: HTTPError; reset?: () => void }) => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t(
+        'errorBoundary.genericHttp.title',
+        { status: error.response.status },
+        'Error {status}'
+      )}
+      description={t(
+        'errorBoundary.genericHttp.description',
+        undefined,
+        'An unexpected error occurred while loading this page.'
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-red-500" />}
+      details={
+        import.meta.env.DEV ? (
+          <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
+            {error.message}
+          </pre>
+        ) : undefined
+      }
+      actions={
+        <>
+          {reset && (
+            <Button onClick={reset} variant="outline">
+              <RefreshCw className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.tryAgain', undefined, 'Try Again')}
+            </Button>
+          )}
+          <Link to="/">
+            <Button>
+              <Home className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.goHome', undefined, 'Go Home')}
+            </Button>
+          </Link>
+        </>
+      }
+    />
+  )
+}
+
+const GenericError = ({ error, reset }: { error: Error; reset?: () => void }) => {
+  const { t } = useIntl()
+  return (
+    <ErrorLayout
+      title={t('common.error', undefined, 'Something went wrong')}
+      description={t(
+        'common.unexpectedErrorTryAgain',
+        undefined,
+        'An unexpected error occurred. Please try again.'
+      )}
+      icon={<AlertCircle className="h-16 w-16 text-red-500" />}
+      details={
+        import.meta.env.DEV ? (
+          <pre className="mt-4 max-w-2xl overflow-auto rounded bg-zinc-100 p-4 text-left text-sm dark:bg-slate-800">
+            {error.message}
+            {'\n\n'}
+            {error.stack}
+          </pre>
+        ) : undefined
+      }
+      actions={
+        <>
+          {reset && (
+            <Button onClick={reset} variant="outline">
+              <RefreshCw className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.tryAgain', undefined, 'Try Again')}
+            </Button>
+          )}
+          <Link to="/">
+            <Button>
+              <Home className="mr-2 h-4 w-4" />
+              {t('errorBoundary.actions.goHome', undefined, 'Go Home')}
+            </Button>
+          </Link>
+        </>
+      }
+    />
+  )
+}
 
 /**
  * Route-level error boundary component that handles different error types
diff --git a/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengeActionMenu.tsx b/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengeActionMenu.tsx
index a909e2921..c6efbbdcf 100644
--- a/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengeActionMenu.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengeActionMenu.tsx
@@ -9,9 +9,11 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
 import { useCopyToClipboard } from '@/hooks/useCopyToClipboard'
+import { useIntl } from '@/i18n'
 import type { Challenge } from '@/types/Challenge'
 
 export const ChallengeActionMenu = memo(({ challenge }: { challenge: Challenge }) => {
+  const { t } = useIntl()
   const { copy } = useCopyToClipboard()
   const canStart = (challenge.completionMetrics?.tasksRemaining ?? 0) > 0
 
@@ -21,7 +23,7 @@ export const ChallengeActionMenu = memo(({ challenge }: { challenge: Challenge }
         <DropdownMenuTrigger asChild>
           <Button variant="ghost" size="icon" className="h-8 w-8">
             <MoreHorizontal className="h-4 w-4" />
-            <span className="sr-only">Open menu</span>
+            <span className="sr-only">{t('common.openMenu', undefined, 'Open menu')}</span>
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end">
@@ -33,7 +35,7 @@ export const ChallengeActionMenu = memo(({ challenge }: { challenge: Challenge }
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Play className="h-4 w-4" />
-                Start challenge
+                {t('common.startChallenge', undefined, 'Start challenge')}
               </Link>
             </DropdownMenuItem>
           )}
@@ -44,7 +46,7 @@ export const ChallengeActionMenu = memo(({ challenge }: { challenge: Challenge }
               className="flex cursor-pointer items-center gap-2"
             >
               <Eye className="h-4 w-4" />
-              View challenge
+              {t('common.viewChallenge', undefined, 'View challenge')}
             </Link>
           </DropdownMenuItem>
           <DropdownMenuItem
@@ -52,7 +54,7 @@ export const ChallengeActionMenu = memo(({ challenge }: { challenge: Challenge }
             className="flex cursor-pointer items-center gap-2"
           >
             <Copy className="h-4 w-4" />
-            Copy URL
+            {t('common.copyUrl', undefined, 'Copy URL')}
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
diff --git a/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengesTableView.tsx b/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengesTableView.tsx
index 34f1ffe51..afaac028a 100644
--- a/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengesTableView.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ChallengeList/ChallengesTableView.tsx
@@ -9,30 +9,60 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/Table'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { getDifficultyColor, getDifficultyLabel } from '@/lib/difficultyLevelData'
 import { cn } from '@/lib/utils'
 import { useChallengeResultsContext } from '../contexts/ChallengeResultsContext'
 
 export const ChallengesTableView = () => {
+  const { t } = useIntl()
   const { challenges } = useChallengeResultsContext()
   return (
     <ScrollArea className="min-h-0 w-full flex-1">
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead>Name</TableHead>
-            <TableHead>Author</TableHead>
-            <TableHead>Organisation</TableHead>
-            <TableHead className="text-center">Percent mapped</TableHead>
-            <TableHead className="text-center">Percent validated</TableHead>
-            <TableHead className="text-center">Contributors</TableHead>
-            <TableHead className="text-center">Priority</TableHead>
-            <TableHead className="text-center">Difficulty</TableHead>
-            <TableHead className="text-center">Status</TableHead>
-            <TableHead>Location</TableHead>
-            <TableHead>Last updated</TableHead>
-            <TableHead>Due date</TableHead>
+            <TableHead>{t('common.name', undefined, 'Name')}</TableHead>
+            <TableHead>
+              {t('exploreChallenges.challengeList.table.author', undefined, 'Author')}
+            </TableHead>
+            <TableHead>
+              {t('exploreChallenges.challengeList.table.organisation', undefined, 'Organisation')}
+            </TableHead>
+            <TableHead className="text-center">
+              {t(
+                'exploreChallenges.challengeList.table.percentMapped',
+                undefined,
+                'Percent mapped'
+              )}
+            </TableHead>
+            <TableHead className="text-center">
+              {t(
+                'exploreChallenges.challengeList.table.percentValidated',
+                undefined,
+                'Percent validated'
+              )}
+            </TableHead>
+            <TableHead className="text-center">
+              {t('exploreChallenges.challengeList.table.contributors', undefined, 'Contributors')}
+            </TableHead>
+            <TableHead className="text-center">
+              {t('common.priority', undefined, 'Priority')}
+            </TableHead>
+            <TableHead className="text-center">
+              {t('common.difficulty', undefined, 'Difficulty')}
+            </TableHead>
+            <TableHead className="text-center">{t('common.status', undefined, 'Status')}</TableHead>
+            <TableHead>
+              {t('exploreChallenges.challengeList.table.location', undefined, 'Location')}
+            </TableHead>
+            <TableHead>
+              {t('exploreChallenges.challengeList.table.lastUpdated', undefined, 'Last updated')}
+            </TableHead>
+            <TableHead>
+              {t('exploreChallenges.challengeList.table.dueDate', undefined, 'Due date')}
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -48,10 +78,22 @@ export const ChallengesTableView = () => {
                 </Link>
               </TableCell>
               <TableCell className="text-zinc-600 dark:text-slate-400">
-                {challenge.owner ? `User ${challenge.owner}` : '--'}
+                {challenge.owner
+                  ? t(
+                      'exploreChallenges.challengeList.table.userLabel',
+                      { owner: challenge.owner },
+                      'User {owner}'
+                    )
+                  : '--'}
               </TableCell>
               <TableCell className="text-zinc-600 dark:text-slate-400">
-                {challenge.parent ? `Project ${challenge.parent}` : '--'}
+                {challenge.parent
+                  ? t(
+                      'exploreChallenges.challengeList.table.projectLabel',
+                      { parent: challenge.parent },
+                      'Project {parent}'
+                    )
+                  : '--'}
               </TableCell>
               <TableCell className="text-center text-zinc-600 dark:text-slate-400">
                 {challenge.completionPercentage ?? 0}%
@@ -64,7 +106,7 @@ export const ChallengesTableView = () => {
                     variant="secondary"
                     className="bg-orange-100 text-orange-800 text-xs dark:bg-orange-900 dark:text-orange-200"
                   >
-                    URGENT
+                    {t('exploreChallenges.challengeList.table.urgent', undefined, 'URGENT')}
                   </Badge>
                 ) : (
                   <span className="text-zinc-600 dark:text-slate-400">--</span>
@@ -80,7 +122,9 @@ export const ChallengesTableView = () => {
               </TableCell>
               <TableCell className="text-center">
                 <Badge variant="outline" className="text-xs">
-                  {challenge.enabled ? 'Published' : 'Disabled'}
+                  {challenge.enabled
+                    ? t('exploreChallenges.challengeList.table.published', undefined, 'Published')
+                    : t('exploreChallenges.challengeList.table.disabled', undefined, 'Disabled')}
                 </Badge>
               </TableCell>
               <TableCell className="text-zinc-600 dark:text-slate-400">
diff --git a/src/components/Pages/ExploreChallengesPage/ChallengeList/ListFooter.tsx b/src/components/Pages/ExploreChallengesPage/ChallengeList/ListFooter.tsx
index 2704eaeab..ef919d594 100644
--- a/src/components/Pages/ExploreChallengesPage/ChallengeList/ListFooter.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ChallengeList/ListFooter.tsx
@@ -1,8 +1,10 @@
 import { CheckCircle2, Loader2 } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { useChallengeResultsContext } from '../contexts/ChallengeResultsContext'
 
 export const ListFooter = () => {
+  const { t } = useIntl()
   const { challenges, hasNextPage, isFetchingNextPage, fetchNextPage } =
     useChallengeResultsContext()
 
@@ -18,10 +20,10 @@ export const ListFooter = () => {
           {isFetchingNextPage ? (
             <>
               <Loader2 className="h-4 w-4 animate-spin" />
-              Loading...
+              {t('common.loading2', undefined, 'Loading...')}
             </>
           ) : (
-            'Load More'
+            t('common.loadMore', undefined, 'Load More')
           )}
         </Button>
       </div>
@@ -33,10 +35,14 @@ export const ListFooter = () => {
       <div className="mt-4 flex flex-col items-center gap-2 border-zinc-200 border-t p-6 pb-12 text-center dark:border-slate-700">
         <CheckCircle2 className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
         <p className="font-medium text-sm text-zinc-600 dark:text-slate-400">
-          You've reached the end of the list
+          {t('common.youveReachedTheEndOfTheList', undefined, "You've reached the end of the list")}
         </p>
         <p className="text-xs text-zinc-500 dark:text-slate-500">
-          Adjust your filters or explore a different area to discover more challenges
+          {t(
+            'exploreChallenges.challengeList.footer.endOfListHint',
+            undefined,
+            'Adjust your filters or explore a different area to discover more challenges'
+          )}
         </p>
       </div>
     )
diff --git a/src/components/Pages/ExploreChallengesPage/ChallengeList/index.tsx b/src/components/Pages/ExploreChallengesPage/ChallengeList/index.tsx
index 885771f83..e135316fd 100644
--- a/src/components/Pages/ExploreChallengesPage/ChallengeList/index.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ChallengeList/index.tsx
@@ -3,6 +3,7 @@ import { ChallengeCard } from '@/components/shared/ChallengeCard'
 import { Empty, EmptyDescription, EmptyHeader, EmptyTitle } from '@/components/ui/Empty'
 import { Loader } from '@/components/ui/Loader'
 import { ScrollArea } from '@/components/ui/ScrollArea'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { useChallengeResultsContext } from '../contexts/ChallengeResultsContext'
 import { useExploreChallengesSearchContext } from '../contexts/ExploreChallengesSearchContext'
@@ -11,6 +12,7 @@ import { ChallengesTableView } from './ChallengesTableView'
 import { ListFooter } from './ListFooter'
 
 export const ChallengeList = () => {
+  const { t } = useIntl()
   const { viewMode } = useExploreChallengesSearchContext()
   const { challenges, error, isLoadingState, showEmptyState, showErrorState } =
     useChallengeResultsContext()
@@ -23,7 +25,7 @@ export const ChallengeList = () => {
           isLoadingState ? 'opacity-100' : 'pointer-events-none opacity-0'
         )}
       >
-        <Loader message="Loading challenges..." />
+        <Loader message={t('common.loadingChallenges', undefined, 'Loading challenges...')} />
       </div>
 
       {showErrorState ? (
@@ -33,9 +35,20 @@ export const ChallengeList = () => {
               <div className="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30">
                 <AlertCircle className="h-6 w-6 text-red-600 dark:text-red-400" />
               </div>
-              <EmptyTitle>Failed to load challenges</EmptyTitle>
+              <EmptyTitle>
+                {t(
+                  'exploreChallenges.challengeList.errorTitle',
+                  undefined,
+                  'Failed to load challenges'
+                )}
+              </EmptyTitle>
               <EmptyDescription>
-                {error?.message || 'An unexpected error occurred. Please try again.'}
+                {error?.message ||
+                  t(
+                    'common.unexpectedErrorTryAgain',
+                    undefined,
+                    'An unexpected error occurred. Please try again.'
+                  )}
               </EmptyDescription>
             </EmptyHeader>
           </Empty>
@@ -44,8 +57,16 @@ export const ChallengeList = () => {
         <ScrollArea className="h-full w-full [&_[data-slot=scroll-area-scrollbar]]:hidden">
           <Empty className="p-4">
             <EmptyHeader>
-              <EmptyTitle>No challenges found</EmptyTitle>
-              <EmptyDescription>Try adjusting your search filters or map bounds.</EmptyDescription>
+              <EmptyTitle>
+                {t('common.noChallengesFound', undefined, 'No challenges found')}
+              </EmptyTitle>
+              <EmptyDescription>
+                {t(
+                  'exploreChallenges.challengeList.emptyDescription',
+                  undefined,
+                  'Try adjusting your search filters or map bounds.'
+                )}
+              </EmptyDescription>
             </EmptyHeader>
           </Empty>
         </ScrollArea>
diff --git a/src/components/Pages/ExploreChallengesPage/ExploreChallengesMap/SearchThisAreaButton.tsx b/src/components/Pages/ExploreChallengesPage/ExploreChallengesMap/SearchThisAreaButton.tsx
index 2678a59f9..95c1af1d4 100644
--- a/src/components/Pages/ExploreChallengesPage/ExploreChallengesMap/SearchThisAreaButton.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ExploreChallengesMap/SearchThisAreaButton.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react'
 import type { MapRef } from 'react-map-gl/maplibre'
 import { boundsAreEqual, getMapBoundsString } from '@/components/Map/mapUtils'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { useExploreChallengesSearchContext } from '../contexts/ExploreChallengesSearchContext'
 
 interface SearchThisAreaButtonProps {
@@ -17,6 +18,7 @@ interface SearchThisAreaButtonProps {
  * triggers the challenge search to re-run via context state.
  */
 export const SearchThisAreaButton = ({ mapRef, mapLoaded }: SearchThisAreaButtonProps) => {
+  const { t } = useIntl()
   const { bounds, setBounds } = useExploreChallengesSearchContext()
   const [viewportBounds, setViewportBounds] = useState<string | null>(null)
 
@@ -55,7 +57,7 @@ export const SearchThisAreaButton = ({ mapRef, mapLoaded }: SearchThisAreaButton
         className="pointer-events-auto shadow-lg"
       >
         <Search className="h-3.5 w-3.5" />
-        Search this area
+        {t('exploreChallenges.map.searchThisArea', undefined, 'Search this area')}
       </Button>
     </div>
   )
diff --git a/src/components/Pages/ExploreChallengesPage/ExploreChallengesResults.tsx b/src/components/Pages/ExploreChallengesPage/ExploreChallengesResults.tsx
index 6724ccf98..70cf1de05 100644
--- a/src/components/Pages/ExploreChallengesPage/ExploreChallengesResults.tsx
+++ b/src/components/Pages/ExploreChallengesPage/ExploreChallengesResults.tsx
@@ -3,11 +3,13 @@ import { useState } from 'react'
 import { DrawerPortalTarget } from '@/components/TaskInfoPanel/DrawerPortalContext'
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/Resizable'
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/Tabs'
+import { useIntl } from '@/i18n'
 import { ChallengeList } from './ChallengeList'
 import { useExploreChallengesSearchContext } from './contexts/ExploreChallengesSearchContext'
 import { ExploreChallengesMap } from './ExploreChallengesMap'
 
 export const ExploreChallengesResults = () => {
+  const { t } = useIntl()
   const { viewMode } = useExploreChallengesSearchContext()
   const [mobileTab, setMobileTab] = useState<'list' | 'map'>('list')
 
@@ -25,11 +27,11 @@ export const ExploreChallengesResults = () => {
               <TabsList className="w-full">
                 <TabsTrigger value="list">
                   <List />
-                  <span>List</span>
+                  <span>{t('exploreChallenges.results.tabList', undefined, 'List')}</span>
                 </TabsTrigger>
                 <TabsTrigger value="map">
                   <MapIcon />
-                  <span>Map</span>
+                  <span>{t('common.map', undefined, 'Map')}</span>
                 </TabsTrigger>
               </TabsList>
             </div>
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/ClearFiltersButton.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/ClearFiltersButton.tsx
index 9e0f51d76..f55d87ccd 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/ClearFiltersButton.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/ClearFiltersButton.tsx
@@ -1,8 +1,10 @@
 import { X } from 'lucide-react'
 import { useExploreChallengesSearchContext } from '@/components/Pages/ExploreChallengesPage/contexts/ExploreChallengesSearchContext'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 
 export const ClearFiltersButton = () => {
+  const { t } = useIntl()
   const {
     difficulty,
     workOn,
@@ -25,7 +27,7 @@ export const ClearFiltersButton = () => {
   return (
     <Button variant="outline" size="sm" onClick={handleClearFilters} disabled={!hasActiveFilters}>
       <X className="size-3.5" />
-      Clear filters
+      {t('exploreChallenges.filterBar.clearFilters', undefined, 'Clear filters')}
     </Button>
   )
 }
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/DifficultyFilter.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/DifficultyFilter.tsx
index 4cdc71a0c..3330afb35 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/DifficultyFilter.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/DifficultyFilter.tsx
@@ -7,22 +7,28 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import type { DifficultyLevel } from './filterTypes'
 
 export const DifficultyFilter = () => {
+  const { t } = useIntl()
   const { difficulty, setDifficulty } = useExploreChallengesSearchContext()
   return (
     <div className="flex items-center gap-2">
-      <Label className="font-medium text-sm text-zinc-700 dark:text-zinc-300">Difficulty</Label>
+      <Label className="font-medium text-sm text-zinc-700 dark:text-zinc-300">
+        {t('common.difficulty', undefined, 'Difficulty')}
+      </Label>
       <Select value={difficulty} onValueChange={(value) => setDifficulty(value as DifficultyLevel)}>
         <SelectTrigger className="h-9 w-24">
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="Any">Any</SelectItem>
-          <SelectItem value="Easy">Easy</SelectItem>
-          <SelectItem value="Normal">Normal</SelectItem>
-          <SelectItem value="Expert">Expert</SelectItem>
+          <SelectItem value="Any">
+            {t('exploreChallenges.filterBar.difficulty.any', undefined, 'Any')}
+          </SelectItem>
+          <SelectItem value="Easy">{t('common.easy', undefined, 'Easy')}</SelectItem>
+          <SelectItem value="Normal">{t('common.normal', undefined, 'Normal')}</SelectItem>
+          <SelectItem value="Expert">{t('common.expert', undefined, 'Expert')}</SelectItem>
         </SelectContent>
       </Select>
     </div>
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/GlobalMapToggles.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/GlobalMapToggles.tsx
index eb7e74b22..d96e64d55 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/GlobalMapToggles.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/GlobalMapToggles.tsx
@@ -2,8 +2,10 @@ import { useId } from 'react'
 import { useExploreChallengesSearchContext } from '@/components/Pages/ExploreChallengesPage/contexts/ExploreChallengesSearchContext'
 import { Label } from '@/components/ui/Label'
 import { Switch } from '@/components/ui/Switch'
+import { useIntl } from '@/i18n'
 
 export const GlobalToggle = () => {
+  const { t } = useIntl()
   const { global, setGlobal } = useExploreChallengesSearchContext()
   const globalId = useId()
 
@@ -14,7 +16,9 @@ export const GlobalToggle = () => {
         checked={global ?? false}
         onCheckedChange={(checked) => setGlobal(checked)}
       />
-      <span className="text-sm text-zinc-700 dark:text-zinc-300">Global</span>
+      <span className="text-sm text-zinc-700 dark:text-zinc-300">
+        {t('exploreChallenges.filterBar.global.label', undefined, 'Global')}
+      </span>
     </Label>
   )
 }
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/LocationSearchFilter.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/LocationSearchFilter.tsx
index ab6ea8fed..a85c8df78 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/LocationSearchFilter.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/LocationSearchFilter.tsx
@@ -6,6 +6,7 @@ import { useExploreChallengesSearchContext } from '@/components/Pages/ExploreCha
 import { Button } from '@/components/ui/Button'
 import { Input } from '@/components/ui/Input'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 
@@ -82,6 +83,7 @@ const applyLocation = (
 }
 
 export const LocationSearchFilter = () => {
+  const { t } = useIntl()
   const {
     locationOsmType,
     locationOsmId,
@@ -130,13 +132,25 @@ export const LocationSearchFilter = () => {
         )
 
         if (data.length === 0) {
-          setError('No locations found. Try a different search term.')
+          setError(
+            t(
+              'exploreChallenges.filterBar.location.noResults',
+              undefined,
+              'No locations found. Try a different search term.'
+            )
+          )
         }
         setSuggestions(data)
       } catch (err) {
         if (err instanceof Error && err.name !== 'AbortError') {
           logger.error('Error fetching suggestions', { error: String(err) })
-          setError('Network error. Please check your connection.')
+          setError(
+            t(
+              'exploreChallenges.filterBar.location.networkError',
+              undefined,
+              'Network error. Please check your connection.'
+            )
+          )
         }
       } finally {
         if (!controller.signal.aborted) {
@@ -151,7 +165,7 @@ export const LocationSearchFilter = () => {
         abortControllerRef.current.abort()
       }
     }
-  }, [locationInput])
+  }, [locationInput, t])
 
   useEffect(() => {
     if (suggestions.length > 0) {
@@ -187,11 +201,15 @@ export const LocationSearchFilter = () => {
             applyLocation(place, setBounds, requestFitBounds, setLocationGeojson)
           }
         } else {
-          setError('Location not found')
+          setError(
+            t('exploreChallenges.filterBar.location.notFound', undefined, 'Location not found')
+          )
         }
       } catch (err) {
         logger.error('Error loading location', { error: String(err) })
-        setError('Failed to load location')
+        setError(
+          t('exploreChallenges.filterBar.location.loadFailed', undefined, 'Failed to load location')
+        )
       } finally {
         setIsLocationLoading(false)
       }
@@ -206,6 +224,7 @@ export const LocationSearchFilter = () => {
     requestFitBounds,
     setLocationGeojson,
     bounds,
+    t,
   ])
 
   useEffect(() => {
@@ -230,11 +249,17 @@ export const LocationSearchFilter = () => {
         return data[0] || null
       } catch (err) {
         logger.error('Error fetching location details', { error: String(err) })
-        setError('Failed to load location geometry')
+        setError(
+          t(
+            'exploreChallenges.filterBar.location.geometryLoadFailed',
+            undefined,
+            'Failed to load location geometry'
+          )
+        )
         return null
       }
     },
-    []
+    [t]
   )
 
   // Reason: stable reference for location selection handler passed to suggestion list items
@@ -250,7 +275,13 @@ export const LocationSearchFilter = () => {
       if (prefix && suggestion.osm_id !== undefined) {
         setLocationOsm(prefix, suggestion.osm_id)
       } else {
-        setError('Selected location has no OSM identifier')
+        setError(
+          t(
+            'exploreChallenges.filterBar.location.noOsmId',
+            undefined,
+            'Selected location has no OSM identifier'
+          )
+        )
         return
       }
 
@@ -263,7 +294,7 @@ export const LocationSearchFilter = () => {
         applyLocation(place, setBounds, requestFitBounds, setLocationGeojson)
       }
     },
-    [getLocationDetails, setLocationOsm, setBounds, requestFitBounds, setLocationGeojson]
+    [getLocationDetails, setLocationOsm, setBounds, requestFitBounds, setLocationGeojson, t]
   )
 
   // Reason: stable reference for clear button click handler
@@ -336,7 +367,11 @@ export const LocationSearchFilter = () => {
                   setShowSuggestions(true)
                 }
               }}
-              placeholder="Search location..."
+              placeholder={t(
+                'exploreChallenges.filterBar.location.searchPlaceholder',
+                undefined,
+                'Search location...'
+              )}
               className="bg-white pr-9 pl-9 focus-visible:border-emerald-500 focus-visible:ring-emerald-500/50"
               aria-autocomplete="list"
               aria-controls={`${inputId}-listbox`}
@@ -355,7 +390,11 @@ export const LocationSearchFilter = () => {
                   onClick={handleClearLocation}
                   onMouseDown={(e) => e.preventDefault()}
                   className="h-6 w-6 text-zinc-400 hover:text-zinc-600 dark:text-zinc-500 dark:hover:text-zinc-300"
-                  aria-label="Clear location"
+                  aria-label={t(
+                    'exploreChallenges.filterBar.location.clearAriaLabel',
+                    undefined,
+                    'Clear location'
+                  )}
                 >
                   <X className="h-3.5 w-3.5" />
                 </Button>
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/SortByFilter.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/SortByFilter.tsx
index 9cccd24ba..32d76fac5 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/SortByFilter.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/SortByFilter.tsx
@@ -7,14 +7,16 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import type { ExtendedFindParamsSortBy } from '@/types/Challenge'
 
 export const SortByFilter = () => {
+  const { t } = useIntl()
   const { sortBy, setSortBy } = useExploreChallengesSearchContext()
   return (
     <div className="flex items-center gap-2">
       <Label className="whitespace-nowrap font-medium text-sm text-zinc-700 dark:text-zinc-300">
-        Sort by
+        {t('exploreChallenges.filterBar.sortBy.label', undefined, 'Sort by')}
       </Label>
       <Select
         value={sortBy || 'name'}
@@ -24,11 +26,15 @@ export const SortByFilter = () => {
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="name">Name</SelectItem>
-          <SelectItem value="created">Newest</SelectItem>
-          <SelectItem value="modified">Oldest</SelectItem>
-          <SelectItem value="popularity">Popular</SelectItem>
-          <SelectItem value="difficulty">Difficulty</SelectItem>
+          <SelectItem value="name">{t('common.name', undefined, 'Name')}</SelectItem>
+          <SelectItem value="created">{t('common.newest', undefined, 'Newest')}</SelectItem>
+          <SelectItem value="modified">
+            {t('exploreChallenges.filterBar.sortBy.oldest', undefined, 'Oldest')}
+          </SelectItem>
+          <SelectItem value="popularity">{t('common.popular', undefined, 'Popular')}</SelectItem>
+          <SelectItem value="difficulty">
+            {t('common.difficulty', undefined, 'Difficulty')}
+          </SelectItem>
         </SelectContent>
       </Select>
     </div>
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/ViewModeToggle.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/ViewModeToggle.tsx
index 678a0ce05..dcb749c7c 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/ViewModeToggle.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/ViewModeToggle.tsx
@@ -1,11 +1,13 @@
 import { LayoutGrid, List, Map as MapIcon } from 'lucide-react'
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/ToggleGroup'
+import { useIntl } from '@/i18n'
 import { useExploreChallengesSearchContext } from '../contexts/ExploreChallengesSearchContext'
 
 const itemClass =
   'h-8 w-8 text-zinc-400 hover:bg-transparent hover:text-zinc-900 data-[state=on]:bg-zinc-200 data-[state=on]:text-zinc-900 dark:text-slate-400 dark:hover:text-white dark:data-[state=on]:bg-slate-700 dark:data-[state=on]:text-white'
 
 export const ViewModeToggle = () => {
+  const { t } = useIntl()
   const { viewMode, setViewMode } = useExploreChallengesSearchContext()
   return (
     <ToggleGroup
@@ -16,13 +18,28 @@ export const ViewModeToggle = () => {
       }}
       className="overflow-hidden rounded-full border border-zinc-200 bg-zinc-100 dark:border-slate-800 dark:bg-slate-900"
     >
-      <ToggleGroupItem value="grid-map" title="Grid with map view" size="sm" className={itemClass}>
+      <ToggleGroupItem
+        value="grid-map"
+        title={t('exploreChallenges.filterBar.viewMode.gridMap', undefined, 'Grid with map view')}
+        size="sm"
+        className={itemClass}
+      >
         <MapIcon className="h-4 w-4" />
       </ToggleGroupItem>
-      <ToggleGroupItem value="grid" title="Grid view" size="sm" className={itemClass}>
+      <ToggleGroupItem
+        value="grid"
+        title={t('common.gridView', undefined, 'Grid view')}
+        size="sm"
+        className={itemClass}
+      >
         <LayoutGrid className="h-4 w-4" />
       </ToggleGroupItem>
-      <ToggleGroupItem value="list" title="List view" size="sm" className={itemClass}>
+      <ToggleGroupItem
+        value="list"
+        title={t('common.listView', undefined, 'List view')}
+        size="sm"
+        className={itemClass}
+      >
         <List className="h-4 w-4" />
       </ToggleGroupItem>
     </ToggleGroup>
diff --git a/src/components/Pages/ExploreChallengesPage/FilterBar/WorkOnFilter.tsx b/src/components/Pages/ExploreChallengesPage/FilterBar/WorkOnFilter.tsx
index 92d9f5502..ffebfc0af 100644
--- a/src/components/Pages/ExploreChallengesPage/FilterBar/WorkOnFilter.tsx
+++ b/src/components/Pages/ExploreChallengesPage/FilterBar/WorkOnFilter.tsx
@@ -7,31 +7,55 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import type { WorkOnCategory } from './filterTypes'
 
 export const WorkOnFilter = () => {
+  const { t } = useIntl()
   const { workOn, setWorkOn } = useExploreChallengesSearchContext()
   return (
     <div className="flex items-center gap-2">
       <Label className="whitespace-nowrap font-medium text-sm text-zinc-700 dark:text-zinc-300">
-        Work on
+        {t('exploreChallenges.filterBar.workOn.label', undefined, 'Work on')}
       </Label>
       <Select value={workOn} onValueChange={(value) => setWorkOn(value as WorkOnCategory)}>
         <SelectTrigger className="h-9 w-28">
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="Anything">Anything</SelectItem>
+          <SelectItem value="Anything">
+            {t('exploreChallenges.filterBar.workOn.anything', undefined, 'Anything')}
+          </SelectItem>
           <SelectItem value="Roads / Pedestrian / Cycleways">
-            Roads / Pedestrian / Cycleways
+            {t(
+              'exploreChallenges.filterBar.workOn.roadsPedestrianCycleways',
+              undefined,
+              'Roads / Pedestrian / Cycleways'
+            )}
+          </SelectItem>
+          <SelectItem value="Water">
+            {t('exploreChallenges.filterBar.workOn.water', undefined, 'Water')}
+          </SelectItem>
+          <SelectItem value="Points / Areas of Interest">
+            {t(
+              'exploreChallenges.filterBar.workOn.pointsAreasOfInterest',
+              undefined,
+              'Points / Areas of Interest'
+            )}
+          </SelectItem>
+          <SelectItem value="Buildings">
+            {t('exploreChallenges.filterBar.workOn.buildings', undefined, 'Buildings')}
           </SelectItem>
-          <SelectItem value="Water">Water</SelectItem>
-          <SelectItem value="Points / Areas of Interest">Points / Areas of Interest</SelectItem>
-          <SelectItem value="Buildings">Buildings</SelectItem>
           <SelectItem value="Land Use / Administrative Boundaries">
-            Land Use / Administrative Boundaries
+            {t(
+              'exploreChallenges.filterBar.workOn.landUseAdministrativeBoundaries',
+              undefined,
+              'Land Use / Administrative Boundaries'
+            )}
+          </SelectItem>
+          <SelectItem value="Transit">
+            {t('exploreChallenges.filterBar.workOn.transit', undefined, 'Transit')}
           </SelectItem>
-          <SelectItem value="Transit">Transit</SelectItem>
         </SelectContent>
       </Select>
     </div>
diff --git a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeRecentActivity.tsx b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeRecentActivity.tsx
index 5a9327867..f78f21230 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeRecentActivity.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeRecentActivity.tsx
@@ -4,6 +4,7 @@ import { api } from '@/api'
 import { TASK_STATUS_LABELS } from '@/components/Pages/ManagementPages/taskStatusLabels'
 import { Badge } from '@/components/ui/Badge'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
+import { useIntl } from '@/i18n'
 import type { ChallengeActivityEntry } from '@/types/Challenge'
 
 const MAX_RAW_ENTRIES = 90
@@ -21,8 +22,12 @@ const formatDayHeading = (isoDay: string): string =>
     new Date(`${isoDay}T12:00:00`)
   )
 
-const statusLabel = (status: number, statusName: string) => {
-  return TASK_STATUS_LABELS[status] ?? statusName ?? `Status ${status}`
+const statusLabel = (status: number, statusName: string, t: ReturnType<typeof useIntl>['t']) => {
+  return (
+    TASK_STATUS_LABELS[status] ??
+    statusName ??
+    t('common.statusWithStatus', { status }, 'Status {status}')
+  )
 }
 
 const buildDayGroups = (entries: ChallengeActivityEntry[]) => {
@@ -55,6 +60,7 @@ interface ChallengeRecentActivityProps {
 }
 
 export const ChallengeRecentActivity = ({ challengeId }: ChallengeRecentActivityProps) => {
+  const { t } = useIntl()
   const { data, isError } = api.challenge.getChallengeActivity(challengeId)
 
   // Reason: groups activity data by day - avoids expensive regrouping and sorting on every render
@@ -65,18 +71,29 @@ export const ChallengeRecentActivity = ({ challengeId }: ChallengeRecentActivity
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
           <History className="h-5 w-5" />
-          Recent Activity
+          {t('common.recentActivity', undefined, 'Recent Activity')}
         </CardTitle>
         <CardDescription>
-          Task completions by status, grouped by day (same data as the legacy admin dashboard
-          widget).
+          {t(
+            'manageChallengeDetail.recentActivity.description',
+            undefined,
+            'Task completions by status, grouped by day (same data as the legacy admin dashboard widget).'
+          )}
         </CardDescription>
       </CardHeader>
       <CardContent className="max-h-[min(60vh,520px)] overflow-y-auto pr-1">
         {isError ? (
-          <p className="text-red-600 text-sm dark:text-red-400">Could not load activity.</p>
+          <p className="text-red-600 text-sm dark:text-red-400">
+            {t(
+              'manageChallengeDetail.recentActivity.loadError',
+              undefined,
+              'Could not load activity.'
+            )}
+          </p>
         ) : dayGroups.length === 0 ? (
-          <p className="text-sm text-zinc-500 dark:text-zinc-400">No recent activity.</p>
+          <p className="text-sm text-zinc-500 dark:text-zinc-400">
+            {t('manageChallengeDetail.recentActivity.empty', undefined, 'No recent activity.')}
+          </p>
         ) : (
           <ol className="relative ms-2 space-y-6 border-zinc-200 border-l ps-6 dark:border-slate-600">
             {dayGroups.map(({ day, rows }) => (
@@ -98,7 +115,7 @@ export const ChallengeRecentActivity = ({ challengeId }: ChallengeRecentActivity
                         {row.count}
                       </Badge>
                       <span className="text-zinc-600 dark:text-zinc-400">
-                        {statusLabel(row.status, row.statusName)}
+                        {statusLabel(row.status, row.statusName, t)}
                       </span>
                     </li>
                   ))}
diff --git a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeStatusIndicator.tsx b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeStatusIndicator.tsx
index e1ca6aa8f..744a3d5fb 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeStatusIndicator.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeStatusIndicator.tsx
@@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'react'
 import { api } from '@/api'
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/Alert'
 import { Panel } from '@/components/ui/Panel'
+import { useIntl } from '@/i18n'
 import type { Challenge } from '@/types/Challenge'
 
 // Challenge status constants (matching backend)
@@ -26,6 +27,7 @@ export const ChallengeStatusIndicator = ({
   challenge,
   challengeId,
 }: ChallengeStatusIndicatorProps) => {
+  const { t } = useIntl()
   const queryClient = useQueryClient()
   const [startTime] = useState(Date.now())
   const [lastRefresh, setLastRefresh] = useState(Date.now())
@@ -93,15 +95,34 @@ export const ChallengeStatusIndicator = ({
       <Alert className="mb-4 border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950">
         <Loader2 className="h-4 w-4 animate-spin text-blue-600 dark:text-blue-400" />
         <AlertTitle className="flex items-center gap-2 text-blue-900 dark:text-blue-100">
-          {isUpdating ? 'Tasks Updating...' : 'Tasks Building...'}
+          {isUpdating
+            ? t(
+                'manageChallengeDetail.statusIndicator.tasksUpdatingTitle',
+                undefined,
+                'Tasks Updating...'
+              )
+            : t(
+                'manageChallengeDetail.statusIndicator.tasksBuildingTitle',
+                undefined,
+                'Tasks Building...'
+              )}
         </AlertTitle>
         <AlertDescription className="space-y-2 text-blue-800 dark:text-blue-200">
           <div className="flex items-center justify-between gap-4">
             <span className="text-sm">
-              Elapsed time: <strong>{formatDuration(elapsedSeconds)}</strong>
+              {t(
+                'manageChallengeDetail.statusIndicator.elapsedTimeLabel',
+                undefined,
+                'Elapsed time:'
+              )}{' '}
+              <strong>{formatDuration(elapsedSeconds)}</strong>
             </span>
             <span className="text-sm">
-              Refreshing in:{' '}
+              {t(
+                'manageChallengeDetail.statusIndicator.refreshingInLabel',
+                undefined,
+                'Refreshing in:'
+              )}{' '}
               <strong className="text-orange-600 dark:text-orange-400">
                 {formatDuration(nextUpdateSeconds)}
               </strong>
@@ -109,13 +130,20 @@ export const ChallengeStatusIndicator = ({
           </div>
           {!isUpdating && (
             <div className="text-sm">
-              Tasks are being generated. This page will automatically refresh to show progress.
+              {t(
+                'manageChallengeDetail.statusIndicator.buildingBody',
+                undefined,
+                'Tasks are being generated. This page will automatically refresh to show progress.'
+              )}
             </div>
           )}
           {isUpdating && (
             <div className="text-sm">
-              Task statuses are being updated. This page will automatically refresh to show
-              progress.
+              {t(
+                'manageChallengeDetail.statusIndicator.updatingBody',
+                undefined,
+                'Task statuses are being updated. This page will automatically refresh to show progress.'
+              )}
             </div>
           )}
         </AlertDescription>
@@ -151,7 +179,13 @@ export const ChallengeStatusIndicator = ({
     return (
       <Alert variant="destructive" className="mb-4">
         <AlertCircle className="h-4 w-4" />
-        <AlertTitle>Tasks Failed to Build</AlertTitle>
+        <AlertTitle>
+          {t(
+            'manageChallengeDetail.statusIndicator.failedTitle',
+            undefined,
+            'Tasks Failed to Build'
+          )}
+        </AlertTitle>
         <AlertDescription>
           {sanitizedMessage ? (
             <Panel
@@ -165,8 +199,11 @@ export const ChallengeStatusIndicator = ({
             </Panel>
           ) : (
             <p className="mt-2 text-sm">
-              The challenge failed to build tasks. Please check the challenge configuration and try
-              again.
+              {t(
+                'manageChallengeDetail.statusIndicator.failedBody',
+                undefined,
+                'The challenge failed to build tasks. Please check the challenge configuration and try again.'
+              )}
             </p>
           )}
         </AlertDescription>
@@ -180,11 +217,19 @@ export const ChallengeStatusIndicator = ({
       <Alert className="mb-4 border-yellow-200 bg-yellow-50 dark:border-yellow-800 dark:bg-yellow-950">
         <AlertCircle className="h-4 w-4 text-yellow-600 dark:text-yellow-400" />
         <AlertTitle className="text-yellow-900 dark:text-yellow-100">
-          Challenge Partially Loaded
+          {t(
+            'manageChallengeDetail.statusIndicator.partiallyLoadedTitle',
+            undefined,
+            'Challenge Partially Loaded'
+          )}
         </AlertTitle>
         <AlertDescription className="text-yellow-800 dark:text-yellow-200">
           <p className="text-sm">
-            This challenge is partially loaded. Some tasks may not be available yet.
+            {t(
+              'manageChallengeDetail.statusIndicator.partiallyLoadedBody',
+              undefined,
+              'This challenge is partially loaded. Some tasks may not be available yet.'
+            )}
           </p>
         </AlertDescription>
       </Alert>
@@ -196,9 +241,17 @@ export const ChallengeStatusIndicator = ({
     return (
       <Alert className="mb-4 border-orange-200 bg-orange-50 dark:border-orange-800 dark:bg-orange-950">
         <Loader2 className="h-4 w-4 animate-spin text-orange-600 dark:text-orange-400" />
-        <AlertTitle className="text-orange-900 dark:text-orange-100">Deleting Tasks...</AlertTitle>
+        <AlertTitle className="text-orange-900 dark:text-orange-100">
+          {t('manageChallengeDetail.statusIndicator.deletingTitle', undefined, 'Deleting Tasks...')}
+        </AlertTitle>
         <AlertDescription className="text-orange-800 dark:text-orange-200">
-          <p className="text-sm">Tasks are being deleted. Please wait...</p>
+          <p className="text-sm">
+            {t(
+              'manageChallengeDetail.statusIndicator.deletingBody',
+              undefined,
+              'Tasks are being deleted. Please wait...'
+            )}
+          </p>
         </AlertDescription>
       </Alert>
     )
diff --git a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeTasksExplorer.tsx b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeTasksExplorer.tsx
index 77f8e997d..dfe69db57 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeTasksExplorer.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeDetail/ChallengeTasksExplorer.tsx
@@ -39,6 +39,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/Table'
+import { useIntl } from '@/i18n'
 import { DEFAULT_PRIORITY_FILTER, DEFAULT_TASK_STATUS_FILTER } from '@/lib/challengeTaskTableSearch'
 import { cn } from '@/lib/utils'
 import type { Bbox2D } from '@/types/Map'
@@ -51,12 +52,26 @@ const TASK_PRIORITY_LABELS: Record<number, string> = {
   2: 'Low',
 }
 
+// Catalog ids for the labels above — the labels themselves stay as fallback
+// defaults so `t()` still has an English default for Transifex.
+const TASK_PRIORITY_LABEL_IDS: Record<number, string> = {
+  0: 'manageChallengeDetail.tasksExplorer.priorityHigh',
+  1: 'manageChallengeDetail.tasksExplorer.priorityMedium',
+  2: 'manageChallengeDetail.tasksExplorer.priorityLow',
+}
+
 const SORT_FIELDS = [
   { value: 'id', label: 'ID' },
   { value: 'status', label: 'Status' },
   { value: 'priority', label: 'Priority' },
 ] as const
 
+const SORT_FIELD_LABEL_IDS: Record<(typeof SORT_FIELDS)[number]['value'], string> = {
+  id: 'manageChallengeDetail.tasksExplorer.sortFieldId',
+  status: 'manageChallengeDetail.tasksExplorer.sortFieldStatus',
+  priority: 'manageChallengeDetail.tasksExplorer.sortFieldPriority',
+}
+
 type SortField = (typeof SORT_FIELDS)[number]['value']
 
 const BATCH_SIZE = 50
@@ -228,6 +243,7 @@ export const ChallengeTasksExplorerProvider = ({
 
 /** Horizontal filter & sort controls rendered above the task table. */
 const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string }) => {
+  const { t } = useIntl()
   const {
     enabled,
     statusEnabled,
@@ -253,7 +269,7 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
     <div className="flex flex-wrap items-center gap-3 rounded-lg border border-zinc-200 bg-white p-2 shadow-xs dark:border-slate-700 dark:bg-slate-800">
       <div className="flex items-center gap-2">
         <span className="whitespace-nowrap font-medium text-sm text-zinc-700 dark:text-zinc-300">
-          Filters
+          {t('manageChallengeDetail.tasksExplorer.filtersLabel', undefined, 'Filters')}
         </span>
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
@@ -266,12 +282,21 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
                   'border-emerald-500 text-emerald-700 dark:border-emerald-400 dark:text-emerald-300'
               )}
             >
-              <span>Status{statusDirty ? ' •' : ''}</span>
+              <span>
+                {t('common.status', undefined, 'Status')}
+                {statusDirty ? ' •' : ''}
+              </span>
               <ChevronDown className="h-4 w-4 shrink-0 opacity-60" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="max-h-72 w-56 overflow-y-auto" align="start">
-            <DropdownMenuLabel>Task status</DropdownMenuLabel>
+            <DropdownMenuLabel>
+              {t(
+                'manageChallengeDetail.tasksExplorer.taskStatusMenuLabel',
+                undefined,
+                'Task status'
+              )}
+            </DropdownMenuLabel>
             <DropdownMenuSeparator />
             {DEFAULT_TASK_STATUS_FILTER.map((s) => (
               <DropdownMenuCheckboxItem
@@ -297,12 +322,15 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
                   'border-emerald-500 text-emerald-700 dark:border-emerald-400 dark:text-emerald-300'
               )}
             >
-              <span>Priority{priorityDirty ? ' •' : ''}</span>
+              <span>
+                {t('common.priority', undefined, 'Priority')}
+                {priorityDirty ? ' •' : ''}
+              </span>
               <ChevronDown className="h-4 w-4 shrink-0 opacity-60" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="start">
-            <DropdownMenuLabel>Priority</DropdownMenuLabel>
+            <DropdownMenuLabel>{t('common.priority', undefined, 'Priority')}</DropdownMenuLabel>
             <DropdownMenuSeparator />
             {DEFAULT_PRIORITY_FILTER.map((p) => (
               <DropdownMenuCheckboxItem
@@ -311,7 +339,7 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
                 onCheckedChange={(c) => setPriorityChecked(p, c === true)}
                 onSelect={(e) => e.preventDefault()}
               >
-                {TASK_PRIORITY_LABELS[p]}
+                {t(TASK_PRIORITY_LABEL_IDS[p], undefined, TASK_PRIORITY_LABELS[p])}
               </DropdownMenuCheckboxItem>
             ))}
           </DropdownMenuContent>
@@ -324,10 +352,14 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
           className="h-9 gap-1 text-zinc-600 hover:text-zinc-900 disabled:opacity-40 dark:text-zinc-400 dark:hover:text-zinc-100"
           disabled={!filtersDirty}
           onClick={clearFilters}
-          title="Clear all filters and reset sort"
+          title={t(
+            'manageChallengeDetail.tasksExplorer.clearFiltersTitle',
+            undefined,
+            'Clear all filters and reset sort'
+          )}
         >
           <X className="h-4 w-4" />
-          Clear
+          {t('common.clear', undefined, 'Clear')}
         </Button>
       </div>
 
@@ -335,7 +367,7 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
 
       <div className="flex items-center gap-2">
         <span className="whitespace-nowrap font-medium text-sm text-zinc-700 dark:text-zinc-300">
-          Sort
+          {t('manageChallengeDetail.tasksExplorer.sortLabel', undefined, 'Sort')}
         </span>
         <Select value={sortField} onValueChange={(v) => setSortField(v as SortField)}>
           <SelectTrigger size="sm" className="h-9 w-28">
@@ -344,7 +376,7 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
           <SelectContent>
             {SORT_FIELDS.map((opt) => (
               <SelectItem key={opt.value} value={opt.value}>
-                {opt.label}
+                {t(SORT_FIELD_LABEL_IDS[opt.value], undefined, opt.label)}
               </SelectItem>
             ))}
           </SelectContent>
@@ -355,17 +387,29 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
           size="sm"
           className="h-9 gap-1 font-normal"
           onClick={() => setSortDesc((d) => !d)}
-          title={sortDesc ? 'Descending — click for ascending' : 'Ascending — click for descending'}
+          title={
+            sortDesc
+              ? t(
+                  'manageChallengeDetail.tasksExplorer.sortDescTitle',
+                  undefined,
+                  'Descending — click for ascending'
+                )
+              : t(
+                  'manageChallengeDetail.tasksExplorer.sortAscTitle',
+                  undefined,
+                  'Ascending — click for descending'
+                )
+          }
         >
           {sortDesc ? (
             <>
               <ArrowDownAZ className="h-4 w-4" />
-              Desc
+              {t('manageChallengeDetail.tasksExplorer.sortDescButton', undefined, 'Desc')}
             </>
           ) : (
             <>
               <ArrowUpAZ className="h-4 w-4" />
-              Asc
+              {t('manageChallengeDetail.tasksExplorer.sortAscButton', undefined, 'Asc')}
             </>
           )}
         </Button>
@@ -380,6 +424,7 @@ const ChallengeTasksExplorerControls = ({ countLabel }: { countLabel: string })
 
 /** Map and infinite-scroll task table. */
 export const ChallengeTasksExplorerMain = () => {
+  const { t } = useIntl()
   const {
     enabled,
     mapMarkers,
@@ -440,8 +485,12 @@ export const ChallengeTasksExplorerMain = () => {
 
   const visibleMarkers = filteredMarkers.slice(0, visibleCount)
 
-  const statusLabel = (s: number) => TASK_STATUS_LABELS[s] ?? `Status ${s}`
-  const priorityLabel = (p: number) => TASK_PRIORITY_LABELS[p] ?? String(p)
+  const statusLabel = (s: number) =>
+    TASK_STATUS_LABELS[s] ?? t('common.statusWithStatus', { status: s }, 'Status {status}')
+  const priorityLabel = (p: number) =>
+    TASK_PRIORITY_LABEL_IDS[p]
+      ? t(TASK_PRIORITY_LABEL_IDS[p], undefined, TASK_PRIORITY_LABELS[p])
+      : String(p)
 
   if (!enabled) {
     return null
@@ -484,8 +533,16 @@ export const ChallengeTasksExplorerMain = () => {
               <ChallengeTasksExplorerControls
                 countLabel={
                   isLoading
-                    ? 'Loading tasks…'
-                    : `Showing ${visibleMarkers.length} of ${filteredMarkers.length} tasks`
+                    ? t(
+                        'manageChallengeDetail.tasksExplorer.loadingTasks',
+                        undefined,
+                        'Loading tasks…'
+                      )
+                    : t(
+                        'manageChallengeDetail.tasksExplorer.showingCount',
+                        { shown: visibleMarkers.length, total: filteredMarkers.length },
+                        'Showing {shown} of {total} tasks'
+                      )
                 }
               />
             </div>
@@ -495,18 +552,30 @@ export const ChallengeTasksExplorerMain = () => {
                 <TableHeader>
                   <TableRow>
                     <TableHead className="w-[44px]" />
-                    <TableHead className="w-[88px]">ID</TableHead>
-                    <TableHead className="w-[120px]">Status</TableHead>
-                    <TableHead className="w-[100px]">Priority</TableHead>
-                    <TableHead className="w-[88px]">Bundle</TableHead>
-                    <TableHead className="w-[140px] text-right">Actions</TableHead>
+                    <TableHead className="w-[88px]">{t('common.id', undefined, 'ID')}</TableHead>
+                    <TableHead className="w-[120px]">
+                      {t('common.status', undefined, 'Status')}
+                    </TableHead>
+                    <TableHead className="w-[100px]">
+                      {t('common.priority', undefined, 'Priority')}
+                    </TableHead>
+                    <TableHead className="w-[88px]">
+                      {t('manageChallengeDetail.tasksExplorer.columnBundle', undefined, 'Bundle')}
+                    </TableHead>
+                    <TableHead className="w-[140px] text-right">
+                      {t('common.actions', undefined, 'Actions')}
+                    </TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>
                   {visibleMarkers.length === 0 ? (
                     <TableRow>
                       <TableCell colSpan={6} className="h-24 text-center text-zinc-500">
-                        No tasks match the current filters.
+                        {t(
+                          'manageChallengeDetail.tasksExplorer.noTasksMatch',
+                          undefined,
+                          'No tasks match the current filters.'
+                        )}
                       </TableCell>
                     </TableRow>
                   ) : (
@@ -522,7 +591,19 @@ export const ChallengeTasksExplorerMain = () => {
                               type="button"
                               onClick={() => setSelectedTask(isSelected ? null : marker)}
                               className="flex h-5 w-5 items-center justify-center"
-                              aria-label={isSelected ? 'Deselect task' : 'Select task'}
+                              aria-label={
+                                isSelected
+                                  ? t(
+                                      'manageChallengeDetail.tasksExplorer.deselectTaskLabel',
+                                      undefined,
+                                      'Deselect task'
+                                    )
+                                  : t(
+                                      'manageChallengeDetail.tasksExplorer.selectTaskLabel',
+                                      undefined,
+                                      'Select task'
+                                    )
+                              }
                             >
                               <span
                                 className={cn(
@@ -553,7 +634,7 @@ export const ChallengeTasksExplorerMain = () => {
                                   to="/manage/task/$taskId"
                                   params={{ taskId: String(marker.id) }}
                                 >
-                                  View
+                                  {t('common.view', undefined, 'View')}
                                 </Link>
                               </Button>
                               <Button variant="outline" size="sm" className="h-8 px-2" asChild>
@@ -561,7 +642,7 @@ export const ChallengeTasksExplorerMain = () => {
                                   to="/manage/task/$taskId/edit"
                                   params={{ taskId: String(marker.id) }}
                                 >
-                                  Edit
+                                  {t('common.edit', undefined, 'Edit')}
                                 </Link>
                               </Button>
                             </div>
@@ -585,7 +666,7 @@ export const ChallengeTasksExplorerMain = () => {
           type="button"
           onClick={scrollToTop}
           className="fixed right-6 bottom-6 z-30 flex h-10 w-10 items-center justify-center rounded-full bg-zinc-800 text-white shadow-xl transition-opacity hover:bg-zinc-700 dark:bg-slate-200 dark:text-zinc-900 dark:hover:bg-slate-300"
-          aria-label="Scroll to top"
+          aria-label={t('common.scrollToTop', undefined, 'Scroll to top')}
         >
           <ArrowUp className="h-5 w-5" />
         </button>
diff --git a/src/components/Pages/ManagementPages/ManageChallengeDetail/ManageChallengeDetailContent.tsx b/src/components/Pages/ManagementPages/ManageChallengeDetail/ManageChallengeDetailContent.tsx
index dee5ce695..217e376da 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeDetail/ManageChallengeDetailContent.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeDetail/ManageChallengeDetailContent.tsx
@@ -35,6 +35,7 @@ import { Separator } from '@/components/ui/Separator'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useSetBreadcrumbContext } from '@/contexts/BreadcrumbContext'
 import { useSetPageTitleContext } from '@/contexts/PageTitleContext'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { getDifficultyColor, getDifficultyLabel } from '@/lib/difficultyLevelData'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
@@ -74,6 +75,7 @@ const StatisticsDialogContent = ({
   challengeId: number
   challengeData: ChallengeGetResponse | undefined
 }) => {
+  const { t } = useIntl()
   const { data: statsData, isLoading } = api.challenge.getChallengeStats(challengeId)
   const challengeStats = statsData?.[0]
   const stats = challengeStats?.actions
@@ -84,14 +86,58 @@ const StatisticsDialogContent = ({
     challengeData?.completionPercentage ??
     (totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0)
 
+  const statusCounts: Array<{ id: string; defaultLabel: string; value: number | undefined }> = [
+    {
+      id: 'manageChallengeDetail.detail.statistics.available',
+      defaultLabel: 'Available',
+      value: stats?.available,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.fixed',
+      defaultLabel: 'Fixed',
+      value: stats?.fixed,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.falsePositive',
+      defaultLabel: 'False Positive',
+      value: stats?.falsePositive,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.skipped',
+      defaultLabel: 'Skipped',
+      value: stats?.skipped,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.alreadyFixed',
+      defaultLabel: 'Already Fixed',
+      value: stats?.alreadyFixed,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.tooHard',
+      defaultLabel: "Can't Complete",
+      value: stats?.tooHard,
+    },
+    {
+      id: 'manageChallengeDetail.detail.statistics.disabled',
+      defaultLabel: 'Disabled',
+      value: stats?.disabled,
+    },
+  ]
+
   if (isLoading) {
-    return <p className="text-sm text-zinc-500 dark:text-zinc-400">Loading…</p>
+    return (
+      <p className="text-sm text-zinc-500 dark:text-zinc-400">
+        {t('common.loading', undefined, 'Loading…')}
+      </p>
+    )
   }
 
   return (
     <div className="space-y-4 text-sm">
       <div className="flex items-center justify-between">
-        <span className="text-zinc-600 dark:text-zinc-400">Tasks remaining</span>
+        <span className="text-zinc-600 dark:text-zinc-400">
+          {t('common.tasksRemaining', undefined, 'Tasks remaining')}
+        </span>
         <span className="font-semibold">
           {tasksRemaining}
           {totalTasks > 0 ? (
@@ -101,7 +147,9 @@ const StatisticsDialogContent = ({
       </div>
       <div>
         <div className="mb-1 flex items-center justify-between">
-          <span className="text-zinc-600 dark:text-zinc-400">Completion</span>
+          <span className="text-zinc-600 dark:text-zinc-400">
+            {t('manageChallengeDetail.detail.statistics.completion', undefined, 'Completion')}
+          </span>
           <span className="font-semibold">{Math.round(completionPercentage)}%</span>
         </div>
         <Progress value={completionPercentage} className="h-2" />
@@ -109,7 +157,7 @@ const StatisticsDialogContent = ({
       <div className="flex items-center justify-between">
         <span className="flex items-center gap-2 text-zinc-600 dark:text-zinc-400">
           <Calendar className="h-4 w-4 opacity-70" />
-          Created
+          {t('common.created', undefined, 'Created')}
         </span>
         <span className="font-medium">
           {challengeData?.created ? formatDate(new Date(challengeData.created)) : '—'}
@@ -118,7 +166,7 @@ const StatisticsDialogContent = ({
       <div className="flex items-center justify-between">
         <span className="flex items-center gap-2 text-zinc-600 dark:text-zinc-400">
           <Clock className="h-4 w-4 opacity-70" />
-          Last modified
+          {t('manageChallengeDetail.detail.statistics.lastModified', undefined, 'Last modified')}
         </span>
         <span className="font-medium">
           {challengeData?.modified ? formatDate(new Date(challengeData.modified)) : '—'}
@@ -130,27 +178,23 @@ const StatisticsDialogContent = ({
           <Separator />
           <div className="space-y-2">
             <h3 className="font-semibold text-zinc-700 dark:text-zinc-300">
-              Task counts by status
+              {t(
+                'manageChallengeDetail.detail.statistics.taskCountsByStatus',
+                undefined,
+                'Task counts by status'
+              )}
             </h3>
-            {(
-              [
-                ['Available', stats.available],
-                ['Fixed', stats.fixed],
-                ['False Positive', stats.falsePositive],
-                ['Skipped', stats.skipped],
-                ['Already Fixed', stats.alreadyFixed],
-                ["Can't Complete", stats.tooHard],
-                ['Disabled', stats.disabled],
-              ] as const
-            ).map(([label, value]) => (
-              <div key={label} className="flex items-center justify-between">
-                <span className="text-zinc-600 dark:text-zinc-400">{label}</span>
+            {statusCounts.map(({ id, defaultLabel, value }) => (
+              <div key={id} className="flex items-center justify-between">
+                <span className="text-zinc-600 dark:text-zinc-400">
+                  {t(id, undefined, defaultLabel)}
+                </span>
                 <span className="font-semibold">{value || 0}</span>
               </div>
             ))}
             <Separator />
             <div className="flex items-center justify-between">
-              <span className="font-semibold">Total</span>
+              <span className="font-semibold">{t('common.total', undefined, 'Total')}</span>
               <span className="font-bold text-base">{stats.total || 0}</span>
             </div>
           </div>
@@ -161,6 +205,7 @@ const StatisticsDialogContent = ({
 }
 
 export const ManageChallengeDetailContent = () => {
+  const { t } = useIntl()
   const { challengeId } = useParams({ from: '/_app/manage/challenge/$challengeId/' })
 
   const { data: challengeData, isLoading: isLoadingChallenge } = api.challenge.getChallenge(
@@ -180,14 +225,23 @@ export const ManageChallengeDetailContent = () => {
     () =>
       projectId != null
         ? [
-            { label: 'create & manage', href: '/manage' },
-            { label: 'projects', href: '/manage/projects' },
+            {
+              label: t('common.createManage', undefined, 'create & manage'),
+              href: '/manage',
+            },
+            {
+              label: t('common.projects2', undefined, 'projects'),
+              href: '/manage/projects',
+            },
             { label: String(projectId), href: `/manage/project/${projectId}` },
-            { label: 'challenges', href: '/manage/challenges' },
+            {
+              label: t('common.challenges2', undefined, 'challenges'),
+              href: '/manage/challenges',
+            },
             { label: challengeId, href: `/manage/challenge/${challengeId}` },
           ]
         : null,
-    [projectId, challengeId]
+    [projectId, challengeId, t]
   )
   useSetBreadcrumbContext(breadcrumbs)
 
@@ -202,7 +256,7 @@ export const ManageChallengeDetailContent = () => {
                 <ul className="flex flex-wrap items-center gap-2.5">
                   <li>
                     <span className="font-medium text-cyan-500 text-xs uppercase tracking-wide dark:text-cyan-400">
-                      Featured
+                      {t('common.featured', undefined, 'Featured')}
                     </span>
                   </li>
                 </ul>
@@ -216,7 +270,9 @@ export const ManageChallengeDetailContent = () => {
                 <div className="flex flex-wrap items-center gap-x-2.5 gap-y-0 font-medium text-xs text-zinc-600 dark:text-zinc-400">
                   <StatusBadge enabled={challengeData?.enabled || false} />
                   <span className="text-zinc-400 dark:text-zinc-500">•</span>
-                  <span className="whitespace-nowrap">ID {challengeId}</span>
+                  <span className="whitespace-nowrap">
+                    {t('common.idNumber', { id: challengeId }, 'ID {id}')}
+                  </span>
                   <span className="text-zinc-400 dark:text-zinc-500">•</span>
                   <span
                     className={cn(
@@ -235,23 +291,35 @@ export const ManageChallengeDetailContent = () => {
                     id={challengeData.id}
                     enabled={challengeData.enabled}
                     onToggle={toggleField('enabled')}
-                    label="Enabled"
-                    errorMessage="Could not update visibility"
+                    label={t('common.enabled', undefined, 'Enabled')}
+                    errorMessage={t(
+                      'common.couldNotUpdateVisibility',
+                      undefined,
+                      'Could not update visibility'
+                    )}
                   />
                   <VisibilityToggle
                     id={challengeData.id}
                     enabled={challengeData.paused}
                     onToggle={toggleField('paused')}
-                    label="Paused"
-                    errorMessage="Could not update paused state"
+                    label={t('common.paused', undefined, 'Paused')}
+                    errorMessage={t(
+                      'manageChallengeDetail.detail.pausedError',
+                      undefined,
+                      'Could not update paused state'
+                    )}
                   />
                   {canSetFeatured && (
                     <VisibilityToggle
                       id={challengeData.id}
                       enabled={challengeData.featured}
                       onToggle={toggleField('featured')}
-                      label="Featured"
-                      errorMessage="Could not update featured state"
+                      label={t('common.featured', undefined, 'Featured')}
+                      errorMessage={t(
+                        'manageChallengeDetail.detail.featuredError',
+                        undefined,
+                        'Could not update featured state'
+                      )}
                     />
                   )}
                 </div>
@@ -275,7 +343,7 @@ export const ManageChallengeDetailContent = () => {
                     className="w-full justify-start gap-2 rounded-full"
                   >
                     <Eye className="h-4 w-4" />
-                    Browse challenge
+                    {t('common.browseChallenge', undefined, 'Browse challenge')}
                   </Button>
                 </Link>
                 <Link
@@ -285,7 +353,7 @@ export const ManageChallengeDetailContent = () => {
                 >
                   <Button size="sm" className="w-full justify-start gap-2 rounded-full">
                     <Pencil className="h-4 w-4" />
-                    Edit challenge
+                    {t('common.editChallenge', undefined, 'Edit challenge')}
                   </Button>
                 </Link>
                 <Link
@@ -299,7 +367,11 @@ export const ManageChallengeDetailContent = () => {
                     className="w-full justify-start gap-2 rounded-full"
                   >
                     <Target className="h-4 w-4" />
-                    Configure prioritization
+                    {t(
+                      'manageChallengeDetail.detail.configurePrioritization',
+                      undefined,
+                      'Configure prioritization'
+                    )}
                   </Button>
                 </Link>
 
@@ -311,14 +383,14 @@ export const ManageChallengeDetailContent = () => {
                     onClick={() => setRebuildOpen(true)}
                   >
                     <Hammer className="h-4 w-4" />
-                    Rebuild tasks
+                    {t('common.rebuildTasks', undefined, 'Rebuild tasks')}
                   </Button>
                 )}
 
                 <DialogActionButton
                   icon={<BarChart3 className="h-4 w-4" />}
-                  label="Statistics"
-                  title="Statistics"
+                  label={t('manageChallengeDetail.detail.statisticsLabel', undefined, 'Statistics')}
+                  title={t('manageChallengeDetail.detail.statisticsLabel', undefined, 'Statistics')}
                 >
                   <StatisticsDialogContent
                     challengeId={Number(challengeId)}
@@ -329,8 +401,8 @@ export const ManageChallengeDetailContent = () => {
                 {!isLoadingChallenge && challengeData?.id && (
                   <DialogActionButton
                     icon={<History className="h-4 w-4" />}
-                    label="Recent Activity"
-                    title="Recent Activity"
+                    label={t('common.recentActivity', undefined, 'Recent Activity')}
+                    title={t('common.recentActivity', undefined, 'Recent Activity')}
                   >
                     <ChallengeRecentActivity challengeId={challengeData.id} />
                   </DialogActionButton>
@@ -341,8 +413,8 @@ export const ManageChallengeDetailContent = () => {
                   challengeData.description !== challengeData.blurb && (
                     <DialogActionButton
                       icon={<Info className="h-4 w-4" />}
-                      label="Description"
-                      title="Description"
+                      label={t('common.description', undefined, 'Description')}
+                      title={t('common.description', undefined, 'Description')}
                     >
                       <p className="whitespace-pre-wrap text-sm text-zinc-700 dark:text-zinc-300">
                         {challengeData.description}
@@ -353,8 +425,8 @@ export const ManageChallengeDetailContent = () => {
                 {!isLoadingChallenge && challengeData?.instruction && (
                   <DialogActionButton
                     icon={<FileText className="h-4 w-4" />}
-                    label="Instructions"
-                    title="Instructions"
+                    label={t('common.instructions', undefined, 'Instructions')}
+                    title={t('common.instructions', undefined, 'Instructions')}
                   >
                     <p className="whitespace-pre-wrap text-sm text-zinc-700 dark:text-zinc-300">
                       {challengeData.instruction}
diff --git a/src/components/Pages/ManagementPages/ManageChallengeDetail/MiniChallengeMap.tsx b/src/components/Pages/ManagementPages/ManageChallengeDetail/MiniChallengeMap.tsx
index bd53ebd67..dc22d518a 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeDetail/MiniChallengeMap.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeDetail/MiniChallengeMap.tsx
@@ -24,6 +24,7 @@ import {
 import { MapLoadingIndicator } from '@/components/shared/MapLoadingIndicator'
 import { useDrawerPortal } from '@/components/TaskInfoPanel/DrawerPortalContext'
 import { TaskInfoDrawer } from '@/components/TaskInfoPanel/TaskInfoDrawer'
+import { useIntl } from '@/i18n'
 import type { Bbox2D } from '@/types/Map'
 import type { TaskMarker } from '@/types/Task'
 
@@ -60,6 +61,7 @@ export const MiniChallengeMap = ({
   selectedTask = null,
   onSelectTask,
 }: MiniChallengeMapProps) => {
+  const { t } = useIntl()
   const mapId = useId()
   const mapRef = useRef<MapRef | null>(null)
   const boundsDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)
@@ -404,7 +406,11 @@ export const MiniChallengeMap = ({
                 {
                   icon: Maximize2,
                   onClick: zoomToAllTags,
-                  tooltip: 'Zoom to all tasks',
+                  tooltip: t(
+                    'manageChallengeDetail.miniMap.zoomToAllTasksTooltip',
+                    undefined,
+                    'Zoom to all tasks'
+                  ),
                   disabled: !mapLoaded,
                 },
               ]
diff --git a/src/components/Pages/ManagementPages/ManageChallengeEdit/index.tsx b/src/components/Pages/ManagementPages/ManageChallengeEdit/index.tsx
index 7eb85b332..59bd4bfc7 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeEdit/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeEdit/index.tsx
@@ -2,15 +2,21 @@ import { useParams } from '@tanstack/react-router'
 import { ChallengeForm } from '@/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm'
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
 import { EditChallengeFormProvider, useChallengeFormContext } from '@/contexts/ChallengeFormContext'
+import { useIntl } from '@/i18n'
 
 const EditChallengeLayout = () => {
+  const { t } = useIntl()
   const { isLoading } = useChallengeFormContext()
 
   return (
     <ManageFormLayout>
       <FormCard
-        title="Challenge Editor"
-        description="Modify the information below to update your challenge"
+        title={t('manageChallengeEdit.pageTitle', undefined, 'Challenge Editor')}
+        description={t(
+          'manageChallengeEdit.pageDescription',
+          undefined,
+          'Modify the information below to update your challenge'
+        )}
         isLoading={isLoading}
       >
         <ChallengeForm />
diff --git a/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.test.tsx b/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.test.tsx
index d33b2866f..cda68fbac 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.test.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.test.tsx
@@ -1,6 +1,6 @@
-import { cleanup, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, render, screen } from '@/test/testUtils'
 import type { Challenge } from '@/types/Challenge'
 import type { User } from '@/types/User'
 import { ChallengeForm } from './ChallengeForm.tsx'
diff --git a/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.tsx b/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.tsx
index e6feeb640..4d8cf110d 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm.tsx
@@ -30,37 +30,78 @@ import {
 import { Textarea } from '@/components/ui/Textarea'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useChallengeFormContext } from '@/contexts/ChallengeFormContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 import type { Challenge } from '@/types/Challenge'
 
-const baseChallengeFormSchema = z.object({
-  projectId: z.number().min(1, 'Please select a project'),
-  name: z.string().min(3, 'Challenge name must be at least 3 characters').max(255),
-  description: z.string().min(1, 'Description is required'),
-  instruction: z.string().min(1, 'Instructions are required'),
-  difficulty: z.number().min(1).max(3),
-  dataSource: z.enum(['overpass', 'localGeoJSON', 'remoteGeoJSON']),
-  overpassQL: z.string().optional().or(z.literal('')),
-  localGeoJSON: z.instanceof(File).nullable().optional(),
-  remoteGeoJSON: z.string().optional().or(z.literal('')),
-  dataOriginDate: z.string().optional().or(z.literal('')),
-  automatedEditsCodeAgreement: z.boolean(),
-})
+type T = ReturnType<typeof useIntl>['t']
+
+// Building the schema requires translated validation messages, so it's built
+// from a function (called from within the component, where `t` is available)
+// rather than as a static module-level constant.
+const makeBaseChallengeFormSchema = (t: T) =>
+  z.object({
+    projectId: z
+      .number()
+      .min(1, t('common.pleaseSelectAProject', undefined, 'Please select a project')),
+    name: z
+      .string()
+      .min(
+        3,
+        t(
+          'manageChallengeNew.challengeForm.validation.nameMinLength',
+          undefined,
+          'Challenge name must be at least 3 characters'
+        )
+      )
+      .max(255),
+    description: z
+      .string()
+      .min(
+        1,
+        t(
+          'manageChallengeNew.challengeForm.validation.descriptionRequired',
+          undefined,
+          'Description is required'
+        )
+      ),
+    instruction: z
+      .string()
+      .min(
+        1,
+        t(
+          'manageChallengeNew.challengeForm.validation.instructionRequired',
+          undefined,
+          'Instructions are required'
+        )
+      ),
+    difficulty: z.number().min(1).max(3),
+    dataSource: z.enum(['overpass', 'localGeoJSON', 'remoteGeoJSON']),
+    overpassQL: z.string().optional().or(z.literal('')),
+    localGeoJSON: z.instanceof(File).nullable().optional(),
+    remoteGeoJSON: z.string().optional().or(z.literal('')),
+    dataOriginDate: z.string().optional().or(z.literal('')),
+    automatedEditsCodeAgreement: z.boolean(),
+  })
 
-export type ChallengeFormValues = z.infer<typeof baseChallengeFormSchema>
+export type ChallengeFormValues = z.infer<ReturnType<typeof makeBaseChallengeFormSchema>>
 
 // When editing, the challenge's task data already lives on the server, so a
 // local GeoJSON re-upload isn't required to save — only enforce it when
 // creating. Overpass and remote sources still need their value either way.
-const makeChallengeFormSchema = (isEdit: boolean) =>
-  baseChallengeFormSchema.superRefine((data, ctx) => {
+const makeChallengeFormSchema = (isEdit: boolean, t: T) =>
+  makeBaseChallengeFormSchema(t).superRefine((data, ctx) => {
     if (data.dataSource === 'overpass') {
       if (!data.overpassQL || data.overpassQL.trim().length === 0) {
         ctx.addIssue({
           code: 'custom',
           path: ['overpassQL'],
-          message: 'An Overpass query is required',
+          message: t(
+            'manageChallengeNew.challengeForm.validation.overpassRequired',
+            undefined,
+            'An Overpass query is required'
+          ),
         })
       }
     } else if (data.dataSource === 'localGeoJSON') {
@@ -68,7 +109,11 @@ const makeChallengeFormSchema = (isEdit: boolean) =>
         ctx.addIssue({
           code: 'custom',
           path: ['localGeoJSON'],
-          message: 'Please upload a GeoJSON file',
+          message: t(
+            'manageChallengeNew.challengeForm.validation.localGeoJSONRequired',
+            undefined,
+            'Please upload a GeoJSON file'
+          ),
         })
       }
     } else if (data.dataSource === 'remoteGeoJSON') {
@@ -76,7 +121,11 @@ const makeChallengeFormSchema = (isEdit: boolean) =>
         ctx.addIssue({
           code: 'custom',
           path: ['remoteGeoJSON'],
-          message: 'A GeoJSON URL is required',
+          message: t(
+            'manageChallengeNew.challengeForm.validation.remoteGeoJSONRequired',
+            undefined,
+            'A GeoJSON URL is required'
+          ),
         })
       }
     }
@@ -85,7 +134,11 @@ const makeChallengeFormSchema = (isEdit: boolean) =>
       ctx.addIssue({
         code: 'custom',
         path: ['automatedEditsCodeAgreement'],
-        message: 'You must read and accept the Automated Edits code of conduct',
+        message: t(
+          'manageChallengeNew.challengeForm.validation.agreementRequired',
+          undefined,
+          'You must read and accept the Automated Edits code of conduct'
+        ),
       })
     }
   })
@@ -133,16 +186,17 @@ interface ProjectPickerFieldProps {
 // when it's outside the modal's first page of results (the previous Select
 // silently dropped any project beyond the first batch).
 const ProjectPickerField = ({ value, onChange, open, onOpenChange }: ProjectPickerFieldProps) => {
+  const { t } = useIntl()
   const { data: selectedProject } = api.project.getProject(value > 0 ? value : undefined)
   const label = selectedProject
     ? `${selectedProject.id} - ${selectedProject.displayName || selectedProject.name}`
     : value > 0
-      ? `Project #${value}`
-      : 'Select a project'
+      ? t('common.projectWithId', { id: value }, 'Project #{id}')
+      : t('common.selectAProject', undefined, 'Select a project')
 
   return (
     <FormItem>
-      <FormLabel>Project</FormLabel>
+      <FormLabel>{t('common.project', undefined, 'Project')}</FormLabel>
       <FormControl>
         <Button
           type="button"
@@ -156,7 +210,13 @@ const ProjectPickerField = ({ value, onChange, open, onOpenChange }: ProjectPick
           <ChevronDown className="h-4 w-4 shrink-0 opacity-50" />
         </Button>
       </FormControl>
-      <FormDescription>Select the project this challenge belongs to</FormDescription>
+      <FormDescription>
+        {t(
+          'manageChallengeNew.challengeForm.projectPicker.description',
+          undefined,
+          'Select the project this challenge belongs to'
+        )}
+      </FormDescription>
       <FormMessage />
       <ProjectPickerModal
         open={open}
@@ -171,6 +231,7 @@ const ProjectPickerField = ({ value, onChange, open, onOpenChange }: ProjectPick
 }
 
 export const ChallengeForm = () => {
+  const { t } = useIntl()
   const { challenge, projectId, onSubmit, onCancel } = useChallengeFormContext()
   const { user } = useAuthContext()
   const overpassId = useId()
@@ -179,7 +240,7 @@ export const ChallengeForm = () => {
   const isEdit = !!challenge
   const [pickerOpen, setPickerOpen] = useState(false)
 
-  const resolver = useMemo(() => zodResolver(makeChallengeFormSchema(isEdit)), [isEdit])
+  const resolver = useMemo(() => zodResolver(makeChallengeFormSchema(isEdit, t)), [isEdit, t])
   // Drive the form off `values` (not just `defaultValues`) so it reactively
   // fills once the challenge query resolves or the cache is refreshed —
   // `defaultValues` alone is read only on mount. `keepDirtyValues` keeps any
@@ -205,10 +266,28 @@ export const ChallengeForm = () => {
   const handleSubmit = async (values: ChallengeFormValues) => {
     try {
       await onSubmit(values)
-      toast.success(challenge ? 'Challenge updated successfully' : 'Challenge created successfully')
+      toast.success(
+        challenge
+          ? t(
+              'manageChallengeNew.challengeForm.updateSuccessToast',
+              undefined,
+              'Challenge updated successfully'
+            )
+          : t(
+              'manageChallengeNew.challengeForm.createSuccessToast',
+              undefined,
+              'Challenge created successfully'
+            )
+      )
     } catch (error) {
       const errorMessage =
-        error instanceof Error ? error.message : 'Failed to save challenge. Please try again.'
+        error instanceof Error
+          ? error.message
+          : t(
+              'manageChallengeNew.challengeForm.saveErrorToast',
+              undefined,
+              'Failed to save challenge. Please try again.'
+            )
       toast.error(errorMessage)
       logger.error('Failed to save challenge', { error: String(error) })
     }
@@ -241,9 +320,16 @@ export const ChallengeForm = () => {
             name="name"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Name</FormLabel>
+                <FormLabel>{t('common.name', undefined, 'Name')}</FormLabel>
                 <FormControl>
-                  <Input placeholder={`${user?.osmProfile.displayName}'s Challenge`} {...field} />
+                  <Input
+                    placeholder={t(
+                      'manageChallengeNew.challengeForm.namePlaceholder',
+                      { user: user?.osmProfile.displayName ?? '' },
+                      "{user}'s Challenge"
+                    )}
+                    {...field}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -255,10 +341,14 @@ export const ChallengeForm = () => {
             name="description"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Description</FormLabel>
+                <FormLabel>{t('common.description', undefined, 'Description')}</FormLabel>
                 <FormControl>
                   <Textarea
-                    placeholder="Describe what this challenge is about..."
+                    placeholder={t(
+                      'manageChallengeNew.challengeForm.descriptionPlaceholder',
+                      undefined,
+                      'Describe what this challenge is about...'
+                    )}
                     className="min-h-32 resize-none"
                     {...field}
                   />
@@ -273,10 +363,14 @@ export const ChallengeForm = () => {
             name="instruction"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Instructions</FormLabel>
+                <FormLabel>{t('common.instructions', undefined, 'Instructions')}</FormLabel>
                 <FormControl>
                   <Textarea
-                    placeholder="Instructions for completing tasks..."
+                    placeholder={t(
+                      'manageChallengeNew.challengeForm.instructionsPlaceholder',
+                      undefined,
+                      'Instructions for completing tasks...'
+                    )}
                     className="min-h-32 resize-none"
                     {...field}
                   />
@@ -291,20 +385,26 @@ export const ChallengeForm = () => {
             name="difficulty"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Difficulty</FormLabel>
+                <FormLabel>{t('common.difficulty', undefined, 'Difficulty')}</FormLabel>
                 <Select
                   onValueChange={(value) => field.onChange(Number(value))}
                   defaultValue={field.value?.toString()}
                 >
                   <FormControl>
                     <SelectTrigger>
-                      <SelectValue placeholder="Select difficulty" />
+                      <SelectValue
+                        placeholder={t(
+                          'manageChallengeNew.challengeForm.difficultyPlaceholder',
+                          undefined,
+                          'Select difficulty'
+                        )}
+                      />
                     </SelectTrigger>
                   </FormControl>
                   <SelectContent>
-                    <SelectItem value="1">Easy</SelectItem>
-                    <SelectItem value="2">Normal</SelectItem>
-                    <SelectItem value="3">Expert</SelectItem>
+                    <SelectItem value="1">{t('common.easy', undefined, 'Easy')}</SelectItem>
+                    <SelectItem value="2">{t('common.normal', undefined, 'Normal')}</SelectItem>
+                    <SelectItem value="3">{t('common.expert', undefined, 'Expert')}</SelectItem>
                   </SelectContent>
                 </Select>
                 <FormMessage />
@@ -313,50 +413,80 @@ export const ChallengeForm = () => {
           />
 
           <FormSection
-            title="Task data"
+            title={t('manageChallengeNew.challengeForm.taskDataTitle', undefined, 'Task data')}
             description={
               sourceReadOnly
-                ? 'The data source is set when the challenge is created. To regenerate tasks from updated data, use Rebuild Tasks when managing the challenge.'
-                : 'Choose how you want to provide task data for this challenge.'
+                ? t(
+                    'manageChallengeNew.challengeForm.taskDataReadOnlyDescription',
+                    undefined,
+                    'The data source is set when the challenge is created. To regenerate tasks from updated data, use Rebuild Tasks when managing the challenge.'
+                  )
+                : t(
+                    'manageChallengeNew.challengeForm.taskDataDescription',
+                    undefined,
+                    'Choose how you want to provide task data for this challenge.'
+                  )
             }
           >
             {sourceReadOnly ? (
               <div className="space-y-4">
                 {dataSource === 'overpass' && (
                   <div className="space-y-2">
-                    <p className="font-medium text-sm">Overpass query</p>
+                    <p className="font-medium text-sm">
+                      {t(
+                        'manageChallengeNew.challengeForm.overpassQueryReadOnlyLabel',
+                        undefined,
+                        'Overpass query'
+                      )}
+                    </p>
                     <Textarea
                       readOnly
                       value={challenge?.overpassQL ?? ''}
                       className="min-h-32 resize-none bg-zinc-100 font-mono text-sm dark:bg-slate-800"
                     />
                     <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                      Overpass queries cannot be edited here. Use Rebuild Tasks when managing your
-                      challenge to re-run the query and refresh your tasks.
+                      {t(
+                        'manageChallengeNew.challengeForm.overpassQueryReadOnlyBody',
+                        undefined,
+                        'Overpass queries cannot be edited here. Use Rebuild Tasks when managing your challenge to re-run the query and refresh your tasks.'
+                      )}
                     </p>
                   </div>
                 )}
                 {dataSource === 'remoteGeoJSON' && (
                   <div className="space-y-2">
-                    <p className="font-medium text-sm">GeoJSON URL</p>
+                    <p className="font-medium text-sm">
+                      {t('common.geojsonUrl', undefined, 'GeoJSON URL')}
+                    </p>
                     <Input
                       readOnly
                       value={challenge?.remoteGeoJson ?? ''}
                       className="bg-zinc-100 dark:bg-slate-800"
                     />
                     <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                      Remote URLs cannot be edited here. Use Rebuild Tasks when managing your
-                      challenge to re-download the GeoJSON and refresh your tasks.
+                      {t(
+                        'manageChallengeNew.challengeForm.remoteGeoJSONReadOnlyBody',
+                        undefined,
+                        'Remote URLs cannot be edited here. Use Rebuild Tasks when managing your challenge to re-download the GeoJSON and refresh your tasks.'
+                      )}
                     </p>
                   </div>
                 )}
                 {dataSource === 'localGeoJSON' && (
                   <div className="space-y-2">
-                    <p className="font-medium text-sm">Uploaded GeoJSON file</p>
+                    <p className="font-medium text-sm">
+                      {t(
+                        'manageChallengeNew.challengeForm.localGeoJSONReadOnlyLabel',
+                        undefined,
+                        'Uploaded GeoJSON file'
+                      )}
+                    </p>
                     <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                      This challenge was built from an uploaded GeoJSON file, which can't be shown
-                      here. To replace it with fresh GeoJSON, use Rebuild Tasks when managing your
-                      challenge.
+                      {t(
+                        'manageChallengeNew.challengeForm.localGeoJSONReadOnlyBody',
+                        undefined,
+                        "This challenge was built from an uploaded GeoJSON file, which can't be shown here. To replace it with fresh GeoJSON, use Rebuild Tasks when managing your challenge."
+                      )}
                     </p>
                   </div>
                 )}
@@ -385,10 +515,19 @@ export const ChallengeForm = () => {
                           >
                             <RadioGroupItem value="overpass" id={overpassId} className="mt-1" />
                             <div className="flex-1 space-y-1">
-                              <div className="font-medium">I want to provide an Overpass query</div>
+                              <div className="font-medium">
+                                {t(
+                                  'manageChallengeNew.challengeForm.overpassOptionTitle',
+                                  undefined,
+                                  'I want to provide an Overpass query'
+                                )}
+                              </div>
                               <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                                Use Overpass QL to automatically generate tasks from OpenStreetMap
-                                data
+                                {t(
+                                  'manageChallengeNew.challengeForm.overpassOptionDescription',
+                                  undefined,
+                                  'Use Overpass QL to automatically generate tasks from OpenStreetMap data'
+                                )}
                               </p>
                             </div>
                           </label>
@@ -407,9 +546,19 @@ export const ChallengeForm = () => {
                               className="mt-1"
                             />
                             <div className="flex-1 space-y-1">
-                              <div className="font-medium">I want to upload a GeoJSON file</div>
+                              <div className="font-medium">
+                                {t(
+                                  'manageChallengeNew.challengeForm.localGeoJSONOptionTitle',
+                                  undefined,
+                                  'I want to upload a GeoJSON file'
+                                )}
+                              </div>
                               <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                                Upload a GeoJSON file from your computer
+                                {t(
+                                  'manageChallengeNew.challengeForm.localGeoJSONOptionDescription',
+                                  undefined,
+                                  'Upload a GeoJSON file from your computer'
+                                )}
                               </p>
                             </div>
                           </label>
@@ -428,9 +577,19 @@ export const ChallengeForm = () => {
                               className="mt-1"
                             />
                             <div className="flex-1 space-y-1">
-                              <div className="font-medium">I have a URL to the GeoJSON data</div>
+                              <div className="font-medium">
+                                {t(
+                                  'manageChallengeNew.challengeForm.remoteGeoJSONOptionTitle',
+                                  undefined,
+                                  'I have a URL to the GeoJSON data'
+                                )}
+                              </div>
                               <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                                Provide a URL pointing to a GeoJSON file
+                                {t(
+                                  'manageChallengeNew.challengeForm.remoteGeoJSONOptionDescription',
+                                  undefined,
+                                  'Provide a URL pointing to a GeoJSON file'
+                                )}
                               </p>
                             </div>
                           </label>
@@ -448,7 +607,13 @@ export const ChallengeForm = () => {
                     name="overpassQL"
                     render={({ field }) => (
                       <FormItem>
-                        <FormLabel>Overpass QL</FormLabel>
+                        <FormLabel>
+                          {t(
+                            'manageChallengeNew.challengeForm.overpassQLLabel',
+                            undefined,
+                            'Overpass QL'
+                          )}
+                        </FormLabel>
                         <FormControl>
                           <Textarea
                             placeholder="[out:xml][timeout:25];(way[highway=primary];);out meta;"
@@ -457,18 +622,24 @@ export const ChallengeForm = () => {
                           />
                         </FormControl>
                         <FormDescription>
-                          Overpass query language to automatically generate tasks for this
-                          challenge. Please see the{' '}
+                          {t(
+                            'manageChallengeNew.challengeForm.overpassQLDescriptionBefore',
+                            undefined,
+                            'Overpass query language to automatically generate tasks for this challenge. Please see the'
+                          )}{' '}
                           <a
                             href="https://learn.maproulette.org/en-US/documentation/using-overpass-to-create-challenges/#content"
                             target="_blank"
                             rel="noopener noreferrer"
                             className="text-blue-600 underline hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
                           >
-                            docs
+                            {t('manageChallengeNew.challengeForm.docsLinkText', undefined, 'docs')}
                           </a>{' '}
-                          for important details and common pitfalls when creating challenges using
-                          Overpass queries.
+                          {t(
+                            'manageChallengeNew.challengeForm.overpassQLDescriptionAfter',
+                            undefined,
+                            'for important details and common pitfalls when creating challenges using Overpass queries.'
+                          )}
                         </FormDescription>
                         <FormMessage />
                       </FormItem>
@@ -482,7 +653,13 @@ export const ChallengeForm = () => {
                     name="localGeoJSON"
                     render={({ field: { value, onChange, ...field } }) => (
                       <FormItem>
-                        <FormLabel>GeoJSON File</FormLabel>
+                        <FormLabel>
+                          {t(
+                            'manageChallengeNew.challengeForm.geoJSONFileLabel',
+                            undefined,
+                            'GeoJSON File'
+                          )}
+                        </FormLabel>
                         <FormControl>
                           <div className="flex flex-col gap-2">
                             <Input
@@ -496,22 +673,38 @@ export const ChallengeForm = () => {
                             />
                             {value && (
                               <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                                Selected: {value.name} ({(value.size / 1024).toFixed(2)} KB)
+                                {t(
+                                  'manageChallengeNew.challengeForm.geoJSONFileSelected',
+                                  { name: value.name, size: (value.size / 1024).toFixed(2) },
+                                  'Selected: {name} ({size} KB)'
+                                )}
                               </p>
                             )}
                           </div>
                         </FormControl>
                         <FormDescription>
-                          Upload a GeoJSON file from your computer. Standard GeoJSON and{' '}
+                          {t(
+                            'manageChallengeNew.challengeForm.geoJSONFileDescriptionBefore',
+                            undefined,
+                            'Upload a GeoJSON file from your computer. Standard GeoJSON and'
+                          )}{' '}
                           <a
                             href="https://learn.maproulette.org/en-US/documentation/line-by-line-geojson/"
                             target="_blank"
                             rel="noopener noreferrer"
                             className="text-blue-600 underline hover:text-blue-700 dark:text-blue-400"
                           >
-                            line-by-line GeoJSON format
+                            {t(
+                              'manageChallengeNew.challengeForm.lineByLineGeoJSONLinkText',
+                              undefined,
+                              'line-by-line GeoJSON format'
+                            )}
                           </a>{' '}
-                          are supported.
+                          {t(
+                            'manageChallengeNew.challengeForm.geoJSONFileDescriptionAfter',
+                            undefined,
+                            'are supported.'
+                          )}
                         </FormDescription>
                         <FormMessage />
                       </FormItem>
@@ -526,7 +719,7 @@ export const ChallengeForm = () => {
                     name="remoteGeoJSON"
                     render={({ field }) => (
                       <FormItem>
-                        <FormLabel>GeoJSON URL</FormLabel>
+                        <FormLabel>{t('common.geojsonUrl', undefined, 'GeoJSON URL')}</FormLabel>
                         <FormControl>
                           <Input
                             placeholder="https://www.example.com/geojson.json"
@@ -535,8 +728,11 @@ export const ChallengeForm = () => {
                           />
                         </FormControl>
                         <FormDescription>
-                          Provide a URL pointing to a GeoJSON file. The URL should point directly to
-                          the raw GeoJSON file, not a page that contains a link to the file.
+                          {t(
+                            'manageChallengeNew.challengeForm.remoteGeoJSONDescription',
+                            undefined,
+                            'Provide a URL pointing to a GeoJSON file. The URL should point directly to the raw GeoJSON file, not a page that contains a link to the file.'
+                          )}
                         </FormDescription>
                         <FormMessage />
                       </FormItem>
@@ -549,22 +745,35 @@ export const ChallengeForm = () => {
 
           {!isEdit && (
             <FormSection
-              title="Automated Edits Code of Conduct Agreement"
+              title={t(
+                'manageChallengeNew.challengeForm.agreementSectionTitle',
+                undefined,
+                'Automated Edits Code of Conduct Agreement'
+              )}
               description={
                 <>
-                  You are about to create a MapRoulette challenge. With this power comes
-                  responsibility. Make sure that your Challenge is designed to encourage careful
-                  human attention to each task, in the spirit of OpenStreetMap's{' '}
+                  {t(
+                    'manageChallengeNew.challengeForm.agreementDescriptionBefore',
+                    undefined,
+                    "You are about to create a MapRoulette challenge. With this power comes responsibility. Make sure that your Challenge is designed to encourage careful human attention to each task, in the spirit of OpenStreetMap's"
+                  )}{' '}
                   <a
                     href="https://wiki.openstreetmap.org/wiki/Automated_Edits_code_of_conduct"
                     target="_blank"
                     rel="noopener noreferrer"
                     className="text-blue-600 underline hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
                   >
-                    Automated Edits code of conduct
+                    {t(
+                      'manageChallengeNew.challengeForm.agreementLinkText',
+                      undefined,
+                      'Automated Edits code of conduct'
+                    )}
                   </a>
-                  . Please read this document carefully. By checking the box below, you acknowledge
-                  that you understand and accept this responsibility.
+                  {t(
+                    'manageChallengeNew.challengeForm.agreementDescriptionAfter',
+                    undefined,
+                    '. Please read this document carefully. By checking the box below, you acknowledge that you understand and accept this responsibility.'
+                  )}
                 </>
               }
             >
@@ -582,7 +791,11 @@ export const ChallengeForm = () => {
                     </FormControl>
                     <div className="space-y-1">
                       <FormLabel>
-                        I have read and understand the OSM Automated Edits code of conduct
+                        {t(
+                          'manageChallengeNew.challengeForm.agreementCheckboxLabel',
+                          undefined,
+                          'I have read and understand the OSM Automated Edits code of conduct'
+                        )}
                       </FormLabel>
                       <FormMessage />
                     </div>
@@ -594,14 +807,14 @@ export const ChallengeForm = () => {
         </FormSectionGroup>
         <div className="mt-4 flex shrink-0 items-center justify-end gap-3 border-zinc-200 border-t pt-4 dark:border-slate-700">
           <Button type="button" variant="outline" onClick={onCancel}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button type="submit" disabled={form.formState.isSubmitting}>
             {form.formState.isSubmitting
-              ? 'Saving...'
+              ? t('common.saving2', undefined, 'Saving...')
               : challenge
-                ? 'Update Challenge'
-                : 'Create Challenge'}
+                ? t('manageChallengeNew.challengeForm.updateButton', undefined, 'Update Challenge')
+                : t('common.createChallenge', undefined, 'Create Challenge')}
           </Button>
         </div>
       </form>
diff --git a/src/components/Pages/ManagementPages/ManageChallengeNew/index.tsx b/src/components/Pages/ManagementPages/ManageChallengeNew/index.tsx
index 3a95ad4f6..7708e52a2 100644
--- a/src/components/Pages/ManagementPages/ManageChallengeNew/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallengeNew/index.tsx
@@ -1,18 +1,25 @@
 import { ChallengeForm } from '@/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm'
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
 import { CreateChallengeFormProvider } from '@/contexts/ChallengeFormContext'
+import { useIntl } from '@/i18n'
 
 interface ManageChallengeNewProps {
   projectId?: number
 }
 
 export const ManageChallengeNew = ({ projectId }: ManageChallengeNewProps) => {
+  const { t } = useIntl()
+
   return (
     <CreateChallengeFormProvider projectId={projectId}>
       <ManageFormLayout>
         <FormCard
-          title="Create New Challenge"
-          description="Fill in the information below to create your new challenge"
+          title={t('common.createNewChallenge', undefined, 'Create New Challenge')}
+          description={t(
+            'manageChallengeNew.pageDescription',
+            undefined,
+            'Fill in the information below to create your new challenge'
+          )}
         >
           <ChallengeForm />
         </FormCard>
diff --git a/src/components/Pages/ManagementPages/ManageChallenges/ManageChallengesContent.tsx b/src/components/Pages/ManagementPages/ManageChallenges/ManageChallengesContent.tsx
index 0abe77dee..33ea63d8f 100644
--- a/src/components/Pages/ManagementPages/ManageChallenges/ManageChallengesContent.tsx
+++ b/src/components/Pages/ManagementPages/ManageChallenges/ManageChallengesContent.tsx
@@ -42,11 +42,13 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
 import { useSetHeaderActionsContext } from '@/contexts/HeaderActionsContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Challenge } from '@/types/Challenge'
 import { useManageChallengesContext } from './ManageChallengesContext'
 
 export const ManageChallengesContent = () => {
+  const { t } = useIntl()
   const {
     filteredChallenges,
     isLoading,
@@ -74,7 +76,7 @@ export const ManageChallengesContent = () => {
     <Link to="/manage/challenge/new">
       <Button size="sm" className="gap-1.5 rounded-full">
         <Plus className="h-4 w-4" />
-        Create Challenge
+        {t('common.createChallenge', undefined, 'Create Challenge')}
       </Button>
     </Link>
   )
@@ -92,8 +94,16 @@ export const ManageChallengesContent = () => {
               e.preventDefault()
               toggleChallengePin(challenge.id)
             }}
-            title={isPinned ? 'Unpin challenge' : 'Pin challenge'}
-            aria-label={isPinned ? 'Unpin challenge' : 'Pin challenge'}
+            title={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
+            aria-label={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
           >
             <Pin
               className={cn(
@@ -114,8 +124,16 @@ export const ManageChallengesContent = () => {
               e.preventDefault()
               toggleChallengeEnabled(challenge)
             }}
-            title={challenge.enabled ? 'Make not discoverable' : 'Make discoverable'}
-            aria-label={challenge.enabled ? 'Make not discoverable' : 'Make discoverable'}
+            title={
+              challenge.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
+            aria-label={
+              challenge.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
           >
             {challenge.enabled ? (
               <Eye className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
@@ -128,7 +146,7 @@ export const ManageChallengesContent = () => {
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="icon" className="h-8 w-8">
               <MoreHorizontal className="h-4 w-4" />
-              <span className="sr-only">Open menu</span>
+              <span className="sr-only">{t('common.openMenu', undefined, 'Open menu')}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
@@ -140,7 +158,7 @@ export const ManageChallengesContent = () => {
                   className="flex cursor-pointer items-center gap-2"
                 >
                   <Play className="h-4 w-4" />
-                  Start challenge
+                  {t('common.startChallenge', undefined, 'Start challenge')}
                 </Link>
               </DropdownMenuItem>
             )}
@@ -151,7 +169,7 @@ export const ManageChallengesContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Pencil className="h-4 w-4" />
-                Edit challenge
+                {t('common.editChallenge', undefined, 'Edit challenge')}
               </Link>
             </DropdownMenuItem>
             {challenge.id != null && (
@@ -160,7 +178,9 @@ export const ManageChallengesContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Archive className="h-4 w-4" />
-                {challenge.isArchived ? 'Unarchive challenge' : 'Archive challenge'}
+                {challenge.isArchived
+                  ? t('common.unarchiveChallenge', undefined, 'Unarchive challenge')
+                  : t('common.archiveChallenge', undefined, 'Archive challenge')}
               </DropdownMenuItem>
             )}
             {challenge.id != null && (
@@ -169,7 +189,7 @@ export const ManageChallengesContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Hammer className="h-4 w-4" />
-                Rebuild tasks
+                {t('common.rebuildTasks', undefined, 'Rebuild tasks')}
               </DropdownMenuItem>
             )}
             <DropdownMenuItem
@@ -180,7 +200,7 @@ export const ManageChallengesContent = () => {
               className="flex cursor-pointer items-center gap-2"
             >
               <Copy className="h-4 w-4" />
-              Copy URL
+              {t('common.copyUrl', undefined, 'Copy URL')}
             </DropdownMenuItem>
             {challenge.id != null && (
               <>
@@ -190,7 +210,7 @@ export const ManageChallengesContent = () => {
                   className="flex cursor-pointer items-center gap-2 text-red-600 focus:text-red-600 dark:text-red-400 dark:focus:text-red-400"
                 >
                   <Trash2 className="h-4 w-4" />
-                  Delete challenge
+                  {t('common.deleteChallenge', undefined, 'Delete challenge')}
                 </DropdownMenuItem>
               </>
             )}
@@ -209,11 +229,18 @@ export const ManageChallengesContent = () => {
               <div className="flex items-start justify-between px-6 pt-6 pb-2">
                 <div className="space-y-2.5">
                   <h2 className="font-bold text-base text-zinc-900 leading-tight tracking-tight dark:text-zinc-50">
-                    About Challenges
+                    {t(
+                      'manageChallenges.content.aboutChallengesTitle',
+                      undefined,
+                      'About Challenges'
+                    )}
                   </h2>
                   <p className="text-pretty text-sm text-zinc-600 leading-relaxed dark:text-zinc-400">
-                    Challenges contain tasks that mappers work through to improve OpenStreetMap
-                    data.
+                    {t(
+                      'manageChallenges.content.aboutChallengesBody',
+                      undefined,
+                      'Challenges contain tasks that mappers work through to improve OpenStreetMap data.'
+                    )}
                   </p>
                 </div>
                 <Button
@@ -221,7 +248,7 @@ export const ManageChallengesContent = () => {
                   size="icon"
                   className="h-8 w-8 shrink-0"
                   onClick={() => setShowPanel(false)}
-                  title="Hide panel"
+                  title={t('common.hidePanel', undefined, 'Hide panel')}
                 >
                   <PanelLeftClose className="h-4 w-4" />
                 </Button>
@@ -231,27 +258,50 @@ export const ManageChallengesContent = () => {
                 <div className="space-y-4 text-sm text-zinc-600 leading-relaxed dark:text-zinc-300">
                   <div>
                     <p className="font-medium text-zinc-900 dark:text-zinc-100">
-                      Write clear instructions
+                      {t(
+                        'manageChallenges.content.tipWriteClearInstructionsTitle',
+                        undefined,
+                        'Write clear instructions'
+                      )}
                     </p>
                     <p>
-                      Good task instructions help mappers understand what to fix and how. Include
-                      examples and link to relevant wiki pages.
+                      {t(
+                        'manageChallenges.content.tipWriteClearInstructionsBody',
+                        undefined,
+                        'Good task instructions help mappers understand what to fix and how. Include examples and link to relevant wiki pages.'
+                      )}
                     </p>
                   </div>
                   <div>
                     <p className="font-medium text-zinc-900 dark:text-zinc-100">
-                      Set appropriate difficulty
+                      {t(
+                        'manageChallenges.content.tipSetDifficultyTitle',
+                        undefined,
+                        'Set appropriate difficulty'
+                      )}
                     </p>
                     <p>
-                      Match difficulty to the skill required. Easy tasks attract new mappers, while
-                      expert tasks get routed to experienced contributors.
+                      {t(
+                        'manageChallenges.content.tipSetDifficultyBody',
+                        undefined,
+                        'Match difficulty to the skill required. Easy tasks attract new mappers, while expert tasks get routed to experienced contributors.'
+                      )}
                     </p>
                   </div>
                   <div>
-                    <p className="font-medium text-zinc-900 dark:text-zinc-100">Monitor progress</p>
+                    <p className="font-medium text-zinc-900 dark:text-zinc-100">
+                      {t(
+                        'manageChallenges.content.tipMonitorProgressTitle',
+                        undefined,
+                        'Monitor progress'
+                      )}
+                    </p>
                     <p>
-                      Check completion rates and review feedback. Archive challenges once all tasks
-                      are resolved.
+                      {t(
+                        'manageChallenges.content.tipMonitorProgressBody',
+                        undefined,
+                        'Check completion rates and review feedback. Archive challenges once all tasks are resolved.'
+                      )}
                     </p>
                   </div>
                 </div>
@@ -259,7 +309,7 @@ export const ManageChallengesContent = () => {
 
               <div className="mt-auto border-zinc-200/50 border-t bg-zinc-50/50 px-6 py-4 dark:border-slate-700/50 dark:bg-slate-800/50">
                 <p className="mb-1 font-medium text-sm text-zinc-700 dark:text-zinc-300">
-                  Quick Links
+                  {t('manageChallenges.content.quickLinks', undefined, 'Quick Links')}
                 </p>
                 <div className="space-y-2">
                   <Link
@@ -267,7 +317,7 @@ export const ManageChallengesContent = () => {
                     className="flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                   >
                     <FolderKanban className="h-3.5 w-3.5 text-zinc-500" />
-                    Manage Projects
+                    {t('manageChallenges.content.manageProjectsLink', undefined, 'Manage Projects')}
                   </Link>
                   <a
                     href="https://learn.maproulette.org/en-US/documentation/creating-a-challenge/"
@@ -276,7 +326,11 @@ export const ManageChallengesContent = () => {
                     className="flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                   >
                     <BookOpen className="h-3.5 w-3.5 text-zinc-500" />
-                    Challenge Creation Guide
+                    {t(
+                      'manageChallenges.content.challengeCreationGuideLink',
+                      undefined,
+                      'Challenge Creation Guide'
+                    )}
                   </a>
                 </div>
               </div>
@@ -295,7 +349,7 @@ export const ManageChallengesContent = () => {
                   size="icon"
                   className="h-9 w-9 shrink-0"
                   onClick={() => setShowPanel(true)}
-                  title="Show panel"
+                  title={t('common.showPanel', undefined, 'Show panel')}
                 >
                   <PanelLeftOpen className="h-4 w-4" />
                 </Button>
@@ -303,23 +357,23 @@ export const ManageChallengesContent = () => {
               <SearchBar
                 value={searchQuery}
                 onChange={setSearchQuery}
-                placeholder="Search challenges..."
+                placeholder={t('common.searchChallenges2', undefined, 'Search challenges...')}
                 className="w-full sm:max-w-xs"
               />
               <FilterToggle
-                label="Discoverable"
+                label={t('common.discoverable', undefined, 'Discoverable')}
                 icon={Eye}
                 checked={onlyDiscoverable}
                 onCheckedChange={setOnlyDiscoverable}
               />
               <FilterToggle
-                label="Archived"
+                label={t('common.archived', undefined, 'Archived')}
                 icon={Archive}
                 checked={onlyArchived}
                 onCheckedChange={setOnlyArchived}
               />
               <FilterToggle
-                label="Pinned"
+                label={t('common.pinned', undefined, 'Pinned')}
                 icon={Pin}
                 checked={onlyPinned}
                 onCheckedChange={setOnlyPinned}
@@ -358,9 +412,13 @@ export const ManageChallengesContent = () => {
                   getItemKey={(challenge) => challenge.id ?? crypto.randomUUID()}
                   emptyState={{
                     icon: ListChecks,
-                    title: 'No challenges found',
-                    description: "You haven't created any challenges yet",
-                    actionLabel: 'Create Challenge',
+                    title: t('common.noChallengesFound', undefined, 'No challenges found'),
+                    description: t(
+                      'manageChallenges.content.emptyDescription',
+                      undefined,
+                      "You haven't created any challenges yet"
+                    ),
+                    actionLabel: t('common.createChallenge', undefined, 'Create Challenge'),
                     actionTo: '/manage/challenge/new',
                   }}
                 />
@@ -375,18 +433,24 @@ export const ManageChallengesContent = () => {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete challenge?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t('common.deleteChallenge2', undefined, 'Delete challenge?')}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              This will delete this challenge and all its tasks. This action cannot be undone.
+              {t(
+                'common.deleteChallengeWarning',
+                undefined,
+                'This will delete this challenge and all its tasks. This action cannot be undone.'
+              )}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
             <AlertDialogAction
               onClick={confirmDeleteChallenge}
               className="bg-red-600 text-white hover:bg-red-700 focus:ring-red-600"
             >
-              Delete
+              {t('common.delete', undefined, 'Delete')}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
diff --git a/src/components/Pages/ManagementPages/ManageHome/index.tsx b/src/components/Pages/ManagementPages/ManageHome/index.tsx
index 0dce2dcf3..ac004640e 100644
--- a/src/components/Pages/ManagementPages/ManageHome/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageHome/index.tsx
@@ -3,9 +3,11 @@ import { CheckSquare, FolderKanban, ListChecks } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 
 export const ManageHome = () => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const showTasksCard = user && isSuperUser(user)
 
@@ -18,12 +20,18 @@ export const ManageHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-blue-100 dark:bg-blue-900">
                 <FolderKanban className="h-6 w-6 text-blue-600 dark:text-blue-400" />
               </div>
-              <CardTitle>Projects</CardTitle>
-              <CardDescription>Create and manage your MapRoulette projects</CardDescription>
+              <CardTitle>{t('common.projects', undefined, 'Projects')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'manageHome.projectsDescription',
+                  undefined,
+                  'Create and manage your MapRoulette projects'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Projects
+                {t('common.viewProjects', undefined, 'View Projects')}
               </Button>
             </CardContent>
           </Card>
@@ -35,12 +43,18 @@ export const ManageHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-green-100 dark:bg-green-900">
                 <ListChecks className="h-6 w-6 text-green-600 dark:text-green-400" />
               </div>
-              <CardTitle>Challenges</CardTitle>
-              <CardDescription>Browse and manage all your challenges</CardDescription>
+              <CardTitle>{t('common.challenges', undefined, 'Challenges')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'manageHome.challengesDescription',
+                  undefined,
+                  'Browse and manage all your challenges'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Challenges
+                {t('common.viewChallenges', undefined, 'View Challenges')}
               </Button>
             </CardContent>
           </Card>
@@ -53,12 +67,18 @@ export const ManageHome = () => {
                 <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-purple-100 dark:bg-purple-900">
                   <CheckSquare className="h-6 w-6 text-purple-600 dark:text-purple-400" />
                 </div>
-                <CardTitle>Tasks</CardTitle>
-                <CardDescription>Open a task by ID to view or edit it</CardDescription>
+                <CardTitle>{t('common.tasks', undefined, 'Tasks')}</CardTitle>
+                <CardDescription>
+                  {t(
+                    'manageHome.tasksDescription',
+                    undefined,
+                    'Open a task by ID to view or edit it'
+                  )}
+                </CardDescription>
               </CardHeader>
               <CardContent>
                 <Button variant="outline" className="w-full">
-                  Open task by ID
+                  {t('common.openTaskById', undefined, 'Open task by ID')}
                 </Button>
               </CardContent>
             </Card>
diff --git a/src/components/Pages/ManagementPages/ManageProjectDetail/ChallengesTableView.tsx b/src/components/Pages/ManagementPages/ManageProjectDetail/ChallengesTableView.tsx
index 143fac766..74b8b1987 100644
--- a/src/components/Pages/ManagementPages/ManageProjectDetail/ChallengesTableView.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectDetail/ChallengesTableView.tsx
@@ -30,6 +30,7 @@ import {
   TableRow,
 } from '@/components/ui/Table'
 import { useMoveChallengeContext } from '@/contexts/MoveChallengeContext'
+import { useIntl } from '@/i18n'
 import { getDifficultyLabel } from '@/lib/difficultyLevelData'
 import { cn } from '@/lib/utils'
 import type { Challenge } from '@/types/Challenge'
@@ -55,24 +56,35 @@ export const ChallengesTableView = ({
   onRebuild,
   onDelete,
 }: ChallengesTableViewProps) => {
+  const { t } = useIntl()
   const { openMoveModal } = useMoveChallengeContext()
   return (
     <div className="overflow-hidden rounded-lg border border-zinc-200 dark:border-slate-700">
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead className="w-[80px]">Status</TableHead>
+            <TableHead className="w-[80px]">{t('common.status', undefined, 'Status')}</TableHead>
             <TableHead className="w-12">
-              <span title="Pinned" className="flex justify-center">
+              <span title={t('common.pinned', undefined, 'Pinned')} className="flex justify-center">
                 <Pin className="h-4 w-4 text-amber-600 dark:text-amber-400" />
               </span>
             </TableHead>
-            <TableHead>Name</TableHead>
-            <TableHead className="hidden w-20 md:table-cell">ID</TableHead>
-            <TableHead className="hidden w-28 text-center md:table-cell">Difficulty</TableHead>
-            <TableHead className="hidden w-32 text-center md:table-cell">Tasks Left</TableHead>
-            <TableHead className="hidden max-w-[200px] lg:table-cell">Description</TableHead>
-            <TableHead className="w-[100px] text-right">Actions</TableHead>
+            <TableHead>{t('common.name', undefined, 'Name')}</TableHead>
+            <TableHead className="hidden w-20 md:table-cell">
+              {t('common.id', undefined, 'ID')}
+            </TableHead>
+            <TableHead className="hidden w-28 text-center md:table-cell">
+              {t('common.difficulty', undefined, 'Difficulty')}
+            </TableHead>
+            <TableHead className="hidden w-32 text-center md:table-cell">
+              {t('manageProjectDetail.challengesTable.columnTasksLeft', undefined, 'Tasks Left')}
+            </TableHead>
+            <TableHead className="hidden max-w-[200px] lg:table-cell">
+              {t('common.description', undefined, 'Description')}
+            </TableHead>
+            <TableHead className="w-[100px] text-right">
+              {t('common.actions', undefined, 'Actions')}
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -91,8 +103,16 @@ export const ChallengesTableView = ({
                       size="icon"
                       className="mx-auto h-8 w-8"
                       onClick={() => onTogglePin(challenge.id)}
-                      title={pinned ? 'Unpin challenge' : 'Pin challenge'}
-                      aria-label={pinned ? 'Unpin challenge' : 'Pin challenge'}
+                      title={
+                        pinned
+                          ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                          : t('common.pinChallenge', undefined, 'Pin challenge')
+                      }
+                      aria-label={
+                        pinned
+                          ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                          : t('common.pinChallenge', undefined, 'Pin challenge')
+                      }
                     >
                       <Pin
                         className={
@@ -137,9 +157,15 @@ export const ChallengesTableView = ({
                         size="icon"
                         className="h-8 w-8"
                         onClick={() => onToggleEnabled(challenge)}
-                        title={challenge.enabled ? 'Make not discoverable' : 'Make discoverable'}
+                        title={
+                          challenge.enabled
+                            ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                            : t('common.makeDiscoverable', undefined, 'Make discoverable')
+                        }
                         aria-label={
-                          challenge.enabled ? 'Make not discoverable' : 'Make discoverable'
+                          challenge.enabled
+                            ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                            : t('common.makeDiscoverable', undefined, 'Make discoverable')
                         }
                       >
                         {challenge.enabled ? (
@@ -153,7 +179,9 @@ export const ChallengesTableView = ({
                       <DropdownMenuTrigger asChild>
                         <Button variant="ghost" size="icon" className="h-8 w-8">
                           <MoreHorizontal className="h-4 w-4" />
-                          <span className="sr-only">Open menu</span>
+                          <span className="sr-only">
+                            {t('common.openMenu', undefined, 'Open menu')}
+                          </span>
                         </Button>
                       </DropdownMenuTrigger>
                       <DropdownMenuContent align="end">
@@ -165,7 +193,7 @@ export const ChallengesTableView = ({
                               className="flex cursor-pointer items-center gap-2"
                             >
                               <Play className="h-4 w-4" />
-                              Start challenge
+                              {t('common.startChallenge', undefined, 'Start challenge')}
                             </Link>
                           </DropdownMenuItem>
                         )}
@@ -176,7 +204,7 @@ export const ChallengesTableView = ({
                             className="flex cursor-pointer items-center gap-2"
                           >
                             <Pencil className="h-4 w-4" />
-                            Edit challenge
+                            {t('common.editChallenge', undefined, 'Edit challenge')}
                           </Link>
                         </DropdownMenuItem>
                         <DropdownMenuItem
@@ -187,7 +215,7 @@ export const ChallengesTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <ArrowRightLeft className="h-4 w-4" />
-                          Move challenge
+                          {t('common.moveChallenge', undefined, 'Move challenge')}
                         </DropdownMenuItem>
                         {challenge.id != null && (
                           <DropdownMenuItem
@@ -195,7 +223,7 @@ export const ChallengesTableView = ({
                             className="flex cursor-pointer items-center gap-2"
                           >
                             <Copy className="h-4 w-4" />
-                            Clone challenge
+                            {t('common.cloneChallenge2', undefined, 'Clone challenge')}
                           </DropdownMenuItem>
                         )}
                         {challenge.id != null && (
@@ -204,7 +232,9 @@ export const ChallengesTableView = ({
                             className="flex cursor-pointer items-center gap-2"
                           >
                             <Archive className="h-4 w-4" />
-                            {challenge.isArchived ? 'Unarchive challenge' : 'Archive challenge'}
+                            {challenge.isArchived
+                              ? t('common.unarchiveChallenge', undefined, 'Unarchive challenge')
+                              : t('common.archiveChallenge', undefined, 'Archive challenge')}
                           </DropdownMenuItem>
                         )}
                         {challenge.id != null && (
@@ -213,7 +243,7 @@ export const ChallengesTableView = ({
                             className="flex cursor-pointer items-center gap-2"
                           >
                             <Hammer className="h-4 w-4" />
-                            Rebuild tasks
+                            {t('common.rebuildTasks', undefined, 'Rebuild tasks')}
                           </DropdownMenuItem>
                         )}
                         {challenge.id != null && (
@@ -221,7 +251,9 @@ export const ChallengesTableView = ({
                             onClick={() => onToggleEnabled(challenge)}
                             className="flex cursor-pointer items-center gap-2"
                           >
-                            {challenge.enabled ? 'Disable challenge' : 'Enable challenge'}
+                            {challenge.enabled
+                              ? t('common.disableChallenge', undefined, 'Disable challenge')
+                              : t('common.enableChallenge', undefined, 'Enable challenge')}
                           </DropdownMenuItem>
                         )}
                         {challenge.id != null && (
@@ -235,7 +267,7 @@ export const ChallengesTableView = ({
                               )}
                             >
                               <Trash2 className="h-4 w-4" />
-                              Delete challenge
+                              {t('common.deleteChallenge', undefined, 'Delete challenge')}
                             </DropdownMenuItem>
                           </>
                         )}
diff --git a/src/components/Pages/ManagementPages/ManageProjectDetail/ManageProjectDetailContent.tsx b/src/components/Pages/ManagementPages/ManageProjectDetail/ManageProjectDetailContent.tsx
index f06011b54..2accd34d4 100644
--- a/src/components/Pages/ManagementPages/ManageProjectDetail/ManageProjectDetailContent.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectDetail/ManageProjectDetailContent.tsx
@@ -48,6 +48,7 @@ import {
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/Resizable'
 import { Separator } from '@/components/ui/Separator'
 import { useMoveChallengeContext } from '@/contexts/MoveChallengeContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Challenge } from '@/types/Challenge'
 import { MoveChallengeModal } from '../MoveChallengeModal'
@@ -55,6 +56,7 @@ import { ChallengesTableView } from './ChallengesTableView'
 import { useManageProjectDetailContext } from './ManageProjectDetailContext'
 
 export const ManageProjectDetailContent = () => {
+  const { t } = useIntl()
   const {
     projectId,
     project,
@@ -106,8 +108,16 @@ export const ManageProjectDetailContent = () => {
               e.preventDefault()
               toggleChallengePin(challenge.id)
             }}
-            title={isPinned ? 'Unpin challenge' : 'Pin challenge'}
-            aria-label={isPinned ? 'Unpin challenge' : 'Pin challenge'}
+            title={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
+            aria-label={
+              isPinned
+                ? t('common.unpinChallenge', undefined, 'Unpin challenge')
+                : t('common.pinChallenge', undefined, 'Pin challenge')
+            }
           >
             <Pin
               className={cn(
@@ -128,8 +138,16 @@ export const ManageProjectDetailContent = () => {
               e.preventDefault()
               toggleChallengeEnabled(challenge)
             }}
-            title={challenge.enabled ? 'Make not discoverable' : 'Make discoverable'}
-            aria-label={challenge.enabled ? 'Make not discoverable' : 'Make discoverable'}
+            title={
+              challenge.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
+            aria-label={
+              challenge.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
           >
             {challenge.enabled ? (
               <Eye className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
@@ -142,7 +160,7 @@ export const ManageProjectDetailContent = () => {
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="icon" className="h-8 w-8">
               <MoreHorizontal className="h-4 w-4" />
-              <span className="sr-only">Open menu</span>
+              <span className="sr-only">{t('common.openMenu', undefined, 'Open menu')}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
@@ -154,7 +172,7 @@ export const ManageProjectDetailContent = () => {
                   className="flex cursor-pointer items-center gap-2"
                 >
                   <Play className="h-4 w-4" />
-                  Start challenge
+                  {t('common.startChallenge', undefined, 'Start challenge')}
                 </Link>
               </DropdownMenuItem>
             )}
@@ -165,7 +183,7 @@ export const ManageProjectDetailContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Pencil className="h-4 w-4" />
-                Edit challenge
+                {t('common.editChallenge', undefined, 'Edit challenge')}
               </Link>
             </DropdownMenuItem>
             <DropdownMenuItem
@@ -175,7 +193,7 @@ export const ManageProjectDetailContent = () => {
               className="flex cursor-pointer items-center gap-2"
             >
               <ArrowRightLeft className="h-4 w-4" />
-              Move challenge
+              {t('common.moveChallenge', undefined, 'Move challenge')}
             </DropdownMenuItem>
             {challenge.id != null && (
               <DropdownMenuItem
@@ -183,7 +201,7 @@ export const ManageProjectDetailContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Copy className="h-4 w-4" />
-                Clone challenge
+                {t('common.cloneChallenge2', undefined, 'Clone challenge')}
               </DropdownMenuItem>
             )}
             {challenge.id != null && (
@@ -192,7 +210,9 @@ export const ManageProjectDetailContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Archive className="h-4 w-4" />
-                {challenge.isArchived ? 'Unarchive challenge' : 'Archive challenge'}
+                {challenge.isArchived
+                  ? t('common.unarchiveChallenge', undefined, 'Unarchive challenge')
+                  : t('common.archiveChallenge', undefined, 'Archive challenge')}
               </DropdownMenuItem>
             )}
             {challenge.id != null && (
@@ -201,7 +221,7 @@ export const ManageProjectDetailContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Hammer className="h-4 w-4" />
-                Rebuild tasks
+                {t('common.rebuildTasks', undefined, 'Rebuild tasks')}
               </DropdownMenuItem>
             )}
             {challenge.id != null && (
@@ -209,7 +229,9 @@ export const ManageProjectDetailContent = () => {
                 onClick={() => toggleChallengeEnabled(challenge)}
                 className="flex cursor-pointer items-center gap-2"
               >
-                {challenge.enabled ? 'Disable challenge' : 'Enable challenge'}
+                {challenge.enabled
+                  ? t('common.disableChallenge', undefined, 'Disable challenge')
+                  : t('common.enableChallenge', undefined, 'Enable challenge')}
               </DropdownMenuItem>
             )}
             {challenge.id != null && (
@@ -220,7 +242,7 @@ export const ManageProjectDetailContent = () => {
                   className="flex cursor-pointer items-center gap-2 text-red-600 focus:text-red-600 dark:text-red-400 dark:focus:text-red-400"
                 >
                   <Trash2 className="h-4 w-4" />
-                  Delete challenge
+                  {t('common.deleteChallenge', undefined, 'Delete challenge')}
                 </DropdownMenuItem>
               </>
             )}
@@ -244,14 +266,14 @@ export const ManageProjectDetailContent = () => {
                     {project?.featured && (
                       <li>
                         <span className="font-medium text-cyan-500 text-xs uppercase tracking-wide dark:text-cyan-400">
-                          Featured
+                          {t('common.featured', undefined, 'Featured')}
                         </span>
                       </li>
                     )}
                     {project?.isArchived && (
                       <li>
                         <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-zinc-400">
-                          Archived
+                          {t('common.archived', undefined, 'Archived')}
                         </span>
                       </li>
                     )}
@@ -268,7 +290,9 @@ export const ManageProjectDetailContent = () => {
                   <div className="flex flex-wrap items-center gap-x-2.5 gap-y-0 font-medium text-xs text-zinc-600 dark:text-zinc-400">
                     <StatusBadge enabled={projectData?.enabled || false} />
                     <span className="text-zinc-400 dark:text-zinc-500">•</span>
-                    <span className="whitespace-nowrap">ID {projectId}</span>
+                    <span className="whitespace-nowrap">
+                      {t('common.idNumber', { id: projectId }, 'ID {id}')}
+                    </span>
                   </div>
                 )}
               </div>
@@ -291,7 +315,11 @@ export const ManageProjectDetailContent = () => {
                       className="w-full justify-start gap-2 rounded-full"
                     >
                       <Eye className="h-4 w-4" />
-                      View project page
+                      {t(
+                        'manageProjectDetail.content.viewProjectPage',
+                        undefined,
+                        'View project page'
+                      )}
                     </Button>
                   </Link>
                   <Link
@@ -305,7 +333,7 @@ export const ManageProjectDetailContent = () => {
                       className="w-full justify-start gap-2 rounded-full"
                     >
                       <Pencil className="h-4 w-4" />
-                      Edit project
+                      {t('common.editProject', undefined, 'Edit project')}
                     </Button>
                   </Link>
                   <Link
@@ -315,7 +343,11 @@ export const ManageProjectDetailContent = () => {
                   >
                     <Button size="sm" className="w-full justify-start gap-2 rounded-full">
                       <Plus className="h-4 w-4" />
-                      Create challenge
+                      {t(
+                        'manageProjectDetail.content.createChallenge',
+                        undefined,
+                        'Create challenge'
+                      )}
                     </Button>
                   </Link>
                   {!isLoadingProject && projectData?.id != null && (
@@ -327,7 +359,9 @@ export const ManageProjectDetailContent = () => {
                         className="w-full justify-start gap-2 rounded-full"
                       >
                         <Archive className="h-4 w-4" />
-                        {project?.isArchived ? 'Unarchive project' : 'Archive project'}
+                        {project?.isArchived
+                          ? t('common.unarchiveProject', undefined, 'Unarchive project')
+                          : t('common.archiveProject', undefined, 'Archive project')}
                       </Button>
                       <Button
                         variant="outline"
@@ -340,7 +374,17 @@ export const ManageProjectDetailContent = () => {
                         ) : (
                           <Eye className="h-4 w-4" />
                         )}
-                        {project?.enabled ? 'Disable project' : 'Enable project'}
+                        {project?.enabled
+                          ? t(
+                              'manageProjectDetail.content.disableProject',
+                              undefined,
+                              'Disable project'
+                            )
+                          : t(
+                              'manageProjectDetail.content.enableProject',
+                              undefined,
+                              'Enable project'
+                            )}
                       </Button>
                       <Button
                         variant="outline"
@@ -349,7 +393,7 @@ export const ManageProjectDetailContent = () => {
                         className="w-full justify-start gap-2 rounded-full text-red-600 hover:text-red-600 dark:text-red-400 dark:hover:text-red-400"
                       >
                         <Trash2 className="h-4 w-4" />
-                        Delete project
+                        {t('common.deleteProject', undefined, 'Delete project')}
                       </Button>
                     </>
                   )}
@@ -362,17 +406,23 @@ export const ManageProjectDetailContent = () => {
                   {!(isLoadingProject || isLoadingChallenges) && (
                     <>
                       <div className="flex items-center justify-between text-sm">
-                        <span className="text-zinc-600 dark:text-zinc-400">Challenges</span>
+                        <span className="text-zinc-600 dark:text-zinc-400">
+                          {t('common.challenges', undefined, 'Challenges')}
+                        </span>
                         <span className="font-semibold tabular-nums">{challengeSummary.total}</span>
                       </div>
                       <div className="flex items-center justify-between text-sm">
-                        <span className="text-zinc-600 dark:text-zinc-400">Shown</span>
+                        <span className="text-zinc-600 dark:text-zinc-400">
+                          {t('common.shown', undefined, 'Shown')}
+                        </span>
                         <span className="font-semibold tabular-nums">
                           {filteredChallenges.length}
                         </span>
                       </div>
                       <div className="flex items-center justify-between text-sm">
-                        <span className="text-zinc-600 dark:text-zinc-400">Discoverable</span>
+                        <span className="text-zinc-600 dark:text-zinc-400">
+                          {t('common.discoverable', undefined, 'Discoverable')}
+                        </span>
                         <span className="font-semibold tabular-nums">
                           {challengeSummary.enabled}
                         </span>
@@ -380,7 +430,7 @@ export const ManageProjectDetailContent = () => {
                       <Separator />
                       <div className="flex items-center justify-between text-sm">
                         <span className="font-medium text-zinc-700 dark:text-zinc-300">
-                          Tasks remaining
+                          {t('common.tasksRemaining', undefined, 'Tasks remaining')}
                         </span>
                         <span className="font-bold text-base tabular-nums">
                           {challengeSummary.tasksRemaining}
@@ -394,15 +444,29 @@ export const ManageProjectDetailContent = () => {
               {/* Playbook footer */}
               <div className="mt-auto border-zinc-200/50 border-t bg-zinc-50/50 px-6 py-4 dark:border-slate-700/50 dark:bg-slate-800/50">
                 <p className="mb-1 font-medium text-sm text-zinc-700 dark:text-zinc-300">
-                  Project Playbook
+                  {t('manageProjectDetail.content.playbookTitle', undefined, 'Project Playbook')}
                 </p>
                 <div className="space-y-1.5 text-xs text-zinc-600 dark:text-zinc-400">
                   <p>
-                    Confirm challenge instructions and QA expectations are specific and testable.
+                    {t(
+                      'manageProjectDetail.content.playbookTip1',
+                      undefined,
+                      'Confirm challenge instructions and QA expectations are specific and testable.'
+                    )}
                   </p>
-                  <p>Review challenge ordering so mappers can move from easier to harder tasks.</p>
                   <p>
-                    Assign at least one co-manager for triage, support, and archival continuity.
+                    {t(
+                      'manageProjectDetail.content.playbookTip2',
+                      undefined,
+                      'Review challenge ordering so mappers can move from easier to harder tasks.'
+                    )}
+                  </p>
+                  <p>
+                    {t(
+                      'manageProjectDetail.content.playbookTip3',
+                      undefined,
+                      'Assign at least one co-manager for triage, support, and archival continuity.'
+                    )}
                   </p>
                 </div>
                 <a
@@ -412,7 +476,11 @@ export const ManageProjectDetailContent = () => {
                   className="mt-3 inline-flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                 >
                   <BookOpen className="h-3.5 w-3.5 text-zinc-500" />
-                  Open project management docs
+                  {t(
+                    'manageProjectDetail.content.playbookDocsLink',
+                    undefined,
+                    'Open project management docs'
+                  )}
                 </a>
               </div>
             </div>
@@ -428,23 +496,23 @@ export const ManageProjectDetailContent = () => {
                 <SearchBar
                   value={searchQuery}
                   onChange={setSearchQuery}
-                  placeholder="Search challenges…"
+                  placeholder={t('common.searchChallenges', undefined, 'Search challenges…')}
                   className="w-full sm:max-w-xs"
                 />
                 <FilterToggle
-                  label="Discoverable"
+                  label={t('common.discoverable', undefined, 'Discoverable')}
                   icon={Eye}
                   checked={onlyDiscoverable}
                   onCheckedChange={setOnlyDiscoverable}
                 />
                 <FilterToggle
-                  label="Archived"
+                  label={t('common.archived', undefined, 'Archived')}
                   icon={Archive}
                   checked={onlyArchived}
                   onCheckedChange={setOnlyArchived}
                 />
                 <FilterToggle
-                  label="Pinned"
+                  label={t('common.pinned', undefined, 'Pinned')}
                   icon={Pin}
                   checked={onlyPinned}
                   onCheckedChange={setOnlyPinned}
@@ -483,9 +551,17 @@ export const ManageProjectDetailContent = () => {
                     getItemKey={() => ''}
                     emptyState={{
                       icon: ListChecks,
-                      title: 'No challenges found',
-                      description: 'Get started by creating your first challenge',
-                      actionLabel: 'Create Challenge',
+                      title: t('common.noChallengesFound', undefined, 'No challenges found'),
+                      description: t(
+                        'manageProjectDetail.content.emptyDescription',
+                        undefined,
+                        'Get started by creating your first challenge'
+                      ),
+                      actionLabel: t(
+                        'manageProjectDetail.content.createChallenge',
+                        undefined,
+                        'Create Challenge'
+                      ),
                       actionTo: '/manage/challenge/new',
                       actionSearch: { projectId: Number(projectId) },
                     }}
@@ -517,9 +593,17 @@ export const ManageProjectDetailContent = () => {
                     getItemKey={(challenge) => challenge.id ?? crypto.randomUUID()}
                     emptyState={{
                       icon: ListChecks,
-                      title: 'No challenges found',
-                      description: 'Get started by creating your first challenge',
-                      actionLabel: 'Create Challenge',
+                      title: t('common.noChallengesFound', undefined, 'No challenges found'),
+                      description: t(
+                        'manageProjectDetail.content.emptyDescription',
+                        undefined,
+                        'Get started by creating your first challenge'
+                      ),
+                      actionLabel: t(
+                        'manageProjectDetail.content.createChallenge',
+                        undefined,
+                        'Create Challenge'
+                      ),
                       actionTo: '/manage/challenge/new',
                       actionSearch: { projectId: Number(projectId) },
                     }}
@@ -558,18 +642,24 @@ export const ManageProjectDetailContent = () => {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete challenge?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t('common.deleteChallenge2', undefined, 'Delete challenge?')}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              This will delete this challenge and all its tasks. This action cannot be undone.
+              {t(
+                'common.deleteChallengeWarning',
+                undefined,
+                'This will delete this challenge and all its tasks. This action cannot be undone.'
+              )}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
             <AlertDialogAction
               onClick={confirmDeleteChallenge}
               className="bg-red-600 text-white hover:bg-red-700 focus:ring-red-600"
             >
-              Delete
+              {t('common.delete', undefined, 'Delete')}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
@@ -578,19 +668,24 @@ export const ManageProjectDetailContent = () => {
       <AlertDialog open={deleteProjectConfirm} onOpenChange={setDeleteProjectConfirm}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete project?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t('common.deleteProject2', undefined, 'Delete project?')}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              This will delete this project and all its challenges and tasks. This action cannot be
-              undone.
+              {t(
+                'manageProjectDetail.content.deleteProjectDescription',
+                undefined,
+                'This will delete this project and all its challenges and tasks. This action cannot be undone.'
+              )}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
             <AlertDialogAction
               onClick={confirmDeleteProject}
               className="bg-red-600 text-white hover:bg-red-700 focus:ring-red-600"
             >
-              Delete
+              {t('common.delete', undefined, 'Delete')}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
diff --git a/src/components/Pages/ManagementPages/ManageProjectEdit/index.tsx b/src/components/Pages/ManagementPages/ManageProjectEdit/index.tsx
index 4456963bf..d13579455 100644
--- a/src/components/Pages/ManagementPages/ManageProjectEdit/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectEdit/index.tsx
@@ -5,8 +5,10 @@ import {
   type ProjectFormValues,
 } from '@/components/Pages/ManagementPages/ManageProjectNew/ProjectForm'
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
+import { useIntl } from '@/i18n'
 
 export const ManageProjectEdit = () => {
+  const { t } = useIntl()
   const { projectId } = useParams({ from: '/_app/manage/project/$projectId/edit' })
   const navigate = useNavigate()
 
@@ -35,8 +37,12 @@ export const ManageProjectEdit = () => {
   return (
     <ManageFormLayout>
       <FormCard
-        title="Project Details"
-        description="Modify the information below to update your project"
+        title={t('manageProjectEdit.pageTitle', undefined, 'Project Details')}
+        description={t(
+          'manageProjectEdit.pageDescription',
+          undefined,
+          'Modify the information below to update your project'
+        )}
         isLoading={isLoading}
       >
         <ProjectForm project={projectData} onSubmit={handleSubmit} onCancel={handleCancel} />
diff --git a/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.test.tsx b/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.test.tsx
index 67f832b57..faab9d6a3 100644
--- a/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.test.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.test.tsx
@@ -1,6 +1,6 @@
-import { cleanup, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, render, screen } from '@/test/testUtils'
 import type { User } from '@/types/User'
 import { ProjectForm } from './ProjectForm.tsx'
 
diff --git a/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.tsx b/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.tsx
index 523013fe4..7386723e4 100644
--- a/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectNew/ProjectForm.tsx
@@ -1,4 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod'
+import { useMemo } from 'react'
 import { useForm } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod'
@@ -17,19 +18,46 @@ import { Input } from '@/components/ui/Input'
 import { Switch } from '@/components/ui/Switch'
 import { Textarea } from '@/components/ui/Textarea'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 import type { Project } from '@/types/Project'
 
-const projectFormSchema = z.object({
-  name: z.string().min(1, 'Project name is required').max(255),
-  displayName: z.string().min(1, 'Display name is required').max(255),
-  description: z.string().optional().or(z.literal('')),
-  enabled: z.boolean(),
-  featured: z.boolean(),
-})
+type T = ReturnType<typeof useIntl>['t']
 
-export type ProjectFormValues = z.infer<typeof projectFormSchema>
+// Building the schema requires translated validation messages, so it's built
+// from a function (called from within the component, where `t` is available)
+// rather than as a static module-level constant.
+const makeProjectFormSchema = (t: T) =>
+  z.object({
+    name: z
+      .string()
+      .min(
+        1,
+        t(
+          'manageProjectNew.projectForm.validation.nameRequired',
+          undefined,
+          'Project name is required'
+        )
+      )
+      .max(255),
+    displayName: z
+      .string()
+      .min(
+        1,
+        t(
+          'manageProjectNew.projectForm.validation.displayNameRequired',
+          undefined,
+          'Display name is required'
+        )
+      )
+      .max(255),
+    description: z.string().optional().or(z.literal('')),
+    enabled: z.boolean(),
+    featured: z.boolean(),
+  })
+
+export type ProjectFormValues = z.infer<ReturnType<typeof makeProjectFormSchema>>
 
 interface ProjectFormProps {
   project?: Project
@@ -38,11 +66,14 @@ interface ProjectFormProps {
 }
 
 export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const canSetFeatured = isSuperUser(user)
 
+  const resolver = useMemo(() => zodResolver(makeProjectFormSchema(t)), [t])
+
   const form = useForm<ProjectFormValues>({
-    resolver: zodResolver(projectFormSchema),
+    resolver,
     defaultValues: {
       name: project?.name || '',
       displayName: project?.displayName || '',
@@ -55,10 +86,28 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
   const handleSubmit = async (values: ProjectFormValues) => {
     try {
       await onSubmit(values)
-      toast.success(project ? 'Project updated successfully' : 'Project created successfully')
+      toast.success(
+        project
+          ? t(
+              'manageProjectNew.projectForm.updateSuccessToast',
+              undefined,
+              'Project updated successfully'
+            )
+          : t(
+              'manageProjectNew.projectForm.createSuccessToast',
+              undefined,
+              'Project created successfully'
+            )
+      )
     } catch (error) {
       const errorMessage =
-        error instanceof Error ? error.message : 'Failed to save project. Please try again.'
+        error instanceof Error
+          ? error.message
+          : t(
+              'manageProjectNew.projectForm.saveErrorToast',
+              undefined,
+              'Failed to save project. Please try again.'
+            )
       toast.error(errorMessage)
       logger.error('Failed to save project', { error: String(error) })
     }
@@ -72,20 +121,41 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
       >
         <FormSectionGroup className="min-h-0 flex-1 overflow-y-auto pr-1">
           <FormSection
-            title="Project details"
-            description="Basic identifying information for this project."
+            title={t(
+              'manageProjectNew.projectForm.detailsSectionTitle',
+              undefined,
+              'Project details'
+            )}
+            description={t(
+              'manageProjectNew.projectForm.detailsSectionDescription',
+              undefined,
+              'Basic identifying information for this project.'
+            )}
           >
             <FormField
               control={form.control}
               name="name"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Project Name</FormLabel>
+                  <FormLabel>
+                    {t('manageProjectNew.projectForm.nameLabel', undefined, 'Project Name')}
+                  </FormLabel>
                   <FormControl>
-                    <Input placeholder="my-project" {...field} />
+                    <Input
+                      placeholder={t(
+                        'manageProjectNew.projectForm.namePlaceholder',
+                        undefined,
+                        'my-project'
+                      )}
+                      {...field}
+                    />
                   </FormControl>
                   <FormDescription>
-                    A unique identifier for the project (lowercase, no spaces)
+                    {t(
+                      'manageProjectNew.projectForm.nameDescription',
+                      undefined,
+                      'A unique identifier for the project (lowercase, no spaces)'
+                    )}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -97,11 +167,26 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
               name="displayName"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Display Name</FormLabel>
+                  <FormLabel>
+                    {t('manageProjectNew.projectForm.displayNameLabel', undefined, 'Display Name')}
+                  </FormLabel>
                   <FormControl>
-                    <Input placeholder="My Project" {...field} />
+                    <Input
+                      placeholder={t(
+                        'manageProjectNew.projectForm.displayNamePlaceholder',
+                        undefined,
+                        'My Project'
+                      )}
+                      {...field}
+                    />
                   </FormControl>
-                  <FormDescription>The display name shown to users</FormDescription>
+                  <FormDescription>
+                    {t(
+                      'manageProjectNew.projectForm.displayNameDescription',
+                      undefined,
+                      'The display name shown to users'
+                    )}
+                  </FormDescription>
                   <FormMessage />
                 </FormItem>
               )}
@@ -112,15 +197,25 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
               name="description"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Description</FormLabel>
+                  <FormLabel>{t('common.description', undefined, 'Description')}</FormLabel>
                   <FormControl>
                     <Textarea
-                      placeholder="Describe what this project is about..."
+                      placeholder={t(
+                        'manageProjectNew.projectForm.descriptionPlaceholder',
+                        undefined,
+                        'Describe what this project is about...'
+                      )}
                       className="min-h-32 resize-none"
                       {...field}
                     />
                   </FormControl>
-                  <FormDescription>A brief description of the project</FormDescription>
+                  <FormDescription>
+                    {t(
+                      'manageProjectNew.projectForm.descriptionDescription',
+                      undefined,
+                      'A brief description of the project'
+                    )}
+                  </FormDescription>
                   <FormMessage />
                 </FormItem>
               )}
@@ -128,8 +223,16 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
           </FormSection>
 
           <FormSection
-            title="Visibility"
-            description="Control how this project appears across MapRoulette."
+            title={t(
+              'manageProjectNew.projectForm.visibilitySectionTitle',
+              undefined,
+              'Visibility'
+            )}
+            description={t(
+              'manageProjectNew.projectForm.visibilitySectionDescription',
+              undefined,
+              'Control how this project appears across MapRoulette.'
+            )}
           >
             <FormField
               control={form.control}
@@ -137,9 +240,15 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
               render={({ field }) => (
                 <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                   <div className="space-y-0.5">
-                    <FormLabel className="text-base">Enabled</FormLabel>
+                    <FormLabel className="text-base">
+                      {t('common.enabled', undefined, 'Enabled')}
+                    </FormLabel>
                     <FormDescription>
-                      Make this project visible and accessible to users
+                      {t(
+                        'manageProjectNew.projectForm.enabledDescription',
+                        undefined,
+                        'Make this project visible and accessible to users'
+                      )}
                     </FormDescription>
                   </div>
                   <FormControl>
@@ -156,8 +265,16 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
                 render={({ field }) => (
                   <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                     <div className="space-y-0.5">
-                      <FormLabel className="text-base">Featured</FormLabel>
-                      <FormDescription>Feature this project on the homepage</FormDescription>
+                      <FormLabel className="text-base">
+                        {t('common.featured', undefined, 'Featured')}
+                      </FormLabel>
+                      <FormDescription>
+                        {t(
+                          'manageProjectNew.projectForm.featuredDescription',
+                          undefined,
+                          'Feature this project on the homepage'
+                        )}
+                      </FormDescription>
                     </div>
                     <FormControl>
                       <Switch checked={field.value} onCheckedChange={field.onChange} />
@@ -170,14 +287,14 @@ export const ProjectForm = ({ project, onSubmit, onCancel }: ProjectFormProps) =
         </FormSectionGroup>
         <div className="mt-4 flex shrink-0 items-center justify-end gap-3 border-zinc-200 border-t pt-4 dark:border-slate-700">
           <Button type="button" variant="outline" onClick={onCancel}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button type="submit" disabled={form.formState.isSubmitting}>
             {form.formState.isSubmitting
-              ? 'Saving...'
+              ? t('common.saving2', undefined, 'Saving...')
               : project
-                ? 'Update Project'
-                : 'Create Project'}
+                ? t('manageProjectNew.projectForm.updateButton', undefined, 'Update Project')
+                : t('common.createProject', undefined, 'Create Project')}
           </Button>
         </div>
       </form>
diff --git a/src/components/Pages/ManagementPages/ManageProjectNew/index.tsx b/src/components/Pages/ManagementPages/ManageProjectNew/index.tsx
index 5c52999b9..0444ec1cd 100644
--- a/src/components/Pages/ManagementPages/ManageProjectNew/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjectNew/index.tsx
@@ -5,8 +5,10 @@ import {
   type ProjectFormValues,
 } from '@/components/Pages/ManagementPages/ManageProjectNew/ProjectForm'
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
+import { useIntl } from '@/i18n'
 
 export const ManageProjectNew = () => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const createProjectMutation = api.project.useCreateProject()
 
@@ -33,8 +35,12 @@ export const ManageProjectNew = () => {
   return (
     <ManageFormLayout>
       <FormCard
-        title="Create New Project"
-        description="Fill in the information below to create your new project"
+        title={t('common.createNewProject', undefined, 'Create New Project')}
+        description={t(
+          'manageProjectNew.pageDescription',
+          undefined,
+          'Fill in the information below to create your new project'
+        )}
       >
         <ProjectForm onSubmit={handleSubmit} onCancel={handleCancel} />
       </FormCard>
diff --git a/src/components/Pages/ManagementPages/ManageProjects/ManageProjectsContent.tsx b/src/components/Pages/ManagementPages/ManageProjects/ManageProjectsContent.tsx
index 73924d7e2..9d6f8bf5a 100644
--- a/src/components/Pages/ManagementPages/ManageProjects/ManageProjectsContent.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjects/ManageProjectsContent.tsx
@@ -51,12 +51,14 @@ import {
   EmptyTitle,
 } from '@/components/ui/Empty'
 import { useSetHeaderActionsContext } from '@/contexts/HeaderActionsContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Project } from '@/types/Project'
 import { useManageProjectsContext } from './ManageProjectsContext'
 import { ProjectsTableView } from './ProjectsTableView'
 
 export const ManageProjectsContent = () => {
+  const { t } = useIntl()
   const {
     projectsToShow,
     isLoading,
@@ -93,7 +95,7 @@ export const ManageProjectsContent = () => {
     <Link to="/manage/project/new">
       <Button size="sm" className="gap-1.5 rounded-full">
         <Plus className="h-4 w-4" />
-        Create Project
+        {t('common.createProject', undefined, 'Create Project')}
       </Button>
     </Link>
   )
@@ -111,8 +113,16 @@ export const ManageProjectsContent = () => {
               e.preventDefault()
               toggleProjectPin(projectId)
             }}
-            title={isPinned ? 'Unpin project' : 'Pin project'}
-            aria-label={isPinned ? 'Unpin project' : 'Pin project'}
+            title={
+              isPinned
+                ? t('common.unpinProject', undefined, 'Unpin project')
+                : t('common.pinProject', undefined, 'Pin project')
+            }
+            aria-label={
+              isPinned
+                ? t('common.unpinProject', undefined, 'Unpin project')
+                : t('common.pinProject', undefined, 'Pin project')
+            }
           >
             <Pin
               className={cn(
@@ -133,8 +143,16 @@ export const ManageProjectsContent = () => {
               e.preventDefault()
               updateProject(projectId, { enabled: !(proj.enabled ?? false) })
             }}
-            title={proj.enabled ? 'Make not discoverable' : 'Make discoverable'}
-            aria-label={proj.enabled ? 'Make not discoverable' : 'Make discoverable'}
+            title={
+              proj.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
+            aria-label={
+              proj.enabled
+                ? t('common.makeNotDiscoverable', undefined, 'Make not discoverable')
+                : t('common.makeDiscoverable', undefined, 'Make discoverable')
+            }
           >
             {proj.enabled ? (
               <Eye className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
@@ -147,7 +165,7 @@ export const ManageProjectsContent = () => {
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="icon" className="h-8 w-8">
               <MoreHorizontal className="h-4 w-4" />
-              <span className="sr-only">Open menu</span>
+              <span className="sr-only">{t('common.openMenu', undefined, 'Open menu')}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
@@ -158,7 +176,7 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Eye className="h-4 w-4" />
-                View project
+                {t('common.viewProject', undefined, 'View project')}
               </Link>
             </DropdownMenuItem>
             <DropdownMenuItem asChild>
@@ -168,7 +186,7 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Pencil className="h-4 w-4" />
-                Edit project
+                {t('common.editProject', undefined, 'Edit project')}
               </Link>
             </DropdownMenuItem>
             <DropdownMenuItem asChild>
@@ -178,7 +196,7 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Plus className="h-4 w-4" />
-                Add challenge
+                {t('common.addChallenge', undefined, 'Add challenge')}
               </Link>
             </DropdownMenuItem>
             {projectId != null && (
@@ -187,7 +205,7 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <FileDown className="h-4 w-4" />
-                Export CSV
+                {t('common.exportCsv', undefined, 'Export CSV')}
               </DropdownMenuItem>
             )}
             <DropdownMenuItem
@@ -198,7 +216,7 @@ export const ManageProjectsContent = () => {
               className="flex cursor-pointer items-center gap-2"
             >
               <Copy className="h-4 w-4" />
-              Copy URL
+              {t('common.copyUrl', undefined, 'Copy URL')}
             </DropdownMenuItem>
             {projectId != null && (
               <DropdownMenuItem
@@ -206,7 +224,9 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2"
               >
                 <Archive className="h-4 w-4" />
-                {proj.isArchived ? 'Unarchive project' : 'Archive project'}
+                {proj.isArchived
+                  ? t('common.unarchiveProject', undefined, 'Unarchive project')
+                  : t('common.archiveProject', undefined, 'Archive project')}
               </DropdownMenuItem>
             )}
             {projectId != null && (
@@ -215,7 +235,7 @@ export const ManageProjectsContent = () => {
                 className="flex cursor-pointer items-center gap-2 text-red-600 focus:text-red-600 dark:text-red-400 dark:focus:text-red-400"
               >
                 <Trash2 className="h-4 w-4" />
-                Delete project
+                {t('common.deleteProject', undefined, 'Delete project')}
               </DropdownMenuItem>
             )}
           </DropdownMenuContent>
@@ -233,11 +253,14 @@ export const ManageProjectsContent = () => {
               <div className="flex items-start justify-between px-6 pt-6 pb-2">
                 <div className="space-y-2.5">
                   <h2 className="font-bold text-base text-zinc-900 leading-tight tracking-tight dark:text-zinc-50">
-                    About Projects
+                    {t('manageProjects.content.aboutTitle', undefined, 'About Projects')}
                   </h2>
                   <p className="text-pretty text-sm text-zinc-600 leading-relaxed dark:text-zinc-400">
-                    Good project structure improves mapper clarity, QA consistency, and long-term
-                    maintenance.
+                    {t(
+                      'manageProjects.content.aboutDescription',
+                      undefined,
+                      'Good project structure improves mapper clarity, QA consistency, and long-term maintenance.'
+                    )}
                   </p>
                 </div>
                 <Button
@@ -245,7 +268,7 @@ export const ManageProjectsContent = () => {
                   size="icon"
                   className="h-8 w-8 shrink-0"
                   onClick={() => setShowPanel(false)}
-                  title="Hide panel"
+                  title={t('common.hidePanel', undefined, 'Hide panel')}
                 >
                   <PanelLeftClose className="h-4 w-4" />
                 </Button>
@@ -255,27 +278,42 @@ export const ManageProjectsContent = () => {
                 <div className="space-y-4 text-sm text-zinc-600 leading-relaxed dark:text-zinc-300">
                   <div>
                     <p className="font-medium text-zinc-900 dark:text-zinc-100">
-                      Define scope early
+                      {t('manageProjects.content.tipScopeTitle', undefined, 'Define scope early')}
                     </p>
                     <p>
-                      Use a stable naming pattern (region, theme, version) and keep each project
-                      focused on one clear objective.
+                      {t(
+                        'manageProjects.content.tipScopeBody',
+                        undefined,
+                        'Use a stable naming pattern (region, theme, version) and keep each project focused on one clear objective.'
+                      )}
                     </p>
                   </div>
                   <div>
                     <p className="font-medium text-zinc-900 dark:text-zinc-100">
-                      Publish intentionally
+                      {t(
+                        'manageProjects.content.tipPublishTitle',
+                        undefined,
+                        'Publish intentionally'
+                      )}
                     </p>
                     <p>
-                      Keep projects non-discoverable while iterating. Turn discoverable on only
-                      after instructions and QA checks are validated.
+                      {t(
+                        'manageProjects.content.tipPublishBody',
+                        undefined,
+                        'Keep projects non-discoverable while iterating. Turn discoverable on only after instructions and QA checks are validated.'
+                      )}
                     </p>
                   </div>
                   <div>
-                    <p className="font-medium text-zinc-900 dark:text-zinc-100">Share ownership</p>
+                    <p className="font-medium text-zinc-900 dark:text-zinc-100">
+                      {t('manageProjects.content.tipOwnershipTitle', undefined, 'Share ownership')}
+                    </p>
                     <p>
-                      Add co-managers before launch so triage, support, and archival
-                      responsibilities are covered.
+                      {t(
+                        'manageProjects.content.tipOwnershipBody',
+                        undefined,
+                        'Add co-managers before launch so triage, support, and archival responsibilities are covered.'
+                      )}
                     </p>
                   </div>
                 </div>
@@ -283,7 +321,7 @@ export const ManageProjectsContent = () => {
 
               <div className="mt-auto border-zinc-200/50 border-t bg-zinc-50/50 px-6 py-4 dark:border-slate-700/50 dark:bg-slate-800/50">
                 <p className="mb-1 font-medium text-sm text-zinc-700 dark:text-zinc-300">
-                  Helpful Docs
+                  {t('manageProjects.content.helpfulDocs', undefined, 'Helpful Docs')}
                 </p>
                 <div className="space-y-2">
                   <a
@@ -293,7 +331,7 @@ export const ManageProjectsContent = () => {
                     className="flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                   >
                     <BookOpen className="h-3.5 w-3.5 text-zinc-500" />
-                    Learn Hub
+                    {t('manageProjects.content.learnHub', undefined, 'Learn Hub')}
                   </a>
                   <a
                     href="https://learn.maproulette.org/en-US/documentation/creating-a-challenge/"
@@ -302,7 +340,7 @@ export const ManageProjectsContent = () => {
                     className="flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                   >
                     <Users className="h-3.5 w-3.5 text-zinc-500" />
-                    Challenge Creation
+                    {t('manageProjects.content.challengeCreation', undefined, 'Challenge Creation')}
                   </a>
                   <a
                     href="https://learn.maproulette.org/documentation/project-management/"
@@ -311,7 +349,7 @@ export const ManageProjectsContent = () => {
                     className="flex items-center gap-2 text-xs text-zinc-700 hover:underline dark:text-zinc-200"
                   >
                     <FolderKanban className="h-3.5 w-3.5 text-zinc-500" />
-                    Project Management
+                    {t('manageProjects.content.projectManagement', undefined, 'Project Management')}
                   </a>
                 </div>
               </div>
@@ -330,7 +368,7 @@ export const ManageProjectsContent = () => {
                   size="icon"
                   className="h-9 w-9 shrink-0"
                   onClick={() => setShowPanel(true)}
-                  title="Show panel"
+                  title={t('common.showPanel', undefined, 'Show panel')}
                 >
                   <PanelLeftOpen className="h-4 w-4" />
                 </Button>
@@ -338,28 +376,28 @@ export const ManageProjectsContent = () => {
               <SearchBar
                 value={searchQuery}
                 onChange={setSearchQuery}
-                placeholder="Search projects..."
+                placeholder={t('common.searchProjects', undefined, 'Search projects...')}
               />
               <FilterToggle
-                label="Discoverable"
+                label={t('common.discoverable', undefined, 'Discoverable')}
                 icon={Eye}
                 checked={onlyEnabled}
                 onCheckedChange={setOnlyEnabled}
               />
               <FilterToggle
-                label="Owned"
+                label={t('common.owned', undefined, 'Owned')}
                 icon={User}
                 checked={onlyOwned}
                 onCheckedChange={setOnlyOwned}
               />
               <FilterToggle
-                label="Pinned"
+                label={t('common.pinned', undefined, 'Pinned')}
                 icon={Pin}
                 checked={onlyShowPinned}
                 onCheckedChange={setOnlyShowPinned}
               />
               <FilterToggle
-                label="Archived"
+                label={t('common.archived', undefined, 'Archived')}
                 icon={Archive}
                 checked={onlyShowArchived}
                 onCheckedChange={setOnlyShowArchived}
@@ -398,14 +436,22 @@ export const ManageProjectsContent = () => {
                     <EmptyMedia variant="icon">
                       <FolderKanban />
                     </EmptyMedia>
-                    <EmptyTitle>No projects found</EmptyTitle>
-                    <EmptyDescription>Get started by creating your first project.</EmptyDescription>
+                    <EmptyTitle>
+                      {t('common.noProjectsFound', undefined, 'No projects found')}
+                    </EmptyTitle>
+                    <EmptyDescription>
+                      {t(
+                        'manageProjects.content.noProjectsDescription',
+                        undefined,
+                        'Get started by creating your first project.'
+                      )}
+                    </EmptyDescription>
                   </EmptyHeader>
                   <EmptyContent>
                     <Link to="/manage/project/new">
                       <Button>
                         <Plus />
-                        Create Project
+                        {t('common.createProject', undefined, 'Create Project')}
                       </Button>
                     </Link>
                   </EmptyContent>
@@ -441,9 +487,13 @@ export const ManageProjectsContent = () => {
                   getItemKey={(proj) => proj.id ?? crypto.randomUUID()}
                   emptyState={{
                     icon: FolderKanban,
-                    title: 'No projects found',
-                    description: 'Get started by creating your first project',
-                    actionLabel: 'Create Project',
+                    title: t('common.noProjectsFound', undefined, 'No projects found'),
+                    description: t(
+                      'manageProjects.content.noProjectsDescriptionShort',
+                      undefined,
+                      'Get started by creating your first project'
+                    ),
+                    actionLabel: t('common.createProject', undefined, 'Create Project'),
                     actionTo: '/manage/project/new',
                   }}
                 />
@@ -464,10 +514,10 @@ export const ManageProjectsContent = () => {
                     {isFetching ? (
                       <>
                         <Loader2 className="h-4 w-4 animate-spin" />
-                        Loading...
+                        {t('common.loading2', undefined, 'Loading...')}
                       </>
                     ) : (
-                      'Load More'
+                      t('common.loadMore', undefined, 'Load More')
                     )}
                   </Button>
                 </div>
@@ -475,7 +525,11 @@ export const ManageProjectsContent = () => {
                 <div className="mt-4 flex flex-col items-center gap-2 border-zinc-200 border-t p-6 text-center dark:border-slate-700">
                   <CheckCircle2 className="h-5 w-5 text-zinc-400 dark:text-slate-500" />
                   <p className="font-medium text-sm text-zinc-600 dark:text-slate-400">
-                    You've reached the end of the list
+                    {t(
+                      'common.youveReachedTheEndOfTheList',
+                      undefined,
+                      "You've reached the end of the list"
+                    )}
                   </p>
                 </div>
               ))}
@@ -489,19 +543,24 @@ export const ManageProjectsContent = () => {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete project?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t('common.deleteProject2', undefined, 'Delete project?')}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              This will delete the project &quot;{deleteProjectConfirm?.projectName}&quot; and all
-              its challenges and tasks. This action cannot be undone.
+              {t(
+                'manageProjects.content.deleteProjectDescription',
+                { projectName: deleteProjectConfirm?.projectName ?? '' },
+                'This will delete the project "{projectName}" and all its challenges and tasks. This action cannot be undone.'
+              )}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
             <AlertDialogAction
               onClick={confirmDeleteProject}
               className="bg-red-600 text-white hover:bg-red-700 focus:ring-red-600"
             >
-              Delete
+              {t('common.delete', undefined, 'Delete')}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
diff --git a/src/components/Pages/ManagementPages/ManageProjects/ProjectsTableView.tsx b/src/components/Pages/ManagementPages/ManageProjects/ProjectsTableView.tsx
index 238b633c0..5c7a4bc97 100644
--- a/src/components/Pages/ManagementPages/ManageProjects/ProjectsTableView.tsx
+++ b/src/components/Pages/ManagementPages/ManageProjects/ProjectsTableView.tsx
@@ -26,6 +26,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/Table'
+import { useIntl } from '@/i18n'
 import type { Project } from '@/types/Project'
 
 interface ProjectsTableViewProps {
@@ -47,22 +48,31 @@ export const ProjectsTableView = ({
   onArchiveProject,
   onDeleteProject,
 }: ProjectsTableViewProps) => {
+  const { t } = useIntl()
   return (
     <div className="overflow-hidden rounded-lg border border-zinc-200 dark:border-slate-700">
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead className="w-[80px]">Status</TableHead>
+            <TableHead className="w-[80px]">{t('common.status', undefined, 'Status')}</TableHead>
             <TableHead className="w-12">
-              <span title="Pinned" className="flex justify-center">
+              <span title={t('common.pinned', undefined, 'Pinned')} className="flex justify-center">
                 <Pin className="h-4 w-4 text-amber-600 dark:text-amber-400" />
               </span>
             </TableHead>
-            <TableHead>Name</TableHead>
-            <TableHead className="hidden w-20 md:table-cell">ID</TableHead>
-            <TableHead className="hidden w-24 text-center md:table-cell">Challenges</TableHead>
-            <TableHead className="hidden max-w-[240px] lg:table-cell">Description</TableHead>
-            <TableHead className="w-[60px] text-right">Actions</TableHead>
+            <TableHead>{t('common.name', undefined, 'Name')}</TableHead>
+            <TableHead className="hidden w-20 md:table-cell">
+              {t('common.id', undefined, 'ID')}
+            </TableHead>
+            <TableHead className="hidden w-24 text-center md:table-cell">
+              {t('common.challenges', undefined, 'Challenges')}
+            </TableHead>
+            <TableHead className="hidden max-w-[240px] lg:table-cell">
+              {t('common.description', undefined, 'Description')}
+            </TableHead>
+            <TableHead className="w-[60px] text-right">
+              {t('common.actions', undefined, 'Actions')}
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -80,8 +90,16 @@ export const ProjectsTableView = ({
                       size="icon"
                       className="mx-auto h-8 w-8"
                       onClick={() => onTogglePin(project.id as number)}
-                      title={pinned ? 'Unpin project' : 'Pin project'}
-                      aria-label={pinned ? 'Unpin project' : 'Pin project'}
+                      title={
+                        pinned
+                          ? t('common.unpinProject', undefined, 'Unpin project')
+                          : t('common.pinProject', undefined, 'Pin project')
+                      }
+                      aria-label={
+                        pinned
+                          ? t('common.unpinProject', undefined, 'Unpin project')
+                          : t('common.pinProject', undefined, 'Pin project')
+                      }
                     >
                       <Pin
                         className={
@@ -92,7 +110,10 @@ export const ProjectsTableView = ({
                       />
                     </Button>
                   ) : pinned ? (
-                    <span title="Pinned" className="flex justify-center">
+                    <span
+                      title={t('common.pinned', undefined, 'Pinned')}
+                      className="flex justify-center"
+                    >
                       <Pin className="h-4 w-4 text-amber-600 dark:text-amber-400" />
                     </span>
                   ) : (
@@ -122,7 +143,9 @@ export const ProjectsTableView = ({
                     <DropdownMenuTrigger asChild>
                       <Button variant="ghost" size="icon" className="h-8 w-8">
                         <MoreHorizontal className="h-4 w-4" />
-                        <span className="sr-only">Open menu</span>
+                        <span className="sr-only">
+                          {t('common.openMenu', undefined, 'Open menu')}
+                        </span>
                       </Button>
                     </DropdownMenuTrigger>
                     <DropdownMenuContent align="end">
@@ -133,7 +156,7 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <Eye className="h-4 w-4" />
-                          View project
+                          {t('common.viewProject', undefined, 'View project')}
                         </Link>
                       </DropdownMenuItem>
                       <DropdownMenuItem asChild>
@@ -143,7 +166,7 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <Pencil className="h-4 w-4" />
-                          Edit project
+                          {t('common.editProject', undefined, 'Edit project')}
                         </Link>
                       </DropdownMenuItem>
                       <DropdownMenuItem asChild>
@@ -153,7 +176,7 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <Plus className="h-4 w-4" />
-                          Add challenge
+                          {t('common.addChallenge', undefined, 'Add challenge')}
                         </Link>
                       </DropdownMenuItem>
                       {onExportCsv && project.id != null && (
@@ -162,7 +185,7 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <FileDown className="h-4 w-4" />
-                          Export CSV
+                          {t('common.exportCsv', undefined, 'Export CSV')}
                         </DropdownMenuItem>
                       )}
                       <DropdownMenuItem
@@ -173,7 +196,7 @@ export const ProjectsTableView = ({
                         className="flex cursor-pointer items-center gap-2"
                       >
                         <Copy className="h-4 w-4" />
-                        Copy URL
+                        {t('common.copyUrl', undefined, 'Copy URL')}
                       </DropdownMenuItem>
                       {onArchiveProject && project.id != null && (
                         <DropdownMenuItem
@@ -183,7 +206,9 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2"
                         >
                           <Archive className="h-4 w-4" />
-                          {project.isArchived ? 'Unarchive project' : 'Archive project'}
+                          {project.isArchived
+                            ? t('common.unarchiveProject', undefined, 'Unarchive project')
+                            : t('common.archiveProject', undefined, 'Archive project')}
                         </DropdownMenuItem>
                       )}
                       {onDeleteProject && project.id != null && (
@@ -197,7 +222,7 @@ export const ProjectsTableView = ({
                           className="flex cursor-pointer items-center gap-2 text-red-600 focus:text-red-600 dark:text-red-400 dark:focus:text-red-400"
                         >
                           <Trash2 className="h-4 w-4" />
-                          Delete project
+                          {t('common.deleteProject', undefined, 'Delete project')}
                         </DropdownMenuItem>
                       )}
                     </DropdownMenuContent>
diff --git a/src/components/Pages/ManagementPages/ManageTaskDetail/index.tsx b/src/components/Pages/ManagementPages/ManageTaskDetail/index.tsx
index 0a878e43a..48cf117c1 100644
--- a/src/components/Pages/ManagementPages/ManageTaskDetail/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageTaskDetail/index.tsx
@@ -16,6 +16,7 @@ import {
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useSetBreadcrumbContext } from '@/contexts/BreadcrumbContext'
 import { useSetPageTitleContext } from '@/contexts/PageTitleContext'
+import { useIntl } from '@/i18n'
 import { canManageChallenge } from '@/lib/challengePermissions'
 import { formatDate } from '@/lib/date'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
@@ -45,12 +46,13 @@ const DialogActionButton = ({ icon, label, title, children }: DialogActionButton
 )
 
 export const ManageTaskDetail = () => {
+  const { t } = useIntl()
   const { taskId } = useParams({ from: '/_app/manage/task/$taskId/' })
   const { user } = useAuthContext()
   const taskIdNum = Number(taskId)
 
   const { data: task, isLoading, isError } = api.task.getTask(taskIdNum)
-  useSetPageTitleContext(task?.name ?? `Task #${taskId}`)
+  useSetPageTitleContext(task?.name ?? t('common.taskWithTaskId', { taskId }, 'Task #{taskId}'))
 
   const challengeId =
     task && typeof task.parent === 'number' ? task.parent : (task?.parent as { id?: number })?.id
@@ -63,26 +65,39 @@ export const ManageTaskDetail = () => {
     () =>
       challengeId != null
         ? [
-            { label: 'create & manage', href: '/manage' },
+            {
+              label: t('common.createManage', undefined, 'create & manage'),
+              href: '/manage',
+            },
             ...(projectId != null
               ? [
-                  { label: 'projects', href: '/manage/projects' },
+                  {
+                    label: t('common.projects2', undefined, 'projects'),
+                    href: '/manage/projects',
+                  },
                   { label: String(projectId), href: `/manage/project/${projectId}` },
                 ]
               : []),
-            { label: 'challenges', href: '/manage/challenges' },
+            {
+              label: t('common.challenges2', undefined, 'challenges'),
+              href: '/manage/challenges',
+            },
             { label: String(challengeId), href: `/manage/challenge/${challengeId}` },
-            { label: 'tasks', href: '/manage/tasks' },
+            {
+              label: t('common.tasks2', undefined, 'tasks'),
+              href: '/manage/tasks',
+            },
             { label: taskId, href: `/manage/task/${taskId}` },
           ]
         : null,
-    [projectId, challengeId, taskId]
+    [projectId, challengeId, taskId, t]
   )
   useSetBreadcrumbContext(breadcrumbs)
 
   const statusLabel =
     task?.status != null
-      ? (TASK_STATUS_LABELS[task.status as keyof typeof TASK_STATUS_LABELS] ?? 'Unknown')
+      ? (TASK_STATUS_LABELS[task.status as keyof typeof TASK_STATUS_LABELS] ??
+        t('common.unknown', undefined, 'Unknown'))
       : null
 
   const canAccess =
@@ -101,7 +116,11 @@ export const ManageTaskDetail = () => {
         <Card className="mt-4 border-red-200 dark:border-red-900">
           <CardContent className="pt-6">
             <p className="text-red-600 dark:text-red-400">
-              Failed to load task. It may not exist or you may not have permission to view it.
+              {t(
+                'manageTaskDetail.loadError',
+                undefined,
+                'Failed to load task. It may not exist or you may not have permission to view it.'
+              )}
             </p>
           </CardContent>
         </Card>
@@ -115,10 +134,14 @@ export const ManageTaskDetail = () => {
         <Card className="mt-4 border-amber-200 dark:border-amber-900">
           <CardContent className="pt-6">
             <h2 className="mb-2 font-semibold text-base text-zinc-900 dark:text-zinc-50">
-              Access denied
+              {t('common.accessDenied', undefined, 'Access denied')}
             </h2>
             <p className="text-zinc-600 dark:text-zinc-400">
-              Only challenge owners and admins can view or edit tasks.
+              {t(
+                'manageTaskDetail.accessDeniedBody',
+                undefined,
+                'Only challenge owners and admins can view or edit tasks.'
+              )}
             </p>
           </CardContent>
         </Card>
@@ -134,7 +157,7 @@ export const ManageTaskDetail = () => {
         {/* Header */}
         <div className="space-y-2.5 px-6 pt-6 pb-4">
           <h1 className="line-clamp-2 font-bold text-base text-zinc-900 leading-tight tracking-tight dark:text-zinc-50">
-            {task?.name ?? `Task #${taskId}`}
+            {task?.name ?? t('common.taskWithTaskId', { taskId }, 'Task #{taskId}')}
           </h1>
 
           {!isLoading && (
@@ -148,7 +171,9 @@ export const ManageTaskDetail = () => {
                 </Badge>
               )}
               <span className="text-zinc-400 dark:text-zinc-500">•</span>
-              <span className="whitespace-nowrap">ID {taskId}</span>
+              <span className="whitespace-nowrap">
+                {t('manageTaskDetail.idLabel', { taskId }, 'ID {taskId}')}
+              </span>
             </div>
           )}
         </div>
@@ -159,7 +184,7 @@ export const ManageTaskDetail = () => {
             <Link to="/manage/task/$taskId/edit" params={{ taskId }} className="block">
               <Button size="sm" className="w-full justify-start gap-2 rounded-full">
                 <Pencil className="h-4 w-4" />
-                Edit task
+                {t('common.editTask', undefined, 'Edit task')}
               </Button>
             </Link>
             {challengeId && (
@@ -174,7 +199,7 @@ export const ManageTaskDetail = () => {
                   className="w-full justify-start gap-2 rounded-full"
                 >
                   <Eye className="h-4 w-4" />
-                  Browse challenge
+                  {t('common.browseChallenge', undefined, 'Browse challenge')}
                 </Button>
               </Link>
             )}
@@ -190,21 +215,21 @@ export const ManageTaskDetail = () => {
                   className="w-full justify-start gap-2 rounded-full"
                 >
                   <MapPin className="h-4 w-4" />
-                  Manage challenge
+                  {t('manageTaskDetail.manageChallenge', undefined, 'Manage challenge')}
                 </Button>
               </Link>
             )}
 
             <DialogActionButton
               icon={<Info className="h-4 w-4" />}
-              label="Task information"
-              title="Task information"
+              label={t('manageTaskDetail.taskInformation', undefined, 'Task information')}
+              title={t('manageTaskDetail.taskInformation', undefined, 'Task information')}
             >
               <div className="space-y-3 text-sm">
                 <div className="flex items-center justify-between">
                   <span className="flex items-center gap-2 text-zinc-600 dark:text-zinc-400">
                     <Calendar className="h-4 w-4 opacity-70" />
-                    Created
+                    {t('common.created', undefined, 'Created')}
                   </span>
                   <span className="font-medium">
                     {task?.created ? formatDate(new Date(task.created)) : '—'}
@@ -213,19 +238,23 @@ export const ManageTaskDetail = () => {
                 <div className="flex items-center justify-between">
                   <span className="flex items-center gap-2 text-zinc-600 dark:text-zinc-400">
                     <Clock className="h-4 w-4 opacity-70" />
-                    Modified
+                    {t('common.modified', undefined, 'Modified')}
                   </span>
                   <span className="font-medium">
                     {task?.modified ? formatDate(new Date(task.modified)) : '—'}
                   </span>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span className="text-zinc-600 dark:text-zinc-400">Status</span>
+                  <span className="text-zinc-600 dark:text-zinc-400">
+                    {t('common.status', undefined, 'Status')}
+                  </span>
                   <span className="font-medium">{statusLabel ?? '—'}</span>
                 </div>
                 {task?.errorTags && (
                   <div className="flex items-start justify-between gap-4">
-                    <span className="text-zinc-600 dark:text-zinc-400">MR Tags</span>
+                    <span className="text-zinc-600 dark:text-zinc-400">
+                      {t('common.mrTags', undefined, 'MR Tags')}
+                    </span>
                     <span className="text-right font-medium">{task.errorTags}</span>
                   </div>
                 )}
@@ -235,8 +264,8 @@ export const ManageTaskDetail = () => {
             {task?.instruction && (
               <DialogActionButton
                 icon={<FileText className="h-4 w-4" />}
-                label="Instructions"
-                title="Instructions"
+                label={t('common.instructions', undefined, 'Instructions')}
+                title={t('common.instructions', undefined, 'Instructions')}
               >
                 <p className="whitespace-pre-wrap text-sm text-zinc-700 dark:text-zinc-300">
                   {task.instruction}
@@ -246,8 +275,8 @@ export const ManageTaskDetail = () => {
 
             <DialogActionButton
               icon={<FileJson className="h-4 w-4" />}
-              label="GeoJSON"
-              title="GeoJSON"
+              label={t('common.geojson', undefined, 'GeoJSON')}
+              title={t('common.geojson', undefined, 'GeoJSON')}
             >
               <pre className="max-h-96 overflow-auto rounded-lg bg-zinc-100 p-4 text-xs dark:bg-slate-800">
                 {geometryString}
diff --git a/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.test.tsx b/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.test.tsx
index 8402553e1..0828943b0 100644
--- a/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.test.tsx
+++ b/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.test.tsx
@@ -1,6 +1,6 @@
-import { cleanup, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { afterEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, render, screen } from '@/test/testUtils'
 import type { TaskGetResponse } from '@/types/Task'
 import { TaskForm } from './TaskForm.tsx'
 
diff --git a/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.tsx b/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.tsx
index 73596d6b3..41eefea22 100644
--- a/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.tsx
+++ b/src/components/Pages/ManagementPages/ManageTaskEdit/TaskForm.tsx
@@ -22,6 +22,7 @@ import {
   SelectValue,
 } from '@/components/ui/Select'
 import { Textarea } from '@/components/ui/Textarea'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { TaskGetResponse } from '@/types/Task'
 
@@ -44,6 +45,7 @@ interface TaskFormProps {
 const geometriesToString = (geometries: unknown): string => JSON.stringify(geometries, null, 2)
 
 export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
+  const { t } = useIntl()
   const form = useForm<TaskFormValues>({
     resolver: zodResolver(taskFormSchema),
     defaultValues: {
@@ -58,10 +60,16 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
   const handleSubmit = async (values: TaskFormValues) => {
     try {
       await onSubmit(values)
-      toast.success('Task updated successfully')
+      toast.success(t('manageTaskEdit.form.updateSuccess', undefined, 'Task updated successfully'))
     } catch (error) {
       const message =
-        error instanceof Error ? error.message : 'Failed to save task. Please try again.'
+        error instanceof Error
+          ? error.message
+          : t(
+              'manageTaskEdit.form.updateError',
+              undefined,
+              'Failed to save task. Please try again.'
+            )
       toast.error(message)
       logger.error('Failed to save task', { error: String(error) })
     }
@@ -76,11 +84,16 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
             name="name"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Name</FormLabel>
+                <FormLabel>{t('common.name', undefined, 'Name')}</FormLabel>
                 <FormControl>
-                  <Input placeholder="Task name" {...field} />
+                  <Input
+                    placeholder={t('manageTaskEdit.form.namePlaceholder', undefined, 'Task name')}
+                    {...field}
+                  />
                 </FormControl>
-                <FormDescription>Name of the task</FormDescription>
+                <FormDescription>
+                  {t('manageTaskEdit.form.nameDescription', undefined, 'Name of the task')}
+                </FormDescription>
                 <FormMessage />
               </FormItem>
             )}
@@ -91,15 +104,25 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
             name="instruction"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Instructions</FormLabel>
+                <FormLabel>{t('common.instructions', undefined, 'Instructions')}</FormLabel>
                 <FormControl>
                   <Textarea
-                    placeholder="Instructions for this task (overrides challenge instructions)"
+                    placeholder={t(
+                      'manageTaskEdit.form.instructionsPlaceholder',
+                      undefined,
+                      'Instructions for this task (overrides challenge instructions)'
+                    )}
                     className="min-h-24 resize-none"
                     {...field}
                   />
                 </FormControl>
-                <FormDescription>Instructions for users doing this specific task</FormDescription>
+                <FormDescription>
+                  {t(
+                    'manageTaskEdit.form.instructionsDescription',
+                    undefined,
+                    'Instructions for users doing this specific task'
+                  )}
+                </FormDescription>
                 <FormMessage />
               </FormItem>
             )}
@@ -110,7 +133,7 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
             name="geometries"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>GeoJSON</FormLabel>
+                <FormLabel>{t('common.geojson', undefined, 'GeoJSON')}</FormLabel>
                 <FormControl>
                   <Textarea
                     placeholder='{"type":"Point","coordinates":[0,0]}'
@@ -119,7 +142,11 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
                   />
                 </FormControl>
                 <FormDescription>
-                  GeoJSON for this task (point, line or polygon). Must be valid JSON.
+                  {t(
+                    'manageTaskEdit.form.geoJsonDescription',
+                    undefined,
+                    'GeoJSON for this task (point, line or polygon). Must be valid JSON.'
+                  )}
                 </FormDescription>
                 <FormMessage />
               </FormItem>
@@ -131,14 +158,20 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
             name="status"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Status</FormLabel>
+                <FormLabel>{t('common.status', undefined, 'Status')}</FormLabel>
                 <Select
                   onValueChange={(v) => field.onChange(Number(v))}
                   value={String(field.value)}
                 >
                   <FormControl>
                     <SelectTrigger>
-                      <SelectValue placeholder="Select status" />
+                      <SelectValue
+                        placeholder={t(
+                          'manageTaskEdit.form.statusPlaceholder',
+                          undefined,
+                          'Select status'
+                        )}
+                      />
                     </SelectTrigger>
                   </FormControl>
                   <SelectContent>
@@ -149,7 +182,13 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
                     ))}
                   </SelectContent>
                 </Select>
-                <FormDescription>Current status of the task</FormDescription>
+                <FormDescription>
+                  {t(
+                    'manageTaskEdit.form.statusDescription',
+                    undefined,
+                    'Current status of the task'
+                  )}
+                </FormDescription>
                 <FormMessage />
               </FormItem>
             )}
@@ -160,12 +199,23 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
             name="errorTags"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>MR Tags</FormLabel>
+                <FormLabel>{t('common.mrTags', undefined, 'MR Tags')}</FormLabel>
                 <FormControl>
-                  <Input placeholder="tag1, tag2" {...field} />
+                  <Input
+                    placeholder={t(
+                      'manageTaskEdit.form.mrTagsPlaceholder',
+                      undefined,
+                      'tag1, tag2'
+                    )}
+                    {...field}
+                  />
                 </FormControl>
                 <FormDescription>
-                  Optional MR tags to annotate this task (comma-separated)
+                  {t(
+                    'manageTaskEdit.form.mrTagsDescription',
+                    undefined,
+                    'Optional MR tags to annotate this task (comma-separated)'
+                  )}
                 </FormDescription>
                 <FormMessage />
               </FormItem>
@@ -174,10 +224,12 @@ export const TaskForm = ({ task, onSubmit, onCancel }: TaskFormProps) => {
         </div>
         <div className="mt-4 flex shrink-0 items-center justify-end gap-3 border-zinc-200 border-t pt-4 dark:border-slate-700">
           <Button type="button" variant="outline" onClick={onCancel}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button type="submit" disabled={form.formState.isSubmitting}>
-            {form.formState.isSubmitting ? 'Saving...' : 'Save'}
+            {form.formState.isSubmitting
+              ? t('common.saving2', undefined, 'Saving...')
+              : t('common.save', undefined, 'Save')}
           </Button>
         </div>
       </form>
diff --git a/src/components/Pages/ManagementPages/ManageTaskEdit/index.tsx b/src/components/Pages/ManagementPages/ManageTaskEdit/index.tsx
index 75937ad72..51b7e4d22 100644
--- a/src/components/Pages/ManagementPages/ManageTaskEdit/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageTaskEdit/index.tsx
@@ -6,11 +6,13 @@ import {
 } from '@/components/Pages/ManagementPages/ManageTaskEdit/TaskForm'
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { canManageChallenge } from '@/lib/challengePermissions'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 import type { TaskGetResponse } from '@/types/Task'
 
 export const ManageTaskEdit = () => {
+  const { t } = useIntl()
   const { taskId } = useParams({ from: '/_app/manage/task/$taskId/edit' })
   const navigate = useNavigate()
   const { user } = useAuthContext()
@@ -58,7 +60,11 @@ export const ManageTaskEdit = () => {
   if (isLoading || !task || (task && challengeId && challengeLoading)) {
     return (
       <ManageFormLayout>
-        <FormCard title="Task Details" description="" isLoading>
+        <FormCard
+          title={t('manageTaskEdit.index.taskDetailsTitle', undefined, 'Task Details')}
+          description=""
+          isLoading
+        >
           <div className="h-40" />
         </FormCard>
       </ManageFormLayout>
@@ -69,11 +75,19 @@ export const ManageTaskEdit = () => {
     return (
       <ManageFormLayout>
         <FormCard
-          title="Access denied"
-          description="Only challenge owners and admins can edit tasks."
+          title={t('common.accessDenied', undefined, 'Access denied')}
+          description={t(
+            'manageTaskEdit.index.accessDeniedDescription',
+            undefined,
+            'Only challenge owners and admins can edit tasks.'
+          )}
         >
           <p className="text-zinc-600 dark:text-zinc-400">
-            You do not have permission to edit this task.
+            {t(
+              'manageTaskEdit.index.noPermission',
+              undefined,
+              'You do not have permission to edit this task.'
+            )}
           </p>
         </FormCard>
       </ManageFormLayout>
@@ -83,8 +97,12 @@ export const ManageTaskEdit = () => {
   return (
     <ManageFormLayout>
       <FormCard
-        title="Task Details"
-        description="Modify the fields below and save to update the task"
+        title={t('manageTaskEdit.index.taskDetailsTitle', undefined, 'Task Details')}
+        description={t(
+          'manageTaskEdit.index.taskDetailsDescription',
+          undefined,
+          'Modify the fields below and save to update the task'
+        )}
       >
         <TaskForm task={task} onSubmit={handleSubmit} onCancel={handleCancel} />
       </FormCard>
diff --git a/src/components/Pages/ManagementPages/ManageTaskNew/index.tsx b/src/components/Pages/ManagementPages/ManageTaskNew/index.tsx
index 5c686c27a..5c9b72746 100644
--- a/src/components/Pages/ManagementPages/ManageTaskNew/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageTaskNew/index.tsx
@@ -1,12 +1,24 @@
 import { FormCard, ManageFormLayout } from '@/components/shared/ManageFormLayout'
+import { useIntl } from '@/i18n'
 
 export const ManageTaskNew = () => {
+  const { t } = useIntl()
   return (
     <ManageFormLayout>
-      <FormCard title="New Task" description="Task management functionality is under development">
+      <FormCard
+        title={t('manageTaskNew.title', undefined, 'New Task')}
+        description={t(
+          'manageTaskNew.description',
+          undefined,
+          'Task management functionality is under development'
+        )}
+      >
         <p className="text-sm text-zinc-600 dark:text-zinc-400">
-          Tasks are typically created in bulk through challenges. Individual task creation will be
-          available in a future update.
+          {t(
+            'manageTaskNew.body',
+            undefined,
+            'Tasks are typically created in bulk through challenges. Individual task creation will be available in a future update.'
+          )}
         </p>
       </FormCard>
     </ManageFormLayout>
diff --git a/src/components/Pages/ManagementPages/ManageTasksOpen/index.tsx b/src/components/Pages/ManagementPages/ManageTasksOpen/index.tsx
index f9250cd59..fdd483ba9 100644
--- a/src/components/Pages/ManagementPages/ManageTasksOpen/index.tsx
+++ b/src/components/Pages/ManagementPages/ManageTasksOpen/index.tsx
@@ -5,6 +5,7 @@ import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
+import { useIntl } from '@/i18n'
 import { SuperAdminGuard } from '@/lib/SuperAdminGuard'
 
 /**
@@ -12,6 +13,7 @@ import { SuperAdminGuard } from '@/lib/SuperAdminGuard'
  * Enter a task ID to view or edit the task in the manage flow.
  */
 export const ManageTasksOpen = () => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const taskIdInputId = useId()
   const [taskIdInput, setTaskIdInput] = useState('')
@@ -35,9 +37,15 @@ export const ManageTasksOpen = () => {
     <SuperAdminGuard>
       <div className="mx-auto h-full max-w-xl overflow-auto px-4">
         <div className="mb-6">
-          <h1 className="mb-2 font-bold text-base text-zinc-900 dark:text-zinc-50">Tasks</h1>
+          <h1 className="mb-2 font-bold text-base text-zinc-900 dark:text-zinc-50">
+            {t('common.tasks', undefined, 'Tasks')}
+          </h1>
           <p className="text-zinc-600 dark:text-zinc-400">
-            Open a task by ID to view details or edit it (name, instructions, status, etc.).
+            {t(
+              'manageTasksOpen.description',
+              undefined,
+              'Open a task by ID to view details or edit it (name, instructions, status, etc.).'
+            )}
           </p>
         </div>
 
@@ -45,22 +53,27 @@ export const ManageTasksOpen = () => {
           <CardHeader>
             <CardTitle className="flex items-center gap-2">
               <Search className="h-5 w-5" />
-              Open task by ID
+              {t('common.openTaskById', undefined, 'Open task by ID')}
             </CardTitle>
             <CardDescription>
-              Enter a task ID below. You can find task IDs when working on a task (URL or header) or
-              from your saved/locked tasks on the dashboard.
+              {t(
+                'manageTasksOpen.cardDescription',
+                undefined,
+                'Enter a task ID below. You can find task IDs when working on a task (URL or header) or from your saved/locked tasks on the dashboard.'
+              )}
             </CardDescription>
           </CardHeader>
           <CardContent>
             <form className="space-y-4" onSubmit={handleView}>
               <div className="space-y-2">
-                <Label htmlFor={taskIdInputId}>Task ID</Label>
+                <Label htmlFor={taskIdInputId}>
+                  {t('manageTasksOpen.taskIdLabel', undefined, 'Task ID')}
+                </Label>
                 <Input
                   id={taskIdInputId}
                   type="number"
                   min={1}
-                  placeholder="e.g. 12345"
+                  placeholder={t('manageTasksOpen.taskIdPlaceholder', undefined, 'e.g. 12345')}
                   value={taskIdInput}
                   onChange={(e) => setTaskIdInput(e.target.value)}
                   className="font-mono"
@@ -68,10 +81,10 @@ export const ManageTasksOpen = () => {
               </div>
               <div className="flex flex-wrap gap-3">
                 <Button type="submit" disabled={!isValidId}>
-                  View task
+                  {t('manageTasksOpen.viewTask', undefined, 'View task')}
                 </Button>
                 <Button type="button" variant="outline" disabled={!isValidId} onClick={handleEdit}>
-                  Edit task
+                  {t('common.editTask', undefined, 'Edit task')}
                 </Button>
               </div>
             </form>
@@ -79,18 +92,22 @@ export const ManageTasksOpen = () => {
         </Card>
 
         <p className="mt-6 text-sm text-zinc-500 dark:text-zinc-400">
-          Or go to{' '}
+          {t('manageTasksOpen.orGoTo', undefined, 'Or go to')}{' '}
           <Link to="/manage/projects" className="text-blue-600 hover:underline dark:text-blue-400">
-            Projects
+            {t('common.projects', undefined, 'Projects')}
           </Link>{' '}
-          or{' '}
+          {t('manageTasksOpen.or', undefined, 'or')}{' '}
           <Link
             to="/manage/challenges"
             className="text-blue-600 hover:underline dark:text-blue-400"
           >
-            Challenges
+            {t('common.challenges', undefined, 'Challenges')}
           </Link>{' '}
-          to find a challenge, then browse it to open a task and get its ID from the URL.
+          {t(
+            'manageTasksOpen.findChallengeHint',
+            undefined,
+            'to find a challenge, then browse it to open a task and get its ID from the URL.'
+          )}
         </p>
       </div>
     </SuperAdminGuard>
diff --git a/src/components/Pages/ManagementPages/ManagementLayout.tsx b/src/components/Pages/ManagementPages/ManagementLayout.tsx
index a56fd5bdf..e52313207 100644
--- a/src/components/Pages/ManagementPages/ManagementLayout.tsx
+++ b/src/components/Pages/ManagementPages/ManagementLayout.tsx
@@ -2,23 +2,28 @@ import { Outlet } from '@tanstack/react-router'
 import { SectionHeader } from '@/components/shared/SectionHeader'
 import { BreadcrumbProvider } from '@/contexts/BreadcrumbContext'
 import { HeaderActionsProvider } from '@/contexts/HeaderActionsContext'
+import { useIntl } from '@/i18n'
 import { AuthGuard } from '@/lib/AuthGuard'
 
-export const ManagementLayout = () => (
-  <AuthGuard>
-    <HeaderActionsProvider>
-      <BreadcrumbProvider>
-        <div className="flex min-h-0 flex-1 flex-col">
-          <SectionHeader
-            accentClass="border-l-emerald-500"
-            basePath="/manage"
-            breadcrumbRoot="create & manage"
-          />
-          <div className="flex min-h-0 flex-1 flex-col overflow-hidden p-4">
-            <Outlet />
+export const ManagementLayout = () => {
+  const { t } = useIntl()
+
+  return (
+    <AuthGuard>
+      <HeaderActionsProvider>
+        <BreadcrumbProvider>
+          <div className="flex min-h-0 flex-1 flex-col">
+            <SectionHeader
+              accentClass="border-l-emerald-500"
+              basePath="/manage"
+              breadcrumbRoot={t('common.createManage', undefined, 'create & manage')}
+            />
+            <div className="flex min-h-0 flex-1 flex-col overflow-hidden p-4">
+              <Outlet />
+            </div>
           </div>
-        </div>
-      </BreadcrumbProvider>
-    </HeaderActionsProvider>
-  </AuthGuard>
-)
+        </BreadcrumbProvider>
+      </HeaderActionsProvider>
+    </AuthGuard>
+  )
+}
diff --git a/src/components/Pages/ManagementPages/MoveChallengeModal/index.tsx b/src/components/Pages/ManagementPages/MoveChallengeModal/index.tsx
index fe98a360a..2f785017e 100644
--- a/src/components/Pages/ManagementPages/MoveChallengeModal/index.tsx
+++ b/src/components/Pages/ManagementPages/MoveChallengeModal/index.tsx
@@ -10,10 +10,12 @@ import {
   DialogTitle,
 } from '@/components/ui/Dialog'
 import { useMoveChallengeContext } from '@/contexts/MoveChallengeContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Project } from '@/types/Project'
 
 export const MoveChallengeModal = () => {
+  const { t } = useIntl()
   const {
     challenge,
     currentProjectId,
@@ -44,17 +46,20 @@ export const MoveChallengeModal = () => {
     <Dialog open={isOpen} onOpenChange={(open) => !open && closeMoveModal()}>
       <DialogContent className="flex max-h-[85vh] flex-col">
         <DialogHeader>
-          <DialogTitle>Move Challenge</DialogTitle>
+          <DialogTitle>{t('moveChallengeModal.title', undefined, 'Move Challenge')}</DialogTitle>
           <DialogDescription>
-            Choose a project to move &quot;{challenge?.name ?? ''}&quot; to. The challenge will be
-            removed from the current project.
+            {t(
+              'moveChallengeModal.description',
+              { challengeName: challenge?.name ?? '' },
+              'Choose a project to move "{challengeName}" to. The challenge will be removed from the current project.'
+            )}
           </DialogDescription>
         </DialogHeader>
 
         <SearchBar
           value={searchQuery}
           onChange={setSearchQuery}
-          placeholder="Search projects..."
+          placeholder={t('common.searchProjects', undefined, 'Search projects...')}
           className="mb-4"
         />
 
@@ -65,7 +70,11 @@ export const MoveChallengeModal = () => {
             </div>
           ) : candidateProjects.length === 0 ? (
             <div className="p-6 text-center text-sm text-zinc-500 dark:text-zinc-400">
-              No other projects found. Create another project first to move this challenge.
+              {t(
+                'moveChallengeModal.noProjects',
+                undefined,
+                'No other projects found. Create another project first to move this challenge.'
+              )}
             </div>
           ) : (
             <ul className="divide-y divide-zinc-200 dark:divide-zinc-800">
@@ -85,7 +94,7 @@ export const MoveChallengeModal = () => {
                     </span>
                     {project.id != null && (
                       <span className="ml-2 text-zinc-500 dark:text-zinc-400">
-                        (ID: {project.id})
+                        {t('common.idNumberParenthetical', { id: project.id }, '(ID: {id})')}
                       </span>
                     )}
                   </button>
@@ -97,7 +106,11 @@ export const MoveChallengeModal = () => {
 
         {isError && (
           <p className="text-red-600 text-sm dark:text-red-400">
-            Failed to move challenge. You may not have permission to move to that project.
+            {t(
+              'moveChallengeModal.moveError',
+              undefined,
+              'Failed to move challenge. You may not have permission to move to that project.'
+            )}
           </p>
         )}
       </DialogContent>
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/BoundsDrawControl.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/BoundsDrawControl.tsx
index 4e09fccfc..1b4b911f5 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/BoundsDrawControl.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/BoundsDrawControl.tsx
@@ -11,6 +11,7 @@ import {
 } from 'terra-draw'
 import { TerraDrawMapLibreGLAdapter } from 'terra-draw-maplibre-gl-adapter'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 import { PRIORITY_COLOR, type TaskPriorityValue } from '@/types/Priority'
@@ -39,14 +40,28 @@ const TERRA_MODE: Record<DrawMode, string> = {
   rectangle: 'rectangle',
 }
 
-const MODE_HELP: Record<DrawMode, string> = {
-  idle: 'Pan and zoom the map. Pick a tool to draw or edit this tier’s bounds.',
-  polygon:
-    'Click to drop each vertex; double-click or press Enter to finish. Use this for any non-rectangular area.',
-  rectangle: 'Click and drag to draw an axis-aligned rectangle.',
-  select:
-    'Click a shape to select it, then drag a vertex to reshape, a midpoint to insert a new vertex, or the whole shape to move it. Right-click a vertex to delete it.',
-}
+const buildModeHelp = (t: ReturnType<typeof useIntl>['t']): Record<DrawMode, string> => ({
+  idle: t(
+    'taskPrioritizationPage.boundsDrawControl.helpIdle',
+    undefined,
+    'Pan and zoom the map. Pick a tool to draw or edit this tier’s bounds.'
+  ),
+  polygon: t(
+    'taskPrioritizationPage.boundsDrawControl.helpPolygon',
+    undefined,
+    'Click to drop each vertex; double-click or press Enter to finish. Use this for any non-rectangular area.'
+  ),
+  rectangle: t(
+    'taskPrioritizationPage.boundsDrawControl.helpRectangle',
+    undefined,
+    'Click and drag to draw an axis-aligned rectangle.'
+  ),
+  select: t(
+    'taskPrioritizationPage.boundsDrawControl.helpSelect',
+    undefined,
+    'Click a shape to select it, then drag a vertex to reshape, a midpoint to insert a new vertex, or the whole shape to move it. Right-click a vertex to delete it.'
+  ),
+})
 
 const featureToFC = (
   features: GeoJSON.Feature[] | null | undefined
@@ -81,6 +96,8 @@ const normalizeSeedFeature = (feature: GeoJSON.Feature): GeoJSONStoreFeatures =>
  * the shared PreviewMap instance.
  */
 export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, className }: Props) => {
+  const { t } = useIntl()
+  const MODE_HELP = buildModeHelp(t)
   const drawRef = useRef<TerraDraw | null>(null)
   const suppressChangeRef = useRef(false)
   const [activeMode, setActiveMode] = useState<DrawMode>('idle')
@@ -233,11 +250,19 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           size="sm"
           variant={activeMode === 'idle' ? 'default' : 'ghost'}
           onClick={() => setMode('idle')}
-          title="Pan the map with no drawing tool active"
-          aria-label="Pan mode (no tool active)"
+          title={t(
+            'taskPrioritizationPage.boundsDrawControl.panTitle',
+            undefined,
+            'Pan the map with no drawing tool active'
+          )}
+          aria-label={t(
+            'taskPrioritizationPage.boundsDrawControl.panAriaLabel',
+            undefined,
+            'Pan mode (no tool active)'
+          )}
         >
           <Hand className="size-3.5" />
-          Pan
+          {t('taskPrioritizationPage.boundsDrawControl.pan', undefined, 'Pan')}
         </Button>
         <Button
           type="button"
@@ -245,10 +270,14 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           variant={activeMode === 'polygon' ? 'default' : 'ghost'}
           onClick={() => setMode('polygon')}
           title={MODE_HELP.polygon}
-          aria-label={`Draw polygon for ${tier} priority`}
+          aria-label={t(
+            'taskPrioritizationPage.boundsDrawControl.drawPolygonAriaLabel',
+            { tier },
+            'Draw polygon for {tier} priority'
+          )}
         >
           <Pencil className="size-3.5" />
-          Polygon
+          {t('taskPrioritizationPage.boundsDrawControl.polygon', undefined, 'Polygon')}
         </Button>
         <Button
           type="button"
@@ -256,10 +285,14 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           variant={activeMode === 'rectangle' ? 'default' : 'ghost'}
           onClick={() => setMode('rectangle')}
           title={MODE_HELP.rectangle}
-          aria-label={`Draw rectangle for ${tier} priority`}
+          aria-label={t(
+            'taskPrioritizationPage.boundsDrawControl.drawRectangleAriaLabel',
+            { tier },
+            'Draw rectangle for {tier} priority'
+          )}
         >
           <Square className="size-3.5" />
-          Rectangle
+          {t('taskPrioritizationPage.boundsDrawControl.rectangle', undefined, 'Rectangle')}
         </Button>
         <Button
           type="button"
@@ -267,10 +300,14 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           variant={activeMode === 'select' ? 'default' : 'ghost'}
           onClick={() => setMode('select')}
           title={MODE_HELP.select}
-          aria-label="Select and edit an existing shape"
+          aria-label={t(
+            'taskPrioritizationPage.boundsDrawControl.selectAriaLabel',
+            undefined,
+            'Select and edit an existing shape'
+          )}
         >
           <MousePointer2 className="size-3.5" />
-          Select
+          {t('taskPrioritizationPage.boundsDrawControl.select', undefined, 'Select')}
         </Button>
         <div className="mx-1 h-5 w-px bg-zinc-200 dark:bg-slate-700" aria-hidden />
         <Button
@@ -279,10 +316,18 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           variant="ghost"
           onClick={deleteSelected}
           disabled={activeMode !== 'select' || selectedId == null}
-          title="Delete the currently selected shape"
+          title={t(
+            'taskPrioritizationPage.boundsDrawControl.deleteSelectedTitle',
+            undefined,
+            'Delete the currently selected shape'
+          )}
         >
           <Trash2 className="size-3.5" />
-          Delete selected
+          {t(
+            'taskPrioritizationPage.boundsDrawControl.deleteSelected',
+            undefined,
+            'Delete selected'
+          )}
         </Button>
         <Button
           type="button"
@@ -290,10 +335,14 @@ export const BoundsDrawControl = ({ tier, map, mapLoaded, value, onChange, class
           variant="ghost"
           onClick={clearAll}
           disabled={!hasBounds}
-          title="Remove every shape in this tier"
+          title={t(
+            'taskPrioritizationPage.boundsDrawControl.clearAllTitle',
+            undefined,
+            'Remove every shape in this tier'
+          )}
         >
           <Eraser className="size-3.5" />
-          Clear all
+          {t('taskPrioritizationPage.boundsDrawControl.clearAll', undefined, 'Clear all')}
         </Button>
       </div>
       <p className="px-1 text-xs text-zinc-600 leading-snug dark:text-slate-400">
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/DefaultPrioritySelect.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/DefaultPrioritySelect.tsx
index db73c5caa..bfa5bba69 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/DefaultPrioritySelect.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/DefaultPrioritySelect.tsx
@@ -1,5 +1,6 @@
 import { Label } from '@/components/ui/Label'
 import { RadioGroup, RadioGroupItem } from '@/components/ui/RadioGroup'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import {
   PRIORITY_COLOR,
@@ -10,10 +11,13 @@ import {
 import { usePrioritizationContext } from '../PrioritizationContext'
 
 export const DefaultPrioritySelect = () => {
+  const { t } = useIntl()
   const { draft, setDefaultPriority } = usePrioritizationContext()
   return (
     <div className="flex flex-wrap items-center gap-3">
-      <Label className="text-sm text-zinc-700 dark:text-slate-200">Default priority</Label>
+      <Label className="text-sm text-zinc-700 dark:text-slate-200">
+        {t('taskPrioritizationPage.defaultPrioritySelect.label', undefined, 'Default priority')}
+      </Label>
       <RadioGroup
         className="auto-cols-max grid-flow-col gap-4"
         value={String(draft.defaultPriority)}
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/TierWarningBadges.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/TierWarningBadges.tsx
index fea7eaa49..6d2369cb5 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/TierWarningBadges.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Editor/TierWarningBadges.tsx
@@ -1,5 +1,6 @@
 import { AlertTriangle } from 'lucide-react'
 import { Badge } from '@/components/ui/Badge'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { TaskPriorityValue } from '@/types/Priority'
 import { useTaskPreview } from '../TaskPreviewContext'
@@ -11,6 +12,7 @@ export const TierWarningBadges = ({
   priority: TaskPriorityValue
   className?: string
 }) => {
+  const { t } = useIntl()
   const { preview } = useTaskPreview()
   const warnings = preview.warnings.tier[priority]
   if (warnings.length === 0) return null
@@ -24,7 +26,9 @@ export const TierWarningBadges = ({
           title={w.message}
         >
           <AlertTriangle className="size-3" />
-          {w.kind === 'dead-rule' ? 'No matches' : 'Matches all'}
+          {w.kind === 'dead-rule'
+            ? t('taskPrioritizationPage.tierWarningBadges.noMatches', undefined, 'No matches')
+            : t('taskPrioritizationPage.tierWarningBadges.matchesAll', undefined, 'Matches all')}
         </Badge>
       ))}
     </div>
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Preview/PreviewMap.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Preview/PreviewMap.tsx
index 0b035114c..e90e0cae4 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/Preview/PreviewMap.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/Preview/PreviewMap.tsx
@@ -17,6 +17,7 @@ import { clusterCountLayer, clusterLayer } from '@/components/Map/TaskMarkers/cl
 import { flyToClusterExpansion } from '@/components/Map/TaskMarkers/clusterUtils'
 import { CLUSTER_RADIUS_PX, LAYER_IDS } from '@/components/Map/TaskMarkers/const'
 import { Spinner } from '@/components/ui/Spinner'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Bbox2D } from '@/types/Map'
 import { PRIORITY_COLOR, type TaskPriorityValue } from '@/types/Priority'
@@ -66,6 +67,7 @@ export const PreviewMap = ({
   selectedTaskId,
   children,
 }: Props) => {
+  const { t } = useIntl()
   const mapId = useId()
   const idPrefix = useId().replace(/:/g, '-')
   // Shared cluster layers from clusterLayers.ts target source id `LAYER_IDS.source`
@@ -376,7 +378,7 @@ export const PreviewMap = ({
           aria-live="polite"
         >
           <Spinner className="size-3.5" />
-          Updating preview…
+          {t('taskPrioritizationPage.previewMap.updatingPreview', undefined, 'Updating preview…')}
         </div>
       )}
 
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/PrioritizationContent.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/PrioritizationContent.tsx
index 77c691290..ca989fc7b 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/PrioritizationContent.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/PrioritizationContent.tsx
@@ -10,6 +10,7 @@ import { DrawerPortalTarget, useDrawerPortal } from '@/components/TaskInfoPanel/
 import { TaskInfoDrawer } from '@/components/TaskInfoPanel/TaskInfoDrawer'
 import { Button } from '@/components/ui/Button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/Tabs'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { PRIORITY_LABEL } from '@/types/Priority'
 import type { TaskMarker } from '@/types/Task'
@@ -35,6 +36,7 @@ interface PreviewMapBridgeValue {
 const PreviewMapBridgeContext = createContext<PreviewMapBridgeValue | null>(null)
 
 export const PrioritizationContent = ({ challengeId, challengeName }: Props) => {
+  const { t } = useIntl()
   const { draft, isDirty, reset, markSaved, setTierBounds } = usePrioritizationContext()
   const mutation = api.challenge.useUpdatePriorities()
   const navigate = useNavigate()
@@ -67,14 +69,16 @@ export const PrioritizationContent = ({ challengeId, challengeName }: Props) =>
         },
       })
       markSaved()
-      toast.success('Priorities saved')
+      toast.success(t('taskPrioritizationPage.content.saveSuccess', undefined, 'Priorities saved'))
       navigate({
         to: '/manage/challenge/$challengeId',
         params: { challengeId: String(challengeId) },
       })
     } catch (error) {
       logger.error('Priority save failed', { error, challengeId })
-      toast.error('Could not save priorities')
+      toast.error(
+        t('taskPrioritizationPage.content.saveError', undefined, 'Could not save priorities')
+      )
       throw error
     }
   }
@@ -86,8 +90,19 @@ export const PrioritizationContent = ({ challengeId, challengeName }: Props) =>
       <div className="flex h-full flex-col">
         <header className="flex flex-wrap items-start justify-between pb-2">
           <p className="text-sm text-zinc-500 dark:text-slate-400">
-            {challengeName ?? `Challenge #${challengeId}`} — rules run top-down; the first tier to
-            match wins.
+            {t(
+              'common.challengeWithChallengeId',
+              {
+                name:
+                  challengeName ??
+                  t(
+                    'taskPrioritizationPage.content.challengeNumber',
+                    { challengeId },
+                    'Challenge #{challengeId}'
+                  ),
+              },
+              '{name} — rules run top-down; the first tier to match wins.'
+            )}
           </p>
           <div className="flex items-center gap-2">
             <Button
@@ -96,7 +111,7 @@ export const PrioritizationContent = ({ challengeId, challengeName }: Props) =>
               onClick={reset}
               disabled={!isDirty || mutation.isPending}
             >
-              Discard
+              {t('taskPrioritizationPage.content.discard', undefined, 'Discard')}
             </Button>
             <Button
               type="button"
@@ -104,7 +119,9 @@ export const PrioritizationContent = ({ challengeId, challengeName }: Props) =>
               disabled={!isDirty || mutation.isPending}
               aria-disabled={!isDirty || mutation.isPending}
             >
-              {mutation.isPending ? 'Saving…' : 'Save'}
+              {mutation.isPending
+                ? t('common.saving', undefined, 'Saving…')
+                : t('common.save', undefined, 'Save')}
             </Button>
           </div>
         </header>
diff --git a/src/components/Pages/ManagementPages/TaskPrioritizationPage/index.tsx b/src/components/Pages/ManagementPages/TaskPrioritizationPage/index.tsx
index 5a721ba20..ef7d67451 100644
--- a/src/components/Pages/ManagementPages/TaskPrioritizationPage/index.tsx
+++ b/src/components/Pages/ManagementPages/TaskPrioritizationPage/index.tsx
@@ -3,6 +3,7 @@ import { api } from '@/api'
 import { processMarkersData } from '@/components/Map/TaskMarkers/utils'
 import { DrawerPortalProvider } from '@/components/TaskInfoPanel/DrawerPortalContext'
 import { Spinner } from '@/components/ui/Spinner'
+import { useIntl } from '@/i18n'
 import { TaskPriority, type TaskPriorityValue } from '@/types/Priority'
 import { PrioritizationContent } from './PrioritizationContent'
 import {
@@ -23,6 +24,7 @@ const clampPriority = (value: number | null | undefined): TaskPriorityValue => {
 }
 
 export const TaskPrioritizationPage = ({ challengeId }: Props) => {
+  const { t } = useIntl()
   const challengeQuery = api.challenge.getChallenge(challengeId)
   const markersQuery = api.challenge.getChallengeTaskMarkers(challengeId)
 
@@ -66,7 +68,9 @@ export const TaskPrioritizationPage = ({ challengeId }: Props) => {
   if (challengeQuery.isError || !challengeQuery.data) {
     return (
       <div className="mx-auto max-w-4xl px-4 py-6">
-        <p className="text-red-600 dark:text-red-400">Could not load challenge.</p>
+        <p className="text-red-600 dark:text-red-400">
+          {t('taskPrioritizationPage.index.loadError', undefined, 'Could not load challenge.')}
+        </p>
       </div>
     )
   }
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkActionsToolbar.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkActionsToolbar.tsx
index 7d0ea73c1..42c2a87d1 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkActionsToolbar.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkActionsToolbar.tsx
@@ -18,6 +18,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/DropdownMenu'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { BulkClearLockDialog } from './BulkClearLockDialog'
 import { BulkDeleteDialog } from './BulkDeleteDialog'
@@ -31,6 +32,7 @@ interface Props {
 }
 
 export const BulkActionsToolbar = ({ selectedIds, onClearSelection }: Props) => {
+  const { t } = useIntl()
   const [statusOpen, setStatusOpen] = useState(false)
   const [tagOpen, setTagOpen] = useState(false)
   const [deleteOpen, setDeleteOpen] = useState(false)
@@ -48,22 +50,38 @@ export const BulkActionsToolbar = ({ selectedIds, onClearSelection }: Props) =>
   const handleStatus = async (status: number) => {
     try {
       await bulkStatus.mutateAsync({ taskIds: selectedIds, status })
-      toast.success(`Updated ${selectedIds.length} tasks`)
+      toast.success(
+        t(
+          'managementPages.bulkActionsToolbar.updatedToast',
+          { count: selectedIds.length },
+          'Updated {count} tasks'
+        )
+      )
       onClearSelection()
     } catch (error) {
       logger.error('Bulk status failed', { error })
-      toast.error('Could not update tasks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.updateError', undefined, 'Could not update tasks')
+      )
     }
   }
 
   const handleTags = async (tags: string[]) => {
     try {
       await bulkTags.mutateAsync({ taskIds: selectedIds, tags })
-      toast.success(`Tagged ${selectedIds.length} tasks`)
+      toast.success(
+        t(
+          'managementPages.bulkActionsToolbar.taggedToast',
+          { count: selectedIds.length },
+          'Tagged {count} tasks'
+        )
+      )
       onClearSelection()
     } catch (error) {
       logger.error('Bulk tag failed', { error })
-      toast.error('Could not tag tasks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.tagError', undefined, 'Could not tag tasks')
+      )
     }
   }
 
@@ -72,98 +90,156 @@ export const BulkActionsToolbar = ({ selectedIds, onClearSelection }: Props) =>
       const result = await bulkDelete.mutateAsync(selectedIds)
       if (result.denied.length > 0) {
         toast.warning(
-          `Deleted ${result.deleted} tasks; ${result.denied.length} could not be deleted`
+          t(
+            'managementPages.bulkActionsToolbar.deleteWarning',
+            { deleted: result.deleted, denied: result.denied.length },
+            'Deleted {deleted} tasks; {denied} could not be deleted'
+          )
         )
       } else {
-        toast.success(`Deleted ${result.deleted} tasks`)
+        toast.success(
+          t(
+            'managementPages.bulkActionsToolbar.deleteSuccess',
+            { count: result.deleted },
+            'Deleted {count} tasks'
+          )
+        )
       }
       setDeleteOpen(false)
       onClearSelection()
     } catch (error) {
       logger.error('Bulk delete failed', { error })
-      toast.error('Could not delete tasks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.deleteError', undefined, 'Could not delete tasks')
+      )
     }
   }
 
   const handleArchive = async (archived: boolean) => {
     try {
       await bulkArchive.mutateAsync({ taskIds: selectedIds, archived })
-      toast.success(`${archived ? 'Archived' : 'Unarchived'} ${selectedIds.length} tasks`)
+      toast.success(
+        archived
+          ? t(
+              'managementPages.bulkActionsToolbar.archivedToast',
+              { count: selectedIds.length },
+              'Archived {count} tasks'
+            )
+          : t(
+              'managementPages.bulkActionsToolbar.unarchivedToast',
+              { count: selectedIds.length },
+              'Unarchived {count} tasks'
+            )
+      )
       onClearSelection()
     } catch (error) {
       logger.error('Bulk archive failed', { error })
-      toast.error('Could not archive tasks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.archiveError', undefined, 'Could not archive tasks')
+      )
     }
   }
 
   const handleReassign = async (userId: number) => {
     try {
       const result = await bulkReassign.mutateAsync({ taskIds: selectedIds, userId })
-      toast.success(`Reassigned ${result.updated} of ${result.requested} tasks`)
+      toast.success(
+        t(
+          'managementPages.bulkActionsToolbar.reassignSuccess',
+          { updated: result.updated, requested: result.requested },
+          'Reassigned {updated} of {requested} tasks'
+        )
+      )
       setReassignOpen(false)
       onClearSelection()
     } catch (error) {
       logger.error('Bulk reassign failed', { error })
-      toast.error('Could not reassign tasks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.reassignError', undefined, 'Could not reassign tasks')
+      )
     }
   }
 
   const handleClearLock = async () => {
     try {
       await bulkClearLock.mutateAsync(selectedIds)
-      toast.success(`Cleared lock on ${selectedIds.length} tasks`)
+      toast.success(
+        t(
+          'managementPages.bulkActionsToolbar.clearLockSuccess',
+          { count: selectedIds.length },
+          'Cleared lock on {count} tasks'
+        )
+      )
       setClearLockOpen(false)
       onClearSelection()
     } catch (error) {
       logger.error('Bulk clear lock failed', { error })
-      toast.error('Could not clear locks')
+      toast.error(
+        t('managementPages.bulkActionsToolbar.clearLockError', undefined, 'Could not clear locks')
+      )
     }
   }
 
   return (
     <div className="sticky bottom-0 z-10 flex items-center justify-between gap-3 rounded-md border border-zinc-200 bg-white p-3 shadow-lg dark:border-slate-700 dark:bg-slate-900">
-      <span className="font-medium text-sm">{selectedIds.length} selected</span>
+      <span className="font-medium text-sm">
+        {t(
+          'managementPages.bulkActionsToolbar.selectedCount',
+          { count: selectedIds.length },
+          '{count} selected'
+        )}
+      </span>
       <div className="flex flex-wrap gap-2">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="outline" size="sm">
-              Change status <ChevronDown className="size-3.5" aria-hidden="true" />
+              {t('managementPages.bulkActionsToolbar.changeStatus', undefined, 'Change status')}{' '}
+              <ChevronDown className="size-3.5" aria-hidden="true" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent>
-            <DropdownMenuItem onClick={() => setStatusOpen(true)}>Pick a status…</DropdownMenuItem>
+            <DropdownMenuItem onClick={() => setStatusOpen(true)}>
+              {t('managementPages.bulkActionsToolbar.pickStatus', undefined, 'Pick a status…')}
+            </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
         <Button variant="outline" size="sm" onClick={() => setTagOpen(true)}>
-          <Tag className="size-3.5" aria-hidden="true" /> Tag
+          <Tag className="size-3.5" aria-hidden="true" />{' '}
+          {t('managementPages.bulkActionsToolbar.tag', undefined, 'Tag')}
         </Button>
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="outline" size="sm">
-              <Archive className="size-3.5" aria-hidden="true" /> Archive{' '}
+              <Archive className="size-3.5" aria-hidden="true" />{' '}
+              {t('managementPages.bulkActionsToolbar.archive', undefined, 'Archive')}{' '}
               <ChevronDown className="size-3.5" aria-hidden="true" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent>
             <DropdownMenuItem onClick={() => handleArchive(true)}>
-              <Archive className="size-3.5" aria-hidden="true" /> Archive
+              <Archive className="size-3.5" aria-hidden="true" />{' '}
+              {t('managementPages.bulkActionsToolbar.archive', undefined, 'Archive')}
             </DropdownMenuItem>
             <DropdownMenuItem onClick={() => handleArchive(false)}>
-              <ArchiveRestore className="size-3.5" aria-hidden="true" /> Unarchive
+              <ArchiveRestore className="size-3.5" aria-hidden="true" />{' '}
+              {t('managementPages.bulkActionsToolbar.unarchive', undefined, 'Unarchive')}
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
         <Button variant="outline" size="sm" onClick={() => setReassignOpen(true)}>
-          <UserCog className="size-3.5" aria-hidden="true" /> Reassign
+          <UserCog className="size-3.5" aria-hidden="true" />{' '}
+          {t('managementPages.bulkActionsToolbar.reassign', undefined, 'Reassign')}
         </Button>
         <Button variant="outline" size="sm" onClick={() => setClearLockOpen(true)}>
-          <LockOpen className="size-3.5" aria-hidden="true" /> Clear lock
+          <LockOpen className="size-3.5" aria-hidden="true" />{' '}
+          {t('managementPages.bulkActionsToolbar.clearLock', undefined, 'Clear lock')}
         </Button>
         <Button variant="outline" size="sm" onClick={() => setDeleteOpen(true)}>
-          <Trash2 className="size-3.5" aria-hidden="true" /> Delete
+          <Trash2 className="size-3.5" aria-hidden="true" />{' '}
+          {t('common.delete', undefined, 'Delete')}
         </Button>
         <Button variant="ghost" size="sm" onClick={onClearSelection}>
-          <X className="size-3.5" aria-hidden="true" /> Clear
+          <X className="size-3.5" aria-hidden="true" /> {t('common.clear', undefined, 'Clear')}
         </Button>
       </div>
       <BulkStatusDialog
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkClearLockDialog.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkClearLockDialog.tsx
index c8c57ddfb..d6fc6c605 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkClearLockDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkClearLockDialog.tsx
@@ -8,6 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 
 interface Props {
   open: boolean
@@ -17,27 +18,43 @@ interface Props {
   busy?: boolean
 }
 
-export const BulkClearLockDialog = ({ open, onOpenChange, onConfirm, count, busy }: Props) => (
-  <Dialog open={open} onOpenChange={onOpenChange}>
-    <DialogContent size="md">
-      <DialogHeader>
-        <DialogTitle className="flex items-center gap-2">
-          <LockOpen className="size-5 text-amber-500" aria-hidden="true" />
-          Clear lock on {count} task{count === 1 ? '' : 's'}?
-        </DialogTitle>
-        <DialogDescription>
-          Any active locks on the selected tasks will be released. Mappers currently working on
-          these tasks may lose their in-progress session.
-        </DialogDescription>
-      </DialogHeader>
-      <DialogFooter>
-        <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
-          Cancel
-        </Button>
-        <Button onClick={onConfirm} disabled={busy}>
-          {busy ? 'Clearing…' : 'Clear lock'}
-        </Button>
-      </DialogFooter>
-    </DialogContent>
-  </Dialog>
-)
+export const BulkClearLockDialog = ({ open, onOpenChange, onConfirm, count, busy }: Props) => {
+  const { t } = useIntl()
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent size="md">
+        <DialogHeader>
+          <DialogTitle className="flex items-center gap-2">
+            <LockOpen className="size-5 text-amber-500" aria-hidden="true" />
+            {t(
+              'managementPages.bulkActionsToolbar.clearLockDialog.title',
+              { count, suffix: count === 1 ? '' : 's' },
+              'Clear lock on {count} task{suffix}?'
+            )}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'managementPages.bulkActionsToolbar.clearLockDialog.description',
+              undefined,
+              'Any active locks on the selected tasks will be released. Mappers currently working on these tasks may lose their in-progress session.'
+            )}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
+            {t('common.cancel', undefined, 'Cancel')}
+          </Button>
+          <Button onClick={onConfirm} disabled={busy}>
+            {busy
+              ? t(
+                  'managementPages.bulkActionsToolbar.clearLockDialog.clearing',
+                  undefined,
+                  'Clearing…'
+                )
+              : t('managementPages.bulkActionsToolbar.clearLock', undefined, 'Clear lock')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkDeleteDialog.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkDeleteDialog.tsx
index 59d4da8bc..cf17c89c5 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkDeleteDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkDeleteDialog.tsx
@@ -8,6 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 
 interface Props {
   open: boolean
@@ -17,27 +18,43 @@ interface Props {
   busy?: boolean
 }
 
-export const BulkDeleteDialog = ({ open, onOpenChange, onConfirm, count, busy }: Props) => (
-  <Dialog open={open} onOpenChange={onOpenChange}>
-    <DialogContent size="md">
-      <DialogHeader>
-        <DialogTitle className="flex items-center gap-2">
-          <TriangleAlert className="size-5 text-red-500" aria-hidden="true" />
-          Delete {count} task{count === 1 ? '' : 's'}?
-        </DialogTitle>
-        <DialogDescription>
-          This cannot be undone. Tasks and their comments, reviews, and tags are permanently
-          removed.
-        </DialogDescription>
-      </DialogHeader>
-      <DialogFooter>
-        <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
-          Cancel
-        </Button>
-        <Button variant="destructive" onClick={onConfirm} disabled={busy}>
-          {busy ? 'Deleting…' : 'Delete'}
-        </Button>
-      </DialogFooter>
-    </DialogContent>
-  </Dialog>
-)
+export const BulkDeleteDialog = ({ open, onOpenChange, onConfirm, count, busy }: Props) => {
+  const { t } = useIntl()
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent size="md">
+        <DialogHeader>
+          <DialogTitle className="flex items-center gap-2">
+            <TriangleAlert className="size-5 text-red-500" aria-hidden="true" />
+            {t(
+              'managementPages.bulkActionsToolbar.deleteDialog.title',
+              { count, suffix: count === 1 ? '' : 's' },
+              'Delete {count} task{suffix}?'
+            )}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'managementPages.bulkActionsToolbar.deleteDialog.description',
+              undefined,
+              'This cannot be undone. Tasks and their comments, reviews, and tags are permanently removed.'
+            )}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
+            {t('common.cancel', undefined, 'Cancel')}
+          </Button>
+          <Button variant="destructive" onClick={onConfirm} disabled={busy}>
+            {busy
+              ? t(
+                  'managementPages.bulkActionsToolbar.deleteDialog.deleting',
+                  undefined,
+                  'Deleting…'
+                )
+              : t('common.delete', undefined, 'Delete')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkReassignDialog.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkReassignDialog.tsx
index ec50c1fdd..16ef313d8 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkReassignDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkReassignDialog.tsx
@@ -12,6 +12,7 @@ import {
   DialogTitle,
 } from '@/components/ui/Dialog'
 import { Input } from '@/components/ui/Input'
+import { useIntl } from '@/i18n'
 import { initials } from '@/lib/utils'
 
 interface Props {
@@ -23,6 +24,7 @@ interface Props {
 }
 
 export const BulkReassignDialog = ({ open, onOpenChange, onConfirm, count, busy }: Props) => {
+  const { t } = useIntl()
   const [query, setQuery] = useState('')
   const [selectedUserId, setSelectedUserId] = useState<number | null>(null)
   const { data: users = [] } = api.user.findUsers(query, 8, query.length > 0)
@@ -32,11 +34,18 @@ export const BulkReassignDialog = ({ open, onOpenChange, onConfirm, count, busy
       <DialogContent size="md">
         <DialogHeader>
           <DialogTitle>
-            Reassign {count} task{count === 1 ? '' : 's'}
+            {t(
+              'managementPages.bulkActionsToolbar.reassignDialog.title',
+              { count, suffix: count === 1 ? '' : 's' },
+              'Reassign {count} task{suffix}'
+            )}
           </DialogTitle>
           <DialogDescription>
-            Search for the reviewer to assign these task reviews to. Only tasks whose reviews are
-            still open will be updated.
+            {t(
+              'managementPages.bulkActionsToolbar.reassignDialog.description',
+              undefined,
+              'Search for the reviewer to assign these task reviews to. Only tasks whose reviews are still open will be updated.'
+            )}
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-3">
@@ -45,7 +54,7 @@ export const BulkReassignDialog = ({ open, onOpenChange, onConfirm, count, busy
             <Input
               value={query}
               onChange={(e) => setQuery(e.target.value)}
-              placeholder="Search OSM username"
+              placeholder={t('common.searchOsmUsername', undefined, 'Search OSM username')}
               className="pl-8"
             />
           </div>
@@ -75,13 +84,19 @@ export const BulkReassignDialog = ({ open, onOpenChange, onConfirm, count, busy
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button
             onClick={() => selectedUserId && onConfirm(selectedUserId)}
             disabled={!selectedUserId || busy}
           >
-            {busy ? 'Reassigning…' : 'Reassign'}
+            {busy
+              ? t(
+                  'managementPages.bulkActionsToolbar.reassignDialog.reassigning',
+                  undefined,
+                  'Reassigning…'
+                )
+              : t('managementPages.bulkActionsToolbar.reassign', undefined, 'Reassign')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkStatusDialog.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkStatusDialog.tsx
index b67c17f0d..bf3b1c2a5 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkStatusDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkStatusDialog.tsx
@@ -15,6 +15,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import { STATUS_LABELS } from '@/lib/taskConstants'
 
 interface Props {
@@ -24,14 +25,27 @@ interface Props {
 }
 
 export const BulkStatusDialog = ({ open, onOpenChange, onConfirm }: Props) => {
+  const { t } = useIntl()
   const [status, setStatus] = useState<string>('1')
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent size="md">
         <DialogHeader>
-          <DialogTitle>Change task status</DialogTitle>
-          <DialogDescription>Updates every selected task to the chosen status.</DialogDescription>
+          <DialogTitle>
+            {t(
+              'managementPages.bulkActionsToolbar.statusDialog.title',
+              undefined,
+              'Change task status'
+            )}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'managementPages.bulkActionsToolbar.statusDialog.description',
+              undefined,
+              'Updates every selected task to the chosen status.'
+            )}
+          </DialogDescription>
         </DialogHeader>
         <Select value={status} onValueChange={setStatus}>
           <SelectTrigger>
@@ -47,9 +61,11 @@ export const BulkStatusDialog = ({ open, onOpenChange, onConfirm }: Props) => {
         </Select>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
+          </Button>
+          <Button onClick={() => onConfirm(Number(status))}>
+            {t('managementPages.bulkActionsToolbar.apply', undefined, 'Apply')}
           </Button>
-          <Button onClick={() => onConfirm(Number(status))}>Apply</Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
diff --git a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkTagDialog.tsx b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkTagDialog.tsx
index f11b33318..59a2a83fe 100644
--- a/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkTagDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/BulkActionsToolbar/BulkTagDialog.tsx
@@ -8,6 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 
 interface Props {
   open: boolean
@@ -16,21 +17,28 @@ interface Props {
 }
 
 export const BulkTagDialog = ({ open, onOpenChange, onConfirm }: Props) => {
+  const { t } = useIntl()
   const [tags, setTags] = useState<string[]>([])
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent size="md">
         <DialogHeader>
-          <DialogTitle>Add tags to selected tasks</DialogTitle>
+          <DialogTitle>
+            {t(
+              'managementPages.bulkActionsToolbar.tagDialog.title',
+              undefined,
+              'Add tags to selected tasks'
+            )}
+          </DialogTitle>
         </DialogHeader>
         <TagInput value={tags} onChange={setTags} />
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button onClick={() => onConfirm(tags)} disabled={tags.length === 0}>
-            Apply
+            {t('managementPages.bulkActionsToolbar.apply', undefined, 'Apply')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/ManagementPages/shared/ChallengeStatusBanner.tsx b/src/components/Pages/ManagementPages/shared/ChallengeStatusBanner.tsx
index 782044dd0..db33b27bf 100644
--- a/src/components/Pages/ManagementPages/shared/ChallengeStatusBanner.tsx
+++ b/src/components/Pages/ManagementPages/shared/ChallengeStatusBanner.tsx
@@ -1,5 +1,6 @@
 import { Loader2 } from 'lucide-react'
 import { Progress } from '@/components/ui/Progress'
+import { useIntl } from '@/i18n'
 
 export interface ChallengeStatusInfo {
   status?: string
@@ -15,6 +16,7 @@ interface Props {
 }
 
 export const ChallengeStatusBanner = ({ info }: Props) => {
+  const { t } = useIntl()
   if (!info?.status || !busyStatuses.has(info.status)) return null
 
   const current = info.creatingTasks ?? info.deletingTasks ?? 0
@@ -31,7 +33,13 @@ export const ChallengeStatusBanner = ({ info }: Props) => {
         aria-hidden="true"
       />
       <div className="flex-1">
-        <div className="font-medium">{info.status} tasks…</div>
+        <div className="font-medium">
+          {t(
+            'managementPages.challengeStatusBanner.tasksInProgress',
+            { status: info.status },
+            '{status} tasks…'
+          )}
+        </div>
         {total > 0 && (
           <div className="text-xs text-zinc-600 dark:text-slate-400">
             {current.toLocaleString()} / {total.toLocaleString()}
diff --git a/src/components/Pages/ManagementPages/shared/RebuildTasksDialog.tsx b/src/components/Pages/ManagementPages/shared/RebuildTasksDialog.tsx
index b9881e721..cee53b70d 100644
--- a/src/components/Pages/ManagementPages/shared/RebuildTasksDialog.tsx
+++ b/src/components/Pages/ManagementPages/shared/RebuildTasksDialog.tsx
@@ -14,6 +14,7 @@ import {
 } from '@/components/ui/Dialog'
 import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { Challenge } from '@/types/Challenge'
 
@@ -48,15 +49,6 @@ const detectLineByLine = (text: string): boolean => {
   }
 }
 
-const sourceIntro: Record<SourceType, string> = {
-  overpass:
-    'Rebuilding will re-run the Overpass query and rebuild the challenge tasks with the latest data:',
-  remote:
-    "Rebuilding will re-download the GeoJSON data from the challenge's remote URL and rebuild the challenge tasks with the latest data:",
-  local:
-    'Rebuilding will allow you to upload a new local file with the latest GeoJSON data and rebuild the challenge tasks:',
-}
-
 interface Props {
   challengeId: number
   open: boolean
@@ -65,10 +57,29 @@ interface Props {
 }
 
 export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType }: Props) => {
+  const { t } = useIntl()
   const [removeUnmatched, setRemoveUnmatched] = useState(false)
   const [localFile, setLocalFile] = useState<File | null>(null)
   const [dataOriginDate, setDataOriginDate] = useState('')
 
+  const sourceIntro: Record<SourceType, string> = {
+    overpass: t(
+      'managementPages.rebuildTasksDialog.introOverpass',
+      undefined,
+      'Rebuilding will re-run the Overpass query and rebuild the challenge tasks with the latest data:'
+    ),
+    remote: t(
+      'managementPages.rebuildTasksDialog.introRemote',
+      undefined,
+      "Rebuilding will re-download the GeoJSON data from the challenge's remote URL and rebuild the challenge tasks with the latest data:"
+    ),
+    local: t(
+      'managementPages.rebuildTasksDialog.introLocal',
+      undefined,
+      'Rebuilding will allow you to upload a new local file with the latest GeoJSON data and rebuild the challenge tasks:'
+    ),
+  }
+
   const rebuild = api.challenge.useRebuildChallenge()
   const uploadGeoJSON = api.challenge.useUploadGeoJSON()
   const unmatchedId = useId()
@@ -103,12 +114,16 @@ export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType
       } else {
         await rebuild.mutateAsync({ challengeId, removeUnmatched, skipSnapshot: true })
       }
-      toast.success('Rebuild started')
+      toast.success(
+        t('managementPages.rebuildTasksDialog.toastStarted', undefined, 'Rebuild started')
+      )
       reset()
       onOpenChange(false)
     } catch (error) {
       logger.error('Rebuild failed', { error: String(error) })
-      toast.error('Could not start rebuild')
+      toast.error(
+        t('managementPages.rebuildTasksDialog.toastError', undefined, 'Could not start rebuild')
+      )
     }
   }
 
@@ -116,25 +131,57 @@ export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Rebuild Challenge Tasks</DialogTitle>
+          <DialogTitle>
+            {t('managementPages.rebuildTasksDialog.title', undefined, 'Rebuild Challenge Tasks')}
+          </DialogTitle>
           <DialogDescription>
             {sourceType
               ? sourceIntro[sourceType]
-              : 'Rebuild the challenge tasks from its source data.'}
+              : t(
+                  'managementPages.rebuildTasksDialog.descriptionDefault',
+                  undefined,
+                  'Rebuild the challenge tasks from its source data.'
+                )}
           </DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4">
           <ul className="list-disc space-y-1 pl-5 text-sm text-zinc-700 dark:text-zinc-300">
-            <li>Existing tasks included in the latest data will be updated</li>
-            <li>New tasks will be added</li>
             <li>
-              If you choose to first remove incomplete tasks (below), existing{' '}
-              <strong>incomplete</strong> tasks will first be removed
+              {t(
+                'managementPages.rebuildTasksDialog.listUpdated',
+                undefined,
+                'Existing tasks included in the latest data will be updated'
+              )}
+            </li>
+            <li>
+              {t(
+                'managementPages.rebuildTasksDialog.listAdded',
+                undefined,
+                'New tasks will be added'
+              )}
+            </li>
+            <li>
+              {t(
+                'managementPages.rebuildTasksDialog.listRemoveIncompletePre',
+                undefined,
+                'If you choose to first remove incomplete tasks (below), existing '
+              )}
+              <strong>
+                {t('managementPages.rebuildTasksDialog.incomplete', undefined, 'incomplete')}
+              </strong>{' '}
+              {t(
+                'managementPages.rebuildTasksDialog.listRemoveIncompletePost',
+                undefined,
+                'tasks will first be removed'
+              )}
             </li>
             <li>
-              If you do not first remove incomplete tasks, they will be left as-is, possibly leaving
-              tasks that have already been addressed outside of MapRoulette
+              {t(
+                'managementPages.rebuildTasksDialog.listKeepAsIs',
+                undefined,
+                'If you do not first remove incomplete tasks, they will be left as-is, possibly leaving tasks that have already been addressed outside of MapRoulette'
+              )}
             </li>
           </ul>
 
@@ -142,9 +189,11 @@ export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType
             <CircleAlert className="mt-0.5 h-6 w-6 shrink-0 text-red-500" />
             <div className="space-y-2 text-amber-600 text-sm dark:text-amber-500">
               <p>
-                Warning: Rebuilding can lead to task duplication if your feature ids are not setup
-                properly or if matching up old data with new data is unsuccessful. This operation
-                cannot be undone!
+                {t(
+                  'managementPages.rebuildTasksDialog.warning',
+                  undefined,
+                  'Warning: Rebuilding can lead to task duplication if your feature ids are not setup properly or if matching up old data with new data is unsuccessful. This operation cannot be undone!'
+                )}
               </p>
               <a
                 href={REBUILD_DOCS_URL}
@@ -152,21 +201,33 @@ export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType
                 rel="noopener noreferrer"
                 className="inline-block text-green-600 underline hover:text-green-700 dark:text-green-400"
               >
-                Learn More
+                {t('managementPages.rebuildTasksDialog.learnMore', undefined, 'Learn More')}
               </a>
             </div>
           </div>
 
           {isLocal && (
             <div className="space-y-2">
-              <Label htmlFor={fileId}>New GeoJSON file</Label>
+              <Label htmlFor={fileId}>
+                {t(
+                  'managementPages.rebuildTasksDialog.newGeoJsonFile',
+                  undefined,
+                  'New GeoJSON file'
+                )}
+              </Label>
               <Input
                 id={fileId}
                 type="file"
                 accept=".geojson,.json"
                 onChange={(e) => setLocalFile(e.target.files?.[0] ?? null)}
               />
-              <Label htmlFor={dateId}>Date data was sourced (optional)</Label>
+              <Label htmlFor={dateId}>
+                {t(
+                  'managementPages.rebuildTasksDialog.dataOriginDate',
+                  undefined,
+                  'Date data was sourced (optional)'
+                )}
+              </Label>
               <Input
                 id={dateId}
                 type="date"
@@ -182,16 +243,22 @@ export const RebuildTasksDialog = ({ challengeId, open, onOpenChange, sourceType
               checked={removeUnmatched}
               onCheckedChange={(c) => setRemoveUnmatched(c === true)}
             />
-            First remove incomplete tasks
+            {t(
+              'managementPages.rebuildTasksDialog.removeIncomplete',
+              undefined,
+              'First remove incomplete tasks'
+            )}
           </label>
         </div>
 
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isPending}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button variant="destructive" onClick={handleSubmit} disabled={!canSubmit}>
-            {isPending ? 'Rebuilding…' : 'Proceed'}
+            {isPending
+              ? t('managementPages.rebuildTasksDialog.rebuilding', undefined, 'Rebuilding…')
+              : t('managementPages.rebuildTasksDialog.proceed', undefined, 'Proceed')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/ManagementPages/shared/VisibilityToggle.tsx b/src/components/Pages/ManagementPages/shared/VisibilityToggle.tsx
index b7a71dfb2..86956f9ac 100644
--- a/src/components/Pages/ManagementPages/shared/VisibilityToggle.tsx
+++ b/src/components/Pages/ManagementPages/shared/VisibilityToggle.tsx
@@ -1,6 +1,7 @@
 import { useId } from 'react'
 import { toast } from 'sonner'
 import { Switch } from '@/components/ui/Switch'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 
 interface Props {
@@ -18,15 +19,18 @@ export const VisibilityToggle = ({
   onToggle,
   label,
   disabled,
-  errorMessage = 'Could not update visibility',
+  errorMessage,
 }: Props) => {
+  const { t } = useIntl()
   const switchId = useId()
+  const resolvedErrorMessage =
+    errorMessage ?? t('common.couldNotUpdateVisibility', undefined, 'Could not update visibility')
   const handleChange = async (checked: boolean) => {
     try {
       await onToggle(id, checked)
     } catch (error) {
       logger.error('Toggle visibility failed', { error })
-      toast.error(errorMessage)
+      toast.error(resolvedErrorMessage)
     }
   }
   return (
diff --git a/src/components/Pages/NotificationsPage/NotificationFilters.tsx b/src/components/Pages/NotificationsPage/NotificationFilters.tsx
index 0790d1ef1..c121ed5d4 100644
--- a/src/components/Pages/NotificationsPage/NotificationFilters.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationFilters.tsx
@@ -7,6 +7,7 @@ import {
   SelectValue,
 } from '@/components/ui/Select'
 import { useNotificationsPageContext } from '@/contexts/NotificationsPageContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import {
   NOTIFICATION_CATEGORIES,
@@ -59,6 +60,7 @@ const Pill = ({ label, count, active, onClick, variant = 'category' }: PillProps
 )
 
 export const NotificationFilters = () => {
+  const { t } = useIntl()
   const {
     filters: {
       category,
@@ -118,13 +120,15 @@ export const NotificationFilters = () => {
       <div className="flex flex-wrap items-center gap-3">
         <Select value={filterTask} onValueChange={setFilterTask}>
           <SelectTrigger className="h-9 w-36">
-            <SelectValue placeholder="Task" />
+            <SelectValue placeholder={t('common.task', undefined, 'Task')} />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">All Tasks</SelectItem>
+            <SelectItem value="all">
+              {t('notificationsPage.filters.allTasks', undefined, 'All Tasks')}
+            </SelectItem>
             {filterOptions.tasks.map((taskId: number) => (
               <SelectItem key={taskId} value={taskId.toString()}>
-                Task #{taskId}
+                {t('common.taskWithTaskId', { taskId }, 'Task #{taskId}')}
               </SelectItem>
             ))}
           </SelectContent>
@@ -132,13 +136,16 @@ export const NotificationFilters = () => {
 
         <Select value={filterType} onValueChange={setFilterType}>
           <SelectTrigger className="h-9 w-40">
-            <SelectValue placeholder="Type" />
+            <SelectValue placeholder={t('common.type', undefined, 'Type')} />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">All Types</SelectItem>
+            <SelectItem value="all">
+              {t('notificationsPage.filters.allTypes', undefined, 'All Types')}
+            </SelectItem>
             {filterOptions.types.map((typeId: number) => (
               <SelectItem key={typeId} value={typeId.toString()}>
-                {NOTIFICATION_TYPE_NAMES[typeId] || `Type ${typeId}`}
+                {NOTIFICATION_TYPE_NAMES[typeId] ||
+                  t('notificationsPage.filters.typeOptionFallback', { typeId }, 'Type {typeId}')}
               </SelectItem>
             ))}
           </SelectContent>
@@ -146,10 +153,14 @@ export const NotificationFilters = () => {
 
         <Select value={filterFrom} onValueChange={setFilterFrom}>
           <SelectTrigger className="h-9 w-40">
-            <SelectValue placeholder="From" />
+            <SelectValue
+              placeholder={t('notificationsPage.filters.fromPlaceholder', undefined, 'From')}
+            />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">All Senders</SelectItem>
+            <SelectItem value="all">
+              {t('notificationsPage.filters.allSenders', undefined, 'All Senders')}
+            </SelectItem>
             {filterOptions.fromUsers.map((username: string) => (
               <SelectItem key={username} value={username}>
                 {username}
@@ -160,10 +171,12 @@ export const NotificationFilters = () => {
 
         <Select value={filterChallenge} onValueChange={setFilterChallenge}>
           <SelectTrigger className="h-9 w-44">
-            <SelectValue placeholder="Challenge" />
+            <SelectValue placeholder={t('common.challenge', undefined, 'Challenge')} />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">All Challenges</SelectItem>
+            <SelectItem value="all">
+              {t('common.allChallenges', undefined, 'All Challenges')}
+            </SelectItem>
             {filterOptions.challenges.map((challengeName: string) => (
               <SelectItem key={challengeName} value={challengeName}>
                 {challengeName}
@@ -179,7 +192,7 @@ export const NotificationFilters = () => {
             className="border-red-500 text-red-600 hover:bg-red-50 hover:text-red-700 dark:border-red-600 dark:text-red-400 dark:hover:bg-red-950/20 dark:hover:text-red-300"
             onClick={clearFilters}
           >
-            Clear Filters
+            {t('notificationsPage.filters.clearFilters', undefined, 'Clear Filters')}
           </Button>
         )}
       </div>
diff --git a/src/components/Pages/NotificationsPage/NotificationItem.tsx b/src/components/Pages/NotificationsPage/NotificationItem.tsx
index 157466d2c..b89a320f0 100644
--- a/src/components/Pages/NotificationsPage/NotificationItem.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationItem.tsx
@@ -4,6 +4,7 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Button } from '@/components/ui/Button'
 import { Checkbox } from '@/components/ui/Checkbox'
 import { useNotificationsContext } from '@/contexts/NotificationsContext'
+import { useIntl } from '@/i18n'
 import { formatTimeAgo } from '@/lib/date'
 import { cn, initials } from '@/lib/utils'
 import type { Notification } from '@/types/Notification'
@@ -35,6 +36,7 @@ export const NotificationItem = ({
   onSelectChange,
   onLinkClick,
 }: NotificationItemProps) => {
+  const { t } = useIntl()
   const {
     markAsRead,
     markAsUnread,
@@ -56,7 +58,8 @@ export const NotificationItem = ({
     : deletingId === notification.id
 
   const notificationTypeName =
-    NOTIFICATION_TYPE_NAMES[notification.notificationType] || 'Notification'
+    NOTIFICATION_TYPE_NAMES[notification.notificationType] ||
+    t('common.notification', undefined, 'Notification')
   const createdDate = new Date(notification.created)
   const timeAgo = formatTimeAgo(createdDate)
 
@@ -129,7 +132,15 @@ export const NotificationItem = ({
           indeterminate={isIndeterminate}
           onCheckedChange={handleCheckboxChange}
           className="mt-1.5 shrink-0"
-          aria-label={`Select notification from ${notification.fromUsername || 'unknown'}`}
+          aria-label={t(
+            'notificationsPage.item.selectFrom',
+            {
+              from:
+                notification.fromUsername ||
+                t('notificationsPage.item.unknownSender', undefined, 'unknown'),
+            },
+            'Select notification from {from}'
+          )}
           onClick={(e) => e.stopPropagation()}
         />
       )}
@@ -164,7 +175,9 @@ export const NotificationItem = ({
           </p>
         ) : notification.challengeName ? (
           <p className="flex min-w-0 items-baseline gap-1 text-sm text-zinc-700 dark:text-slate-300">
-            <span className="shrink-0 text-zinc-500 dark:text-slate-500">Challenge:</span>
+            <span className="shrink-0 text-zinc-500 dark:text-slate-500">
+              {t('notificationsPage.item.challengeLabel', undefined, 'Challenge:')}
+            </span>
             {notification.challengeId ? (
               <Link
                 to="/challenge/$challengeId"
@@ -200,9 +213,13 @@ export const NotificationItem = ({
                 search={{ tab: 'comments' }}
                 onClick={handleLinkClick}
                 className="truncate font-medium hover:text-blue-600 hover:underline dark:hover:text-blue-400"
-                title={`Task #${notification.taskId}`}
+                title={t(
+                  'common.taskWithTaskId',
+                  { taskId: notification.taskId },
+                  'Task #{taskId}'
+                )}
               >
-                Task #{notification.taskId}
+                {t('common.taskWithTaskId', { taskId: notification.taskId }, 'Task #{taskId}')}
               </Link>
             </>
           )}
@@ -217,9 +234,17 @@ export const NotificationItem = ({
                 search={{ comments: 1 }}
                 onClick={handleLinkClick}
                 className="truncate font-medium hover:text-blue-600 hover:underline dark:hover:text-blue-400"
-                title={`Challenge #${notification.challengeId}`}
+                title={t(
+                  'common.challengeWithChallengeId',
+                  { challengeId: notification.challengeId },
+                  'Challenge #{challengeId}'
+                )}
               >
-                Challenge #{notification.challengeId}
+                {t(
+                  'common.challengeWithChallengeId',
+                  { challengeId: notification.challengeId },
+                  'Challenge #{challengeId}'
+                )}
               </Link>
             </>
           )}
@@ -233,9 +258,17 @@ export const NotificationItem = ({
                 params={{ projectId: String(notification.projectId) }}
                 onClick={handleLinkClick}
                 className="truncate font-medium hover:text-blue-600 hover:underline dark:hover:text-blue-400"
-                title={`Project #${notification.projectId}`}
+                title={t(
+                  'notificationsPage.item.projectRef',
+                  { projectId: notification.projectId },
+                  'Project #{projectId}'
+                )}
               >
-                Project #{notification.projectId}
+                {t(
+                  'notificationsPage.item.projectRef',
+                  { projectId: notification.projectId },
+                  'Project #{projectId}'
+                )}
               </Link>
             </>
           )}
@@ -253,7 +286,7 @@ export const NotificationItem = ({
           <span
             aria-hidden="true"
             className="mr-1 size-2 shrink-0 rounded-full bg-blue-500 dark:bg-blue-400"
-            title="Unread notification"
+            title={t('notificationsPage.item.unreadTitle', undefined, 'Unread notification')}
           />
         )}
         {!notification.isRead ? (
@@ -263,8 +296,8 @@ export const NotificationItem = ({
             className={actionClasses}
             disabled={isMarkingRead}
             onClick={handleMarkAsRead}
-            title="Mark as read"
-            aria-label="Mark as read"
+            title={t('notificationsPage.item.markAsRead', undefined, 'Mark as read')}
+            aria-label={t('notificationsPage.item.markAsRead', undefined, 'Mark as read')}
           >
             <Check />
           </Button>
@@ -275,8 +308,8 @@ export const NotificationItem = ({
             className={actionClasses}
             disabled={isMarkingUnread}
             onClick={handleMarkAsUnread}
-            title="Mark as unread"
-            aria-label="Mark as unread"
+            title={t('notificationsPage.item.markAsUnread', undefined, 'Mark as unread')}
+            aria-label={t('notificationsPage.item.markAsUnread', undefined, 'Mark as unread')}
           >
             <RotateCcw />
           </Button>
@@ -291,8 +324,12 @@ export const NotificationItem = ({
             )}
             disabled={isDeleting}
             onClick={handleDelete}
-            title="Delete notification"
-            aria-label="Delete notification"
+            title={t('notificationsPage.item.deleteNotification', undefined, 'Delete notification')}
+            aria-label={t(
+              'notificationsPage.item.deleteNotification',
+              undefined,
+              'Delete notification'
+            )}
           >
             <Trash2 />
           </Button>
diff --git a/src/components/Pages/NotificationsPage/NotificationSelectAll.tsx b/src/components/Pages/NotificationsPage/NotificationSelectAll.tsx
index 0b7b0d0ac..33176dfa3 100644
--- a/src/components/Pages/NotificationsPage/NotificationSelectAll.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationSelectAll.tsx
@@ -1,8 +1,10 @@
 import { useId } from 'react'
 import { Checkbox } from '@/components/ui/Checkbox'
 import { useNotificationsPageContext } from '@/contexts/NotificationsPageContext'
+import { useIntl } from '@/i18n'
 
 export const NotificationSelectAll = () => {
+  const { t } = useIntl()
   const {
     groupByTask,
     selectedNotificationIds,
@@ -25,12 +27,20 @@ export const NotificationSelectAll = () => {
         checked={allSelected}
         indeterminate={someSelected && !allSelected}
         onCheckedChange={(checked) => handleSelectAll(checked === true)}
-        aria-label="Select all notifications"
+        aria-label={t(
+          'notificationsPage.selectAll.ariaLabel',
+          undefined,
+          'Select all notifications'
+        )}
       />
       <label htmlFor={selectAllCheckboxId} className="text-sm text-zinc-600 dark:text-slate-400">
         {selectedNotificationIds.size > 0
-          ? `${selectedNotificationIds.size} of ${totalNotificationCount} selected`
-          : 'Select all'}
+          ? t(
+              'notificationsPage.selectAll.selectedCount',
+              { selected: selectedNotificationIds.size, total: totalNotificationCount },
+              '{selected} of {total} selected'
+            )
+          : t('notificationsPage.selectAll.selectAll', undefined, 'Select all')}
       </label>
     </div>
   )
diff --git a/src/components/Pages/NotificationsPage/NotificationThreadDialog.tsx b/src/components/Pages/NotificationsPage/NotificationThreadDialog.tsx
index 7c86536b7..76feea6a3 100644
--- a/src/components/Pages/NotificationsPage/NotificationThreadDialog.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationThreadDialog.tsx
@@ -16,6 +16,7 @@ import {
 } from '@/components/ui/Dialog'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useNotificationsContext } from '@/contexts/NotificationsContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { NotificationItem } from './NotificationItem'
 
@@ -24,6 +25,7 @@ interface NotificationThreadDialogProps {
 }
 
 export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialogProps = {}) => {
+  const { t } = useIntl()
   const { openNotificationThread: thread, closeThread, markAllAsRead } = useNotificationsContext()
   const { user } = useAuthContext()
 
@@ -60,13 +62,13 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
     try {
       await addCommentMutation.mutateAsync({ taskId, commentText: trimmed })
       setReplyValue('')
-      toast.success('Reply posted')
+      toast.success(t('notificationsPage.thread.replyPosted', undefined, 'Reply posted'))
     } catch (error) {
       logger.error('Failed to post reply from notification thread', {
         error,
         taskId,
       })
-      toast.error('Failed to post reply')
+      toast.error(t('notificationsPage.thread.replyFailed', undefined, 'Failed to post reply'))
       // Re-throw so the composer can exit its busy state via its finally block.
       throw error
     }
@@ -86,15 +88,40 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
             <div className="min-w-0 flex-1">
               <DialogTitle>
                 {isThread
-                  ? `${thread?.length} notifications`
+                  ? t(
+                      'notificationsPage.thread.title.count',
+                      { count: thread?.length ?? 0 },
+                      '{count} notifications'
+                    )
                   : taskId
-                    ? `Notification for Task #${taskId}`
-                    : 'Notification'}
+                    ? t(
+                        'notificationsPage.thread.title.task',
+                        { taskId },
+                        'Notification for Task #{taskId}'
+                      )
+                    : t('common.notification', undefined, 'Notification')}
               </DialogTitle>
               <DialogDescription>
                 {isThread
-                  ? `Grouped together for ${taskId ? `Task #${taskId}` : (challengeRef ?? 'this thread')}`
-                  : 'View notification details'}
+                  ? t(
+                      'common.taskWithTaskId',
+                      {
+                        ref: taskId
+                          ? t('common.taskWithTaskId', { taskId }, 'Task #{taskId}')
+                          : (challengeRef ??
+                            t(
+                              'notificationsPage.thread.description.thisThread',
+                              undefined,
+                              'this thread'
+                            )),
+                      },
+                      'Grouped together for {ref}'
+                    )
+                  : t(
+                      'notificationsPage.thread.description.viewDetails',
+                      undefined,
+                      'View notification details'
+                    )}
               </DialogDescription>
             </div>
           </div>
@@ -116,11 +143,15 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
 
         {taskId ? (
           <section
-            aria-label="Task comment thread"
+            aria-label={t(
+              'notificationsPage.thread.commentsSectionLabel',
+              undefined,
+              'Task comment thread'
+            )}
             className="mt-4 space-y-3 border-zinc-200 border-t pt-4 dark:border-slate-700"
           >
             <h3 className="font-medium text-sm text-zinc-900 dark:text-slate-100">
-              Comments on this task
+              {t('notificationsPage.thread.commentsHeading', undefined, 'Comments on this task')}
             </h3>
             {commentsLoading ? (
               <div className="flex items-center justify-center py-4">
@@ -130,7 +161,11 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
               <CommentList
                 comments={taskComments}
                 variant="compact"
-                emptyStateText="No comments on this task yet"
+                emptyStateText={t(
+                  'notificationsPage.thread.noComments',
+                  undefined,
+                  'No comments on this task yet'
+                )}
                 orderBy="asc"
               />
             )}
@@ -141,14 +176,18 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
                   value={replyValue}
                   onChange={setReplyValue}
                   onSubmit={handleReplySubmit}
-                  placeholder={`Reply on Task #${taskId}…`}
-                  submitLabel="Reply"
+                  placeholder={t(
+                    'notificationsPage.thread.replyPlaceholder',
+                    { taskId },
+                    'Reply on Task #{taskId}…'
+                  )}
+                  submitLabel={t('common.reply', undefined, 'Reply')}
                   disabled={addCommentMutation.isPending}
                 />
               </div>
             ) : (
               <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-3 text-center text-xs text-zinc-600 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400">
-                Sign in to reply
+                {t('notificationsPage.thread.signInToReply', undefined, 'Sign in to reply')}
               </div>
             )}
           </section>
@@ -162,8 +201,13 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
               disabled={unreadIds.length === 0}
             >
               <CheckCheck className="size-4" aria-hidden="true" />
-              Mark thread as read
-              {unreadIds.length > 0 ? ` (${unreadIds.length})` : ''}
+              {unreadIds.length > 0
+                ? t(
+                    'notificationsPage.thread.markThreadReadCount',
+                    { count: unreadIds.length },
+                    'Mark thread as read ({count})'
+                  )
+                : t('notificationsPage.thread.markThreadRead', undefined, 'Mark thread as read')}
             </Button>
             {taskId ? (
               <Button variant="outline" asChild>
@@ -173,7 +217,7 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
                   search={{ tab: 'comments' }}
                   onClick={closeThread}
                 >
-                  Open task
+                  {t('notificationsPage.thread.openTask', undefined, 'Open task')}
                   <ExternalLink className="size-4" aria-hidden="true" />
                 </Link>
               </Button>
@@ -181,7 +225,7 @@ export const NotificationThreadDialog = ({ onViewAll }: NotificationThreadDialog
           </div>
           {onViewAll && (
             <Button variant="ghost" onClick={onViewAll}>
-              View all notifications
+              {t('common.viewAllNotifications', undefined, 'View all notifications')}
             </Button>
           )}
         </DialogFooter>
diff --git a/src/components/Pages/NotificationsPage/NotificationToolbar.tsx b/src/components/Pages/NotificationsPage/NotificationToolbar.tsx
index 591a44571..ec197c51b 100644
--- a/src/components/Pages/NotificationsPage/NotificationToolbar.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationToolbar.tsx
@@ -1,8 +1,10 @@
 import { Button } from '@/components/ui/Button'
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/Tabs'
 import { useNotificationsPageContext } from '@/contexts/NotificationsPageContext'
+import { useIntl } from '@/i18n'
 
 export const NotificationToolbar = () => {
+  const { t } = useIntl()
   const {
     activeTab,
     setActiveTab,
@@ -20,8 +22,12 @@ export const NotificationToolbar = () => {
     <div className="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
       <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as 'unread' | 'all')}>
         <TabsList>
-          <TabsTrigger value="unread">Unread ({filteredUnreadCount})</TabsTrigger>
-          <TabsTrigger value="all">All ({filteredAllCount})</TabsTrigger>
+          <TabsTrigger value="unread">
+            {t('common.unread', { count: filteredUnreadCount }, 'Unread ({count})')}
+          </TabsTrigger>
+          <TabsTrigger value="all">
+            {t('common.all', { count: filteredAllCount }, 'All ({count})')}
+          </TabsTrigger>
         </TabsList>
       </Tabs>
 
@@ -34,10 +40,14 @@ export const NotificationToolbar = () => {
             disabled={isMarkingSelected || filteredNotifications.length === 0}
           >
             {isMarkingSelected
-              ? 'Marking...'
+              ? t('notificationsPage.toolbar.marking', undefined, 'Marking...')
               : selectedNotificationIds.size > 0
-                ? `Mark ${selectedNotificationIds.size} as unread`
-                : 'Mark all as unread'}
+                ? t(
+                    'notificationsPage.toolbar.markSelectedUnread',
+                    { count: selectedNotificationIds.size },
+                    'Mark {count} as unread'
+                  )
+                : t('notificationsPage.toolbar.markAllUnread', undefined, 'Mark all as unread')}
           </Button>
         ) : (
           <Button
@@ -47,10 +57,14 @@ export const NotificationToolbar = () => {
             disabled={isMarkingSelected || filteredNotifications.length === 0}
           >
             {isMarkingSelected
-              ? 'Marking...'
+              ? t('notificationsPage.toolbar.marking', undefined, 'Marking...')
               : selectedNotificationIds.size > 0
-                ? `Mark ${selectedNotificationIds.size} as read`
-                : 'Mark all as read'}
+                ? t(
+                    'notificationsPage.toolbar.markSelectedRead',
+                    { count: selectedNotificationIds.size },
+                    'Mark {count} as read'
+                  )
+                : t('common.markAllAsRead', undefined, 'Mark all as read')}
           </Button>
         )}
       </div>
diff --git a/src/components/Pages/NotificationsPage/NotificationsPageContent.tsx b/src/components/Pages/NotificationsPage/NotificationsPageContent.tsx
index cf6f1d805..c93ab6813 100644
--- a/src/components/Pages/NotificationsPage/NotificationsPageContent.tsx
+++ b/src/components/Pages/NotificationsPage/NotificationsPageContent.tsx
@@ -4,6 +4,7 @@ import { Card } from '@/components/ui/Card'
 import { Checkbox } from '@/components/ui/Checkbox'
 import { useNotificationsContext } from '@/contexts/NotificationsContext'
 import { useNotificationsPageContext } from '@/contexts/NotificationsPageContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { NotificationFilters } from './NotificationFilters'
 import { NotificationItem } from './NotificationItem'
@@ -13,6 +14,7 @@ import { NotificationToolbar } from './NotificationToolbar'
 import { PageHeader } from './PageHeader'
 
 export const NotificationsPageContent = () => {
+  const { t } = useIntl()
   const { notifications, isLoading } = useNotificationsContext()
   const {
     activeTab,
@@ -73,7 +75,14 @@ export const NotificationsPageContent = () => {
   return (
     <div className="h-full overflow-auto">
       <div className="container mx-auto max-w-4xl px-4 py-6">
-        <PageHeader title="Notifications" description="View and manage your notifications" />
+        <PageHeader
+          title={t('notificationsPage.content.title', undefined, 'Notifications')}
+          description={t(
+            'notificationsPage.content.description',
+            undefined,
+            'View and manage your notifications'
+          )}
+        />
         <div className="mb-4 flex flex-wrap items-center gap-4">
           <Checkbox
             id={groupByTaskCheckboxId}
@@ -84,11 +93,15 @@ export const NotificationsPageContent = () => {
             htmlFor={groupByTaskCheckboxId}
             className="cursor-pointer text-sm text-zinc-600 dark:text-slate-400"
           >
-            Group by Task
+            {t('notificationsPage.content.groupByTask', undefined, 'Group by Task')}
           </label>
           {groupByTask && (
             <span className="text-xs text-zinc-500 dark:text-slate-500">
-              Notifications for the same task are grouped together
+              {t(
+                'notificationsPage.content.groupByTaskHint',
+                undefined,
+                'Notifications for the same task are grouped together'
+              )}
             </span>
           )}
         </div>
@@ -98,7 +111,7 @@ export const NotificationsPageContent = () => {
         {isLoading ? (
           <Card className="p-6">
             <div className="text-center text-zinc-500 dark:text-slate-500">
-              Loading notifications...
+              {t('common.loadingNotifications', undefined, 'Loading notifications...')}
             </div>
           </Card>
         ) : displayNotifications.length > 0 ? (
@@ -154,11 +167,17 @@ export const NotificationsPageContent = () => {
         ) : (
           <Card className="p-6">
             <div className="space-y-2 text-center">
-              <p className="font-semibold text-base">You're all up to date</p>
+              <p className="font-semibold text-base">
+                {t('common.youreAllUpToDate', undefined, "You're all up to date")}
+              </p>
               <p className="text-sm text-zinc-500 dark:text-slate-500">
                 {activeTab === 'unread'
-                  ? 'You have no unread notifications at the moment.'
-                  : 'You have no notifications.'}
+                  ? t(
+                      'common.noUnreadNotificationsYet',
+                      undefined,
+                      'You have no unread notifications at the moment.'
+                    )
+                  : t('common.noNotificationsYet', undefined, 'You have no notifications.')}
               </p>
             </div>
           </Card>
diff --git a/src/components/Pages/NotificationsPage/SavedViewsMenu.tsx b/src/components/Pages/NotificationsPage/SavedViewsMenu.tsx
index 75964d73c..d1520d1ef 100644
--- a/src/components/Pages/NotificationsPage/SavedViewsMenu.tsx
+++ b/src/components/Pages/NotificationsPage/SavedViewsMenu.tsx
@@ -13,6 +13,7 @@ import {
 import { Input } from '@/components/ui/Input'
 import { useNotificationsPageContext } from '@/contexts/NotificationsPageContext'
 import type { NotificationFilterState } from '@/hooks/useNotificationFilters'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { cn } from '@/lib/utils'
 
@@ -55,6 +56,7 @@ const persistSavedViews = (views: SavedView[]) => {
 }
 
 export const SavedViewsMenu = () => {
+  const { t } = useIntl()
   const { filters } = useNotificationsPageContext()
   const { currentState, applyFilterState, hasActiveFilters } = filters
 
@@ -100,7 +102,9 @@ export const SavedViewsMenu = () => {
   const handleSaveCurrent = () => {
     const name = newName.trim()
     if (!name) {
-      toast.error('View name is required')
+      toast.error(
+        t('notificationsPage.savedViews.nameRequired', undefined, 'View name is required')
+      )
       return
     }
     const next: SavedView = {
@@ -113,16 +117,18 @@ export const SavedViewsMenu = () => {
       persistSavedViews(updated)
       setViews(updated)
       resetNamingState()
-      toast.success(`Saved view "${name}"`)
+      toast.success(t('notificationsPage.savedViews.saved', { name }, 'Saved view "{name}"'))
     } catch {
-      toast.error('Failed to save view')
+      toast.error(t('notificationsPage.savedViews.saveFailed', undefined, 'Failed to save view'))
     }
   }
 
   const handleApply = (view: SavedView) => {
     applyFilterState(view.state)
     setIsOpen(false)
-    toast.success(`Applied view "${view.name}"`)
+    toast.success(
+      t('notificationsPage.savedViews.applied', { name: view.name }, 'Applied view "{name}"')
+    )
   }
 
   const handleDelete = (id: string) => {
@@ -130,9 +136,11 @@ export const SavedViewsMenu = () => {
     try {
       persistSavedViews(updated)
       setViews(updated)
-      toast.success('View deleted')
+      toast.success(t('notificationsPage.savedViews.deleted', undefined, 'View deleted'))
     } catch {
-      toast.error('Failed to delete view')
+      toast.error(
+        t('notificationsPage.savedViews.deleteFailed', undefined, 'Failed to delete view')
+      )
     }
   }
 
@@ -144,7 +152,9 @@ export const SavedViewsMenu = () => {
   const handleCommitRename = (id: string) => {
     const name = editingName.trim()
     if (!name) {
-      toast.error('View name is required')
+      toast.error(
+        t('notificationsPage.savedViews.nameRequired', undefined, 'View name is required')
+      )
       return
     }
     const updated = views.map((v) => (v.id === id ? { ...v, name } : v))
@@ -152,9 +162,11 @@ export const SavedViewsMenu = () => {
       persistSavedViews(updated)
       setViews(updated)
       resetEditingState()
-      toast.success('View renamed')
+      toast.success(t('notificationsPage.savedViews.renamed', undefined, 'View renamed'))
     } catch {
-      toast.error('Failed to rename view')
+      toast.error(
+        t('notificationsPage.savedViews.renameFailed', undefined, 'Failed to rename view')
+      )
     }
   }
 
@@ -163,7 +175,7 @@ export const SavedViewsMenu = () => {
       <DropdownMenuTrigger asChild>
         <Button variant="outline" size="sm" className="gap-1.5">
           <BookmarkIcon className="size-4" />
-          <span>Saved views</span>
+          <span>{t('notificationsPage.savedViews.title', undefined, 'Saved views')}</span>
           {views.length > 0 ? (
             <span className="ml-1 rounded-full bg-zinc-100 px-1.5 text-xs text-zinc-700 dark:bg-slate-700 dark:text-slate-200">
               {views.length}
@@ -173,11 +185,11 @@ export const SavedViewsMenu = () => {
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="w-72">
         <DropdownMenuLabel className="text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-          Saved views
+          {t('notificationsPage.savedViews.title', undefined, 'Saved views')}
         </DropdownMenuLabel>
         {views.length === 0 ? (
           <div className="px-2 py-3 text-sm text-zinc-500 dark:text-slate-400">
-            No saved views yet.
+            {t('notificationsPage.savedViews.empty', undefined, 'No saved views yet.')}
           </div>
         ) : (
           views.map((view) =>
@@ -197,13 +209,17 @@ export const SavedViewsMenu = () => {
                   }}
                   autoFocus
                   className="h-7 text-sm"
-                  aria-label="Rename saved view"
+                  aria-label={t(
+                    'notificationsPage.savedViews.renameInputLabel',
+                    undefined,
+                    'Rename saved view'
+                  )}
                 />
                 <Button
                   size="icon-sm"
                   variant="ghost"
                   onClick={() => handleCommitRename(view.id)}
-                  aria-label="Save name"
+                  aria-label={t('notificationsPage.savedViews.saveName', undefined, 'Save name')}
                 >
                   <CheckIcon className="size-4" />
                 </Button>
@@ -211,7 +227,11 @@ export const SavedViewsMenu = () => {
                   size="icon-sm"
                   variant="ghost"
                   onClick={resetEditingState}
-                  aria-label="Cancel rename"
+                  aria-label={t(
+                    'notificationsPage.savedViews.cancelRename',
+                    undefined,
+                    'Cancel rename'
+                  )}
                 >
                   <XIcon className="size-4" />
                 </Button>
@@ -238,7 +258,11 @@ export const SavedViewsMenu = () => {
                     e.stopPropagation()
                     handleStartRename(view)
                   }}
-                  aria-label={`Rename ${view.name}`}
+                  aria-label={t(
+                    'notificationsPage.savedViews.renameAction',
+                    { name: view.name },
+                    'Rename {name}'
+                  )}
                 >
                   <PencilIcon className="size-3.5" />
                 </button>
@@ -253,7 +277,11 @@ export const SavedViewsMenu = () => {
                     e.stopPropagation()
                     handleDelete(view.id)
                   }}
-                  aria-label={`Delete ${view.name}`}
+                  aria-label={t(
+                    'notificationsPage.savedViews.deleteAction',
+                    { name: view.name },
+                    'Delete {name}'
+                  )}
                 >
                   <TrashIcon className="size-3.5" />
                 </button>
@@ -277,15 +305,23 @@ export const SavedViewsMenu = () => {
                 }
               }}
               autoFocus
-              placeholder="View name"
+              placeholder={t(
+                'notificationsPage.savedViews.namePlaceholder',
+                undefined,
+                'View name'
+              )}
               className="h-7 text-sm"
-              aria-label="Saved view name"
+              aria-label={t(
+                'notificationsPage.savedViews.newNameLabel',
+                undefined,
+                'Saved view name'
+              )}
             />
             <Button
               size="icon-sm"
               variant="ghost"
               onClick={handleSaveCurrent}
-              aria-label="Save view"
+              aria-label={t('notificationsPage.savedViews.saveView', undefined, 'Save view')}
             >
               <CheckIcon className="size-4" />
             </Button>
@@ -293,7 +329,7 @@ export const SavedViewsMenu = () => {
               size="icon-sm"
               variant="ghost"
               onClick={resetNamingState}
-              aria-label="Cancel save"
+              aria-label={t('notificationsPage.savedViews.cancelSave', undefined, 'Cancel save')}
             >
               <XIcon className="size-4" />
             </Button>
@@ -307,7 +343,9 @@ export const SavedViewsMenu = () => {
             }}
           >
             <PlusIcon className="size-4" />
-            <span>Save current as…</span>
+            <span>
+              {t('notificationsPage.savedViews.saveCurrentAs', undefined, 'Save current as…')}
+            </span>
           </DropdownMenuItem>
         )}
       </DropdownMenuContent>
diff --git a/src/components/Pages/ProfilePage/ProfileHeader.tsx b/src/components/Pages/ProfilePage/ProfileHeader.tsx
index d0c6cd4e5..4741a3985 100644
--- a/src/components/Pages/ProfilePage/ProfileHeader.tsx
+++ b/src/components/Pages/ProfilePage/ProfileHeader.tsx
@@ -1,6 +1,7 @@
 import { ExternalLink } from 'lucide-react'
 import { PointsTicker } from '@/components/shared/PointsTicker'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
+import { useIntl } from '@/i18n'
 import { initials } from '@/lib/utils'
 import type { User } from '@/types/User'
 
@@ -10,6 +11,7 @@ interface Props {
 }
 
 export const ProfileHeader = ({ user, showLivePoints }: Props) => {
+  const { t } = useIntl()
   const displayName = user.osmProfile.displayName
   const avatarURL = user.osmProfile.avatarURL
   const createdDate = user.created
@@ -26,7 +28,9 @@ export const ProfileHeader = ({ user, showLivePoints }: Props) => {
       </Avatar>
       <h1 className="mb-2 font-bold text-base">{displayName}</h1>
       {createdDate && (
-        <p className="mb-4 text-zinc-500 dark:text-slate-400">User since: {createdDate}</p>
+        <p className="mb-4 text-zinc-500 dark:text-slate-400">
+          {t('profilePage.header.userSince', { date: createdDate }, 'User since: {date}')}
+        </p>
       )}
       {showLivePoints && (
         <div className="mb-4">
@@ -40,7 +44,7 @@ export const ProfileHeader = ({ user, showLivePoints }: Props) => {
           rel="noopener noreferrer"
           className="flex items-center gap-2 text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"
         >
-          OSM Profile
+          {t('profilePage.header.osmProfileLink', undefined, 'OSM Profile')}
           <ExternalLink className="size-4" />
         </a>
         <a
@@ -49,7 +53,7 @@ export const ProfileHeader = ({ user, showLivePoints }: Props) => {
           rel="noopener noreferrer"
           className="flex items-center gap-2 text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"
         >
-          OSMCha
+          {t('profilePage.header.osmChaLink', undefined, 'OSMCha')}
           <ExternalLink className="size-4" />
         </a>
       </div>
diff --git a/src/components/Pages/ProfilePage/TimeRangeSelector.tsx b/src/components/Pages/ProfilePage/TimeRangeSelector.tsx
index 1e0d361c6..dc15d4fb4 100644
--- a/src/components/Pages/ProfilePage/TimeRangeSelector.tsx
+++ b/src/components/Pages/ProfilePage/TimeRangeSelector.tsx
@@ -1,16 +1,18 @@
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/ToggleGroup'
+import { useIntl } from '@/i18n'
 import { useProfilePageContext } from './contexts/ProfilePageContext'
 
-const presets: Array<{ label: string; monthDuration: number }> = [
-  { label: '1m', monthDuration: 1 },
-  { label: '3m', monthDuration: 3 },
-  { label: '6m', monthDuration: 6 },
-  { label: '9m', monthDuration: 9 },
-  { label: '12m', monthDuration: 12 },
-  { label: 'All', monthDuration: -1 },
+const presets: Array<{ labelId: string; defaultLabel: string; monthDuration: number }> = [
+  { labelId: 'profilePage.timeRange.oneMonth', defaultLabel: '1m', monthDuration: 1 },
+  { labelId: 'profilePage.timeRange.threeMonths', defaultLabel: '3m', monthDuration: 3 },
+  { labelId: 'profilePage.timeRange.sixMonths', defaultLabel: '6m', monthDuration: 6 },
+  { labelId: 'profilePage.timeRange.nineMonths', defaultLabel: '9m', monthDuration: 9 },
+  { labelId: 'profilePage.timeRange.twelveMonths', defaultLabel: '12m', monthDuration: 12 },
+  { labelId: 'profilePage.timeRange.all', defaultLabel: 'All', monthDuration: -1 },
 ]
 
 export const TimeRangeSelector = () => {
+  const { t } = useIntl()
   const { timeRange, setMonthDuration } = useProfilePageContext()
 
   return (
@@ -21,11 +23,11 @@ export const TimeRangeSelector = () => {
         if (!value) return
         setMonthDuration(Number(value))
       }}
-      aria-label="Time range"
+      aria-label={t('profilePage.timeRange.ariaLabel', undefined, 'Time range')}
     >
       {presets.map((preset) => (
         <ToggleGroupItem key={preset.monthDuration} value={String(preset.monthDuration)}>
-          {preset.label}
+          {t(preset.labelId, undefined, preset.defaultLabel)}
         </ToggleGroupItem>
       ))}
     </ToggleGroup>
diff --git a/src/components/Pages/ProfilePage/blocks/ReviewStatsBlock.tsx b/src/components/Pages/ProfilePage/blocks/ReviewStatsBlock.tsx
index b4982b8e5..c47f71cbf 100644
--- a/src/components/Pages/ProfilePage/blocks/ReviewStatsBlock.tsx
+++ b/src/components/Pages/ProfilePage/blocks/ReviewStatsBlock.tsx
@@ -2,21 +2,23 @@ import { ClipboardCheck } from 'lucide-react'
 import { api } from '@/api'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Skeleton } from '@/components/ui/Skeleton'
+import { useIntl } from '@/i18n'
 import { useProfilePageContext } from '../contexts/ProfilePageContext'
 
-const reviewStatusLabels: Record<string, string> = {
-  '0': 'Needed',
-  '1': 'Approved',
-  '2': 'Rejected',
-  '3': 'Assisted',
-  '4': 'Disputed',
-  '5': 'Unnecessary',
-}
-
 export const ReviewStatsBlock = () => {
+  const { t } = useIntl()
   const { userId, timeRange } = useProfilePageContext()
   const { data, isLoading, isError } = api.user.metrics(userId, timeRange.monthDuration)
 
+  const reviewStatusLabels: Record<string, string> = {
+    '0': t('common.needed', undefined, 'Needed'),
+    '1': t('common.approved', undefined, 'Approved'),
+    '2': t('common.rejected', undefined, 'Rejected'),
+    '3': t('common.assisted', undefined, 'Assisted'),
+    '4': t('common.disputed', undefined, 'Disputed'),
+    '5': t('common.unnecessary', undefined, 'Unnecessary'),
+  }
+
   const reviewedTotal = Object.values(data?.reviewedTasks ?? {}).reduce((a, b) => a + b, 0)
 
   if (!isLoading && !isError && reviewedTotal === 0) {
@@ -28,20 +30,23 @@ export const ReviewStatsBlock = () => {
       <CardHeader>
         <CardTitle className="flex items-center gap-2 text-base">
           <ClipboardCheck className="size-4 text-blue-600" aria-hidden="true" />
-          Reviews Received
+          {t('profilePage.reviewStats.title', undefined, 'Reviews Received')}
         </CardTitle>
       </CardHeader>
       <CardContent>
         {isLoading ? (
           <Skeleton className="h-24 w-full" />
         ) : isError || !data ? (
-          <p className="text-sm text-zinc-500 dark:text-slate-400">Couldn't load review stats.</p>
+          <p className="text-sm text-zinc-500 dark:text-slate-400">
+            {t('profilePage.reviewStats.loadError', undefined, "Couldn't load review stats.")}
+          </p>
         ) : (
           <dl className="grid grid-cols-2 gap-x-4 gap-y-1 text-sm">
             {Object.entries(data.reviewedTasks ?? {}).map(([status, count]) => (
               <div key={status} className="flex justify-between">
                 <dt className="text-zinc-600 dark:text-slate-400">
-                  {reviewStatusLabels[status] ?? `Status ${status}`}
+                  {reviewStatusLabels[status] ??
+                    t('common.statusWithStatus', { status }, 'Status {status}')}
                 </dt>
                 <dd className="font-medium font-mono tabular-nums">{count.toLocaleString()}</dd>
               </div>
diff --git a/src/components/Pages/ProfilePage/blocks/ReviewerStatsBlock.tsx b/src/components/Pages/ProfilePage/blocks/ReviewerStatsBlock.tsx
index 03877496e..19fbdb0f6 100644
--- a/src/components/Pages/ProfilePage/blocks/ReviewerStatsBlock.tsx
+++ b/src/components/Pages/ProfilePage/blocks/ReviewerStatsBlock.tsx
@@ -2,21 +2,23 @@ import { ShieldCheck } from 'lucide-react'
 import { api } from '@/api'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Skeleton } from '@/components/ui/Skeleton'
+import { useIntl } from '@/i18n'
 import { useProfilePageContext } from '../contexts/ProfilePageContext'
 
-const reviewStatusLabels: Record<string, string> = {
-  '0': 'Needed',
-  '1': 'Approved',
-  '2': 'Rejected',
-  '3': 'Assisted',
-  '4': 'Disputed',
-  '5': 'Unnecessary',
-}
-
 export const ReviewerStatsBlock = () => {
+  const { t } = useIntl()
   const { userId, timeRange } = useProfilePageContext()
   const { data, isLoading } = api.user.metrics(userId, timeRange.monthDuration)
 
+  const reviewStatusLabels: Record<string, string> = {
+    '0': t('common.needed', undefined, 'Needed'),
+    '1': t('common.approved', undefined, 'Approved'),
+    '2': t('common.rejected', undefined, 'Rejected'),
+    '3': t('common.assisted', undefined, 'Assisted'),
+    '4': t('common.disputed', undefined, 'Disputed'),
+    '5': t('common.unnecessary', undefined, 'Unnecessary'),
+  }
+
   const reviewerTotal = Object.values(data?.reviewTasks ?? {}).reduce((a, b) => a + b, 0)
 
   if (!isLoading && reviewerTotal === 0) {
@@ -28,7 +30,7 @@ export const ReviewerStatsBlock = () => {
       <CardHeader>
         <CardTitle className="flex items-center gap-2 text-base">
           <ShieldCheck className="size-4 text-green-600" aria-hidden="true" />
-          Reviews Performed
+          {t('profilePage.reviewerStats.title', undefined, 'Reviews Performed')}
         </CardTitle>
       </CardHeader>
       <CardContent>
@@ -39,7 +41,8 @@ export const ReviewerStatsBlock = () => {
             {Object.entries(data?.reviewTasks ?? {}).map(([status, count]) => (
               <div key={status} className="flex justify-between">
                 <dt className="text-zinc-600 dark:text-slate-400">
-                  {reviewStatusLabels[status] ?? `Status ${status}`}
+                  {reviewStatusLabels[status] ??
+                    t('common.statusWithStatus', { status }, 'Status {status}')}
                 </dt>
                 <dd className="font-medium font-mono tabular-nums">{count.toLocaleString()}</dd>
               </div>
diff --git a/src/components/Pages/ProfilePage/blocks/TaskStatsBlock.tsx b/src/components/Pages/ProfilePage/blocks/TaskStatsBlock.tsx
index 856cf52e1..660bc3b3e 100644
--- a/src/components/Pages/ProfilePage/blocks/TaskStatsBlock.tsx
+++ b/src/components/Pages/ProfilePage/blocks/TaskStatsBlock.tsx
@@ -3,10 +3,12 @@ import { api } from '@/api'
 import { DigitDisplay } from '@/components/shared/DigitDisplay'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Skeleton } from '@/components/ui/Skeleton'
+import { useIntl } from '@/i18n'
 import { STATUS_LABELS } from '@/lib/taskConstants'
 import { useProfilePageContext } from '../contexts/ProfilePageContext'
 
 export const TaskStatsBlock = () => {
+  const { t } = useIntl()
   const { userId, timeRange } = useProfilePageContext()
   const { data, isLoading, isError } = api.user.metrics(userId, timeRange.monthDuration)
 
@@ -15,19 +17,21 @@ export const TaskStatsBlock = () => {
       <CardHeader>
         <CardTitle className="flex items-center gap-2 text-base">
           <CheckCircle2 className="size-4 text-teal-600" aria-hidden="true" />
-          Tasks
+          {t('common.tasks', undefined, 'Tasks')}
         </CardTitle>
       </CardHeader>
       <CardContent className="space-y-4">
         {isLoading ? (
           <Skeleton className="h-12 w-32" />
         ) : isError || !data ? (
-          <p className="text-sm text-zinc-500 dark:text-slate-400">Couldn't load task stats.</p>
+          <p className="text-sm text-zinc-500 dark:text-slate-400">
+            {t('profilePage.taskStats.loadError', undefined, "Couldn't load task stats.")}
+          </p>
         ) : (
           <>
             <div>
               <div className="mb-1 text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-                Total completed
+                {t('profilePage.taskStats.totalCompleted', undefined, 'Total completed')}
               </div>
               <DigitDisplay value={data.total ?? 0} size="lg" />
             </div>
@@ -36,7 +40,8 @@ export const TaskStatsBlock = () => {
                 {Object.entries(data.tasks).map(([status, count]) => (
                   <div key={status} className="flex justify-between">
                     <dt className="text-zinc-600 dark:text-slate-400">
-                      {STATUS_LABELS[Number(status)] ?? `Status ${status}`}
+                      {STATUS_LABELS[Number(status)] ??
+                        t('common.statusWithStatus', { status }, 'Status {status}')}
                     </dt>
                     <dd className="font-medium font-mono tabular-nums">{count.toLocaleString()}</dd>
                   </div>
diff --git a/src/components/Pages/ProfilePage/index.tsx b/src/components/Pages/ProfilePage/index.tsx
index 73fc9d8ef..acd10f917 100644
--- a/src/components/Pages/ProfilePage/index.tsx
+++ b/src/components/Pages/ProfilePage/index.tsx
@@ -1,6 +1,7 @@
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import type { User } from '@/types/User'
 import { ProfilePageProvider } from './contexts/ProfilePageContext'
 import { ProfileHeader } from './ProfileHeader'
@@ -13,6 +14,7 @@ interface Props {
 }
 
 export const ProfilePage = ({ userId }: Props = {}) => {
+  const { t } = useIntl()
   const { user: authedUser } = useAuthContext()
   const isViewingOther = userId !== undefined && userId !== authedUser?.id
   const publicUserQuery = api.user.getUser(isViewingOther ? userId : 0)
@@ -27,8 +29,8 @@ export const ProfilePage = ({ userId }: Props = {}) => {
       <div className="flex items-center justify-center py-12">
         <p className="text-zinc-500 dark:text-slate-400">
           {isViewingOther
-            ? "Couldn't load that user's profile."
-            : 'Please log in to view your profile'}
+            ? t('profilePage.index.loadError', undefined, "Couldn't load that user's profile.")
+            : t('profilePage.index.loginRequired', undefined, 'Please log in to view your profile')}
         </p>
       </div>
     )
diff --git a/src/components/Pages/ProfilePage/sections/AchievementsSection.tsx b/src/components/Pages/ProfilePage/sections/AchievementsSection.tsx
index 615d79b97..5134ff923 100644
--- a/src/components/Pages/ProfilePage/sections/AchievementsSection.tsx
+++ b/src/components/Pages/ProfilePage/sections/AchievementsSection.tsx
@@ -1,5 +1,6 @@
 import { useId } from 'react'
 import { AchievementBadge } from '@/components/shared/AchievementBadge'
+import { useIntl } from '@/i18n'
 import {
   type AchievementCategory,
   achievementCategoryLabel,
@@ -11,6 +12,7 @@ interface Props {
 }
 
 export const AchievementsSection = ({ earnedIds }: Props) => {
+  const { t } = useIntl()
   const headingId = useId()
   const earnedSet = new Set(earnedIds)
   const grouped = achievementDefinitions.reduce(
@@ -29,10 +31,14 @@ export const AchievementsSection = ({ earnedIds }: Props) => {
     <section aria-labelledby={headingId} className="space-y-4">
       <div className="flex items-baseline justify-between gap-3">
         <h2 id={headingId} className="font-semibold text-lg text-zinc-900 dark:text-slate-100">
-          Achievements
+          {t('profilePage.achievements.title', undefined, 'Achievements')}
         </h2>
         <span className="text-sm text-zinc-500 dark:text-slate-400">
-          {earnedCount} of {totalCount} earned
+          {t(
+            'profilePage.achievements.earnedCount',
+            { earned: earnedCount, total: totalCount },
+            '{earned} of {total} earned'
+          )}
         </span>
       </div>
       <div className="space-y-6">
diff --git a/src/components/Pages/ProfilePage/sections/MetricsSection.tsx b/src/components/Pages/ProfilePage/sections/MetricsSection.tsx
index 4e5a9de11..ee5e43267 100644
--- a/src/components/Pages/ProfilePage/sections/MetricsSection.tsx
+++ b/src/components/Pages/ProfilePage/sections/MetricsSection.tsx
@@ -1,16 +1,18 @@
 import { useId } from 'react'
+import { useIntl } from '@/i18n'
 import { ReviewerStatsBlock } from '../blocks/ReviewerStatsBlock'
 import { ReviewStatsBlock } from '../blocks/ReviewStatsBlock'
 import { TaskStatsBlock } from '../blocks/TaskStatsBlock'
 import { TimeRangeSelector } from '../TimeRangeSelector'
 
 export const MetricsSection = () => {
+  const { t } = useIntl()
   const headingId = useId()
   return (
     <section aria-labelledby={headingId} className="space-y-4">
       <div className="flex flex-wrap items-center justify-between gap-3">
         <h2 id={headingId} className="font-semibold text-lg text-zinc-900 dark:text-slate-100">
-          Metrics
+          {t('profilePage.metrics.title', undefined, 'Metrics')}
         </h2>
         <TimeRangeSelector />
       </div>
diff --git a/src/components/Pages/ProfilePage/sections/TopChallengesSection.tsx b/src/components/Pages/ProfilePage/sections/TopChallengesSection.tsx
index 56341064b..b3637d378 100644
--- a/src/components/Pages/ProfilePage/sections/TopChallengesSection.tsx
+++ b/src/components/Pages/ProfilePage/sections/TopChallengesSection.tsx
@@ -1,15 +1,17 @@
 import { useId } from 'react'
 import { TopChallengesList } from '@/components/shared/TopChallengesList'
+import { useIntl } from '@/i18n'
 import { useProfilePageContext } from '../contexts/ProfilePageContext'
 
 export const TopChallengesSection = () => {
+  const { t } = useIntl()
   const { userId, timeRange } = useProfilePageContext()
   const headingId = useId()
 
   return (
     <section aria-labelledby={headingId} className="space-y-3">
       <h2 id={headingId} className="font-semibold text-lg text-zinc-900 dark:text-slate-100">
-        Top Challenges
+        {t('profilePage.topChallenges.title', undefined, 'Top Challenges')}
       </h2>
       <TopChallengesList userId={userId} monthDuration={timeRange.monthDuration} limit={5} />
     </section>
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminAnalytics/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminAnalytics/index.tsx
index 2a8c456c6..563c3b765 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminAnalytics/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminAnalytics/index.tsx
@@ -1,8 +1,19 @@
 import { Activity, BarChart3, FolderKanban, ListChecks, TrendingUp, Users } from 'lucide-react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { StatCard, StatCardGrid } from '@/components/ui/StatCard'
+import { useIntl } from '@/i18n'
 
 export const SuperAdminAnalytics = () => {
+  const { t } = useIntl()
+
+  const topProjects = [
+    t('superAdmin.analytics.projectHighwayMapping', undefined, 'Highway Mapping'),
+    t('superAdmin.analytics.projectBuildingFootprints', undefined, 'Building Footprints'),
+    t('superAdmin.analytics.projectParksAndRecreation', undefined, 'Parks and Recreation'),
+    t('superAdmin.analytics.projectStreetNames', undefined, 'Street Names'),
+    t('superAdmin.analytics.projectPoiValidation', undefined, 'POI Validation'),
+  ]
+
   return (
     <div className="mx-auto px-4">
       {/* Header */}
@@ -10,61 +21,73 @@ export const SuperAdminAnalytics = () => {
         <div className="mb-2 flex items-center gap-3">
           <BarChart3 className="h-8 w-8 text-indigo-600 dark:text-indigo-400" />
           <h1 className="font-bold text-2xl text-zinc-900 tracking-tight dark:text-zinc-50">
-            Platform Analytics
+            {t('superAdmin.analytics.title', undefined, 'Platform Analytics')}
           </h1>
         </div>
         <p className="text-sm text-zinc-600 dark:text-zinc-400">
-          View comprehensive analytics and metrics across the platform.
+          {t(
+            'superAdmin.analytics.description',
+            undefined,
+            'View comprehensive analytics and metrics across the platform.'
+          )}
         </p>
       </div>
 
       {/* Key Metrics */}
       <div className="mb-6">
         <h2 className="mb-4 font-semibold text-base text-zinc-900 dark:text-zinc-50">
-          Key Metrics
+          {t('superAdmin.analytics.keyMetrics', undefined, 'Key Metrics')}
         </h2>
         <StatCardGrid>
           <StatCard
-            label="Total Users"
+            label={t('superAdmin.analytics.totalUsers', undefined, 'Total Users')}
             value="12,456"
             icon={<Users className="size-4" />}
             description={
               <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
                 <TrendingUp className="size-3" />
-                +12.3% from last month
+                {t('superAdmin.analytics.totalUsersChange', undefined, '+12.3% from last month')}
               </span>
             }
           />
           <StatCard
-            label="Active Projects"
+            label={t('common.activeProjects', undefined, 'Active Projects')}
             value="256"
             icon={<FolderKanban className="size-4" />}
             description={
               <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
                 <TrendingUp className="size-3" />
-                +8.1% from last month
+                {t('superAdmin.analytics.activeProjectsChange', undefined, '+8.1% from last month')}
               </span>
             }
           />
           <StatCard
-            label="Active Challenges"
+            label={t('common.activeChallenges', undefined, 'Active Challenges')}
             value="1,892"
             icon={<ListChecks className="size-4" />}
             description={
               <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
                 <TrendingUp className="size-3" />
-                +15.2% from last month
+                {t(
+                  'superAdmin.analytics.activeChallengesChange',
+                  undefined,
+                  '+15.2% from last month'
+                )}
               </span>
             }
           />
           <StatCard
-            label="Tasks Completed"
+            label={t('superAdmin.analytics.tasksCompleted', undefined, 'Tasks Completed')}
             value="89.2K"
             icon={<Activity className="size-4" />}
             description={
               <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
                 <TrendingUp className="size-3" />
-                +22.5% from last month
+                {t(
+                  'superAdmin.analytics.tasksCompletedChange',
+                  undefined,
+                  '+22.5% from last month'
+                )}
               </span>
             }
           />
@@ -75,24 +98,52 @@ export const SuperAdminAnalytics = () => {
       <div className="mb-6 grid grid-cols-1 gap-6 lg:grid-cols-2">
         <Card>
           <CardHeader>
-            <CardTitle>User Activity</CardTitle>
-            <CardDescription>Active users over the past 30 days</CardDescription>
+            <CardTitle>
+              {t('superAdmin.analytics.userActivityTitle', undefined, 'User Activity')}
+            </CardTitle>
+            <CardDescription>
+              {t(
+                'superAdmin.analytics.userActivityDescription',
+                undefined,
+                'Active users over the past 30 days'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent>
             <div className="flex h-72 items-center justify-center rounded-lg bg-zinc-100 dark:bg-slate-800">
-              <p className="text-zinc-600 dark:text-zinc-400">Chart visualization placeholder</p>
+              <p className="text-zinc-600 dark:text-zinc-400">
+                {t(
+                  'superAdmin.analytics.chartPlaceholder',
+                  undefined,
+                  'Chart visualization placeholder'
+                )}
+              </p>
             </div>
           </CardContent>
         </Card>
 
         <Card>
           <CardHeader>
-            <CardTitle>Task Completion Rate</CardTitle>
-            <CardDescription>Tasks completed per day</CardDescription>
+            <CardTitle>
+              {t('superAdmin.analytics.taskCompletionRateTitle', undefined, 'Task Completion Rate')}
+            </CardTitle>
+            <CardDescription>
+              {t(
+                'superAdmin.analytics.taskCompletionRateDescription',
+                undefined,
+                'Tasks completed per day'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent>
             <div className="flex h-72 items-center justify-center rounded-lg bg-zinc-100 dark:bg-slate-800">
-              <p className="text-zinc-600 dark:text-zinc-400">Chart visualization placeholder</p>
+              <p className="text-zinc-600 dark:text-zinc-400">
+                {t(
+                  'superAdmin.analytics.chartPlaceholder',
+                  undefined,
+                  'Chart visualization placeholder'
+                )}
+              </p>
             </div>
           </CardContent>
         </Card>
@@ -101,16 +152,40 @@ export const SuperAdminAnalytics = () => {
       {/* Performance Metrics */}
       <div className="mb-6">
         <h2 className="mb-4 font-semibold text-base text-zinc-900 dark:text-zinc-50">
-          Performance Metrics
+          {t('superAdmin.analytics.performanceMetrics', undefined, 'Performance Metrics')}
         </h2>
         <StatCardGrid className="sm:grid-cols-3 lg:grid-cols-3">
           <StatCard
-            label="Avg. Task Completion Time"
+            label={t(
+              'superAdmin.analytics.avgTaskCompletionTime',
+              undefined,
+              'Avg. Task Completion Time'
+            )}
             value="8.5 min"
-            description="Improved by 1.2 min this month"
+            description={t(
+              'superAdmin.analytics.avgTaskCompletionTimeDescription',
+              undefined,
+              'Improved by 1.2 min this month'
+            )}
+          />
+          <StatCard
+            label={t('superAdmin.analytics.dailyActiveUsers', undefined, 'Daily Active Users')}
+            value="3,456"
+            description={t(
+              'superAdmin.analytics.dailyActiveUsersDescription',
+              undefined,
+              '28% of total user base'
+            )}
+          />
+          <StatCard
+            label={t('superAdmin.analytics.systemUptime', undefined, 'System Uptime')}
+            value="99.8%"
+            description={t(
+              'superAdmin.analytics.systemUptimeDescription',
+              undefined,
+              'Last 30 days'
+            )}
           />
-          <StatCard label="Daily Active Users" value="3,456" description="28% of total user base" />
-          <StatCard label="System Uptime" value="99.8%" description="Last 30 days" />
         </StatCardGrid>
       </div>
 
@@ -118,8 +193,16 @@ export const SuperAdminAnalytics = () => {
       <div className="mb-6 grid grid-cols-1 gap-6 lg:grid-cols-2">
         <Card>
           <CardHeader>
-            <CardTitle>Top Contributors</CardTitle>
-            <CardDescription>Most active users this month</CardDescription>
+            <CardTitle>
+              {t('superAdmin.analytics.topContributorsTitle', undefined, 'Top Contributors')}
+            </CardTitle>
+            <CardDescription>
+              {t(
+                'superAdmin.analytics.topContributorsDescription',
+                undefined,
+                'Most active users this month'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent>
             <div className="space-y-4">
@@ -133,7 +216,7 @@ export const SuperAdminAnalytics = () => {
                     </div>
                     <div>
                       <p className="font-medium text-sm text-zinc-900 dark:text-zinc-50">
-                        User {i}
+                        {t('superAdmin.analytics.userLabel', { index: i }, 'User {index}')}
                       </p>
                       <p className="text-xs text-zinc-600 dark:text-zinc-400">
                         user{i}@example.com
@@ -141,7 +224,11 @@ export const SuperAdminAnalytics = () => {
                     </div>
                   </div>
                   <div className="font-semibold text-sm text-zinc-900 dark:text-zinc-50">
-                    {Math.floor(Math.random() * 500 + 100)} tasks
+                    {t(
+                      'common.tasksWithCount',
+                      { count: Math.floor(Math.random() * 500 + 100) },
+                      '{count} tasks'
+                    )}
                   </div>
                 </div>
               ))}
@@ -151,18 +238,20 @@ export const SuperAdminAnalytics = () => {
 
         <Card>
           <CardHeader>
-            <CardTitle>Most Active Projects</CardTitle>
-            <CardDescription>Projects with most activity this month</CardDescription>
+            <CardTitle>
+              {t('superAdmin.analytics.mostActiveProjectsTitle', undefined, 'Most Active Projects')}
+            </CardTitle>
+            <CardDescription>
+              {t(
+                'superAdmin.analytics.mostActiveProjectsDescription',
+                undefined,
+                'Projects with most activity this month'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent>
             <div className="space-y-4">
-              {[
-                'Highway Mapping',
-                'Building Footprints',
-                'Parks and Recreation',
-                'Street Names',
-                'POI Validation',
-              ].map((name) => (
+              {topProjects.map((name) => (
                 <div key={name} className="flex items-center justify-between">
                   <div className="flex items-center gap-3">
                     <div className="flex h-8 w-8 items-center justify-center rounded bg-green-100 dark:bg-green-900">
@@ -173,7 +262,11 @@ export const SuperAdminAnalytics = () => {
                     </div>
                   </div>
                   <div className="font-semibold text-sm text-zinc-900 dark:text-zinc-50">
-                    {Math.floor(Math.random() * 1000 + 500)} tasks
+                    {t(
+                      'common.tasksWithCount',
+                      { count: Math.floor(Math.random() * 1000 + 500) },
+                      '{count} tasks'
+                    )}
                   </div>
                 </div>
               ))}
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminChallenges/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminChallenges/index.tsx
index 45756de4c..598f101ea 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminChallenges/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminChallenges/index.tsx
@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/Empty'
 import { Progress } from '@/components/ui/Progress'
+import { useIntl } from '@/i18n'
 import { getDifficultyColor, getDifficultyLabel } from '@/lib/difficultyLevelData'
 import { cn } from '@/lib/utils'
 
@@ -50,6 +51,7 @@ const mockChallenges = [
 ]
 
 const ChallengeCard = ({ challenge }: { challenge: (typeof mockChallenges)[0] }) => {
+  const { t } = useIntl()
   const completionPercentage = challenge.completionPercentage || 0
 
   return (
@@ -76,7 +78,9 @@ const ChallengeCard = ({ challenge }: { challenge: (typeof mockChallenges)[0] })
       </CardHeader>
       <CardContent>
         <CardDescription className="mb-4 line-clamp-2">
-          {challenge.blurb || challenge.description || 'No description available'}
+          {challenge.blurb ||
+            challenge.description ||
+            t('common.noDescriptionAvailable', undefined, 'No description available')}
         </CardDescription>
 
         {/* Tasks Remaining */}
@@ -84,7 +88,7 @@ const ChallengeCard = ({ challenge }: { challenge: (typeof mockChallenges)[0] })
           <span className="font-semibold text-zinc-900 dark:text-zinc-100">
             {challenge.tasksRemaining || 0}
           </span>{' '}
-          tasks remaining
+          {t('common.tasksRemaining2', undefined, 'tasks remaining')}
         </div>
 
         {/* Progress Bar */}
@@ -108,10 +112,10 @@ const ChallengeCard = ({ challenge }: { challenge: (typeof mockChallenges)[0] })
 
         <div className="flex gap-2">
           <Button variant="outline" size="sm" className="flex-1">
-            View
+            {t('common.view', undefined, 'View')}
           </Button>
           <Button variant="outline" size="sm" className="flex-1">
-            Edit
+            {t('common.edit', undefined, 'Edit')}
           </Button>
         </div>
       </CardContent>
@@ -120,6 +124,7 @@ const ChallengeCard = ({ challenge }: { challenge: (typeof mockChallenges)[0] })
 }
 
 export const SuperAdminChallenges = () => {
+  const { t } = useIntl()
   const [searchQuery, setSearchQuery] = useState('')
 
   const filteredChallenges = mockChallenges.filter(
@@ -138,23 +143,27 @@ export const SuperAdminChallenges = () => {
             <div className="mb-2 flex items-center gap-2">
               <ListChecks className="h-8 w-8 text-purple-600 dark:text-purple-400" />
               <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">
-                All Challenges
+                {t('common.allChallenges', undefined, 'All Challenges')}
               </h1>
             </div>
             <p className="text-zinc-600 dark:text-zinc-400">
-              Browse and manage all challenges across the platform
+              {t(
+                'superAdminChallenges.subtitle',
+                undefined,
+                'Browse and manage all challenges across the platform'
+              )}
             </p>
           </div>
           <Button size="lg">
             <Plus className="mr-2 h-5 w-5" />
-            Create New Challenge
+            {t('common.createNewChallenge', undefined, 'Create New Challenge')}
           </Button>
         </div>
 
         <SearchBar
           value={searchQuery}
           onChange={setSearchQuery}
-          placeholder="Search challenges..."
+          placeholder={t('common.searchChallenges2', undefined, 'Search challenges...')}
         />
       </div>
 
@@ -162,38 +171,54 @@ export const SuperAdminChallenges = () => {
       <div className="mb-6 grid grid-cols-1 gap-6 md:grid-cols-4">
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Challenges</CardDescription>
+            <CardDescription>
+              {t('common.totalChallenges', undefined, 'Total Challenges')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">1,892</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">+15% from last month</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminChallenges.stats.totalChange', undefined, '+15% from last month')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Active Challenges</CardDescription>
+            <CardDescription>
+              {t('common.activeChallenges', undefined, 'Active Challenges')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">1,345</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">71% of total</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminChallenges.stats.activeShare', undefined, '71% of total')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Tasks</CardDescription>
+            <CardDescription>
+              {t('superAdminChallenges.stats.totalTasks', undefined, 'Total Tasks')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">45.2K</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Across all challenges</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminChallenges.stats.totalTasksNote', undefined, 'Across all challenges')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Avg. Completion</CardDescription>
+            <CardDescription>
+              {t('common.avgCompletion', undefined, 'Avg. Completion')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">58%</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Platform average</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('common.platformAverage', undefined, 'Platform average')}
+            </div>
           </CardContent>
         </Card>
       </div>
@@ -213,8 +238,16 @@ export const SuperAdminChallenges = () => {
               <EmptyMedia variant="icon">
                 <Search />
               </EmptyMedia>
-              <EmptyTitle>No challenges found</EmptyTitle>
-              <EmptyDescription>Try adjusting your search query.</EmptyDescription>
+              <EmptyTitle>
+                {t('common.noChallengesFound', undefined, 'No challenges found')}
+              </EmptyTitle>
+              <EmptyDescription>
+                {t(
+                  'common.tryAdjustingYourSearchQuery',
+                  undefined,
+                  'Try adjusting your search query.'
+                )}
+              </EmptyDescription>
             </EmptyHeader>
           </Empty>
         )}
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminHome/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminHome/index.tsx
index 62e34dad7..ea3e4f6d6 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminHome/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminHome/index.tsx
@@ -11,19 +11,25 @@ import {
 } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
+import { useIntl } from '@/i18n'
 
 export const SuperAdminHome = () => {
+  const { t } = useIntl()
   return (
     <div className="mx-auto px-4">
       <div className="mb-6">
         <div className="mb-2 flex items-center gap-3">
           <Shield className="h-8 w-8 text-red-600 dark:text-red-400" />
           <h1 className="font-bold text-2xl text-zinc-900 tracking-tight dark:text-zinc-50">
-            Super Admin Dashboard
+            {t('superAdminHome.title', undefined, 'Super Admin Dashboard')}
           </h1>
         </div>
         <p className="text-sm text-zinc-600 dark:text-zinc-400">
-          Manage all aspects of the MapRoulette platform.
+          {t(
+            'superAdminHome.subtitle',
+            undefined,
+            'Manage all aspects of the MapRoulette platform.'
+          )}
         </p>
       </div>
 
@@ -35,12 +41,18 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-blue-100 dark:bg-blue-900">
                 <Users className="h-6 w-6 text-blue-600 dark:text-blue-400" />
               </div>
-              <CardTitle>Users</CardTitle>
-              <CardDescription>Manage all platform users and permissions</CardDescription>
+              <CardTitle>{t('superAdminHome.cards.users.title', undefined, 'Users')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminHome.cards.users.description',
+                  undefined,
+                  'Manage all platform users and permissions'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Users
+                {t('superAdminHome.cards.users.button', undefined, 'View Users')}
               </Button>
             </CardContent>
           </Card>
@@ -53,12 +65,18 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-green-100 dark:bg-green-900">
                 <FolderKanban className="h-6 w-6 text-green-600 dark:text-green-400" />
               </div>
-              <CardTitle>Projects</CardTitle>
-              <CardDescription>View and manage all projects across the platform</CardDescription>
+              <CardTitle>{t('common.projects', undefined, 'Projects')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'common.viewManageProjectsSubtitle',
+                  undefined,
+                  'View and manage all projects across the platform'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Projects
+                {t('common.viewProjects', undefined, 'View Projects')}
               </Button>
             </CardContent>
           </Card>
@@ -71,12 +89,18 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-purple-100 dark:bg-purple-900">
                 <ListChecks className="h-6 w-6 text-purple-600 dark:text-purple-400" />
               </div>
-              <CardTitle>Challenges</CardTitle>
-              <CardDescription>Browse and manage all challenges</CardDescription>
+              <CardTitle>{t('common.challenges', undefined, 'Challenges')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminHome.cards.challenges.description',
+                  undefined,
+                  'Browse and manage all challenges'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Challenges
+                {t('common.viewChallenges', undefined, 'View Challenges')}
               </Button>
             </CardContent>
           </Card>
@@ -89,12 +113,18 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-orange-100 dark:bg-orange-900">
                 <Puzzle className="h-6 w-6 text-orange-600 dark:text-orange-400" />
               </div>
-              <CardTitle>Plugins</CardTitle>
-              <CardDescription>Manage plugins and integrations</CardDescription>
+              <CardTitle>{t('superAdminHome.cards.plugins.title', undefined, 'Plugins')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminHome.cards.plugins.description',
+                  undefined,
+                  'Manage plugins and integrations'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Plugins
+                {t('superAdminHome.cards.plugins.button', undefined, 'View Plugins')}
               </Button>
             </CardContent>
           </Card>
@@ -107,12 +137,20 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-indigo-100 dark:bg-indigo-900">
                 <BarChart3 className="h-6 w-6 text-indigo-600 dark:text-indigo-400" />
               </div>
-              <CardTitle>Analytics</CardTitle>
-              <CardDescription>View platform-wide analytics and metrics</CardDescription>
+              <CardTitle>
+                {t('superAdminHome.cards.analytics.title', undefined, 'Analytics')}
+              </CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminHome.cards.analytics.description',
+                  undefined,
+                  'View platform-wide analytics and metrics'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Analytics
+                {t('superAdminHome.cards.analytics.button', undefined, 'View Analytics')}
               </Button>
             </CardContent>
           </Card>
@@ -124,12 +162,18 @@ export const SuperAdminHome = () => {
             <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-cyan-100 dark:bg-cyan-900">
               <Database className="h-6 w-6 text-cyan-600 dark:text-cyan-400" />
             </div>
-            <CardTitle>Database</CardTitle>
-            <CardDescription>Database management and maintenance</CardDescription>
+            <CardTitle>{t('superAdminHome.cards.database.title', undefined, 'Database')}</CardTitle>
+            <CardDescription>
+              {t(
+                'superAdminHome.cards.database.description',
+                undefined,
+                'Database management and maintenance'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent>
             <Button variant="outline" className="w-full" disabled>
-              Coming Soon
+              {t('superAdminHome.cards.database.button', undefined, 'Coming Soon')}
             </Button>
           </CardContent>
         </Card>
@@ -141,12 +185,20 @@ export const SuperAdminHome = () => {
               <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-zinc-100 dark:bg-slate-800">
                 <Settings className="h-6 w-6 text-zinc-600 dark:text-zinc-400" />
               </div>
-              <CardTitle>Settings</CardTitle>
-              <CardDescription>Platform settings and configuration</CardDescription>
+              <CardTitle>
+                {t('superAdminHome.cards.settings.title', undefined, 'Settings')}
+              </CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminHome.cards.settings.description',
+                  undefined,
+                  'Platform settings and configuration'
+                )}
+              </CardDescription>
             </CardHeader>
             <CardContent>
               <Button variant="outline" className="w-full">
-                View Settings
+                {t('superAdminHome.cards.settings.button', undefined, 'View Settings')}
               </Button>
             </CardContent>
           </Card>
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminLayout.tsx b/src/components/Pages/SuperAdminPages/SuperAdminLayout.tsx
index 493dcd974..1c2691c68 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminLayout.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminLayout.tsx
@@ -1,18 +1,22 @@
 import { Outlet } from '@tanstack/react-router'
 import { SectionHeader } from '@/components/shared/SectionHeader'
+import { useIntl } from '@/i18n'
 import { SuperAdminGuard } from '@/lib/SuperAdminGuard'
 
-export const SuperAdminLayout = () => (
-  <SuperAdminGuard>
-    <div className="flex h-full flex-col">
-      <SectionHeader
-        accentClass="border-l-purple-500"
-        basePath="/super-admin"
-        breadcrumbRoot="super admin"
-      />
-      <div className="flex-1 overflow-auto p-4">
-        <Outlet />
+export const SuperAdminLayout = () => {
+  const { t } = useIntl()
+  return (
+    <SuperAdminGuard>
+      <div className="flex h-full flex-col">
+        <SectionHeader
+          accentClass="border-l-purple-500"
+          basePath="/super-admin"
+          breadcrumbRoot={t('superAdmin.layout.breadcrumbRoot', undefined, 'super admin')}
+        />
+        <div className="flex-1 overflow-auto p-4">
+          <Outlet />
+        </div>
       </div>
-    </div>
-  </SuperAdminGuard>
-)
+    </SuperAdminGuard>
+  )
+}
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminPlugins/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminPlugins/index.tsx
index 05eec1384..e4cc562ef 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminPlugins/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminPlugins/index.tsx
@@ -5,6 +5,7 @@ import { Badge } from '@/components/ui/Badge'
 import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/Empty'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 // Mock data - replace with actual API calls
@@ -67,6 +68,7 @@ const getStatusBadgeColor = (status: string) => {
 }
 
 const PluginCard = ({ plugin }: { plugin: (typeof mockPlugins)[0] }) => {
+  const { t } = useIntl()
   return (
     <Card className="overflow-hidden transition-shadow hover:shadow-md">
       <CardHeader className="pb-4">
@@ -78,7 +80,11 @@ const PluginCard = ({ plugin }: { plugin: (typeof mockPlugins)[0] }) => {
             <div className="flex-1">
               <CardTitle className="text-base">{plugin.name}</CardTitle>
               <p className="text-xs text-zinc-500 dark:text-zinc-400">
-                v{plugin.version} • by {plugin.author}
+                {t(
+                  'superAdminPlugins.card.versionBy',
+                  { version: plugin.version, author: plugin.author },
+                  'v{version} • by {author}'
+                )}
               </p>
             </div>
           </div>
@@ -93,18 +99,26 @@ const PluginCard = ({ plugin }: { plugin: (typeof mockPlugins)[0] }) => {
         <div className="mb-4 flex items-center justify-between text-sm text-zinc-600 dark:text-zinc-400">
           <div className="flex items-center gap-1">
             <Download className="h-4 w-4" />
-            <span>{plugin.downloads.toLocaleString()} downloads</span>
+            <span>
+              {t(
+                'superAdminPlugins.card.downloads',
+                { count: plugin.downloads.toLocaleString() },
+                '{count} downloads'
+              )}
+            </span>
+          </div>
+          <div>
+            {t('superAdminPlugins.card.updated', { date: plugin.lastUpdated }, 'Updated: {date}')}
           </div>
-          <div>Updated: {plugin.lastUpdated}</div>
         </div>
 
         <div className="flex gap-2">
           <Button variant="outline" size="sm" className="flex-1">
             <Code className="mr-2 h-4 w-4" />
-            View Details
+            {t('superAdminPlugins.card.viewDetails', undefined, 'View Details')}
           </Button>
           <Button variant="outline" size="sm" className="flex-1">
-            Configure
+            {t('superAdminPlugins.card.configure', undefined, 'Configure')}
           </Button>
         </div>
       </CardContent>
@@ -113,6 +127,7 @@ const PluginCard = ({ plugin }: { plugin: (typeof mockPlugins)[0] }) => {
 }
 
 export const SuperAdminPlugins = () => {
+  const { t } = useIntl()
   const [searchQuery, setSearchQuery] = useState('')
 
   const filteredPlugins = mockPlugins.filter(
@@ -131,64 +146,88 @@ export const SuperAdminPlugins = () => {
             <div className="mb-2 flex items-center gap-2">
               <Puzzle className="h-8 w-8 text-orange-600 dark:text-orange-400" />
               <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">
-                Plugin Management
+                {t('superAdminPlugins.title', undefined, 'Plugin Management')}
               </h1>
             </div>
             <p className="text-zinc-600 dark:text-zinc-400">
-              Manage plugins and integrations for the platform
+              {t(
+                'superAdminPlugins.subtitle',
+                undefined,
+                'Manage plugins and integrations for the platform'
+              )}
             </p>
           </div>
           <div className="flex gap-2">
             <Button size="lg" variant="outline">
               <Upload className="mr-2 h-5 w-5" />
-              Upload Plugin
+              {t('superAdminPlugins.uploadButton', undefined, 'Upload Plugin')}
             </Button>
             <Button size="lg">
               <Plus className="mr-2 h-5 w-5" />
-              Install Plugin
+              {t('superAdminPlugins.installButton', undefined, 'Install Plugin')}
             </Button>
           </div>
         </div>
 
-        <SearchBar value={searchQuery} onChange={setSearchQuery} placeholder="Search plugins..." />
+        <SearchBar
+          value={searchQuery}
+          onChange={setSearchQuery}
+          placeholder={t('superAdminPlugins.searchPlaceholder', undefined, 'Search plugins...')}
+        />
       </div>
 
       {/* Stats Cards */}
       <div className="mb-6 grid grid-cols-1 gap-6 md:grid-cols-4">
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Plugins</CardDescription>
+            <CardDescription>
+              {t('superAdminPlugins.stats.total', undefined, 'Total Plugins')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">24</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">+2 new this month</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminPlugins.stats.totalChange', undefined, '+2 new this month')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Active Plugins</CardDescription>
+            <CardDescription>
+              {t('superAdminPlugins.stats.active', undefined, 'Active Plugins')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">18</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">75% enabled</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminPlugins.stats.activeShare', undefined, '75% enabled')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Downloads</CardDescription>
+            <CardDescription>
+              {t('superAdminPlugins.stats.totalDownloads', undefined, 'Total Downloads')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">12.5K</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Across all plugins</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminPlugins.stats.totalDownloadsNote', undefined, 'Across all plugins')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Pending Updates</CardDescription>
+            <CardDescription>
+              {t('superAdminPlugins.stats.pendingUpdates', undefined, 'Pending Updates')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">3</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Updates available</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminPlugins.stats.pendingUpdatesNote', undefined, 'Updates available')}
+            </div>
           </CardContent>
         </Card>
       </div>
@@ -206,8 +245,16 @@ export const SuperAdminPlugins = () => {
               <EmptyMedia variant="icon">
                 <Search />
               </EmptyMedia>
-              <EmptyTitle>No plugins found</EmptyTitle>
-              <EmptyDescription>Try adjusting your search query.</EmptyDescription>
+              <EmptyTitle>
+                {t('superAdminPlugins.empty.title', undefined, 'No plugins found')}
+              </EmptyTitle>
+              <EmptyDescription>
+                {t(
+                  'common.tryAdjustingYourSearchQuery',
+                  undefined,
+                  'Try adjusting your search query.'
+                )}
+              </EmptyDescription>
             </EmptyHeader>
           </Empty>
         )}
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminProjects/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminProjects/index.tsx
index 8591f1fa9..d3ba9859b 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminProjects/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminProjects/index.tsx
@@ -5,6 +5,7 @@ import { StatusBadge } from '@/components/shared/StatusBadge'
 import { Button } from '@/components/ui/Button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/Empty'
+import { useIntl } from '@/i18n'
 
 // Mock data - replace with actual API calls
 const mockProjects = [
@@ -41,6 +42,7 @@ const mockProjects = [
 ]
 
 const ProjectCard = ({ project }: { project: (typeof mockProjects)[0] }) => {
+  const { t } = useIntl()
   return (
     <Card className="overflow-hidden transition-shadow hover:shadow-md">
       <CardHeader className="pb-4">
@@ -62,22 +64,25 @@ const ProjectCard = ({ project }: { project: (typeof mockProjects)[0] }) => {
       </CardHeader>
       <CardContent>
         <CardDescription className="mb-4 line-clamp-2">
-          {project.description || 'No description available'}
+          {project.description ||
+            t('common.noDescriptionAvailable', undefined, 'No description available')}
         </CardDescription>
         <div className="flex items-center justify-between">
           <div className="text-sm text-zinc-600 dark:text-zinc-400">
-            <span className="font-semibold">{project.challengeCount}</span> challenges
+            <span className="font-semibold">{project.challengeCount}</span>{' '}
+            {t('common.challenges2', undefined, 'challenges')}
           </div>
           <div className="text-sm text-zinc-600 dark:text-zinc-400">
-            <span className="font-semibold">{project.completionRate}%</span> complete
+            <span className="font-semibold">{project.completionRate}%</span>{' '}
+            {t('common.complete', undefined, 'complete')}
           </div>
         </div>
         <div className="mt-4 flex gap-2">
           <Button variant="outline" size="sm" className="flex-1">
-            View
+            {t('common.view', undefined, 'View')}
           </Button>
           <Button variant="outline" size="sm" className="flex-1">
-            Edit
+            {t('common.edit', undefined, 'Edit')}
           </Button>
         </div>
       </CardContent>
@@ -86,6 +91,7 @@ const ProjectCard = ({ project }: { project: (typeof mockProjects)[0] }) => {
 }
 
 export const SuperAdminProjects = () => {
+  const { t } = useIntl()
   const [searchQuery, setSearchQuery] = useState('')
 
   const filteredProjects = mockProjects.filter(
@@ -103,57 +109,83 @@ export const SuperAdminProjects = () => {
           <div>
             <div className="mb-2 flex items-center gap-2">
               <FolderKanban className="h-8 w-8 text-green-600 dark:text-green-400" />
-              <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">All Projects</h1>
+              <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">
+                {t('superAdminProjects.title', undefined, 'All Projects')}
+              </h1>
             </div>
             <p className="text-zinc-600 dark:text-zinc-400">
-              View and manage all projects across the platform
+              {t(
+                'common.viewManageProjectsSubtitle',
+                undefined,
+                'View and manage all projects across the platform'
+              )}
             </p>
           </div>
           <Button size="lg">
             <Plus className="mr-2 h-5 w-5" />
-            Create New Project
+            {t('common.createNewProject', undefined, 'Create New Project')}
           </Button>
         </div>
 
-        <SearchBar value={searchQuery} onChange={setSearchQuery} placeholder="Search projects..." />
+        <SearchBar
+          value={searchQuery}
+          onChange={setSearchQuery}
+          placeholder={t('common.searchProjects', undefined, 'Search projects...')}
+        />
       </div>
 
       {/* Stats Cards */}
       <div className="mb-6 grid grid-cols-1 gap-6 md:grid-cols-4">
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Projects</CardDescription>
+            <CardDescription>
+              {t('superAdminProjects.stats.total', undefined, 'Total Projects')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">256</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">+8% from last month</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminProjects.stats.totalChange', undefined, '+8% from last month')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Active Projects</CardDescription>
+            <CardDescription>
+              {t('common.activeProjects', undefined, 'Active Projects')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">187</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">73% of total</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminProjects.stats.activeShare', undefined, '73% of total')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Total Challenges</CardDescription>
+            <CardDescription>
+              {t('common.totalChallenges', undefined, 'Total Challenges')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">1,892</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Across all projects</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminProjects.stats.totalChallengesNote', undefined, 'Across all projects')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Avg. Completion</CardDescription>
+            <CardDescription>
+              {t('common.avgCompletion', undefined, 'Avg. Completion')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">64%</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Platform average</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('common.platformAverage', undefined, 'Platform average')}
+            </div>
           </CardContent>
         </Card>
       </div>
@@ -171,8 +203,14 @@ export const SuperAdminProjects = () => {
               <EmptyMedia variant="icon">
                 <Search />
               </EmptyMedia>
-              <EmptyTitle>No projects found</EmptyTitle>
-              <EmptyDescription>Try adjusting your search query.</EmptyDescription>
+              <EmptyTitle>{t('common.noProjectsFound', undefined, 'No projects found')}</EmptyTitle>
+              <EmptyDescription>
+                {t(
+                  'common.tryAdjustingYourSearchQuery',
+                  undefined,
+                  'Try adjusting your search query.'
+                )}
+              </EmptyDescription>
             </EmptyHeader>
           </Empty>
         )}
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminSettings/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminSettings/index.tsx
index f83aa9270..b59cbef52 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminSettings/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminSettings/index.tsx
@@ -6,8 +6,10 @@ import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
 import { Switch } from '@/components/ui/Switch'
 import { Textarea } from '@/components/ui/Textarea'
+import { useIntl } from '@/i18n'
 
 export const SuperAdminSettings = () => {
+  const { t } = useIntl()
   const siteNameId = useId()
   const siteDescriptionId = useId()
   const siteUrlId = useId()
@@ -36,10 +38,16 @@ export const SuperAdminSettings = () => {
       <div className="mb-6">
         <div className="mb-2 flex items-center gap-2">
           <Settings className="h-8 w-8 text-zinc-600 dark:text-zinc-400" />
-          <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">Platform Settings</h1>
+          <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">
+            {t('superAdminSettings.title', undefined, 'Platform Settings')}
+          </h1>
         </div>
         <p className="text-zinc-600 dark:text-zinc-400">
-          Configure platform-wide settings and preferences
+          {t(
+            'superAdminSettings.subtitle',
+            undefined,
+            'Configure platform-wide settings and preferences'
+          )}
         </p>
       </div>
 
@@ -49,17 +57,29 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Globe className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>General Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.general.title', undefined, 'General Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Basic platform configuration</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.general.description',
+                undefined,
+                'Basic platform configuration'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="grid gap-2">
-              <Label htmlFor={siteNameId}>Site Name</Label>
+              <Label htmlFor={siteNameId}>
+                {t('superAdminSettings.general.siteName', undefined, 'Site Name')}
+              </Label>
               <Input id={siteNameId} defaultValue="MapRoulette" />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={siteDescriptionId}>Site Description</Label>
+              <Label htmlFor={siteDescriptionId}>
+                {t('superAdminSettings.general.siteDescription', undefined, 'Site Description')}
+              </Label>
               <Textarea
                 id={siteDescriptionId}
                 defaultValue="A platform for collaborative mapping and data validation"
@@ -67,14 +87,22 @@ export const SuperAdminSettings = () => {
               />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={siteUrlId}>Site URL</Label>
+              <Label htmlFor={siteUrlId}>
+                {t('superAdminSettings.general.siteUrl', undefined, 'Site URL')}
+              </Label>
               <Input id={siteUrlId} defaultValue="https://maproulette.org" />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={maintenanceId}>Maintenance Mode</Label>
+                <Label htmlFor={maintenanceId}>
+                  {t('superAdminSettings.general.maintenanceMode', undefined, 'Maintenance Mode')}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Enable maintenance mode to prevent user access
+                  {t(
+                    'superAdminSettings.general.maintenanceModeDescription',
+                    undefined,
+                    'Enable maintenance mode to prevent user access'
+                  )}
                 </p>
               </div>
               <Switch id={maintenanceId} />
@@ -87,28 +115,52 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Mail className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>Email Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.email.title', undefined, 'Email Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Configure email notifications and SMTP</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.email.description',
+                undefined,
+                'Configure email notifications and SMTP'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="grid gap-2">
-              <Label htmlFor={smtpHostId}>SMTP Host</Label>
+              <Label htmlFor={smtpHostId}>
+                {t('superAdminSettings.email.smtpHost', undefined, 'SMTP Host')}
+              </Label>
               <Input id={smtpHostId} defaultValue="smtp.example.com" />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={smtpPortId}>SMTP Port</Label>
+              <Label htmlFor={smtpPortId}>
+                {t('superAdminSettings.email.smtpPort', undefined, 'SMTP Port')}
+              </Label>
               <Input id={smtpPortId} type="number" defaultValue="587" />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={fromEmailId}>From Email Address</Label>
+              <Label htmlFor={fromEmailId}>
+                {t('superAdminSettings.email.fromEmail', undefined, 'From Email Address')}
+              </Label>
               <Input id={fromEmailId} type="email" defaultValue="noreply@maproulette.org" />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={emailEnabledId}>Enable Email Notifications</Label>
+                <Label htmlFor={emailEnabledId}>
+                  {t(
+                    'superAdminSettings.email.enableNotifications',
+                    undefined,
+                    'Enable Email Notifications'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Send email notifications to users
+                  {t(
+                    'superAdminSettings.email.enableNotificationsDescription',
+                    undefined,
+                    'Send email notifications to users'
+                  )}
                 </p>
               </div>
               <Switch id={emailEnabledId} defaultChecked />
@@ -121,38 +173,82 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Shield className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>Security Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.security.title', undefined, 'Security Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Configure security and authentication</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.security.description',
+                undefined,
+                'Configure security and authentication'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={requireVerificationId}>Require Email Verification</Label>
+                <Label htmlFor={requireVerificationId}>
+                  {t(
+                    'superAdminSettings.security.requireVerification',
+                    undefined,
+                    'Require Email Verification'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Users must verify their email before accessing the platform
+                  {t(
+                    'superAdminSettings.security.requireVerificationDescription',
+                    undefined,
+                    'Users must verify their email before accessing the platform'
+                  )}
                 </p>
               </div>
               <Switch id={requireVerificationId} defaultChecked />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={twoFactorId}>Enable Two-Factor Authentication</Label>
+                <Label htmlFor={twoFactorId}>
+                  {t(
+                    'superAdminSettings.security.twoFactor',
+                    undefined,
+                    'Enable Two-Factor Authentication'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Allow users to enable 2FA for their accounts
+                  {t(
+                    'superAdminSettings.security.twoFactorDescription',
+                    undefined,
+                    'Allow users to enable 2FA for their accounts'
+                  )}
                 </p>
               </div>
               <Switch id={twoFactorId} defaultChecked />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={sessionTimeoutId}>Session Timeout (minutes)</Label>
+              <Label htmlFor={sessionTimeoutId}>
+                {t(
+                  'superAdminSettings.security.sessionTimeout',
+                  undefined,
+                  'Session Timeout (minutes)'
+                )}
+              </Label>
               <Input id={sessionTimeoutId} type="number" defaultValue="60" />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={passwordPolicyId}>Strict Password Policy</Label>
+                <Label htmlFor={passwordPolicyId}>
+                  {t(
+                    'superAdminSettings.security.passwordPolicy',
+                    undefined,
+                    'Strict Password Policy'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Require strong passwords (min 12 chars, special chars)
+                  {t(
+                    'superAdminSettings.security.passwordPolicyDescription',
+                    undefined,
+                    'Require strong passwords (min 12 chars, special chars)'
+                  )}
                 </p>
               </div>
               <Switch id={passwordPolicyId} defaultChecked />
@@ -165,31 +261,53 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Database className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>Database Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.database.title', undefined, 'Database Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Database configuration and maintenance</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.database.description',
+                undefined,
+                'Database configuration and maintenance'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="grid gap-2">
-              <Label htmlFor={dbHostId}>Database Host</Label>
+              <Label htmlFor={dbHostId}>
+                {t('superAdminSettings.database.host', undefined, 'Database Host')}
+              </Label>
               <Input id={dbHostId} defaultValue="localhost" />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={dbPortId}>Database Port</Label>
+              <Label htmlFor={dbPortId}>
+                {t('superAdminSettings.database.port', undefined, 'Database Port')}
+              </Label>
               <Input id={dbPortId} type="number" defaultValue="5432" />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={autoBackupId}>Automatic Backups</Label>
+                <Label htmlFor={autoBackupId}>
+                  {t('superAdminSettings.database.autoBackup', undefined, 'Automatic Backups')}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Enable daily automatic database backups
+                  {t(
+                    'superAdminSettings.database.autoBackupDescription',
+                    undefined,
+                    'Enable daily automatic database backups'
+                  )}
                 </p>
               </div>
               <Switch id={autoBackupId} defaultChecked />
             </div>
             <div className="flex gap-2">
-              <Button variant="outline">Run Maintenance</Button>
-              <Button variant="outline">Create Backup</Button>
+              <Button variant="outline">
+                {t('superAdminSettings.database.runMaintenance', undefined, 'Run Maintenance')}
+              </Button>
+              <Button variant="outline">
+                {t('superAdminSettings.database.createBackup', undefined, 'Create Backup')}
+              </Button>
             </div>
           </CardContent>
         </Card>
@@ -199,34 +317,68 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Bell className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>Notification Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.notifications.title', undefined, 'Notification Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Configure platform notification preferences</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.notifications.description',
+                undefined,
+                'Configure platform notification preferences'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={notifyNewUserId}>New User Notifications</Label>
+                <Label htmlFor={notifyNewUserId}>
+                  {t(
+                    'superAdminSettings.notifications.newUser',
+                    undefined,
+                    'New User Notifications'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Notify admins when new users sign up
+                  {t(
+                    'superAdminSettings.notifications.newUserDescription',
+                    undefined,
+                    'Notify admins when new users sign up'
+                  )}
                 </p>
               </div>
               <Switch id={notifyNewUserId} defaultChecked />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={notifyNewProjectId}>New Project Notifications</Label>
+                <Label htmlFor={notifyNewProjectId}>
+                  {t(
+                    'superAdminSettings.notifications.newProject',
+                    undefined,
+                    'New Project Notifications'
+                  )}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Notify admins when new projects are created
+                  {t(
+                    'superAdminSettings.notifications.newProjectDescription',
+                    undefined,
+                    'Notify admins when new projects are created'
+                  )}
                 </p>
               </div>
               <Switch id={notifyNewProjectId} />
             </div>
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={notifyErrorsId}>Error Notifications</Label>
+                <Label htmlFor={notifyErrorsId}>
+                  {t('superAdminSettings.notifications.errors', undefined, 'Error Notifications')}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Notify admins when system errors occur
+                  {t(
+                    'superAdminSettings.notifications.errorsDescription',
+                    undefined,
+                    'Notify admins when system errors occur'
+                  )}
                 </p>
               </div>
               <Switch id={notifyErrorsId} defaultChecked />
@@ -239,29 +391,47 @@ export const SuperAdminSettings = () => {
           <CardHeader>
             <div className="flex items-center gap-2">
               <Palette className="h-5 w-5 text-zinc-600 dark:text-zinc-400" />
-              <CardTitle>Appearance Settings</CardTitle>
+              <CardTitle>
+                {t('superAdminSettings.appearance.title', undefined, 'Appearance Settings')}
+              </CardTitle>
             </div>
-            <CardDescription>Customize the platform appearance</CardDescription>
+            <CardDescription>
+              {t(
+                'superAdminSettings.appearance.description',
+                undefined,
+                'Customize the platform appearance'
+              )}
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="flex items-center justify-between">
               <div className="space-y-0.5">
-                <Label htmlFor={darkModeId}>Default to Dark Mode</Label>
+                <Label htmlFor={darkModeId}>
+                  {t('superAdminSettings.appearance.darkMode', undefined, 'Default to Dark Mode')}
+                </Label>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                  Set dark mode as the default theme for new users
+                  {t(
+                    'superAdminSettings.appearance.darkModeDescription',
+                    undefined,
+                    'Set dark mode as the default theme for new users'
+                  )}
                 </p>
               </div>
               <Switch id={darkModeId} />
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={primaryColorId}>Primary Brand Color</Label>
+              <Label htmlFor={primaryColorId}>
+                {t('superAdminSettings.appearance.primaryColor', undefined, 'Primary Brand Color')}
+              </Label>
               <div className="flex gap-2">
                 <Input id={primaryColorId} type="color" defaultValue="#3b82f6" className="w-20" />
                 <Input defaultValue="#3b82f6" className="flex-1" />
               </div>
             </div>
             <div className="grid gap-2">
-              <Label htmlFor={logoUrlId}>Logo URL</Label>
+              <Label htmlFor={logoUrlId}>
+                {t('superAdminSettings.appearance.logoUrl', undefined, 'Logo URL')}
+              </Label>
               <Input id={logoUrlId} defaultValue="/logo.svg" />
             </div>
           </CardContent>
@@ -271,7 +441,7 @@ export const SuperAdminSettings = () => {
         <div className="flex justify-end">
           <Button size="lg">
             <Save className="mr-2 h-5 w-5" />
-            Save All Settings
+            {t('superAdminSettings.saveButton', undefined, 'Save All Settings')}
           </Button>
         </div>
       </div>
diff --git a/src/components/Pages/SuperAdminPages/SuperAdminUsers/index.tsx b/src/components/Pages/SuperAdminPages/SuperAdminUsers/index.tsx
index badb6f73a..8b9987520 100644
--- a/src/components/Pages/SuperAdminPages/SuperAdminUsers/index.tsx
+++ b/src/components/Pages/SuperAdminPages/SuperAdminUsers/index.tsx
@@ -14,6 +14,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/Table'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { isSuperUser } from '@/lib/SuperAdminGuard'
 import { cn } from '@/lib/utils'
@@ -40,6 +41,7 @@ const getRoleBadgeColor = (role: string) => {
 }
 
 export const SuperAdminUsers = () => {
+  const { t } = useIntl()
   const [searchQuery, setSearchQuery] = useState('')
   const [page, setPage] = useState(0)
   const limit = 50
@@ -68,23 +70,31 @@ export const SuperAdminUsers = () => {
             <div className="mb-2 flex items-center gap-2">
               <Users className="h-8 w-8 text-blue-600 dark:text-blue-400" />
               <h1 className="font-bold text-base text-zinc-900 dark:text-zinc-50">
-                User Management
+                {t('superAdminUsers.title', undefined, 'User Management')}
               </h1>
             </div>
             <p className="text-zinc-600 dark:text-zinc-400">
-              Manage all users and their permissions across the platform
+              {t(
+                'superAdminUsers.subtitle',
+                undefined,
+                'Manage all users and their permissions across the platform'
+              )}
             </p>
           </div>
           <Button size="lg">
             <Users className="mr-2 h-5 w-5" />
-            Add New User
+            {t('superAdminUsers.addButton', undefined, 'Add New User')}
           </Button>
         </div>
 
         <SearchBar
           value={searchQuery}
           onChange={setSearchQuery}
-          placeholder="Search users by name or email..."
+          placeholder={t(
+            'superAdminUsers.searchPlaceholder',
+            undefined,
+            'Search users by name or email...'
+          )}
         />
       </div>
 
@@ -92,29 +102,41 @@ export const SuperAdminUsers = () => {
       <div className="mb-6 grid grid-cols-1 gap-6 md:grid-cols-3">
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Users on Page</CardDescription>
+            <CardDescription>
+              {t('superAdminUsers.stats.usersOnPage', undefined, 'Users on Page')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">{totalUsers}</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Showing {limit} per page</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminUsers.stats.perPage', { limit }, 'Showing {limit} per page')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Filtered Results</CardDescription>
+            <CardDescription>
+              {t('superAdminUsers.stats.filteredResults', undefined, 'Filtered Results')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">{filteredUsers.length}</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Based on current search</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminUsers.stats.basedOnSearch', undefined, 'Based on current search')}
+            </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-3">
-            <CardDescription>Super Admins</CardDescription>
+            <CardDescription>
+              {t('superAdminUsers.stats.superAdmins', undefined, 'Super Admins')}
+            </CardDescription>
             <CardTitle className="font-semibold text-base">{superUserIds?.length ?? 0}</CardTitle>
           </CardHeader>
           <CardContent>
-            <div className="text-xs text-zinc-600 dark:text-zinc-400">Platform-wide</div>
+            <div className="text-xs text-zinc-600 dark:text-zinc-400">
+              {t('superAdminUsers.stats.platformWide', undefined, 'Platform-wide')}
+            </div>
           </CardContent>
         </Card>
       </div>
@@ -124,8 +146,14 @@ export const SuperAdminUsers = () => {
         <CardHeader>
           <div className="flex items-center justify-between">
             <div>
-              <CardTitle>All Users</CardTitle>
-              <CardDescription>A list of all users in the system (page {page + 1})</CardDescription>
+              <CardTitle>{t('superAdminUsers.table.title', undefined, 'All Users')}</CardTitle>
+              <CardDescription>
+                {t(
+                  'superAdminUsers.table.subtitle',
+                  { page: page + 1 },
+                  'A list of all users in the system (page {page})'
+                )}
+              </CardDescription>
             </div>
             <div className="flex gap-2">
               <Button
@@ -135,7 +163,7 @@ export const SuperAdminUsers = () => {
                 disabled={!hasPreviousPage || isLoading}
               >
                 <ChevronLeft className="h-4 w-4" />
-                Previous
+                {t('superAdminUsers.table.previous', undefined, 'Previous')}
               </Button>
               <Button
                 variant="outline"
@@ -143,7 +171,7 @@ export const SuperAdminUsers = () => {
                 onClick={() => setPage((p) => p + 1)}
                 disabled={!hasNextPage || isLoading}
               >
-                Next
+                {t('superAdminUsers.table.next', undefined, 'Next')}
                 <ChevronRight className="h-4 w-4" />
               </Button>
             </div>
@@ -152,20 +180,32 @@ export const SuperAdminUsers = () => {
         <CardContent>
           {isLoading ? (
             <div className="flex items-center justify-center py-12">
-              <div className="text-zinc-600 dark:text-zinc-400">Loading users...</div>
+              <div className="text-zinc-600 dark:text-zinc-400">
+                {t('superAdminUsers.table.loading', undefined, 'Loading users...')}
+              </div>
             </div>
           ) : (
             <>
               <Table>
                 <TableHeader>
                   <TableRow>
-                    <TableHead>User</TableHead>
-                    <TableHead>OSM ID</TableHead>
-                    <TableHead>Email</TableHead>
-                    <TableHead>Role</TableHead>
-                    <TableHead>Score</TableHead>
-                    <TableHead>Joined</TableHead>
-                    <TableHead>Actions</TableHead>
+                    <TableHead>
+                      {t('superAdminUsers.table.columns.user', undefined, 'User')}
+                    </TableHead>
+                    <TableHead>
+                      {t('superAdminUsers.table.columns.osmId', undefined, 'OSM ID')}
+                    </TableHead>
+                    <TableHead>
+                      {t('superAdminUsers.table.columns.email', undefined, 'Email')}
+                    </TableHead>
+                    <TableHead>
+                      {t('superAdminUsers.table.columns.role', undefined, 'Role')}
+                    </TableHead>
+                    <TableHead>
+                      {t('superAdminUsers.table.columns.score', undefined, 'Score')}
+                    </TableHead>
+                    <TableHead>{t('common.joined', undefined, 'Joined')}</TableHead>
+                    <TableHead>{t('common.actions', undefined, 'Actions')}</TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>
@@ -201,7 +241,8 @@ export const SuperAdminUsers = () => {
                         <TableCell>
                           <div className="flex items-center gap-2">
                             <Mail className="h-4 w-4 text-zinc-400" />
-                            {user.settings?.email || 'N/A'}
+                            {user.settings?.email ||
+                              t('superAdminUsers.table.notAvailable', undefined, 'N/A')}
                           </div>
                         </TableCell>
                         <TableCell>
@@ -221,7 +262,7 @@ export const SuperAdminUsers = () => {
                         <TableCell>
                           <div className="flex gap-2">
                             <Button variant="outline" size="sm">
-                              View
+                              {t('common.view', undefined, 'View')}
                             </Button>
                           </div>
                         </TableCell>
@@ -236,8 +277,16 @@ export const SuperAdminUsers = () => {
                     <EmptyMedia variant="icon">
                       <Search />
                     </EmptyMedia>
-                    <EmptyTitle>No users found</EmptyTitle>
-                    <EmptyDescription>Try adjusting your search query.</EmptyDescription>
+                    <EmptyTitle>
+                      {t('superAdminUsers.empty.title', undefined, 'No users found')}
+                    </EmptyTitle>
+                    <EmptyDescription>
+                      {t(
+                        'common.tryAdjustingYourSearchQuery',
+                        undefined,
+                        'Try adjusting your search query.'
+                      )}
+                    </EmptyDescription>
                   </EmptyHeader>
                 </Empty>
               )}
diff --git a/src/components/Pages/TaskEditPage/IdEditorView.tsx b/src/components/Pages/TaskEditPage/IdEditorView.tsx
index bf1316b4e..c1668668f 100644
--- a/src/components/Pages/TaskEditPage/IdEditorView.tsx
+++ b/src/components/Pages/TaskEditPage/IdEditorView.tsx
@@ -11,6 +11,7 @@ import {
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { api } from '@/api'
 import { parseOsmFeaturesFromTask } from '@/components/TaskInfoPanel/taskUtils/osmUtils'
+import { useIntl } from '@/i18n'
 import { buildChangesetComment } from '@/lib/changesetComment'
 import { logger } from '@/lib/logger'
 import { getOSMToken } from '@/plugins/RapidEditorPlugin/editorUtils'
@@ -47,6 +48,7 @@ interface IdEditorViewProps {
 }
 
 export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
+  const { t } = useIntl()
   const { task } = useTaskContext()
   const { challenge } = useChallengeContext()
   const { activeBundle } = useTaskBundleContext()
@@ -348,7 +350,11 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
           type="button"
           onClick={() => setDrawerOpen(!drawerOpen)}
           className="flex h-10 items-center gap-1.5 rounded-bl-lg bg-slate-900/95 pr-2.5 pl-2 shadow-md transition-colors hover:bg-slate-800"
-          title={drawerOpen ? 'Collapse panel' : 'Expand panel'}
+          title={
+            drawerOpen
+              ? t('taskEditPage.idEditor.collapsePanel', undefined, 'Collapse panel')
+              : t('taskEditPage.idEditor.expandPanel', undefined, 'Expand panel')
+          }
         >
           {drawerOpen ? (
             <ChevronRight className="h-3.5 w-3.5 text-slate-400" />
@@ -368,7 +374,11 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
               <div className="flex items-center gap-1.5 rounded-md bg-yellow-500/90 px-2.5 py-1.5">
                 <span className="h-1.5 w-1.5 animate-pulse rounded-full bg-white" />
                 <span className="whitespace-nowrap font-semibold text-[11px] text-white">
-                  {idUnsavedCount} unsaved change{idUnsavedCount !== 1 ? 's' : ''}
+                  {t(
+                    'taskEditPage.idEditor.unsavedChanges',
+                    { count: idUnsavedCount, suffix: idUnsavedCount !== 1 ? 's' : '' },
+                    '{count} unsaved change{suffix}'
+                  )}
                 </span>
               </div>
             )}
@@ -378,10 +388,10 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
               type="button"
               onClick={handleResetView}
               className="flex items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 py-1.5 font-medium text-[11px] text-slate-300 transition-colors hover:bg-slate-700/80 hover:text-white"
-              title="Reset view to task location"
+              title={t('common.resetViewToTaskLocation', undefined, 'Reset view to task location')}
             >
               <Crosshair className="h-4 w-4" />
-              Re-Center
+              {t('taskEditPage.idEditor.reCenter', undefined, 'Re-Center')}
             </button>
             {osmEntityIds.length > 0 && (
               <button
@@ -393,10 +403,14 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
                   selectValidEntities(ctx, iDGlobal, osmEntityIdsRef.current)
                 }}
                 className="flex items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 py-1.5 font-medium text-[11px] text-slate-300 transition-colors hover:bg-slate-700/80 hover:text-white"
-                title="Select task features in iD"
+                title={t(
+                  'taskEditPage.idEditor.selectTasksTitle',
+                  undefined,
+                  'Select task features in iD'
+                )}
               >
                 <MousePointerClick className="h-4 w-4" />
-                Select Tasks
+                {t('taskEditPage.idEditor.selectTasks', undefined, 'Select Tasks')}
               </button>
             )}
             <button
@@ -407,19 +421,33 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
                   ? 'bg-purple-600/80 text-white hover:bg-purple-500'
                   : 'text-slate-300 hover:bg-slate-700/80 hover:text-white'
               }`}
-              title={focusMode ? 'Show all map features' : 'Dim other features to focus on tasks'}
+              title={
+                focusMode
+                  ? t('taskEditPage.idEditor.showAllTitle', undefined, 'Show all map features')
+                  : t(
+                      'taskEditPage.idEditor.focusTitle',
+                      undefined,
+                      'Dim other features to focus on tasks'
+                    )
+              }
             >
               {focusMode ? <Eye className="h-4 w-4" /> : <EyeOff className="h-4 w-4" />}
-              {focusMode ? 'Show All' : 'Focus'}
+              {focusMode
+                ? t('taskEditPage.idEditor.showAll', undefined, 'Show All')
+                : t('taskEditPage.idEditor.focus', undefined, 'Focus')}
             </button>
             <button
               type="button"
               onClick={onClose}
               className="flex items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 py-1.5 font-medium text-[11px] text-slate-300 transition-colors hover:bg-slate-700/80 hover:text-white"
-              title="Close editor and return to task map"
+              title={t(
+                'taskEditPage.idEditor.closeEditorTitle',
+                undefined,
+                'Close editor and return to task map'
+              )}
             >
               <MapIcon className="h-4 w-4" />
-              Close editor
+              {t('taskEditPage.idEditor.closeEditor', undefined, 'Close editor')}
             </button>
           </div>
         </div>
@@ -430,7 +458,9 @@ export const IdEditorView = ({ onClose }: IdEditorViewProps) => {
         <div className="absolute inset-0 z-10 flex items-center justify-center bg-white/80 dark:bg-slate-950/80">
           <div className="text-center">
             <div className="mx-auto mb-4 size-10 animate-spin rounded-full border-4 border-purple-200 border-t-purple-600" />
-            <div className="text-zinc-700 dark:text-zinc-300">Loading iD Editor...</div>
+            <div className="text-zinc-700 dark:text-zinc-300">
+              {t('taskEditPage.idEditor.loading', undefined, 'Loading iD Editor...')}
+            </div>
           </div>
         </div>
       )}
diff --git a/src/components/Pages/TaskEditPage/KeyboardShortcutsModal.tsx b/src/components/Pages/TaskEditPage/KeyboardShortcutsModal.tsx
index 75045dd84..10ddce3c0 100644
--- a/src/components/Pages/TaskEditPage/KeyboardShortcutsModal.tsx
+++ b/src/components/Pages/TaskEditPage/KeyboardShortcutsModal.tsx
@@ -11,17 +11,33 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
-
-// Always show the help shortcut
-const GLOBAL_SHORTCUTS: KeyboardShortcut[] = [
-  { key: '?', description: 'Show keyboard shortcuts', category: 'General' },
-]
+import { useIntl } from '@/i18n'
 
 export const KeyboardShortcutsModal = () => {
+  const { t } = useIntl()
   const { shortcuts, isModalOpen, setModalOpen } = useKeyboardShortcuts()
 
+  // Always show the help shortcut
+  const globalShortcuts: KeyboardShortcut[] = useMemo(
+    () => [
+      {
+        key: '?',
+        description: t(
+          'taskEditPage.keyboardShortcuts.showShortcuts',
+          undefined,
+          'Show keyboard shortcuts'
+        ),
+        category: 'General',
+      },
+    ],
+    [t]
+  )
+
   // Reason: data transformation for display grouping — merges registered and global shortcuts
-  const allShortcuts = useMemo(() => [...shortcuts, ...GLOBAL_SHORTCUTS], [shortcuts])
+  const allShortcuts = useMemo(
+    () => [...shortcuts, ...globalShortcuts],
+    [shortcuts, globalShortcuts]
+  )
 
   // Reason: data transformation for display grouping — groups shortcuts by category
   const groupedShortcuts = useMemo(() => {
@@ -56,9 +72,15 @@ export const KeyboardShortcutsModal = () => {
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Keyboard className="h-5 w-5" />
-            Keyboard Shortcuts
+            {t('taskEditPage.keyboardShortcuts.title', undefined, 'Keyboard Shortcuts')}
           </DialogTitle>
-          <DialogDescription>Use these shortcuts to speed up your workflow</DialogDescription>
+          <DialogDescription>
+            {t(
+              'taskEditPage.keyboardShortcuts.description',
+              undefined,
+              'Use these shortcuts to speed up your workflow'
+            )}
+          </DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4 pt-2">
@@ -87,15 +109,25 @@ export const KeyboardShortcutsModal = () => {
         </div>
 
         {allShortcuts.length === 1 && (
-          <p className="pt-2 text-center text-xs text-zinc-400">No shortcuts registered yet</p>
+          <p className="pt-2 text-center text-xs text-zinc-400">
+            {t(
+              'taskEditPage.keyboardShortcuts.noneRegistered',
+              undefined,
+              'No shortcuts registered yet'
+            )}
+          </p>
         )}
 
         <p className="pt-2 text-center text-xs text-zinc-400">
-          Press{' '}
+          {t('taskEditPage.keyboardShortcuts.pressPrefix', undefined, 'Press')}{' '}
           <kbd className="rounded border border-zinc-300 bg-zinc-100 px-1.5 py-0.5 font-mono text-xs dark:border-slate-700 dark:bg-slate-800">
             ?
           </kbd>{' '}
-          anytime to show this dialog
+          {t(
+            'taskEditPage.keyboardShortcuts.pressSuffix',
+            undefined,
+            'anytime to show this dialog'
+          )}
         </p>
       </DialogContent>
     </Dialog>
diff --git a/src/components/Pages/TaskEditPage/TaskActionModal.tsx b/src/components/Pages/TaskEditPage/TaskActionModal.tsx
index 08ed01483..095ea5f74 100644
--- a/src/components/Pages/TaskEditPage/TaskActionModal.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActionModal.tsx
@@ -24,6 +24,7 @@ import {
   SelectValue,
 } from '@/components/ui/Select'
 import { Textarea } from '@/components/ui/Textarea'
+import { useIntl } from '@/i18n'
 import { getApiErrorMessage } from '@/lib/apiError'
 import { logger } from '@/lib/logger'
 import { STATUS_LABELS } from '@/lib/taskConstants'
@@ -38,26 +39,35 @@ interface TaskActionModalProps {
   initialStatus: number
 }
 
-const STATUS_OPTIONS = [
-  { value: 1, label: 'Fixed' },
-  { value: 2, label: 'False Positive' },
-  { value: 3, label: 'Skipped' },
-  { value: 5, label: 'Already Fixed' },
-  { value: 6, label: "Can't Complete" },
-]
-
 export const TaskActionModal = ({
   open,
   onOpenChange,
   task,
   initialStatus,
 }: TaskActionModalProps) => {
+  const { t } = useIntl()
   const queryClient = useQueryClient()
   const navigate = useNavigate()
   const commentId = useId()
   const tagsId = useId()
   const randomId = useId()
   const nearbyId = useId()
+  const STATUS_OPTIONS = [
+    { value: 1, label: t('common.fixed', undefined, 'Fixed') },
+    {
+      value: 2,
+      label: t('common.falsePositive', undefined, 'False Positive'),
+    },
+    { value: 3, label: t('common.skipped', undefined, 'Skipped') },
+    {
+      value: 5,
+      label: t('common.alreadyFixed', undefined, 'Already Fixed'),
+    },
+    {
+      value: 6,
+      label: t('common.cantComplete', undefined, "Can't Complete"),
+    },
+  ]
   const [newStatus, setNewStatus] = useState(initialStatus)
   const [comment, setComment] = useState('')
   const [tags, setTags] = useState('')
@@ -71,7 +81,8 @@ export const TaskActionModal = ({
   const updateBundleMutation = api.taskBundle.useUpdateTaskBundle()
   const { activeBundle, initialBundle } = useTaskBundleContext()
   const currentStatus = task.status ?? 0
-  const currentStatusLabel = STATUS_LABELS[currentStatus] || 'Unknown'
+  const currentStatusLabel =
+    STATUS_LABELS[currentStatus] || t('common.unknown', undefined, 'Unknown')
 
   useEffect(() => {
     setNewStatus(initialStatus)
@@ -135,25 +146,39 @@ export const TaskActionModal = ({
         addTaskCommentMutation.mutate({ taskId: task.id, commentText: comment.trim() })
       }
 
-      toast.success(`Task marked as ${STATUS_LABELS[newStatus]}`)
+      toast.success(
+        t(
+          'taskEditPage.taskActionModal.toast.markedAs',
+          { status: STATUS_LABELS[newStatus] },
+          'Task marked as {status}'
+        )
+      )
 
       if (nextTaskType === 'nearby' && selectedNearbyTaskId) {
         await navigate({ to: '/tasks/$taskId', params: { taskId: String(selectedNearbyTaskId) } })
       } else {
-        toast.info('Loading next task...')
+        toast.info(
+          t('taskEditPage.taskActionModal.toast.loadingNext', undefined, 'Loading next task...')
+        )
         try {
           const randomTasks = await api.challenge.getRandomTask(task.parent, queryClient)
           if (randomTasks && randomTasks.length > 0) {
             await navigate({ to: '/tasks/$taskId', params: { taskId: String(randomTasks[0].id) } })
           } else {
-            toast.info('No more tasks available in this challenge')
+            toast.info(
+              t(
+                'common.noMoreTasksInChallenge',
+                undefined,
+                'No more tasks available in this challenge'
+              )
+            )
             await navigate({
               to: '/challenge/$challengeId',
               params: { challengeId: String(task.parent) },
             })
           }
         } catch {
-          toast.error('Failed to load next task')
+          toast.error(t('common.failedToLoadNextTask', undefined, 'Failed to load next task'))
           await navigate({
             to: '/challenge/$challengeId',
             params: { challengeId: String(task.parent) },
@@ -164,7 +189,14 @@ export const TaskActionModal = ({
       onOpenChange(false)
     } catch (error) {
       logger.error('Error updating task', { error: String(error) })
-      toast.error((await getApiErrorMessage(error)) ?? 'Failed to update task. Please try again.')
+      toast.error(
+        (await getApiErrorMessage(error)) ??
+          t(
+            'taskEditPage.taskActionModal.toast.updateFailed',
+            undefined,
+            'Failed to update task. Please try again.'
+          )
+      )
     } finally {
       setIsSubmitting(false)
     }
@@ -183,16 +215,24 @@ export const TaskActionModal = ({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent size="xl" className="max-h-[90vh] overflow-y-auto">
         <DialogHeader>
-          <DialogTitle>Complete Task Action</DialogTitle>
+          <DialogTitle>
+            {t('taskEditPage.taskActionModal.title', undefined, 'Complete Task Action')}
+          </DialogTitle>
           <DialogDescription>
-            Update the task status and optionally add a comment or tags
+            {t(
+              'taskEditPage.taskActionModal.description',
+              undefined,
+              'Update the task status and optionally add a comment or tags'
+            )}
           </DialogDescription>
         </DialogHeader>
 
         <div className="space-y-6 py-4">
           {/* Status Transition */}
           <div className="space-y-2">
-            <Label>Status Change</Label>
+            <Label>
+              {t('taskEditPage.taskActionModal.statusChange', undefined, 'Status Change')}
+            </Label>
             <div className="flex items-center gap-3">
               <div className="flex items-center gap-2 rounded-lg bg-zinc-100 px-3 py-2 dark:bg-slate-700">
                 <span className="font-medium text-sm">{currentStatusLabel}</span>
@@ -218,10 +258,16 @@ export const TaskActionModal = ({
 
           {/* Comment */}
           <div className="space-y-2">
-            <Label htmlFor={commentId}>Comment (Optional)</Label>
+            <Label htmlFor={commentId}>
+              {t('taskEditPage.taskActionModal.commentLabel', undefined, 'Comment (Optional)')}
+            </Label>
             <Textarea
               id={commentId}
-              placeholder="Add any notes or comments about this task..."
+              placeholder={t(
+                'taskEditPage.taskActionModal.commentPlaceholder',
+                undefined,
+                'Add any notes or comments about this task...'
+              )}
               value={comment}
               onChange={(e) => setComment(e.target.value)}
               rows={3}
@@ -230,19 +276,31 @@ export const TaskActionModal = ({
 
           {/* Tags */}
           <div className="space-y-2">
-            <Label htmlFor={tagsId}>Tags (Optional)</Label>
+            <Label htmlFor={tagsId}>
+              {t('taskEditPage.taskActionModal.tagsLabel', undefined, 'Tags (Optional)')}
+            </Label>
             <Input
               id={tagsId}
-              placeholder="Enter tags separated by commas (e.g., needs-review, complex)"
+              placeholder={t(
+                'taskEditPage.taskActionModal.tagsPlaceholder',
+                undefined,
+                'Enter tags separated by commas (e.g., needs-review, complex)'
+              )}
               value={tags}
               onChange={(e) => setTags(e.target.value)}
             />
-            <p className="text-xs text-zinc-500">Separate multiple tags with commas</p>
+            <p className="text-xs text-zinc-500">
+              {t(
+                'taskEditPage.taskActionModal.tagsHint',
+                undefined,
+                'Separate multiple tags with commas'
+              )}
+            </p>
           </div>
 
           {/* Next Task Selection */}
           <div className="space-y-3">
-            <Label>Next Task</Label>
+            <Label>{t('taskEditPage.taskActionModal.nextTask', undefined, 'Next Task')}</Label>
             <RadioGroup
               value={nextTaskType}
               onValueChange={(value) => setNextTaskType(value as 'nearby' | 'random')}
@@ -256,10 +314,18 @@ export const TaskActionModal = ({
                       className="flex cursor-pointer items-center gap-2 font-medium"
                     >
                       <Shuffle className="h-4 w-4" />
-                      Random High Priority Task
+                      {t(
+                        'taskEditPage.taskActionModal.randomTask.label',
+                        undefined,
+                        'Random High Priority Task'
+                      )}
                     </Label>
                     <p className="mt-1 text-xs text-zinc-500">
-                      Load the next highest priority task from this challenge
+                      {t(
+                        'taskEditPage.taskActionModal.randomTask.description',
+                        undefined,
+                        'Load the next highest priority task from this challenge'
+                      )}
                     </p>
                   </div>
                 </div>
@@ -272,10 +338,14 @@ export const TaskActionModal = ({
                       className="flex cursor-pointer items-center gap-2 font-medium"
                     >
                       <MapPin className="h-4 w-4" />
-                      Nearby Task
+                      {t('taskEditPage.taskActionModal.nearbyTask.label', undefined, 'Nearby Task')}
                     </Label>
                     <p className="mt-1 text-xs text-zinc-500">
-                      Select a task near the current one, or auto-select the nearest
+                      {t(
+                        'taskEditPage.taskActionModal.nearbyTask.description',
+                        undefined,
+                        'Select a task near the current one, or auto-select the nearest'
+                      )}
                     </p>
                   </div>
                 </div>
@@ -297,10 +367,16 @@ export const TaskActionModal = ({
 
         <DialogFooter>
           <Button onClick={handleCancel} disabled={isSubmitting}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button variant="outline" onClick={handleSubmit} disabled={isSubmitting}>
-            {isSubmitting ? 'Submitting...' : 'Complete & Continue'}
+            {isSubmitting
+              ? t('common.submitting', undefined, 'Submitting...')
+              : t(
+                  'taskEditPage.taskActionModal.completeAndContinue',
+                  undefined,
+                  'Complete & Continue'
+                )}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/TaskEditPage/TaskActions/EditorButton.tsx b/src/components/Pages/TaskEditPage/TaskActions/EditorButton.tsx
index 6179e4dd2..d5a10588b 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/EditorButton.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/EditorButton.tsx
@@ -18,6 +18,7 @@ import {
 } from '@/components/ui/DropdownMenu'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { editorOptions } from '@/data/account.json'
+import { useIntl } from '@/i18n'
 import { buildChangesetComment } from '@/lib/changesetComment'
 import { logger } from '@/lib/logger'
 import type { Bbox2D } from '@/types/Map'
@@ -48,6 +49,7 @@ const computeBboxForTasks = (tasks: Task[]): Bbox2D => {
 }
 
 export const EditorButton = ({ task }: EditorButtonProps) => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const { challenge } = useChallengeContext()
   const { activeBundle } = useTaskBundleContext()
@@ -100,7 +102,13 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
         case JOSM_LAYER: {
           const bounds = computeBboxForTasks(tasks)
           if (!bounds) {
-            toast.error('Task bounds not available')
+            toast.error(
+              t(
+                'taskEditPage.taskActions.editorButton.noBounds',
+                undefined,
+                'Task bounds not available'
+              )
+            )
             return
           }
           const [west, south, east, north] = bounds
@@ -117,7 +125,13 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
           ]
           if (selection) parts.push(`select=${selection}`)
           editorUrl = `${JOSM_HOST}load_and_zoom?${parts.join('&')}`
-          toast.info('Make sure JOSM is running with remote control enabled')
+          toast.info(
+            t(
+              'taskEditPage.taskActions.editorButton.josmRemoteControlHint',
+              undefined,
+              'Make sure JOSM is running with remote control enabled'
+            )
+          )
           break
         }
 
@@ -125,7 +139,13 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
           // load_object: select & download the specific OSM elements
           const selection = formatOsmEntities(tasks, { abbreviated: false })
           if (!selection) {
-            toast.error('Task has no OSM feature IDs to load')
+            toast.error(
+              t(
+                'taskEditPage.taskActions.editorButton.noOsmFeatures',
+                undefined,
+                'Task has no OSM feature IDs to load'
+              )
+            )
             return
           }
           const bounds = computeBboxForTasks(tasks)
@@ -141,7 +161,13 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
             parts.unshift(`left=${west}`, `right=${east}`, `top=${north}`, `bottom=${south}`)
           }
           editorUrl = `${JOSM_HOST}load_object?${parts.join('&')}`
-          toast.info('Make sure JOSM is running with remote control enabled')
+          toast.info(
+            t(
+              'taskEditPage.taskActions.editorButton.josmRemoteControlHint',
+              undefined,
+              'Make sure JOSM is running with remote control enabled'
+            )
+          )
           break
         }
 
@@ -178,12 +204,22 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
       if (editorUrl) {
         window.open(editorUrl, '_blank', 'noopener,noreferrer')
         toast.success(
-          `Opening task in ${editorOptions.find((opt) => opt.value === editorValue)?.label || 'editor'}`
+          t(
+            'taskEditPage.taskActions.editorButton.openingTaskIn',
+            {
+              editor:
+                editorOptions.find((opt) => opt.value === editorValue)?.label ||
+                t('taskEditPage.taskActions.editorButton.editorFallback', undefined, 'editor'),
+            },
+            'Opening task in {editor}'
+          )
         )
       }
     } catch (error) {
       logger.error('Error opening editor', { error: String(error) })
-      toast.error('Failed to open editor')
+      toast.error(
+        t('taskEditPage.taskActions.editorButton.openFailed', undefined, 'Failed to open editor')
+      )
     }
   }
 
@@ -207,8 +243,22 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
           },
         },
         {
-          onSuccess: () => toast.success('Default editor updated'),
-          onError: () => toast.error('Failed to update default editor'),
+          onSuccess: () =>
+            toast.success(
+              t(
+                'taskEditPage.taskActions.editorButton.defaultUpdated',
+                undefined,
+                'Default editor updated'
+              )
+            ),
+          onError: () =>
+            toast.error(
+              t(
+                'taskEditPage.taskActions.editorButton.defaultUpdateFailed',
+                undefined,
+                'Failed to update default editor'
+              )
+            ),
         }
       )
     } catch (error) {
@@ -220,14 +270,23 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
 
   // Get short label for mobile
   const getShortLabel = (label: string) => {
-    if (label.includes('iD')) return 'iD'
+    if (label.includes('iD'))
+      return t('taskEditPage.taskActions.editorButton.short.id', undefined, 'iD')
     if (label.includes('JOSM')) {
-      if (label.includes('new layer')) return 'JOSM Layer'
-      if (label.includes('features')) return 'JOSM Features'
-      return 'JOSM'
+      if (label.includes('new layer'))
+        return t('taskEditPage.taskActions.editorButton.short.josmLayer', undefined, 'JOSM Layer')
+      if (label.includes('features'))
+        return t(
+          'taskEditPage.taskActions.editorButton.short.josmFeatures',
+          undefined,
+          'JOSM Features'
+        )
+      return t('taskEditPage.taskActions.editorButton.short.josm', undefined, 'JOSM')
     }
-    if (label.includes('level0')) return 'Level0'
-    if (label.includes('Rapid')) return 'Rapid'
+    if (label.includes('level0'))
+      return t('taskEditPage.taskActions.editorButton.short.level0', undefined, 'Level0')
+    if (label.includes('Rapid'))
+      return t('taskEditPage.taskActions.editorButton.short.rapid', undefined, 'Rapid')
     return label
   }
 
@@ -239,7 +298,11 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
           onClick={handleOpenEditor}
           className="gap-2 rounded-r-none rounded-l-full border-r border-r-background/20"
           variant="default"
-          title={`Open task in ${currentEditorOption.label}`}
+          title={t(
+            'taskEditPage.taskActions.editorButton.openTaskIn',
+            { editor: currentEditorOption.label },
+            'Open task in {editor}'
+          )}
           disabled={isSaving || updateEditorMutation.isPending}
         >
           <span className="hidden sm:inline">{currentEditorOption.label}</span>
@@ -251,14 +314,24 @@ export const EditorButton = ({ task }: EditorButtonProps) => {
               size="sm"
               variant="default"
               className="rounded-r-full rounded-l-none px-2"
-              title="Change default editor"
+              title={t(
+                'taskEditPage.taskActions.editorButton.changeDefault',
+                undefined,
+                'Change default editor'
+              )}
               disabled={isSaving || updateEditorMutation.isPending}
             >
               <ChevronDown className="h-4 w-4" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end" className="w-56">
-            <DropdownMenuLabel>Set Default Editor:</DropdownMenuLabel>
+            <DropdownMenuLabel>
+              {t(
+                'taskEditPage.taskActions.editorButton.setDefaultEditor',
+                undefined,
+                'Set Default Editor:'
+              )}
+            </DropdownMenuLabel>
             <DropdownMenuSeparator />
             {editorOptions
               .filter((opt) => opt.value !== -1) // Exclude "None" option
diff --git a/src/components/Pages/TaskEditPage/TaskActions/LockButton.tsx b/src/components/Pages/TaskEditPage/TaskActions/LockButton.tsx
index bc73e6d7e..e757250c1 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/LockButton.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/LockButton.tsx
@@ -3,25 +3,34 @@ import { toast } from 'sonner'
 import { useTaskContext } from '@/components/Pages/TaskEditPage/contexts/TaskContext'
 import { Button } from '@/components/ui/Button'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 
 export const LockButton = ({ compact = false }: { compact?: boolean }) => {
+  const { t } = useIntl()
   const { isLocked, isLocking, lockTask, unlockTask } = useTaskContext()
   const { isAuthenticated } = useAuthContext()
 
   const handleLockTask = () => {
     lockTask()
-    toast.success('Task locked')
+    toast.success(t('taskEditPage.taskActions.lockButton.locked', undefined, 'Task locked'))
   }
 
   const handleUnlockTask = () => {
     unlockTask()
-    toast.success('Task unlocked')
+    toast.success(t('taskEditPage.taskActions.lockButton.unlocked', undefined, 'Task unlocked'))
   }
 
   // Don't show lock button if not authenticated
   if (!isAuthenticated) {
     return (
-      <div className="rounded-md p-1 text-zinc-400" title="Sign in to lock tasks">
+      <div
+        className="rounded-md p-1 text-zinc-400"
+        title={t(
+          'taskEditPage.taskActions.lockButton.signInToLock',
+          undefined,
+          'Sign in to lock tasks'
+        )}
+      >
         <Lock className="h-4 w-4" />
       </div>
     )
@@ -39,11 +48,11 @@ export const LockButton = ({ compact = false }: { compact?: boolean }) => {
             ? 'text-amber-600 dark:text-amber-400'
             : 'gap-1.5 text-amber-600 dark:text-amber-400'
         }
-        aria-label="Unlock task"
-        title="Unlock task"
+        aria-label={t('taskEditPage.taskActions.lockButton.unlockTask', undefined, 'Unlock task')}
+        title={t('taskEditPage.taskActions.lockButton.unlockTask', undefined, 'Unlock task')}
       >
         <Unlock className="size-4" />
-        {!compact && 'Unlock'}
+        {!compact && t('taskEditPage.taskActions.lockButton.unlock', undefined, 'Unlock')}
       </Button>
     )
   }
@@ -55,11 +64,11 @@ export const LockButton = ({ compact = false }: { compact?: boolean }) => {
       onClick={handleLockTask}
       disabled={isLocking}
       className={compact ? undefined : 'gap-1.5'}
-      aria-label="Lock task"
-      title="Lock task"
+      aria-label={t('taskEditPage.taskActions.lockButton.lockTask', undefined, 'Lock task')}
+      title={t('taskEditPage.taskActions.lockButton.lockTask', undefined, 'Lock task')}
     >
       <Lock className="size-4" />
-      {!compact && 'Lock'}
+      {!compact && t('taskEditPage.taskActions.lockButton.lock', undefined, 'Lock')}
     </Button>
   )
 }
diff --git a/src/components/Pages/TaskEditPage/TaskActions/NavigationActions.tsx b/src/components/Pages/TaskEditPage/TaskActions/NavigationActions.tsx
index 2845af0da..b4a6c506e 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/NavigationActions.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/NavigationActions.tsx
@@ -5,6 +5,7 @@ import { useState } from 'react'
 import { toast } from 'sonner'
 import { api } from '@/api'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 
 export const NavigationActions = ({
   challengeId,
@@ -13,6 +14,7 @@ export const NavigationActions = ({
   challengeId: number
   taskId: number
 }) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const queryClient = useQueryClient()
   const [isLoadingNearby, setIsLoadingNearby] = useState(false)
@@ -28,10 +30,22 @@ export const NavigationActions = ({
       if (nearbyTasks && nearbyTasks.length > 0) {
         await navigate({ to: '/tasks/$taskId', params: { taskId: String(nearbyTasks[0].id) } })
       } else {
-        toast.info('No nearby tasks available')
+        toast.info(
+          t(
+            'taskEditPage.taskActions.navigation.noNearbyTasks',
+            undefined,
+            'No nearby tasks available'
+          )
+        )
       }
     } catch {
-      toast.error('Failed to load nearby task')
+      toast.error(
+        t(
+          'taskEditPage.taskActions.navigation.loadNearbyFailed',
+          undefined,
+          'Failed to load nearby task'
+        )
+      )
     } finally {
       setIsLoadingNearby(false)
     }
@@ -44,14 +58,16 @@ export const NavigationActions = ({
       if (randomTasks && randomTasks.length > 0) {
         await navigate({ to: '/tasks/$taskId', params: { taskId: String(randomTasks[0].id) } })
       } else {
-        toast.info('No more tasks available in this challenge')
+        toast.info(
+          t('common.noMoreTasksInChallenge', undefined, 'No more tasks available in this challenge')
+        )
         await navigate({
           to: '/challenge/$challengeId',
           params: { challengeId: String(challengeId) },
         })
       }
     } catch {
-      toast.error('Failed to load next task')
+      toast.error(t('common.failedToLoadNextTask', undefined, 'Failed to load next task'))
     } finally {
       setIsLoadingRandom(false)
     }
@@ -60,7 +76,11 @@ export const NavigationActions = ({
   return (
     <div className="rounded-lg bg-zinc-100 p-2.5 dark:bg-slate-800/60">
       <p className="mb-2 text-center font-medium text-sm text-zinc-700 dark:text-slate-300">
-        Want to map this challenge?
+        {t(
+          'taskEditPage.taskActions.navigation.wantToMap',
+          undefined,
+          'Want to map this challenge?'
+        )}
       </p>
       <div className="grid grid-cols-2 gap-1.5">
         <Button
@@ -70,7 +90,9 @@ export const NavigationActions = ({
           disabled={isLoadingNearby}
         >
           {isLoadingNearby ? <Loader2 className="animate-spin" /> : <Navigation />}
-          {isLoadingNearby ? 'Loading...' : 'Nearby task'}
+          {isLoadingNearby
+            ? t('common.loading2', undefined, 'Loading...')
+            : t('taskEditPage.taskActions.navigation.nearbyTask', undefined, 'Nearby task')}
         </Button>
         <Button
           variant="success"
@@ -79,7 +101,9 @@ export const NavigationActions = ({
           disabled={isLoadingRandom}
         >
           {isLoadingRandom ? <Loader2 className="animate-spin" /> : <Shuffle />}
-          {isLoadingRandom ? 'Loading...' : 'Random task'}
+          {isLoadingRandom
+            ? t('common.loading2', undefined, 'Loading...')
+            : t('taskEditPage.taskActions.navigation.randomTask', undefined, 'Random task')}
         </Button>
       </div>
     </div>
diff --git a/src/components/Pages/TaskEditPage/TaskActions/SkipButton.tsx b/src/components/Pages/TaskEditPage/TaskActions/SkipButton.tsx
index 400cebe3b..48845fa37 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/SkipButton.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/SkipButton.tsx
@@ -5,10 +5,12 @@ import { useState } from 'react'
 import { toast } from 'sonner'
 import { api } from '@/api'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { Task } from '@/types/Task'
 
 export const SkipButton = ({ task }: { task: Task }) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const queryClient = useQueryClient()
   const skip = api.task.useSkipTask()
@@ -29,7 +31,9 @@ export const SkipButton = ({ task }: { task: Task }) => {
           params: { taskId: String(randomTasks[0].id) },
         })
       } else {
-        toast.info('No more tasks available in this challenge')
+        toast.info(
+          t('common.noMoreTasksInChallenge', undefined, 'No more tasks available in this challenge')
+        )
         await navigate({
           to: '/challenge/$challengeId',
           params: { challengeId: String(task.parent) },
@@ -37,7 +41,9 @@ export const SkipButton = ({ task }: { task: Task }) => {
       }
     } catch (error) {
       logger.error('Skip failed', { error })
-      toast.error('Could not skip this task')
+      toast.error(
+        t('taskEditPage.taskActions.skipButton.skipFailed', undefined, 'Could not skip this task')
+      )
     } finally {
       setBusy(false)
     }
@@ -50,14 +56,18 @@ export const SkipButton = ({ task }: { task: Task }) => {
       onClick={handleSkip}
       disabled={busy}
       className="gap-1.5 rounded-full border-zinc-300 text-zinc-600 hover:bg-zinc-100 dark:border-slate-600 dark:text-slate-400 dark:hover:bg-slate-700"
-      title="Skip this task (preserves status)"
+      title={t(
+        'taskEditPage.taskActions.skipButton.title',
+        undefined,
+        'Skip this task (preserves status)'
+      )}
     >
       {busy ? (
         <Loader2 className="h-3.5 w-3.5 animate-spin" aria-hidden="true" />
       ) : (
         <SkipForward className="h-3.5 w-3.5" aria-hidden="true" />
       )}
-      Skip this task
+      {t('taskEditPage.taskActions.skipButton.label', undefined, 'Skip this task')}
     </Button>
   )
 }
diff --git a/src/components/Pages/TaskEditPage/TaskActions/StartMappingActions.tsx b/src/components/Pages/TaskEditPage/TaskActions/StartMappingActions.tsx
index 4218e774a..591400226 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/StartMappingActions.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/StartMappingActions.tsx
@@ -6,8 +6,10 @@ import { toast } from 'sonner'
 import { api } from '@/api'
 import { useTaskContext } from '@/components/Pages/TaskEditPage/contexts/TaskContext'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 
 export const StartMappingActions = ({ challengeId }: { challengeId: number }) => {
+  const { t } = useIntl()
   const { isLocking, lockTask } = useTaskContext()
   const navigate = useNavigate()
   const queryClient = useQueryClient()
@@ -20,14 +22,16 @@ export const StartMappingActions = ({ challengeId }: { challengeId: number }) =>
       if (randomTasks && randomTasks.length > 0) {
         await navigate({ to: '/tasks/$taskId', params: { taskId: String(randomTasks[0].id) } })
       } else {
-        toast.info('No more tasks available in this challenge')
+        toast.info(
+          t('common.noMoreTasksInChallenge', undefined, 'No more tasks available in this challenge')
+        )
         await navigate({
           to: '/challenge/$challengeId',
           params: { challengeId: String(challengeId) },
         })
       }
     } catch {
-      toast.error('Failed to load next task')
+      toast.error(t('common.failedToLoadNextTask', undefined, 'Failed to load next task'))
     } finally {
       setIsLoadingNext(false)
     }
@@ -38,7 +42,9 @@ export const StartMappingActions = ({ challengeId }: { challengeId: number }) =>
       <div className="grid grid-cols-2 gap-1.5">
         <Button variant="success" size="lg" onClick={lockTask} disabled={isLocking}>
           {isLocking ? <Loader2 className="animate-spin" /> : <MapPin />}
-          {isLocking ? 'Starting...' : 'Map this task'}
+          {isLocking
+            ? t('taskEditPage.taskActions.startMapping.starting', undefined, 'Starting...')
+            : t('taskEditPage.taskActions.startMapping.mapThisTask', undefined, 'Map this task')}
         </Button>
         <Button
           variant="secondary"
@@ -47,7 +53,9 @@ export const StartMappingActions = ({ challengeId }: { challengeId: number }) =>
           disabled={isLoadingNext}
         >
           {isLoadingNext ? <Loader2 className="animate-spin" /> : <Shuffle />}
-          {isLoadingNext ? 'Loading...' : 'Different task'}
+          {isLoadingNext
+            ? t('common.loading2', undefined, 'Loading...')
+            : t('taskEditPage.taskActions.startMapping.differentTask', undefined, 'Different task')}
         </Button>
       </div>
     </div>
diff --git a/src/components/Pages/TaskEditPage/TaskActions/TaskActions.tsx b/src/components/Pages/TaskEditPage/TaskActions/TaskActions.tsx
index 6664edb30..cf6db3000 100644
--- a/src/components/Pages/TaskEditPage/TaskActions/TaskActions.tsx
+++ b/src/components/Pages/TaskEditPage/TaskActions/TaskActions.tsx
@@ -9,14 +9,18 @@ import {
 import { Button, type buttonVariants } from '@/components/ui/Button'
 import { DisabledTooltip } from '@/components/ui/DisabledTooltip'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { TaskActionModal } from '../TaskActionModal'
 import { NavigationActions } from './NavigationActions'
 import { StartMappingActions } from './StartMappingActions'
 
-const PAUSED_MESSAGE =
-  'This challenge is currently paused. Tasks cannot be completed until it is resumed.'
-
 export const TaskActions = () => {
+  const { t } = useIntl()
+  const pausedMessage = t(
+    'taskEditPage.taskActions.main.pausedMessage',
+    undefined,
+    'This challenge is currently paused. Tasks cannot be completed until it is resumed.'
+  )
   const { task, isLocked } = useTaskContext()
   const { challenge } = useChallengeContext()
   const { isAuthenticated, login } = useAuthContext()
@@ -59,29 +63,45 @@ export const TaskActions = () => {
       variant: 'success',
       icon: <CheckCircle2 />,
       onClick: handleMarkAsFixed,
-      title: 'Mark as Fixed (Ctrl/Cmd + F)',
-      label: 'Fixed',
+      title: t(
+        'taskEditPage.taskActions.main.markFixedTitle',
+        undefined,
+        'Mark as Fixed (Ctrl/Cmd + F)'
+      ),
+      label: t('common.fixed', undefined, 'Fixed'),
     },
     {
       variant: 'info',
       icon: <CheckCircle2 />,
       onClick: handleMarkAsAlreadyFixed,
-      title: 'Mark as Already Fixed',
-      label: 'Already Fixed',
+      title: t(
+        'taskEditPage.taskActions.main.markAlreadyFixedTitle',
+        undefined,
+        'Mark as Already Fixed'
+      ),
+      label: t('common.alreadyFixed', undefined, 'Already Fixed'),
     },
     {
       variant: 'warning',
       icon: <Flag />,
       onClick: handleMarkAsFalsePositive,
-      title: 'Mark as False Positive (Ctrl/Cmd + P)',
-      label: 'Not an Issue',
+      title: t(
+        'taskEditPage.taskActions.main.markFalsePositiveTitle',
+        undefined,
+        'Mark as False Positive (Ctrl/Cmd + P)'
+      ),
+      label: t('taskEditPage.taskActions.main.notAnIssue', undefined, 'Not an Issue'),
     },
     {
       variant: 'caution',
       icon: <X />,
       onClick: handleMarkAsTooHard,
-      title: "Mark as Can't Complete",
-      label: "Can't Complete",
+      title: t(
+        'taskEditPage.taskActions.main.markCantCompleteTitle',
+        undefined,
+        "Mark as Can't Complete"
+      ),
+      label: t('common.cantComplete', undefined, "Can't Complete"),
     },
   ]
 
@@ -119,7 +139,7 @@ export const TaskActions = () => {
       <div className="rounded-lg bg-zinc-100 p-1.5 dark:bg-slate-800/60">
         <Button variant="success" size="lg" className="w-full" onClick={login}>
           <LogIn />
-          Sign in to map this task
+          {t('taskEditPage.taskActions.main.signInToMap', undefined, 'Sign in to map this task')}
         </Button>
       </div>
     )
@@ -140,11 +160,15 @@ export const TaskActions = () => {
     <>
       <div className="rounded-lg bg-zinc-100 p-1.5 dark:bg-slate-800/60">
         <div className="mb-1.5 px-1 font-medium text-xs text-zinc-500 uppercase tracking-wider dark:text-slate-400">
-          Completion: Set Task Status
+          {t(
+            'taskEditPage.taskActions.main.completionHeading',
+            undefined,
+            'Completion: Set Task Status'
+          )}
         </div>
         <div className="grid grid-cols-2 gap-1.5">
           {completionActions.map((action) => (
-            <DisabledTooltip key={action.label} show={isPaused} message={PAUSED_MESSAGE}>
+            <DisabledTooltip key={action.label} show={isPaused} message={pausedMessage}>
               <Button
                 variant={action.variant}
                 size="sm"
diff --git a/src/components/Pages/TaskEditPage/TaskInfoHeader.tsx b/src/components/Pages/TaskEditPage/TaskInfoHeader.tsx
index d7eda380a..b463f8967 100644
--- a/src/components/Pages/TaskEditPage/TaskInfoHeader.tsx
+++ b/src/components/Pages/TaskEditPage/TaskInfoHeader.tsx
@@ -13,6 +13,7 @@ import {
 import { Button } from '@/components/ui/Button'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { STATUS_COLORS, STATUS_LABELS } from '@/lib/taskConstants'
 import { cn } from '@/lib/utils'
 import type { Bbox2D } from '@/types/Map'
@@ -45,13 +46,14 @@ export const TaskInfoHeader = ({
   isLocked?: boolean
   onClose?: () => void
 }) => {
+  const { t } = useIntl()
   const { challenge } = useChallengeContext()
   const { isAuthenticated } = useAuthContext()
   const { map, markersHidden, setMarkersHidden } = useTaskMapContext()
   const { data: project } = api.project.getProject(challenge?.parent)
 
   const status = task.status ?? 0
-  const statusLabel = STATUS_LABELS[status] || 'Unknown'
+  const statusLabel = STATUS_LABELS[status] || t('common.unknown', undefined, 'Unknown')
   const statusColor = STATUS_COLORS[status] || 'bg-zinc-500'
 
   // Only show edit actions if user is authenticated, has locked the task, and status is editable
@@ -102,7 +104,7 @@ export const TaskInfoHeader = ({
           {relation === 'primary' && (
             <span className="flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 font-medium text-amber-700 text-xs dark:bg-amber-900/30 dark:text-amber-400">
               <Star className="h-3 w-3 fill-current" />
-              Primary
+              {t('common.primary', undefined, 'Primary')}
             </span>
           )}
           <div className="ml-auto flex items-center gap-1">
@@ -111,8 +113,16 @@ export const TaskInfoHeader = ({
               size="icon-sm"
               className={cn(markersHidden && 'text-amber-600 dark:text-amber-400')}
               onClick={() => setMarkersHidden(!markersHidden)}
-              aria-label={markersHidden ? 'Show task markers' : 'Hide task markers'}
-              title={markersHidden ? 'Show task markers' : 'Hide task markers'}
+              aria-label={
+                markersHidden
+                  ? t('taskEditPage.taskInfoHeader.showMarkers', undefined, 'Show task markers')
+                  : t('taskEditPage.taskInfoHeader.hideMarkers', undefined, 'Hide task markers')
+              }
+              title={
+                markersHidden
+                  ? t('taskEditPage.taskInfoHeader.showMarkers', undefined, 'Show task markers')
+                  : t('taskEditPage.taskInfoHeader.hideMarkers', undefined, 'Hide task markers')
+              }
             >
               {markersHidden ? <Eye className="size-4" /> : <EyeOff className="size-4" />}
             </Button>
@@ -120,28 +130,47 @@ export const TaskInfoHeader = ({
               variant="ghost"
               size="icon-sm"
               onClick={handleZoomToTask}
-              aria-label="Zoom to task"
-              title="Zoom to task"
+              aria-label={t('common.zoomToTask', undefined, 'Zoom to task')}
+              title={t('common.zoomToTask', undefined, 'Zoom to task')}
             >
               <ZoomIn className="size-4" />
             </Button>
             <Popover>
               <PopoverTrigger asChild>
-                <Button variant="ghost" size="icon-sm" aria-label="Share task" title="Share task">
+                <Button
+                  variant="ghost"
+                  size="icon-sm"
+                  aria-label={t('common.shareTask', undefined, 'Share task')}
+                  title={t('common.shareTask', undefined, 'Share task')}
+                >
                   <Share2 className="size-4" />
                 </Button>
               </PopoverTrigger>
               <PopoverContent align="end" className="w-80">
                 <SharePopoverContent
                   url={`${window.location.origin}/tasks/${task.id}`}
-                  title={task.name ? `Task: ${task.name}` : `Task #${task.id}`}
+                  title={
+                    task.name
+                      ? t('common.taskWithName', { name: task.name }, 'Task: {name}')
+                      : t('common.taskWithId', { id: task.id }, 'Task #{id}')
+                  }
                   description={challenge?.name}
                 />
               </PopoverContent>
             </Popover>
             {osmUrl && (
-              <Button variant="ghost" size="icon-sm" asChild title="View on OSM">
-                <a href={osmUrl} target="_blank" rel="noopener noreferrer" aria-label="View on OSM">
+              <Button
+                variant="ghost"
+                size="icon-sm"
+                asChild
+                title={t('common.viewOnOsm', undefined, 'View on OSM')}
+              >
+                <a
+                  href={osmUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label={t('common.viewOnOsm', undefined, 'View on OSM')}
+                >
                   <ExternalLink className="size-4" />
                 </a>
               </Button>
@@ -152,8 +181,8 @@ export const TaskInfoHeader = ({
                 variant="ghost"
                 size="icon-sm"
                 onClick={onClose}
-                aria-label="Close task"
-                title="Close task"
+                aria-label={t('common.closeTask', undefined, 'Close task')}
+                title={t('common.closeTask', undefined, 'Close task')}
               >
                 <X className="size-4" />
               </Button>
@@ -163,7 +192,7 @@ export const TaskInfoHeader = ({
 
         {/* Task ID */}
         <div className="font-bold text-base text-zinc-900 leading-tight dark:text-zinc-100">
-          Task #{task.id}
+          {t('common.taskWithId', { id: task.id }, 'Task #{id}')}
         </div>
 
         {/* Challenge › Project breadcrumb */}
diff --git a/src/components/Pages/TaskEditPage/TaskMap.tsx b/src/components/Pages/TaskEditPage/TaskMap.tsx
index f6633244e..8610ca488 100644
--- a/src/components/Pages/TaskEditPage/TaskMap.tsx
+++ b/src/components/Pages/TaskEditPage/TaskMap.tsx
@@ -16,6 +16,7 @@ import {
 } from '@/components/Pages/TaskEditPage/contexts/TaskContext'
 import { useTaskMapContext } from '@/components/Pages/TaskEditPage/contexts/TaskMapContext'
 import { MapLoadingIndicator } from '@/components/shared/MapLoadingIndicator'
+import { useIntl } from '@/i18n'
 import type { TaskMarker } from '@/types/Task'
 import { useEditorContext } from './contexts/EditorContext'
 import { ClearBundleDialog } from './TaskMap/ClearBundleDialog'
@@ -49,6 +50,7 @@ const OsmIcon = ({ className }: { className?: string }) => (
 )
 
 export const TaskMap = () => {
+  const { t } = useIntl()
   const mapId = useId()
   const exploreSourceId = useId()
   const exploreCirclesLayerId = useId()
@@ -198,10 +200,10 @@ export const TaskMap = () => {
           type="button"
           onClick={openIdEditor}
           className="relative flex h-10 items-center gap-1.5 rounded-lg bg-zinc-800/90 px-3 font-medium text-sm text-white shadow-md transition-colors hover:bg-zinc-700"
-          title="Edit in iD (inline)"
+          title={t('taskEditPage.taskMap.editInId', undefined, 'Edit in iD (inline)')}
         >
           <OsmIcon className="h-4 w-4" />
-          Edit in iD
+          {t('taskEditPage.taskMap.editInIdShort', undefined, 'Edit in iD')}
           {idEditorMounted && (
             <span className="flex items-center gap-1">
               <span className="h-2 w-2 rounded-full bg-green-400" />
@@ -218,7 +220,11 @@ export const TaskMap = () => {
       {/* Drawing mode indicator */}
       {drawingMode && (
         <div className="-translate-x-1/2 absolute top-14 left-1/2 rounded-lg bg-zinc-800 px-3 py-1.5 text-sm text-white shadow-md">
-          Click and drag to select tasks • ESC to cancel
+          {t(
+            'taskEditPage.taskMap.drawingModeHint',
+            undefined,
+            'Click and drag to select tasks • ESC to cancel'
+          )}
         </div>
       )}
 
diff --git a/src/components/Pages/TaskEditPage/TaskMap/ClearBundleDialog.tsx b/src/components/Pages/TaskEditPage/TaskMap/ClearBundleDialog.tsx
index c38d70799..0401450db 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/ClearBundleDialog.tsx
+++ b/src/components/Pages/TaskEditPage/TaskMap/ClearBundleDialog.tsx
@@ -9,29 +9,36 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/AlertDialog'
+import { useIntl } from '@/i18n'
 
 export const ClearBundleDialog = () => {
   const { showDeleteDialog, setShowDeleteDialog, handleClearBundle, activeBundle } =
     useTaskBundleContext()
+  const { t } = useIntl()
   const taskCount = activeBundle?.taskIds.length ?? 0
 
   return (
     <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
       <AlertDialogContent>
         <AlertDialogHeader>
-          <AlertDialogTitle>Clear Task Bundle?</AlertDialogTitle>
+          <AlertDialogTitle>
+            {t('taskMap.clearBundleDialog.title', undefined, 'Clear Task Bundle?')}
+          </AlertDialogTitle>
           <AlertDialogDescription>
-            This will unbundle all {taskCount} tasks. The tasks themselves will not be deleted, only
-            separated. This action cannot be undone.
+            {t(
+              'taskMap.clearBundleDialog.description',
+              { taskCount },
+              'This will unbundle all {taskCount} tasks. The tasks themselves will not be deleted, only separated. This action cannot be undone.'
+            )}
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
           <AlertDialogAction
             onClick={handleClearBundle}
             className="bg-red-600 hover:bg-red-700 dark:bg-red-900 dark:hover:bg-red-800"
           >
-            Clear Bundle
+            {t('taskMap.clearBundleDialog.confirm', undefined, 'Clear Bundle')}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
diff --git a/src/components/Pages/TaskEditPage/TaskMap/MultiTaskPanel.tsx b/src/components/Pages/TaskEditPage/TaskMap/MultiTaskPanel.tsx
index 0af1e90e0..0470f5d7e 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/MultiTaskPanel.tsx
+++ b/src/components/Pages/TaskEditPage/TaskMap/MultiTaskPanel.tsx
@@ -5,6 +5,7 @@ import {
   useTaskMapContext,
 } from '@/components/Pages/TaskEditPage/contexts/TaskMapContext'
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/Collapsible'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { useTaskBundleContext } from '../contexts/TaskBundleContext'
 import { useTaskEditMapContext } from './TaskEditMapContext'
@@ -15,6 +16,7 @@ export const MultiTaskPanel = () => {
   const { mapLoaded } = useTaskEditMapContext()
   const { resetBundle, handleClearBundle } = useTaskBundleContext()
   const [multiTaskPanelOpen, setMultiTaskPanelOpen] = useState(false)
+  const { t } = useIntl()
 
   return (
     <Collapsible
@@ -29,12 +31,23 @@ export const MultiTaskPanel = () => {
           <span className="font-medium text-sm text-zinc-700 dark:text-zinc-200">
             {activeBundle ? (
               <>
-                Working on {activeBundle.taskIds.length} task
-                {activeBundle.taskIds.length !== 1 ? 's' : ''}
-                <span className="ml-1 text-zinc-400">({MAX_SELECTED_TASKS} max)</span>
+                {activeBundle.taskIds.length !== 1
+                  ? t(
+                      'taskMap.multiTaskPanel.workingOnTasksPlural',
+                      { count: activeBundle.taskIds.length },
+                      'Working on {count} tasks'
+                    )
+                  : t(
+                      'taskMap.multiTaskPanel.workingOnTasksSingular',
+                      { count: activeBundle.taskIds.length },
+                      'Working on {count} task'
+                    )}
+                <span className="ml-1 text-zinc-400">
+                  {t('taskMap.multiTaskPanel.maxBadge', { max: MAX_SELECTED_TASKS }, '({max} max)')}
+                </span>
               </>
             ) : (
-              'Work on multiple tasks'
+              t('taskMap.multiTaskPanel.title', undefined, 'Work on multiple tasks')
             )}
           </span>
         </div>
@@ -71,12 +84,14 @@ export const MultiTaskPanel = () => {
             )}
             title={
               activeBundle && activeBundle.taskIds.length >= MAX_SELECTED_TASKS
-                ? 'Maximum tasks reached'
-                : 'Draw to add tasks (D)'
+                ? t('taskMap.multiTaskPanel.maxReached', undefined, 'Maximum tasks reached')
+                : t('taskMap.multiTaskPanel.drawTooltip', undefined, 'Draw to add tasks (D)')
             }
           >
             <Lasso className="h-4 w-4" />
-            {drawingMode === 'select' ? 'Drawing...' : 'Draw to add tasks'}
+            {drawingMode === 'select'
+              ? t('taskMap.multiTaskPanel.drawing', undefined, 'Drawing...')
+              : t('taskMap.multiTaskPanel.drawButton', undefined, 'Draw to add tasks')}
           </button>
 
           {/* Clear all - only show when there's a bundle */}
@@ -87,7 +102,7 @@ export const MultiTaskPanel = () => {
               className="flex items-center justify-center gap-2 rounded-lg px-3 py-2 font-medium text-red-600 text-sm transition-colors hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20"
             >
               <Trash2 className="h-4 w-4" />
-              Work on only the primary task
+              {t('taskMap.multiTaskPanel.clearAll', undefined, 'Work on only the primary task')}
             </button>
           )}
 
@@ -103,7 +118,7 @@ export const MultiTaskPanel = () => {
                 className="flex items-center justify-center gap-2 rounded-lg px-3 py-2 font-medium text-sm text-zinc-600 transition-colors hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-slate-700"
               >
                 <RotateCcw className="h-4 w-4" />
-                Reset to initial bundle
+                {t('taskMap.multiTaskPanel.resetBundle', undefined, 'Reset to initial bundle')}
               </button>
             )}
         </div>
diff --git a/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.test.tsx b/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.test.tsx
index 4b0a838cf..99c505df3 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.test.tsx
+++ b/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.test.tsx
@@ -1,6 +1,6 @@
-import { renderHook } from '@testing-library/react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import type { TaskBundle } from '@/components/Pages/TaskEditPage/contexts/TaskBundleContext'
+import { renderHook } from '@/test/testUtils'
 
 const { useTaskBundleContextMock, useTaskMapContextMock, useTaskEditMapContextMock } = vi.hoisted(
   () => ({
diff --git a/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.ts b/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.ts
index 87dc53ea3..72dc9910f 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.ts
+++ b/src/components/Pages/TaskEditPage/TaskMap/useMapControlButtons.ts
@@ -3,6 +3,7 @@ import { useMemo } from 'react'
 import type { MapControlButton } from '@/components/Map/MapControls'
 import { useTaskBundleContext } from '@/components/Pages/TaskEditPage/contexts/TaskBundleContext'
 import { useTaskMapContext } from '@/components/Pages/TaskEditPage/contexts/TaskMapContext'
+import { useIntl } from '@/i18n'
 import { useTaskEditMapContext } from './TaskEditMapContext'
 
 export const useMapControlButtons = (
@@ -12,6 +13,7 @@ export const useMapControlButtons = (
   const { markersHidden, setMarkersHidden } = useTaskMapContext()
   const { activeBundle, showBundleOnly, setShowBundleOnly } = useTaskBundleContext()
   const { showExploreLayer, setShowExploreLayer } = useTaskEditMapContext()
+  const { t } = useIntl()
 
   return useMemo(
     () => [
@@ -20,14 +22,18 @@ export const useMapControlButtons = (
         icon: Crosshair,
         onClick: handleCenterToTask,
         tooltip:
-          activeBundle && activeBundle.taskIds.length > 1 ? 'Center to Bundle' : 'Center to Task',
+          activeBundle && activeBundle.taskIds.length > 1
+            ? t('taskMap.controls.centerToBundle', undefined, 'Center to Bundle')
+            : t('taskMap.controls.centerToTask', undefined, 'Center to Task'),
         disabled: !mapLoaded,
       },
       {
         id: 'toggle-markers',
         icon: markersHidden ? EyeOff : Eye,
         onClick: () => setMarkersHidden(!markersHidden),
-        tooltip: markersHidden ? 'Show all markers' : 'Hide all markers',
+        tooltip: markersHidden
+          ? t('taskMap.controls.showAllMarkers', undefined, 'Show all markers')
+          : t('taskMap.controls.hideAllMarkers', undefined, 'Hide all markers'),
         disabled: !mapLoaded,
         isActive: markersHidden,
       },
@@ -36,10 +42,10 @@ export const useMapControlButtons = (
         icon: Filter,
         onClick: () => setShowBundleOnly(!showBundleOnly),
         tooltip: showBundleOnly
-          ? 'Show all tasks (F)'
+          ? t('taskMap.controls.showAllTasks', undefined, 'Show all tasks (F)')
           : activeBundle
-            ? 'Show selected tasks only (F)'
-            : 'Show primary task only (F)',
+            ? t('taskMap.controls.showSelectedOnly', undefined, 'Show selected tasks only (F)')
+            : t('taskMap.controls.showPrimaryOnly', undefined, 'Show primary task only (F)'),
         disabled: !mapLoaded,
         isActive: showBundleOnly,
       },
@@ -48,8 +54,12 @@ export const useMapControlButtons = (
         icon: Globe,
         onClick: () => setShowExploreLayer(!showExploreLayer),
         tooltip: showExploreLayer
-          ? 'Hide tasks from other challenges'
-          : 'Show tasks from other challenges',
+          ? t('taskMap.controls.hideOtherChallenges', undefined, 'Hide tasks from other challenges')
+          : t(
+              'taskMap.controls.showOtherChallenges',
+              undefined,
+              'Show tasks from other challenges'
+            ),
         disabled: !mapLoaded,
         isActive: showExploreLayer,
       },
@@ -64,6 +74,7 @@ export const useMapControlButtons = (
       setShowBundleOnly,
       showExploreLayer,
       setShowExploreLayer,
+      t,
     ]
   )
 }
diff --git a/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.test.tsx b/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.test.tsx
index 8005b2403..fe519794f 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.test.tsx
+++ b/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.test.tsx
@@ -1,8 +1,8 @@
-import { renderHook } from '@testing-library/react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import type { KeyboardShortcut } from '@/components/Pages/TaskEditPage/contexts/KeyboardShortcutsContext'
 import type { TaskBundle } from '@/components/Pages/TaskEditPage/contexts/TaskBundleContext'
 import type { LassoMode } from '@/components/Pages/TaskEditPage/contexts/TaskMapContext'
+import { renderHook } from '@/test/testUtils'
 
 const { useRegisterShortcutsMock, useTaskBundleContextMock, useTaskMapContextMock } = vi.hoisted(
   () => ({
diff --git a/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.ts b/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.ts
index 053b770b8..dfb643d4d 100644
--- a/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.ts
+++ b/src/components/Pages/TaskEditPage/TaskMap/useTaskMapShortcuts.ts
@@ -3,6 +3,7 @@ import {
   type KeyboardShortcut,
   useRegisterShortcuts,
 } from '@/components/Pages/TaskEditPage/contexts/KeyboardShortcutsContext'
+import { useIntl } from '@/i18n'
 import { useTaskBundleContext } from '../contexts/TaskBundleContext'
 import { useTaskMapContext } from '../contexts/TaskMapContext'
 
@@ -11,14 +12,15 @@ export const useTaskMapShortcuts = () => {
     useTaskBundleContext()
   const { markersHidden, setMarkersHidden, drawingMode, startDrawing, cancelDrawing } =
     useTaskMapContext()
+  const { t } = useIntl()
 
   // Reason: stable shortcut definitions for keyboard handler registration
   const taskMapShortcuts: KeyboardShortcut[] = useMemo(
     () => [
       {
         key: 'D',
-        description: 'Start drawing to add tasks',
-        category: 'Multi-task',
+        description: t('taskMap.shortcuts.startDrawing', undefined, 'Start drawing to add tasks'),
+        category: t('taskMap.shortcuts.categoryMultiTask', undefined, 'Multi-task'),
         handler: () => {
           if (!drawingMode) {
             startDrawing('select')
@@ -28,29 +30,37 @@ export const useTaskMapShortcuts = () => {
       },
       {
         key: 'F',
-        description: 'Toggle filter (show bundled tasks only)',
-        category: 'Map',
+        description: t(
+          'taskMap.shortcuts.toggleFilter',
+          undefined,
+          'Toggle filter (show bundled tasks only)'
+        ),
+        category: t('common.map', undefined, 'Map'),
         handler: () => setShowBundleOnly(!showBundleOnly),
         enabled: !!activeBundle,
       },
       {
         key: 'H',
-        description: 'Toggle all markers visibility',
-        category: 'Map',
+        description: t(
+          'taskMap.shortcuts.toggleMarkers',
+          undefined,
+          'Toggle all markers visibility'
+        ),
+        category: t('common.map', undefined, 'Map'),
         handler: () => setMarkersHidden(!markersHidden),
         enabled: true,
       },
       {
         key: 'Delete',
-        description: 'Exit multi-task mode',
-        category: 'Multi-task',
+        description: t('taskMap.shortcuts.exitMultiTask', undefined, 'Exit multi-task mode'),
+        category: t('taskMap.shortcuts.categoryMultiTask', undefined, 'Multi-task'),
         handler: () => setShowDeleteDialog(true),
         enabled: !!activeBundle,
       },
       {
         key: 'Esc',
-        description: 'Cancel drawing',
-        category: 'Map',
+        description: t('taskMap.shortcuts.cancelDrawing', undefined, 'Cancel drawing'),
+        category: t('common.map', undefined, 'Map'),
         handler: () => cancelDrawing(),
         enabled: !!drawingMode,
       },
@@ -65,6 +75,7 @@ export const useTaskMapShortcuts = () => {
       cancelDrawing,
       startDrawing,
       setShowDeleteDialog,
+      t,
     ]
   )
   useRegisterShortcuts('task-map', taskMapShortcuts)
diff --git a/src/components/Pages/TaskEditPage/TaskNearbyMap.tsx b/src/components/Pages/TaskEditPage/TaskNearbyMap.tsx
index efae6852f..850a033af 100644
--- a/src/components/Pages/TaskEditPage/TaskNearbyMap.tsx
+++ b/src/components/Pages/TaskEditPage/TaskNearbyMap.tsx
@@ -6,6 +6,7 @@ import 'maplibre-gl/dist/maplibre-gl.css'
 import { MapPin } from 'lucide-react'
 import { api } from '@/api'
 import { getCurrentMapStyle } from '@/components/Map/mapStyles'
+import { useIntl } from '@/i18n'
 import type { Task } from '@/types/Task'
 
 interface TaskNearbyMapProps {
@@ -19,6 +20,7 @@ export const TaskNearbyMap = ({
   selectedTaskId,
   onTaskSelect,
 }: TaskNearbyMapProps) => {
+  const { t } = useIntl()
   const mapRef = useRef<MapRef | null>(null)
   const [mapLoaded, setMapLoaded] = useState(false)
   const mapId = useId()
@@ -153,7 +155,7 @@ export const TaskNearbyMap = ({
           <div className="flex flex-col items-center">
             <MapPin className="h-8 w-8 fill-amber-500 text-amber-600 drop-shadow-md" />
             <span className="mt-0.5 rounded bg-amber-500 px-1.5 py-0.5 font-medium text-white text-xs shadow">
-              Current
+              {t('common.current', undefined, 'Current')}
             </span>
           </div>
         </Marker>
@@ -161,13 +163,21 @@ export const TaskNearbyMap = ({
 
       {/* Task count indicator */}
       <div className="absolute right-2 bottom-2 rounded bg-white/90 px-2 py-1 text-xs shadow dark:bg-slate-800/90">
-        {nearbyTasks.length} nearby task{nearbyTasks.length !== 1 ? 's' : ''}
+        {t(
+          'taskEditPage.taskNearbyMap.nearbyCount',
+          { count: nearbyTasks.length, suffix: nearbyTasks.length !== 1 ? 's' : '' },
+          '{count} nearby task{suffix}'
+        )}
       </div>
 
       {/* Selected task info */}
       {selectedTaskId && (
         <div className="absolute top-2 left-2 rounded bg-green-500 px-2 py-1 font-medium text-white text-xs shadow">
-          Task #{selectedTaskId} selected
+          {t(
+            'taskEditPage.taskNearbyMap.selectedTask',
+            { id: selectedTaskId },
+            'Task #{id} selected'
+          )}
         </div>
       )}
     </div>
diff --git a/src/components/Pages/TaskEditPage/contexts/OSMDataContext.tsx b/src/components/Pages/TaskEditPage/contexts/OSMDataContext.tsx
index b2a55f095..4eb3e58ac 100644
--- a/src/components/Pages/TaskEditPage/contexts/OSMDataContext.tsx
+++ b/src/components/Pages/TaskEditPage/contexts/OSMDataContext.tsx
@@ -2,6 +2,7 @@ import type { Dispatch, ReactNode, SetStateAction } from 'react'
 import { createContext, useCallback, useMemo, useState } from 'react'
 import { toast } from 'sonner'
 import { api } from '@/api'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { useTaskMapContext } from './TaskMapContext'
 
@@ -37,6 +38,7 @@ export interface OSMDataContextType {
 const OSMDataContext = createContext<OSMDataContextType | undefined>(undefined)
 
 export const OSMDataProvider = ({ children }: { children: ReactNode }) => {
+  const { t } = useIntl()
   const { map, mapLoaded } = useTaskMapContext()
   const [showOSMData, setShowOSMData] = useState(false)
   const [osmData, setOsmData] = useState<Document | null>(null)
@@ -71,11 +73,20 @@ export const OSMDataProvider = ({ children }: { children: ReactNode }) => {
     } catch (error) {
       logger.error('Error fetching OSM data', { error: String(error) })
 
-      const errorMessage = error instanceof Error ? error.message : 'Failed to fetch OSM data'
+      const errorMessage =
+        error instanceof Error
+          ? error.message
+          : t('taskEditPage.osmData.fetchError', undefined, 'Failed to fetch OSM data')
       if (errorMessage.includes('too large')) {
         throw error
       } else {
-        throw new Error('Failed to fetch OSM data. Please try again.')
+        throw new Error(
+          t(
+            'taskEditPage.osmData.fetchErrorRetry',
+            undefined,
+            'Failed to fetch OSM data. Please try again.'
+          )
+        )
       }
     } finally {
       setOsmDataLoading(false)
@@ -89,17 +100,25 @@ export const OSMDataProvider = ({ children }: { children: ReactNode }) => {
       try {
         await fetchOSMDataForBounds()
         setShowOSMData(true)
-        toast.success('OSM data loaded successfully')
+        toast.success(
+          t('taskEditPage.osmData.loadSuccess', undefined, 'OSM data loaded successfully')
+        )
       } catch (error) {
         setShowOSMData(false)
-        const errorMessage = error instanceof Error ? error.message : 'Failed to fetch OSM data'
+        const errorMessage =
+          error instanceof Error
+            ? error.message
+            : t('taskEditPage.osmData.fetchError', undefined, 'Failed to fetch OSM data')
         if (errorMessage.includes('too large')) {
-          toast.error('Area too large', {
-            description:
-              'Please zoom in further to view OSM features. The selected area exceeds the maximum allowed size.',
+          toast.error(t('taskEditPage.osmData.areaTooLarge', undefined, 'Area too large'), {
+            description: t(
+              'taskEditPage.osmData.areaTooLargeDescription',
+              undefined,
+              'Please zoom in further to view OSM features. The selected area exceeds the maximum allowed size.'
+            ),
           })
         } else {
-          toast.error('Failed to fetch OSM data', {
+          toast.error(t('taskEditPage.osmData.fetchError', undefined, 'Failed to fetch OSM data'), {
             description: errorMessage,
           })
         }
diff --git a/src/components/Pages/TaskEditPage/contexts/TaskBundleContext.tsx b/src/components/Pages/TaskEditPage/contexts/TaskBundleContext.tsx
index 7e56dfcc2..6f898731d 100644
--- a/src/components/Pages/TaskEditPage/contexts/TaskBundleContext.tsx
+++ b/src/components/Pages/TaskEditPage/contexts/TaskBundleContext.tsx
@@ -1,6 +1,7 @@
 import type { Dispatch, ReactNode, SetStateAction } from 'react'
 import { createContext, useCallback, useContext, useMemo, useState } from 'react'
 import { toast } from 'sonner'
+import { useIntl } from '@/i18n'
 import type { Task } from '@/types/Task'
 
 /** Sentinel for a locally-built bundle that hasn't been persisted yet. */
@@ -36,6 +37,7 @@ export interface TaskBundleContextType {
 const TaskBundleContext = createContext<TaskBundleContextType | undefined>(undefined)
 
 export const TaskBundleProvider = ({ children }: { children: ReactNode }) => {
+  const { t } = useIntl()
   const [activeBundle, setActiveBundle] = useState<TaskBundle | null>(null)
   const [initialBundle, setInitialBundle] = useState<TaskBundle | null>(null)
   const [showBundleOnly, setShowBundleOnly] = useState(false)
@@ -61,7 +63,9 @@ export const TaskBundleProvider = ({ children }: { children: ReactNode }) => {
   const handleClearBundle = useCallback(() => {
     if (!activeBundle) return
     clearBundle()
-    toast.success('Now working on only the primary task')
+    toast.success(
+      t('taskEditPage.taskBundle.clearedSuccess', undefined, 'Now working on only the primary task')
+    )
     setShowDeleteDialog(false)
   }, [activeBundle, clearBundle])
 
diff --git a/src/components/Pages/TeamsPage/EditTeamPage.tsx b/src/components/Pages/TeamsPage/EditTeamPage.tsx
index a8ff04e93..7d4db6e4b 100644
--- a/src/components/Pages/TeamsPage/EditTeamPage.tsx
+++ b/src/components/Pages/TeamsPage/EditTeamPage.tsx
@@ -1,5 +1,6 @@
 import { api } from '@/api'
 import { Loader } from '@/components/ui/Loader'
+import { useIntl } from '@/i18n'
 import { TeamForm } from './TeamForm'
 
 interface Props {
@@ -7,14 +8,22 @@ interface Props {
 }
 
 export const EditTeamPage = ({ teamId }: Props) => {
+  const { t } = useIntl()
   const { data: team, isLoading } = api.team.get(teamId)
 
   if (isLoading) return <Loader />
-  if (!team) return <div className="py-12 text-center text-zinc-500">Team not found.</div>
+  if (!team)
+    return (
+      <div className="py-12 text-center text-zinc-500">
+        {t('common.teamNotFound', undefined, 'Team not found.')}
+      </div>
+    )
 
   return (
     <div className="mx-auto max-w-xl px-4 py-6">
-      <h1 className="mb-4 font-bold text-xl">Edit team</h1>
+      <h1 className="mb-4 font-bold text-xl">
+        {t('teams.editTeam.title', undefined, 'Edit team')}
+      </h1>
       <TeamForm team={team} />
     </div>
   )
diff --git a/src/components/Pages/TeamsPage/InviteMemberDialog.tsx b/src/components/Pages/TeamsPage/InviteMemberDialog.tsx
index 4aaf476ef..9b095e7a7 100644
--- a/src/components/Pages/TeamsPage/InviteMemberDialog.tsx
+++ b/src/components/Pages/TeamsPage/InviteMemberDialog.tsx
@@ -20,6 +20,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { initials } from '@/lib/utils'
 import type { TeamRole } from '@/types/Team'
@@ -31,6 +32,7 @@ interface Props {
 }
 
 export const InviteMemberDialog = ({ teamId, open, onOpenChange }: Props) => {
+  const { t } = useIntl()
   const [query, setQuery] = useState('')
   const [selectedUserId, setSelectedUserId] = useState<number | null>(null)
   const [role, setRole] = useState<TeamRole>(1)
@@ -41,13 +43,13 @@ export const InviteMemberDialog = ({ teamId, open, onOpenChange }: Props) => {
     if (!selectedUserId) return
     try {
       await invite.mutateAsync({ teamId, userId: selectedUserId, role })
-      toast.success('Invitation sent')
+      toast.success(t('teams.inviteMember.sentSuccess', undefined, 'Invitation sent'))
       onOpenChange(false)
       setQuery('')
       setSelectedUserId(null)
     } catch (error) {
       logger.error('Invite failed', { error })
-      toast.error('Could not send invitation')
+      toast.error(t('teams.inviteMember.sendError', undefined, 'Could not send invitation'))
     }
   }
 
@@ -55,8 +57,16 @@ export const InviteMemberDialog = ({ teamId, open, onOpenChange }: Props) => {
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Invite a team member</DialogTitle>
-          <DialogDescription>Search for an OSM user and pick a role for them.</DialogDescription>
+          <DialogTitle>
+            {t('teams.inviteMember.title', undefined, 'Invite a team member')}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'teams.inviteMember.description',
+              undefined,
+              'Search for an OSM user and pick a role for them.'
+            )}
+          </DialogDescription>
         </DialogHeader>
         <div className="space-y-3">
           <div className="relative">
@@ -64,7 +74,7 @@ export const InviteMemberDialog = ({ teamId, open, onOpenChange }: Props) => {
             <Input
               value={query}
               onChange={(e) => setQuery(e.target.value)}
-              placeholder="Search OSM username"
+              placeholder={t('common.searchOsmUsername', undefined, 'Search OSM username')}
               className="pl-8"
             />
           </div>
@@ -96,17 +106,17 @@ export const InviteMemberDialog = ({ teamId, open, onOpenChange }: Props) => {
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="1">Member</SelectItem>
-              <SelectItem value="2">Admin</SelectItem>
+              <SelectItem value="1">{t('common.member', undefined, 'Member')}</SelectItem>
+              <SelectItem value="2">{t('common.admin', undefined, 'Admin')}</SelectItem>
             </SelectContent>
           </Select>
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button onClick={handleInvite} disabled={!selectedUserId || invite.isPending}>
-            Send invitation
+            {t('teams.inviteMember.sendButton', undefined, 'Send invitation')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/Pages/TeamsPage/NewTeamPage.tsx b/src/components/Pages/TeamsPage/NewTeamPage.tsx
index d5a7db08a..abc83c204 100644
--- a/src/components/Pages/TeamsPage/NewTeamPage.tsx
+++ b/src/components/Pages/TeamsPage/NewTeamPage.tsx
@@ -1,8 +1,14 @@
+import { useIntl } from '@/i18n'
 import { TeamForm } from './TeamForm'
 
-export const NewTeamPage = () => (
-  <div className="mx-auto max-w-xl px-4 py-6">
-    <h1 className="mb-4 font-bold text-xl">Create a team</h1>
-    <TeamForm />
-  </div>
-)
+export const NewTeamPage = () => {
+  const { t } = useIntl()
+  return (
+    <div className="mx-auto max-w-xl px-4 py-6">
+      <h1 className="mb-4 font-bold text-xl">
+        {t('teams.newTeam.title', undefined, 'Create a team')}
+      </h1>
+      <TeamForm />
+    </div>
+  )
+}
diff --git a/src/components/Pages/TeamsPage/PendingInvitesSection.tsx b/src/components/Pages/TeamsPage/PendingInvitesSection.tsx
index e22b6ba05..5cd785fbc 100644
--- a/src/components/Pages/TeamsPage/PendingInvitesSection.tsx
+++ b/src/components/Pages/TeamsPage/PendingInvitesSection.tsx
@@ -3,6 +3,7 @@ import { toast } from 'sonner'
 import { api } from '@/api'
 import { Button } from '@/components/ui/Button'
 import { Card } from '@/components/ui/Card'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { TeamUser } from '@/types/Team'
 
@@ -11,39 +12,52 @@ interface Props {
 }
 
 export const PendingInvitesSection = ({ invites }: Props) => {
+  const { t } = useIntl()
   const accept = api.team.useAcceptInvite()
   const decline = api.team.useDeclineInvite()
 
   const handleAccept = async (teamId: number) => {
     try {
       await accept.mutateAsync(teamId)
-      toast.success('Invitation accepted')
+      toast.success(t('teams.pendingInvites.acceptSuccess', undefined, 'Invitation accepted'))
     } catch (error) {
       logger.error('Accept invite failed', { error })
-      toast.error('Could not accept invitation')
+      toast.error(t('teams.pendingInvites.acceptError', undefined, 'Could not accept invitation'))
     }
   }
 
   const handleDecline = async (teamId: number) => {
     try {
       await decline.mutateAsync(teamId)
-      toast.success('Invitation declined')
+      toast.success(t('teams.pendingInvites.declineSuccess', undefined, 'Invitation declined'))
     } catch (error) {
       logger.error('Decline invite failed', { error })
-      toast.error('Could not decline invitation')
+      toast.error(t('teams.pendingInvites.declineError', undefined, 'Could not decline invitation'))
     }
   }
 
   return (
     <section className="space-y-3">
       <h2 className="font-semibold text-sm text-zinc-700 dark:text-slate-300">
-        You have {invites.length} pending invitation{invites.length === 1 ? '' : 's'}
+        {invites.length === 1
+          ? t(
+              'teams.pendingInvites.countSingular',
+              { count: invites.length },
+              'You have {count} pending invitation'
+            )
+          : t(
+              'teams.pendingInvites.countPlural',
+              { count: invites.length },
+              'You have {count} pending invitations'
+            )}
       </h2>
       <ul className="space-y-2">
         {invites.map((invite) => (
           <li key={invite.id}>
             <Card className="flex items-center justify-between gap-3 p-3">
-              <div className="font-medium">{invite.name || `Team #${invite.teamId}`}</div>
+              <div className="font-medium">
+                {invite.name || t('common.team', { teamId: invite.teamId }, 'Team #{teamId}')}
+              </div>
               <div className="flex gap-2">
                 <Button
                   type="button"
@@ -52,7 +66,8 @@ export const PendingInvitesSection = ({ invites }: Props) => {
                   onClick={() => handleDecline(invite.teamId)}
                   disabled={decline.isPending}
                 >
-                  <X className="size-4" aria-hidden="true" /> Decline
+                  <X className="size-4" aria-hidden="true" />{' '}
+                  {t('teams.pendingInvites.declineButton', undefined, 'Decline')}
                 </Button>
                 <Button
                   type="button"
@@ -60,7 +75,8 @@ export const PendingInvitesSection = ({ invites }: Props) => {
                   onClick={() => handleAccept(invite.teamId)}
                   disabled={accept.isPending}
                 >
-                  <Check className="size-4" aria-hidden="true" /> Accept
+                  <Check className="size-4" aria-hidden="true" />{' '}
+                  {t('teams.pendingInvites.acceptButton', undefined, 'Accept')}
                 </Button>
               </div>
             </Card>
diff --git a/src/components/Pages/TeamsPage/TeamCard.tsx b/src/components/Pages/TeamsPage/TeamCard.tsx
index e5b8232f1..36728cc5d 100644
--- a/src/components/Pages/TeamsPage/TeamCard.tsx
+++ b/src/components/Pages/TeamsPage/TeamCard.tsx
@@ -2,6 +2,7 @@ import { Link } from '@tanstack/react-router'
 import { Users } from 'lucide-react'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Card } from '@/components/ui/Card'
+import { useIntl } from '@/i18n'
 import { cn, initials } from '@/lib/utils'
 import type { TeamRole, TeamUser } from '@/types/Team'
 import { TeamRoleLabel } from '@/types/Team'
@@ -17,7 +18,8 @@ const roleBadge: Record<TeamRole, string> = {
 }
 
 export const TeamCard = ({ membership }: Props) => {
-  const name = membership.name || `Team #${membership.teamId}`
+  const { t } = useIntl()
+  const name = membership.name || t('common.team', { teamId: membership.teamId }, 'Team #{teamId}')
   const role = membership.status as TeamRole
   return (
     <Link to="/teams/$teamId" params={{ teamId: String(membership.teamId) }} className="block">
@@ -36,7 +38,7 @@ export const TeamCard = ({ membership }: Props) => {
               roleBadge[role]
             )}
           >
-            {TeamRoleLabel[role] ?? 'Unknown'}
+            {TeamRoleLabel[role] ?? t('common.unknown', undefined, 'Unknown')}
           </span>
         </div>
       </Card>
diff --git a/src/components/Pages/TeamsPage/TeamDetailPage.tsx b/src/components/Pages/TeamsPage/TeamDetailPage.tsx
index dc971f827..26908332f 100644
--- a/src/components/Pages/TeamsPage/TeamDetailPage.tsx
+++ b/src/components/Pages/TeamsPage/TeamDetailPage.tsx
@@ -17,6 +17,7 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Button } from '@/components/ui/Button'
 import { Loader } from '@/components/ui/Loader'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { initials } from '@/lib/utils'
 import type { TeamRole, TeamUser } from '@/types/Team'
@@ -38,26 +39,27 @@ const MemberRow = ({
   currentUserId: number | undefined
   teamId: number
 }) => {
+  const { t } = useIntl()
   const changeRole = api.team.useChangeRole()
   const removeMember = api.team.useRemoveMember()
 
   const handleRole = async (role: TeamRole) => {
     try {
       await changeRole.mutateAsync({ teamId, userId: member.userId, role })
-      toast.success('Role updated')
+      toast.success(t('teams.detail.roleUpdateSuccess', undefined, 'Role updated'))
     } catch (error) {
       logger.error('Role change failed', { error })
-      toast.error('Could not update role')
+      toast.error(t('teams.detail.roleUpdateError', undefined, 'Could not update role'))
     }
   }
 
   const handleRemove = async () => {
     try {
       await removeMember.mutateAsync({ teamId, userId: member.userId })
-      toast.success('Member removed')
+      toast.success(t('teams.detail.memberRemoveSuccess', undefined, 'Member removed'))
     } catch (error) {
       logger.error('Remove failed', { error })
-      toast.error('Could not remove member')
+      toast.error(t('teams.detail.memberRemoveError', undefined, 'Could not remove member'))
     }
   }
 
@@ -71,7 +73,7 @@ const MemberRow = ({
       <div className="min-w-0 flex-1">
         <div className="truncate font-medium">{member.name}</div>
         <div className="text-xs text-zinc-500 dark:text-slate-400">
-          {TeamRoleLabel[role] ?? 'Unknown'}
+          {TeamRoleLabel[role] ?? t('common.unknown', undefined, 'Unknown')}
         </div>
       </div>
       {isAdmin && member.userId !== currentUserId && (
@@ -84,7 +86,7 @@ const MemberRow = ({
               onClick={() => handleRole(2)}
               disabled={changeRole.isPending}
             >
-              Promote
+              {t('teams.detail.promoteButton', undefined, 'Promote')}
             </Button>
           )}
           {role === 2 && (
@@ -95,7 +97,7 @@ const MemberRow = ({
               onClick={() => handleRole(1)}
               disabled={changeRole.isPending}
             >
-              Demote
+              {t('teams.detail.demoteButton', undefined, 'Demote')}
             </Button>
           )}
           <Button
@@ -104,7 +106,7 @@ const MemberRow = ({
             size="icon"
             onClick={handleRemove}
             disabled={removeMember.isPending}
-            aria-label="Remove member"
+            aria-label={t('teams.detail.removeMemberAriaLabel', undefined, 'Remove member')}
           >
             <Trash2 className="size-4" aria-hidden="true" />
           </Button>
@@ -115,6 +117,7 @@ const MemberRow = ({
 }
 
 export const TeamDetailPage = ({ teamId }: Props) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const { user } = useAuthContext()
   const { data: team, isLoading } = api.team.get(teamId)
@@ -126,7 +129,11 @@ export const TeamDetailPage = ({ teamId }: Props) => {
 
   if (isLoading) return <Loader />
   if (!team) {
-    return <div className="py-12 text-center text-zinc-500">Team not found.</div>
+    return (
+      <div className="py-12 text-center text-zinc-500">
+        {t('common.teamNotFound', undefined, 'Team not found.')}
+      </div>
+    )
   }
 
   const me = members.find((m) => m.userId === user?.id)
@@ -139,11 +146,11 @@ export const TeamDetailPage = ({ teamId }: Props) => {
   const handleDelete = async () => {
     try {
       await deleteTeam.mutateAsync(teamId)
-      toast.success('Team deleted')
+      toast.success(t('teams.detail.deleteSuccess', undefined, 'Team deleted'))
       navigate({ to: '/teams' })
     } catch (error) {
       logger.error('Team delete failed', { error })
-      toast.error('Could not delete team')
+      toast.error(t('teams.detail.deleteError', undefined, 'Could not delete team'))
     }
   }
 
@@ -163,7 +170,9 @@ export const TeamDetailPage = ({ teamId }: Props) => {
               </p>
             )}
             <p className="mt-1 text-xs text-zinc-500 dark:text-slate-500">
-              {members.length} member{members.length === 1 ? '' : 's'}
+              {members.length === 1
+                ? t('teams.detail.memberCountSingular', { count: members.length }, '{count} member')
+                : t('teams.detail.memberCountPlural', { count: members.length }, '{count} members')}
             </p>
           </div>
         </div>
@@ -171,14 +180,17 @@ export const TeamDetailPage = ({ teamId }: Props) => {
           <div className="flex gap-2">
             <Button variant="outline" size="sm" asChild>
               <Link to="/teams/$teamId/edit" params={{ teamId: String(teamId) }}>
-                <Pencil className="size-4" aria-hidden="true" /> Edit
+                <Pencil className="size-4" aria-hidden="true" />{' '}
+                {t('common.edit', undefined, 'Edit')}
               </Link>
             </Button>
             <Button variant="outline" size="sm" onClick={() => setInviteOpen(true)}>
-              <UserPlus className="size-4" aria-hidden="true" /> Invite
+              <UserPlus className="size-4" aria-hidden="true" />{' '}
+              {t('teams.detail.inviteButton', undefined, 'Invite')}
             </Button>
             <Button variant="outline" size="sm" onClick={() => setConfirmDelete(true)}>
-              <Trash2 className="size-4" aria-hidden="true" /> Delete
+              <Trash2 className="size-4" aria-hidden="true" />{' '}
+              {t('common.delete', undefined, 'Delete')}
             </Button>
           </div>
         )}
@@ -186,7 +198,9 @@ export const TeamDetailPage = ({ teamId }: Props) => {
 
       {admins.length > 0 && (
         <section className="space-y-2">
-          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">Admins</h2>
+          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">
+            {t('teams.detail.adminsHeading', undefined, 'Admins')}
+          </h2>
           <ul className="space-y-2">
             {admins.map((m) => (
               <MemberRow
@@ -203,7 +217,9 @@ export const TeamDetailPage = ({ teamId }: Props) => {
 
       {regularMembers.length > 0 && (
         <section className="space-y-2">
-          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">Members</h2>
+          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">
+            {t('teams.detail.membersHeading', undefined, 'Members')}
+          </h2>
           <ul className="space-y-2">
             {regularMembers.map((m) => (
               <MemberRow
@@ -220,7 +236,9 @@ export const TeamDetailPage = ({ teamId }: Props) => {
 
       {invited.length > 0 && iAmAdmin && (
         <section className="space-y-2">
-          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">Invited</h2>
+          <h2 className="font-medium text-sm text-zinc-700 dark:text-slate-300">
+            {t('common.invited', undefined, 'Invited')}
+          </h2>
           <ul className="space-y-2">
             {invited.map((m) => (
               <MemberRow
@@ -239,14 +257,22 @@ export const TeamDetailPage = ({ teamId }: Props) => {
       <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete this team?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t('teams.detail.deleteConfirmTitle', undefined, 'Delete this team?')}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              This cannot be undone. All members will lose access.
+              {t(
+                'teams.detail.deleteConfirmDescription',
+                undefined,
+                'This cannot be undone. All members will lose access.'
+              )}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
-            <AlertDialogAction onClick={handleDelete}>Delete team</AlertDialogAction>
+            <AlertDialogCancel>{t('common.cancel', undefined, 'Cancel')}</AlertDialogCancel>
+            <AlertDialogAction onClick={handleDelete}>
+              {t('teams.detail.deleteConfirmAction', undefined, 'Delete team')}
+            </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>
diff --git a/src/components/Pages/TeamsPage/TeamForm.tsx b/src/components/Pages/TeamsPage/TeamForm.tsx
index 07c83f18a..a3248878b 100644
--- a/src/components/Pages/TeamsPage/TeamForm.tsx
+++ b/src/components/Pages/TeamsPage/TeamForm.tsx
@@ -14,6 +14,7 @@ import {
 } from '@/components/ui/Form'
 import { Input } from '@/components/ui/Input'
 import { Textarea } from '@/components/ui/Textarea'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { Team } from '@/types/Team'
 import { type TeamFormValues, teamFormSchema } from './teamSchema'
@@ -23,6 +24,7 @@ interface Props {
 }
 
 export const TeamForm = ({ team }: Props) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const create = api.team.useCreateTeam()
   const update = api.team.useUpdateTeam()
@@ -46,11 +48,15 @@ export const TeamForm = ({ team }: Props) => {
       const result = team
         ? await update.mutateAsync({ teamId: team.id, payload })
         : await create.mutateAsync(payload)
-      toast.success(team ? 'Team updated' : 'Team created')
+      toast.success(
+        team
+          ? t('teams.form.updateSuccess', undefined, 'Team updated')
+          : t('teams.form.createSuccess', undefined, 'Team created')
+      )
       navigate({ to: '/teams/$teamId', params: { teamId: String(result.id) } })
     } catch (error) {
       logger.error('Team save failed', { error })
-      toast.error('Could not save team')
+      toast.error(t('teams.form.saveError', undefined, 'Could not save team'))
     }
   }
 
@@ -62,7 +68,7 @@ export const TeamForm = ({ team }: Props) => {
           name="name"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Name</FormLabel>
+              <FormLabel>{t('common.name', undefined, 'Name')}</FormLabel>
               <FormControl>
                 <Input autoFocus maxLength={100} {...field} />
               </FormControl>
@@ -75,7 +81,7 @@ export const TeamForm = ({ team }: Props) => {
           name="description"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Description</FormLabel>
+              <FormLabel>{t('common.description', undefined, 'Description')}</FormLabel>
               <FormControl>
                 <Textarea rows={4} maxLength={1000} {...field} />
               </FormControl>
@@ -88,7 +94,9 @@ export const TeamForm = ({ team }: Props) => {
           name="avatarURL"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Avatar URL (optional)</FormLabel>
+              <FormLabel>
+                {t('teams.form.avatarUrlLabel', undefined, 'Avatar URL (optional)')}
+              </FormLabel>
               <FormControl>
                 <Input type="url" placeholder="https://…" {...field} />
               </FormControl>
@@ -103,10 +111,12 @@ export const TeamForm = ({ team }: Props) => {
             onClick={() => navigate({ to: '/teams' })}
             disabled={form.formState.isSubmitting}
           >
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button type="submit" disabled={form.formState.isSubmitting}>
-            {team ? 'Save' : 'Create team'}
+            {team
+              ? t('common.save', undefined, 'Save')
+              : t('common.createTeam', undefined, 'Create team')}
           </Button>
         </div>
       </form>
diff --git a/src/components/Pages/TeamsPage/TeamsList.tsx b/src/components/Pages/TeamsPage/TeamsList.tsx
index 9266a8f0e..504465acc 100644
--- a/src/components/Pages/TeamsPage/TeamsList.tsx
+++ b/src/components/Pages/TeamsPage/TeamsList.tsx
@@ -5,10 +5,12 @@ import { Button } from '@/components/ui/Button'
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/Empty'
 import { Loader } from '@/components/ui/Loader'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { PendingInvitesSection } from './PendingInvitesSection'
 import { TeamCard } from './TeamCard'
 
 export const TeamsList = () => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const { data: memberships = [], isLoading } = api.user.teamMemberships(user?.id)
 
@@ -20,10 +22,11 @@ export const TeamsList = () => {
   return (
     <div className="mx-auto max-w-5xl space-y-6 px-4 py-6">
       <div className="flex items-center justify-between">
-        <h1 className="font-bold text-xl">Teams</h1>
+        <h1 className="font-bold text-xl">{t('common.teams', undefined, 'Teams')}</h1>
         <Button asChild>
           <Link to="/teams/new">
-            <Plus className="size-4" aria-hidden="true" /> Create team
+            <Plus className="size-4" aria-hidden="true" />{' '}
+            {t('common.createTeam', undefined, 'Create team')}
           </Link>
         </Button>
       </div>
@@ -36,13 +39,17 @@ export const TeamsList = () => {
             <EmptyMedia variant="icon">
               <Users />
             </EmptyMedia>
-            <EmptyTitle>No teams yet</EmptyTitle>
+            <EmptyTitle>{t('teams.list.emptyTitle', undefined, 'No teams yet')}</EmptyTitle>
             <EmptyDescription>
-              Create a team to collaborate with others on challenges.
+              {t(
+                'teams.list.emptyDescription',
+                undefined,
+                'Create a team to collaborate with others on challenges.'
+              )}
             </EmptyDescription>
           </EmptyHeader>
           <Button asChild>
-            <Link to="/teams/new">Create team</Link>
+            <Link to="/teams/new">{t('common.createTeam', undefined, 'Create team')}</Link>
           </Button>
         </Empty>
       ) : (
diff --git a/src/components/TaskInfoPanel/CommentsHistoryTab.tsx b/src/components/TaskInfoPanel/CommentsHistoryTab.tsx
index ca0d0e5d3..1fa1ae54c 100644
--- a/src/components/TaskInfoPanel/CommentsHistoryTab.tsx
+++ b/src/components/TaskInfoPanel/CommentsHistoryTab.tsx
@@ -25,6 +25,7 @@ import { ScrollArea } from '@/components/ui/ScrollArea'
 import { Textarea } from '@/components/ui/Textarea'
 import { useAuthContext } from '@/contexts/AuthContext'
 import { useAvatarContext } from '@/contexts/AvatarContext'
+import { useIntl } from '@/i18n'
 import { formatDate, formatDateTime } from '@/lib/date'
 import { logger } from '@/lib/logger'
 import {
@@ -81,9 +82,10 @@ const getStatusVisual = (status: number | undefined): StatusVisual | null => {
 }
 
 const StatusPill = ({ status, muted = false }: { status: number; muted?: boolean }) => {
+  const { t } = useIntl()
   const Icon = STATUS_ICONS[status] ?? HelpCircle
   const pill = STATUS_PILL_COLORS[status] ?? DEFAULT_PILL_CLASS
-  const label = STATUS_LABELS[status] ?? `Status ${status}`
+  const label = STATUS_LABELS[status] ?? t('common.statusWithStatus', { status }, 'Status {status}')
   return (
     <span
       className={cn(
@@ -99,6 +101,7 @@ const StatusPill = ({ status, muted = false }: { status: number; muted?: boolean
 }
 
 export const CommentsHistoryTab = () => {
+  const { t } = useIntl()
   const { task } = useTaskContext()
   const { user } = useAuthContext()
   const [commentText, setCommentText] = useState('')
@@ -112,11 +115,13 @@ export const CommentsHistoryTab = () => {
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     if (!commentText.trim()) {
-      toast.error('Please enter a comment')
+      toast.error(t('common.pleaseEnterAComment', undefined, 'Please enter a comment'))
       return
     }
     if (!user) {
-      toast.error('You must be logged in to comment')
+      toast.error(
+        t('common.youMustBeLoggedInToComment', undefined, 'You must be logged in to comment')
+      )
       return
     }
     addCommentMutation.mutate(
@@ -124,11 +129,11 @@ export const CommentsHistoryTab = () => {
       {
         onSuccess: () => {
           setCommentText('')
-          toast.success('Comment added')
+          toast.success(t('taskInfoPanel.comments.addSuccess', undefined, 'Comment added'))
         },
         onError: (error) => {
           logger.error('Error adding comment', { error })
-          toast.error('Failed to add comment')
+          toast.error(t('common.failedToAddComment', undefined, 'Failed to add comment'))
         },
       }
     )
@@ -144,7 +149,8 @@ export const CommentsHistoryTab = () => {
 
   const renderHistoryItem = (item: TaskHistoryAction, index: number) => {
     const timestamp = new Date(item.timestamp)
-    const userName = item.user?.username ?? 'System'
+    const userName =
+      item.user?.username ?? t('taskInfoPanel.comments.systemUser', undefined, 'System')
 
     if (item.actionType === ACTION_TYPE.UPDATE) {
       return null
@@ -243,16 +249,22 @@ export const CommentsHistoryTab = () => {
             </>
           ) : item.status !== undefined ? (
             <>
-              <span className="text-zinc-500 dark:text-slate-400">marked as</span>
+              <span className="text-zinc-500 dark:text-slate-400">
+                {t('taskInfoPanel.comments.markedAs', undefined, 'marked as')}
+              </span>
               <StatusPill status={item.status} />
             </>
           ) : item.oldStatus !== undefined ? (
             <>
-              <span className="text-zinc-500 dark:text-slate-400">cleared</span>
+              <span className="text-zinc-500 dark:text-slate-400">
+                {t('taskInfoPanel.comments.cleared', undefined, 'cleared')}
+              </span>
               <StatusPill status={item.oldStatus} muted />
             </>
           ) : (
-            <span className="text-zinc-500 dark:text-slate-400">changed status</span>
+            <span className="text-zinc-500 dark:text-slate-400">
+              {t('taskInfoPanel.comments.changedStatus', undefined, 'changed status')}
+            </span>
           )}
           <span className="ml-auto text-zinc-400 dark:text-slate-500">{formatDate(timestamp)}</span>
         </div>
@@ -276,7 +288,11 @@ export const CommentsHistoryTab = () => {
             <div className="flex flex-col items-center justify-center py-6 text-center">
               <MessageSquare className="mb-2 size-8 text-zinc-400 dark:text-slate-500" />
               <p className="text-sm text-zinc-500 dark:text-slate-400">
-                No activity yet. Be the first to comment!
+                {t(
+                  'taskInfoPanel.comments.emptyState',
+                  undefined,
+                  'No activity yet. Be the first to comment!'
+                )}
               </p>
             </div>
           ) : (
@@ -298,7 +314,7 @@ export const CommentsHistoryTab = () => {
               ref={textareaRef}
               value={commentText}
               onChange={(e) => setCommentText(e.target.value)}
-              placeholder="Add a comment..."
+              placeholder={t('common.addAComment', undefined, 'Add a comment...')}
               rows={2}
               className="flex-1 resize-none text-sm"
               maxLength={5000}
@@ -315,7 +331,7 @@ export const CommentsHistoryTab = () => {
         </form>
       ) : (
         <div className="mt-3 rounded-lg border border-zinc-200 bg-zinc-50 p-3 text-center text-xs text-zinc-600 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400">
-          Sign in to add comments
+          {t('taskInfoPanel.comments.signInPrompt', undefined, 'Sign in to add comments')}
         </div>
       )}
     </div>
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/AreaHistoryCard.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/AreaHistoryCard.tsx
index 274dd1e84..83f1e00e9 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/AreaHistoryCard.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/AreaHistoryCard.tsx
@@ -1,4 +1,5 @@
 import { ExternalLink, MapPin } from 'lucide-react'
+import { useIntl } from '@/i18n'
 
 interface AreaHistoryCardProps {
   coordinates: { lat: number; lng: number }
@@ -6,14 +7,20 @@ interface AreaHistoryCardProps {
 }
 
 export const AreaHistoryCard = ({ coordinates, osmServer }: AreaHistoryCardProps) => {
+  const { t } = useIntl()
+
   return (
     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
       <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
         <MapPin className="h-4 w-4 text-blue-600 dark:text-blue-400" />
-        Area History
+        {t('taskInfoPanel.osmHistory.areaHistory.title', undefined, 'Area History')}
       </div>
       <p className="mt-1 text-xs text-zinc-500 dark:text-slate-400">
-        View recent changes in the area around this task
+        {t(
+          'taskInfoPanel.osmHistory.areaHistory.description',
+          undefined,
+          'View recent changes in the area around this task'
+        )}
       </p>
       <div className="mt-3 space-y-2">
         <a
@@ -24,10 +31,18 @@ export const AreaHistoryCard = ({ coordinates, osmServer }: AreaHistoryCardProps
         >
           <div>
             <div className="font-medium text-blue-600 dark:text-blue-400">
-              OSM History at Location
+              {t(
+                'taskInfoPanel.osmHistory.areaHistory.osmHistoryLink',
+                undefined,
+                'OSM History at Location'
+              )}
             </div>
             <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-              Recent edits near {coordinates.lat.toFixed(4)}, {coordinates.lng.toFixed(4)}
+              {t(
+                'taskInfoPanel.osmHistory.areaHistory.recentEditsNear',
+                { lat: coordinates.lat.toFixed(4), lng: coordinates.lng.toFixed(4) },
+                'Recent edits near {lat}, {lng}'
+              )}
             </div>
           </div>
           <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
@@ -40,9 +55,19 @@ export const AreaHistoryCard = ({ coordinates, osmServer }: AreaHistoryCardProps
           className="flex items-center justify-between rounded-lg bg-zinc-100 p-3 transition-colors hover:bg-zinc-200 dark:bg-slate-800/50 dark:hover:bg-slate-800"
         >
           <div>
-            <div className="font-medium text-blue-600 dark:text-blue-400">OSMCha Area Filter</div>
+            <div className="font-medium text-blue-600 dark:text-blue-400">
+              {t(
+                'taskInfoPanel.osmHistory.areaHistory.osmchaLink',
+                undefined,
+                'OSMCha Area Filter'
+              )}
+            </div>
             <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-              All changesets in this area
+              {t(
+                'taskInfoPanel.osmHistory.areaHistory.osmchaDescription',
+                undefined,
+                'All changesets in this area'
+              )}
             </div>
           </div>
           <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/ElementHistoryCard.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/ElementHistoryCard.tsx
index 3a937a987..24b47a71a 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/ElementHistoryCard.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/ElementHistoryCard.tsx
@@ -2,6 +2,7 @@ import { GitCommit, History, Loader2, User } from 'lucide-react'
 import { useEffect, useState } from 'react'
 import { api } from '@/api'
 import type { OSMHistoryElement } from '@/api/osm'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import type { OsmFeature } from '../taskUtils/osmUtils'
 
@@ -11,6 +12,7 @@ interface ElementHistoryCardProps {
 }
 
 export const ElementHistoryCard = ({ osmFeature, osmServer }: ElementHistoryCardProps) => {
+  const { t } = useIntl()
   const [elementHistory, setElementHistory] = useState<OSMHistoryElement[] | null>(null)
   const [historyLoading, setHistoryLoading] = useState(false)
   const [historyError, setHistoryError] = useState<string | null>(null)
@@ -24,7 +26,14 @@ export const ElementHistoryCard = ({ osmFeature, osmServer }: ElementHistoryCard
         const history = await api.osm.fetchOSMElementHistory(idString, true)
         setElementHistory(history)
       } catch (error) {
-        const message = error instanceof Error ? error.message : 'Failed to fetch history'
+        const message =
+          error instanceof Error
+            ? error.message
+            : t(
+                'taskInfoPanel.osmHistory.elementHistory.fetchError',
+                undefined,
+                'Failed to fetch history'
+              )
         setHistoryError(message)
       } finally {
         setHistoryLoading(false)
@@ -38,13 +47,13 @@ export const ElementHistoryCard = ({ osmFeature, osmServer }: ElementHistoryCard
     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
       <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
         <History className="h-4 w-4 text-purple-600 dark:text-purple-400" />
-        Element History
+        {t('taskInfoPanel.osmHistory.elementHistory.title', undefined, 'Element History')}
       </div>
 
       {historyLoading && (
         <div className="mt-3 flex items-center gap-2 text-sm text-zinc-500 dark:text-slate-500">
           <Loader2 className="h-4 w-4 animate-spin" />
-          Loading history...
+          {t('taskInfoPanel.osmHistory.elementHistory.loading', undefined, 'Loading history...')}
         </div>
       )}
 
@@ -74,7 +83,7 @@ export const ElementHistoryCard = ({ osmFeature, osmServer }: ElementHistoryCard
                       </span>
                       {entry.visible === false && (
                         <span className="rounded bg-red-100 px-1.5 py-0.5 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400">
-                          deleted
+                          {t('common.deleted2', undefined, 'deleted')}
                         </span>
                       )}
                     </div>
@@ -114,7 +123,9 @@ export const ElementHistoryCard = ({ osmFeature, osmServer }: ElementHistoryCard
       )}
 
       {elementHistory && elementHistory.length === 0 && (
-        <p className="mt-3 text-xs text-zinc-500 dark:text-slate-400">No history available.</p>
+        <p className="mt-3 text-xs text-zinc-500 dark:text-slate-400">
+          {t('taskInfoPanel.osmHistory.elementHistory.empty', undefined, 'No history available.')}
+        </p>
       )}
     </div>
   )
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/LinkedChangesetCard.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/LinkedChangesetCard.tsx
index 19fa5f7b6..d95b15450 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/LinkedChangesetCard.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/LinkedChangesetCard.tsx
@@ -1,4 +1,5 @@
 import { ExternalLink, GitCommit } from 'lucide-react'
+import { useIntl } from '@/i18n'
 
 interface LinkedChangesetCardProps {
   changesetId: number
@@ -6,12 +7,14 @@ interface LinkedChangesetCardProps {
 }
 
 export const LinkedChangesetCard = ({ changesetId, osmServer }: LinkedChangesetCardProps) => {
+  const { t } = useIntl()
+
   return (
     <div className="space-y-3">
       <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
         <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
           <GitCommit className="h-4 w-4 text-green-600 dark:text-green-400" />
-          Linked Changeset
+          {t('taskInfoPanel.osmHistory.linkedChangeset.title', undefined, 'Linked Changeset')}
         </div>
         <div className="mt-3 space-y-2">
           <a
@@ -22,10 +25,18 @@ export const LinkedChangesetCard = ({ changesetId, osmServer }: LinkedChangesetC
           >
             <div>
               <div className="font-medium text-blue-600 dark:text-blue-400">
-                Changeset #{changesetId}
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.changesetLabel',
+                  { id: changesetId },
+                  'Changeset #{id}'
+                )}
               </div>
               <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-                View on OpenStreetMap
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.viewOnOsm',
+                  undefined,
+                  'View on OpenStreetMap'
+                )}
               </div>
             </div>
             <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
@@ -38,9 +49,19 @@ export const LinkedChangesetCard = ({ changesetId, osmServer }: LinkedChangesetC
             className="flex items-center justify-between rounded-lg bg-zinc-100 p-3 transition-colors hover:bg-zinc-200 dark:bg-slate-800/50 dark:hover:bg-slate-800"
           >
             <div>
-              <div className="font-medium text-blue-600 dark:text-blue-400">View in OSMCha</div>
+              <div className="font-medium text-blue-600 dark:text-blue-400">
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.osmchaLink',
+                  undefined,
+                  'View in OSMCha'
+                )}
+              </div>
               <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-                Detailed changeset analysis
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.osmchaDescription',
+                  undefined,
+                  'Detailed changeset analysis'
+                )}
               </div>
             </div>
             <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
@@ -54,10 +75,18 @@ export const LinkedChangesetCard = ({ changesetId, osmServer }: LinkedChangesetC
           >
             <div>
               <div className="font-medium text-blue-600 dark:text-blue-400">
-                View in Overpass Turbo
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.overpassLink',
+                  undefined,
+                  'View in Overpass Turbo'
+                )}
               </div>
               <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-                Query changeset data
+                {t(
+                  'taskInfoPanel.osmHistory.linkedChangeset.overpassDescription',
+                  undefined,
+                  'Query changeset data'
+                )}
               </div>
             </div>
             <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/OSMFeatureCard.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/OSMFeatureCard.tsx
index e4a15009a..a85d5f196 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/OSMFeatureCard.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/OSMFeatureCard.tsx
@@ -1,4 +1,5 @@
 import { Box, ExternalLink } from 'lucide-react'
+import { useIntl } from '@/i18n'
 import type { OsmFeature } from '../taskUtils/osmUtils'
 
 interface OSMFeatureCardProps {
@@ -7,11 +8,13 @@ interface OSMFeatureCardProps {
 }
 
 export const OSMFeatureCard = ({ osmFeature, osmServer }: OSMFeatureCardProps) => {
+  const { t } = useIntl()
+
   return (
     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
       <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
         <Box className="h-4 w-4 text-blue-600 dark:text-blue-400" />
-        OSM Feature
+        {t('taskInfoPanel.osmHistory.feature.title', undefined, 'OSM Feature')}
       </div>
       <div className="mt-3">
         <a
@@ -25,7 +28,11 @@ export const OSMFeatureCard = ({ osmFeature, osmServer }: OSMFeatureCardProps) =
               {osmFeature.type}/{osmFeature.id}
             </div>
             <div className="mt-0.5 text-xs text-zinc-500 dark:text-slate-400">
-              View {osmFeature.type} on OpenStreetMap
+              {t(
+                'taskInfoPanel.osmHistory.feature.viewOnOsm',
+                { type: osmFeature.type },
+                'View {type} on OpenStreetMap'
+              )}
             </div>
           </div>
           <ExternalLink className="h-4 w-4 text-zinc-400 dark:text-slate-500" />
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/OSMHistoryTab.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/OSMHistoryTab.tsx
index 4e4f2a784..ffb8fe6b1 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/OSMHistoryTab.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/OSMHistoryTab.tsx
@@ -1,6 +1,7 @@
 import { Info } from 'lucide-react'
 import { api } from '@/api'
 import { useTaskContext } from '@/components/Pages/TaskEditPage/contexts/TaskContext'
+import { useIntl } from '@/i18n'
 import { parseOsmFeatureFromTask } from '../taskUtils/osmUtils'
 import { AreaHistoryCard } from './AreaHistoryCard'
 import { ElementHistoryCard } from './ElementHistoryCard'
@@ -9,6 +10,7 @@ import { OSMFeatureCard } from './OSMFeatureCard'
 import { TaskTimelineCard } from './TaskTimelineCard'
 
 export const OSMHistoryTab = () => {
+  const { t } = useIntl()
   const { task } = useTaskContext()
   const changesetId = task.changesetId
   const hasChangeset = changesetId && changesetId > 0
@@ -28,12 +30,14 @@ export const OSMHistoryTab = () => {
         <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
           <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
             <Info className="h-4 w-4 text-zinc-500 dark:text-slate-500" />
-            No OSM Feature Detected
+            {t('taskInfoPanel.osmHistory.tab.noFeatureTitle', undefined, 'No OSM Feature Detected')}
           </div>
           <p className="mt-2 text-xs text-zinc-500 dark:text-slate-400">
-            This task's geometry does not contain OSM element identifiers (like @id: "way/12345").
-            OSM feature history is only available when tasks reference specific OpenStreetMap
-            elements.
+            {t(
+              'taskInfoPanel.osmHistory.tab.noFeatureDescription',
+              undefined,
+              'This task\'s geometry does not contain OSM element identifiers (like @id: "way/12345"). OSM feature history is only available when tasks reference specific OpenStreetMap elements.'
+            )}
           </p>
         </div>
       )}
@@ -44,11 +48,14 @@ export const OSMHistoryTab = () => {
         <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
           <div className="flex items-center gap-2 font-medium text-sm text-zinc-900 dark:text-white">
             <Info className="h-4 w-4 text-zinc-500 dark:text-slate-500" />
-            No Changeset Linked
+            {t('taskInfoPanel.osmHistory.tab.noChangesetTitle', undefined, 'No Changeset Linked')}
           </div>
           <p className="mt-2 text-xs text-zinc-500 dark:text-slate-400">
-            This task does not have an OSM changeset linked yet. A changeset will be automatically
-            linked when the task is completed and the edits are saved to OpenStreetMap.
+            {t(
+              'taskInfoPanel.osmHistory.tab.noChangesetDescription',
+              undefined,
+              'This task does not have an OSM changeset linked yet. A changeset will be automatically linked when the task is completed and the edits are saved to OpenStreetMap.'
+            )}
           </p>
         </div>
       )}
diff --git a/src/components/TaskInfoPanel/OSMHistoryTab/TaskTimelineCard.tsx b/src/components/TaskInfoPanel/OSMHistoryTab/TaskTimelineCard.tsx
index 07d06e54e..69cb01fda 100644
--- a/src/components/TaskInfoPanel/OSMHistoryTab/TaskTimelineCard.tsx
+++ b/src/components/TaskInfoPanel/OSMHistoryTab/TaskTimelineCard.tsx
@@ -1,3 +1,4 @@
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import type { Task } from '@/types/Task'
 
@@ -6,25 +7,35 @@ interface TaskTimelineCardProps {
 }
 
 export const TaskTimelineCard = ({ task }: TaskTimelineCardProps) => {
+  const { t } = useIntl()
+
   return (
     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-slate-700 dark:bg-slate-900/50">
-      <div className="font-medium text-sm text-zinc-900 dark:text-white">Task Timeline</div>
+      <div className="font-medium text-sm text-zinc-900 dark:text-white">
+        {t('taskInfoPanel.osmHistory.timeline.title', undefined, 'Task Timeline')}
+      </div>
       <div className="mt-3 space-y-2">
         <div className="flex items-center justify-between text-xs">
-          <span className="text-zinc-500 dark:text-slate-400">Created</span>
+          <span className="text-zinc-500 dark:text-slate-400">
+            {t('common.created', undefined, 'Created')}
+          </span>
           <span className="font-medium text-zinc-900 dark:text-white">
             {formatDate(new Date(task.created))}
           </span>
         </div>
         <div className="flex items-center justify-between text-xs">
-          <span className="text-zinc-500 dark:text-slate-400">Last Modified</span>
+          <span className="text-zinc-500 dark:text-slate-400">
+            {t('taskInfoPanel.osmHistory.timeline.lastModified', undefined, 'Last Modified')}
+          </span>
           <span className="font-medium text-zinc-900 dark:text-white">
             {formatDate(new Date(task.modified))}
           </span>
         </div>
         {task.mappedOn && (
           <div className="flex items-center justify-between text-xs">
-            <span className="text-zinc-500 dark:text-slate-400">Completed</span>
+            <span className="text-zinc-500 dark:text-slate-400">
+              {t('taskInfoPanel.osmHistory.timeline.completed', undefined, 'Completed')}
+            </span>
             <span className="font-medium text-zinc-900 dark:text-white">
               {formatDate(new Date(task.mappedOn))}
             </span>
@@ -32,9 +43,15 @@ export const TaskTimelineCard = ({ task }: TaskTimelineCardProps) => {
         )}
         {task.completedTimeSpent && task.completedTimeSpent > 0 && (
           <div className="flex items-center justify-between text-xs">
-            <span className="text-zinc-500 dark:text-slate-400">Time Spent</span>
+            <span className="text-zinc-500 dark:text-slate-400">
+              {t('taskInfoPanel.osmHistory.timeline.timeSpent', undefined, 'Time Spent')}
+            </span>
             <span className="font-medium text-zinc-900 dark:text-white">
-              {Math.round(task.completedTimeSpent / 1000 / 60)} minutes
+              {t(
+                'taskInfoPanel.osmHistory.timeline.minutes',
+                { count: Math.round(task.completedTimeSpent / 1000 / 60) },
+                '{count} minutes'
+              )}
             </span>
           </div>
         )}
diff --git a/src/components/TaskInfoPanel/PropertiesTab/PropertiesTab.tsx b/src/components/TaskInfoPanel/PropertiesTab/PropertiesTab.tsx
index a4c468292..80ad21ae9 100644
--- a/src/components/TaskInfoPanel/PropertiesTab/PropertiesTab.tsx
+++ b/src/components/TaskInfoPanel/PropertiesTab/PropertiesTab.tsx
@@ -1,5 +1,6 @@
 import { type ReactNode, useLayoutEffect, useRef, useState } from 'react'
 import { useTaskContext } from '@/components/Pages/TaskEditPage/contexts/TaskContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { parseTaskProperties } from '../taskUtils/geometryUtils'
 
@@ -37,6 +38,7 @@ const VALUE_CHAR_WIDTH = 7.2
 const ROW_HORIZONTAL_OVERHEAD = 24
 
 export const PropertiesTab = () => {
+  const { t } = useIntl()
   const { task } = useTaskContext()
   const properties = parseTaskProperties(task)
   const containerRef = useRef<HTMLDivElement>(null)
@@ -55,7 +57,7 @@ export const PropertiesTab = () => {
   if (!properties || Object.keys(properties).length === 0) {
     return (
       <p className="text-sm text-zinc-500 dark:text-slate-400">
-        No properties available for this task.
+        {t('taskInfoPanel.properties.empty', undefined, 'No properties available for this task.')}
       </p>
     )
   }
diff --git a/src/components/TaskInfoPanel/TaskInfoDrawer.tsx b/src/components/TaskInfoPanel/TaskInfoDrawer.tsx
index c9f4c8127..155c8a291 100644
--- a/src/components/TaskInfoPanel/TaskInfoDrawer.tsx
+++ b/src/components/TaskInfoPanel/TaskInfoDrawer.tsx
@@ -14,6 +14,7 @@ import { substituteTaskProperties } from '@/components/TaskInfoPanel/taskUtils/p
 import { Button } from '@/components/ui/Button'
 import { Drawer } from '@/components/ui/Drawer'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
+import { useIntl } from '@/i18n'
 import { STATUS_COLORS, STATUS_LABELS } from '@/lib/taskConstants'
 import { cn } from '@/lib/utils'
 import type { Task, TaskMarker } from '@/types/Task'
@@ -28,6 +29,7 @@ interface TaskInfoDrawerProps {
 }
 
 export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawerProps) => {
+  const { t } = useIntl()
   const navigate = useNavigate()
   const [drawerState, setDrawerState] = useState<'closed' | 'open' | 'sliding-out'>('closed')
 
@@ -85,7 +87,7 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
   }
 
   const status = task?.status ?? selectedTask?.status ?? 0
-  const statusLabel = STATUS_LABELS[status] || 'Unknown'
+  const statusLabel = STATUS_LABELS[status] || t('common.unknown', undefined, 'Unknown')
   const statusColor = STATUS_COLORS[status] || 'bg-zinc-500'
 
   const osmFeature = task ? parseOsmFeatureFromTask(task) : null
@@ -134,8 +136,8 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                   variant="ghost"
                   size="icon-sm"
                   onClick={handleZoomToTask}
-                  aria-label="Zoom to task"
-                  title="Zoom to task"
+                  aria-label={t('common.zoomToTask', undefined, 'Zoom to task')}
+                  title={t('common.zoomToTask', undefined, 'Zoom to task')}
                 >
                   <ZoomIn className="size-4" />
                 </Button>
@@ -146,8 +148,8 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                     <Button
                       variant="ghost"
                       size="icon-sm"
-                      aria-label="Share task"
-                      title="Share task"
+                      aria-label={t('common.shareTask', undefined, 'Share task')}
+                      title={t('common.shareTask', undefined, 'Share task')}
                     >
                       <Share2 className="size-4" />
                     </Button>
@@ -155,19 +157,28 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                   <PopoverContent align="end" className="w-80">
                     <SharePopoverContent
                       url={`${window.location.origin}/tasks/${task.id}`}
-                      title={task.name ? `Task: ${task.name}` : `Task #${task.id}`}
+                      title={
+                        task.name
+                          ? t('common.taskWithName', { name: task.name }, 'Task: {name}')
+                          : t('common.taskWithId', { id: task.id }, 'Task #{id}')
+                      }
                       description={challenge?.name}
                     />
                   </PopoverContent>
                 </Popover>
               )}
               {osmUrl && (
-                <Button variant="ghost" size="icon-sm" asChild title="View on OSM">
+                <Button
+                  variant="ghost"
+                  size="icon-sm"
+                  asChild
+                  title={t('common.viewOnOsm', undefined, 'View on OSM')}
+                >
                   <a
                     href={osmUrl}
                     target="_blank"
                     rel="noopener noreferrer"
-                    aria-label="View on OSM"
+                    aria-label={t('common.viewOnOsm', undefined, 'View on OSM')}
                   >
                     <ExternalLink className="size-4" />
                   </a>
@@ -177,8 +188,8 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                 variant="ghost"
                 size="icon-sm"
                 onClick={onClose}
-                aria-label="Close task"
-                title="Close task"
+                aria-label={t('common.closeTask', undefined, 'Close task')}
+                title={t('common.closeTask', undefined, 'Close task')}
               >
                 <X className="size-4" />
               </Button>
@@ -187,7 +198,7 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
 
           {/* Task ID */}
           <div className="font-bold text-base text-zinc-900 leading-tight dark:text-zinc-100">
-            Task #{selectedTask?.id}
+            {t('common.taskWithId', { id: selectedTask?.id ?? '' }, 'Task #{id}')}
           </div>
 
           {/* Challenge › Project breadcrumb */}
@@ -223,7 +234,7 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
           <div className="mt-3 flex items-center justify-end border-slate-200/60 border-t pt-3 dark:border-slate-700/40">
             <Button size="sm" onClick={handleStartTask} className="gap-1.5 rounded-full">
               <Play className="size-4" />
-              Start Task
+              {t('taskInfoPanel.drawer.startTask', undefined, 'Start Task')}
             </Button>
           </div>
         )}
@@ -242,7 +253,11 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                     <div className="flex items-center gap-2 pb-2">
                       <Package className="h-3.5 w-3.5 text-zinc-400" />
                       <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-                        Bundled Tasks ({bundleData.taskIds.length - 1})
+                        {t(
+                          'common.bundledTasks',
+                          { count: bundleData.taskIds.length - 1 },
+                          'Bundled Tasks ({count})'
+                        )}
                       </span>
                     </div>
                     <div className="max-h-48 space-y-1 overflow-y-auto">
@@ -261,7 +276,7 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                             className="flex h-8 w-full items-center rounded-lg border border-zinc-200 bg-zinc-50 px-3 text-left text-sm transition-colors hover:border-blue-300 hover:bg-blue-50 dark:border-slate-700 dark:bg-slate-900 dark:hover:border-blue-700 dark:hover:bg-blue-950/30"
                           >
                             <span className="font-medium text-xs text-zinc-600 dark:text-slate-300">
-                              Task #{taskId}
+                              {t('common.taskWithId', { id: taskId }, 'Task #{id}')}
                             </span>
                           </button>
                         ))}
@@ -273,7 +288,7 @@ export const TaskInfoDrawer = ({ selectedTask, onClose, mapRef }: TaskInfoDrawer
                 {challenge?.instruction && task && (
                   <div>
                     <h3 className="mb-2 font-semibold text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-                      Instructions
+                      {t('common.instructions', undefined, 'Instructions')}
                     </h3>
                     <div className="text-sm text-zinc-700 leading-relaxed dark:text-slate-300 [&_a]:text-blue-600 [&_a]:hover:underline [&_a]:dark:text-blue-400 [&_blockquote]:my-2 [&_blockquote]:border-zinc-300 [&_blockquote]:border-l-2 [&_blockquote]:pl-2 [&_blockquote]:italic [&_blockquote]:dark:border-slate-600 [&_code]:rounded [&_code]:bg-zinc-200 [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs [&_code]:dark:bg-slate-800 [&_li]:my-0.5 [&_ol]:my-1 [&_ol]:ml-4 [&_ol]:list-decimal [&_p]:my-1 [&_p]:first:mt-0 [&_ul]:my-1 [&_ul]:ml-4 [&_ul]:list-disc">
                       <ReactMarkdown
diff --git a/src/components/TaskInfoPanel/TaskTab/BundleStateIndicator.tsx b/src/components/TaskInfoPanel/TaskTab/BundleStateIndicator.tsx
index e90958649..f5341d783 100644
--- a/src/components/TaskInfoPanel/TaskTab/BundleStateIndicator.tsx
+++ b/src/components/TaskInfoPanel/TaskTab/BundleStateIndicator.tsx
@@ -1,5 +1,6 @@
 import { Package, Trash2 } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 
 interface BundleStateIndicatorProps {
   canAddToBundle: boolean
@@ -18,6 +19,8 @@ export const BundleStateIndicator = ({
   onAddToBundle,
   onRemoveFromBundle,
 }: BundleStateIndicatorProps) => {
+  const { t } = useIntl()
+
   if (canAddToBundle && onAddToBundle) {
     return (
       <Button
@@ -27,7 +30,7 @@ export const BundleStateIndicator = ({
         className="w-full border-green-500/50 bg-green-50 text-green-700 shadow-sm transition-all hover:border-green-500 hover:bg-green-100 hover:shadow-md dark:border-green-600/50 dark:bg-green-950/30 dark:text-green-400 dark:hover:bg-green-950/50"
       >
         <Package className="mr-2 h-3.5 w-3.5" />
-        Add to Bundle
+        {t('taskInfoPanel.taskTab.bundleState.addToBundle', undefined, 'Add to Bundle')}
       </Button>
     )
   }
@@ -41,7 +44,7 @@ export const BundleStateIndicator = ({
         className="w-full border-red-500/50 bg-red-50 text-red-700 shadow-sm transition-all hover:border-red-500 hover:bg-red-100 hover:shadow-md dark:border-red-600/50 dark:bg-red-950/30 dark:text-red-400 dark:hover:bg-red-950/50"
       >
         <Trash2 className="mr-2 h-3.5 w-3.5" />
-        Remove from Bundle
+        {t('taskInfoPanel.taskTab.bundleState.removeFromBundle', undefined, 'Remove from Bundle')}
       </Button>
     )
   }
@@ -50,7 +53,11 @@ export const BundleStateIndicator = ({
     return (
       <div className="flex items-center justify-center gap-2 rounded-lg bg-purple-50 px-3 py-2 font-medium text-purple-700 text-xs dark:bg-purple-900/30 dark:text-purple-400">
         <Package className="h-3.5 w-3.5" />
-        Primary task in bundle
+        {t(
+          'taskInfoPanel.taskTab.bundleState.primaryInBundle',
+          undefined,
+          'Primary task in bundle'
+        )}
       </div>
     )
   }
@@ -59,7 +66,7 @@ export const BundleStateIndicator = ({
     return (
       <div className="flex items-center justify-center gap-2 rounded-lg bg-zinc-100 px-3 py-2 font-medium text-xs text-zinc-600 dark:bg-slate-800/50 dark:text-slate-400">
         <Package className="h-3.5 w-3.5" />
-        In bundle
+        {t('taskInfoPanel.taskTab.bundleState.inBundle', undefined, 'In bundle')}
       </div>
     )
   }
diff --git a/src/components/TaskInfoPanel/TaskTab/BundleTaskList.tsx b/src/components/TaskInfoPanel/TaskTab/BundleTaskList.tsx
index c956edb1a..d01bee4e3 100644
--- a/src/components/TaskInfoPanel/TaskTab/BundleTaskList.tsx
+++ b/src/components/TaskInfoPanel/TaskTab/BundleTaskList.tsx
@@ -1,5 +1,6 @@
 import { MousePointerClick, Package, Star } from 'lucide-react'
 import { useEditorContext } from '@/components/Pages/TaskEditPage/contexts/EditorContext'
+import { useIntl } from '@/i18n'
 
 interface BundleTaskListProps {
   taskIds: number[]
@@ -15,6 +16,7 @@ export const BundleTaskList = ({
   onOpenBundleTask,
   activeDrawerTaskId,
 }: BundleTaskListProps) => {
+  const { t } = useIntl()
   const { highlightIdEntityRef, taskToOsmIdRef, selectIdEntitiesRef, activeView } =
     useEditorContext()
 
@@ -49,17 +51,21 @@ export const BundleTaskList = ({
       <div className="flex items-center gap-2 pb-2">
         <Package className="h-3.5 w-3.5 text-zinc-400 dark:text-slate-500" />
         <span className="font-medium text-xs text-zinc-500 uppercase tracking-wide dark:text-slate-400">
-          Bundled Tasks ({taskIds.length})
+          {t('common.bundledTasks', { count: taskIds.length }, 'Bundled Tasks ({count})')}
         </span>
         {activeView === 'id' && (
           <button
             type="button"
             onClick={selectAllInEditor}
             className="ml-auto flex items-center gap-1 rounded-md px-2 py-0.5 font-medium text-[10px] text-blue-600 transition-colors hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-950/30"
-            title="Select all bundled tasks in iD editor"
+            title={t(
+              'taskInfoPanel.taskTab.bundleList.selectAllTitle',
+              undefined,
+              'Select all bundled tasks in iD editor'
+            )}
           >
             <MousePointerClick className="h-3 w-3" />
-            Select All
+            {t('taskInfoPanel.taskTab.bundleList.selectAll', undefined, 'Select All')}
           </button>
         )}
       </div>
@@ -87,11 +93,11 @@ export const BundleTaskList = ({
               >
                 {isPrimary && <Star className="h-3 w-3 fill-yellow-500 text-yellow-500" />}
                 <span className="font-medium text-xs text-zinc-600 dark:text-slate-300">
-                  Task #{taskId}
+                  {t('common.taskWithId', { id: taskId }, 'Task #{id}')}
                 </span>
                 {isPrimary && (
                   <span className="font-medium text-[10px] text-yellow-600 dark:text-yellow-400">
-                    Primary
+                    {t('common.primary', undefined, 'Primary')}
                   </span>
                 )}
               </button>
@@ -100,7 +106,11 @@ export const BundleTaskList = ({
                   type="button"
                   onClick={() => selectTaskInEditor(taskId)}
                   className="flex items-center gap-1 px-2 text-blue-500 transition-colors hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
-                  title={`Select Task #${taskId} in iD editor`}
+                  title={t(
+                    'taskInfoPanel.taskTab.bundleList.selectTaskTitle',
+                    { id: taskId },
+                    'Select Task #{id} in iD editor'
+                  )}
                 >
                   <MousePointerClick className="h-3 w-3" />
                 </button>
diff --git a/src/components/TaskInfoPanel/TaskTab/InstructionPanel.tsx b/src/components/TaskInfoPanel/TaskTab/InstructionPanel.tsx
index 038d4407b..7cf75b931 100644
--- a/src/components/TaskInfoPanel/TaskTab/InstructionPanel.tsx
+++ b/src/components/TaskInfoPanel/TaskTab/InstructionPanel.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import ReactMarkdown from 'react-markdown'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 const markdownClasses =
@@ -39,6 +40,7 @@ export const InstructionPanel = ({
   taskInstruction,
   challengeDescription,
 }: InstructionPanelProps) => {
+  const { t } = useIntl()
   const hasTaskInstruction = !!taskInstruction
   const hasChallengeInstruction = !!challengeDescription
   const [instructionView, setInstructionView] = useState<InstructionView>('task')
@@ -58,7 +60,7 @@ export const InstructionPanel = ({
               : 'text-zinc-500 hover:text-zinc-700 dark:text-slate-400 dark:hover:text-slate-300'
           )}
         >
-          Task
+          {t('common.task', undefined, 'Task')}
         </button>
         <button
           type="button"
@@ -70,7 +72,7 @@ export const InstructionPanel = ({
               : 'text-zinc-500 hover:text-zinc-700 dark:text-slate-400 dark:hover:text-slate-300'
           )}
         >
-          Challenge
+          {t('common.challenge', undefined, 'Challenge')}
         </button>
       </div>
 
@@ -79,14 +81,22 @@ export const InstructionPanel = ({
           <InstructionContent content={taskInstruction} />
         ) : (
           <p className="text-sm text-zinc-500 italic dark:text-slate-400">
-            No task instructions available.
+            {t(
+              'taskInfoPanel.taskTab.instructions.noTaskInstructions',
+              undefined,
+              'No task instructions available.'
+            )}
           </p>
         )
       ) : hasChallengeInstruction ? (
         <InstructionContent content={challengeDescription ?? ''} />
       ) : (
         <p className="text-sm text-zinc-500 italic dark:text-slate-400">
-          No challenge description available.
+          {t(
+            'taskInfoPanel.taskTab.instructions.noChallengeDescription',
+            undefined,
+            'No challenge description available.'
+          )}
         </p>
       )}
     </div>
diff --git a/src/components/TaskInfoPanel/TaskTabsList.tsx b/src/components/TaskInfoPanel/TaskTabsList.tsx
index ba1c606c8..f1cd09340 100644
--- a/src/components/TaskInfoPanel/TaskTabsList.tsx
+++ b/src/components/TaskInfoPanel/TaskTabsList.tsx
@@ -1,5 +1,6 @@
 import { BookOpen, Braces, GitCommit, MessageSquare } from 'lucide-react'
 import { TabsList, TabsTrigger } from '@/components/ui/Tabs'
+import { useIntl } from '@/i18n'
 import { tabTriggerClass } from '@/lib/taskConstants'
 
 interface TaskTabsListProps {
@@ -7,25 +8,34 @@ interface TaskTabsListProps {
   osmHistoryCount: number
 }
 
-export const TaskTabsList = ({ commentsCount, osmHistoryCount }: TaskTabsListProps) => (
-  <div className="shrink-0 border-zinc-200 border-b dark:border-slate-700">
-    <TabsList className="h-auto w-full justify-start gap-1 rounded-none bg-transparent p-0">
-      <TabsTrigger value="task" className={tabTriggerClass}>
-        <BookOpen className="h-3.5 w-3.5" />
-        <span className="text-xs">Instructions</span>
-      </TabsTrigger>
-      <TabsTrigger value="properties" className={tabTriggerClass}>
-        <Braces className="h-3.5 w-3.5" />
-        <span className="text-xs">Properties</span>
-      </TabsTrigger>
-      <TabsTrigger value="comments" className={tabTriggerClass}>
-        <MessageSquare className="h-3.5 w-3.5" />
-        <span className="text-xs">Comments ({commentsCount})</span>
-      </TabsTrigger>
-      <TabsTrigger value="osm" className={tabTriggerClass}>
-        <GitCommit className="h-3.5 w-3.5" />
-        <span className="text-xs">OSM ({osmHistoryCount})</span>
-      </TabsTrigger>
-    </TabsList>
-  </div>
-)
+export const TaskTabsList = ({ commentsCount, osmHistoryCount }: TaskTabsListProps) => {
+  const { t } = useIntl()
+  return (
+    <div className="shrink-0 border-zinc-200 border-b dark:border-slate-700">
+      <TabsList className="h-auto w-full justify-start gap-1 rounded-none bg-transparent p-0">
+        <TabsTrigger value="task" className={tabTriggerClass}>
+          <BookOpen className="h-3.5 w-3.5" />
+          <span className="text-xs">{t('common.instructions', undefined, 'Instructions')}</span>
+        </TabsTrigger>
+        <TabsTrigger value="properties" className={tabTriggerClass}>
+          <Braces className="h-3.5 w-3.5" />
+          <span className="text-xs">
+            {t('taskInfoPanel.tabs.properties', undefined, 'Properties')}
+          </span>
+        </TabsTrigger>
+        <TabsTrigger value="comments" className={tabTriggerClass}>
+          <MessageSquare className="h-3.5 w-3.5" />
+          <span className="text-xs">
+            {t('taskInfoPanel.tabs.comments', { count: commentsCount }, 'Comments ({count})')}
+          </span>
+        </TabsTrigger>
+        <TabsTrigger value="osm" className={tabTriggerClass}>
+          <GitCommit className="h-3.5 w-3.5" />
+          <span className="text-xs">
+            {t('taskInfoPanel.tabs.osm', { count: osmHistoryCount }, 'OSM ({count})')}
+          </span>
+        </TabsTrigger>
+      </TabsList>
+    </div>
+  )
+}
diff --git a/src/components/shared/AchievementBadge/AchievementBadge.tsx b/src/components/shared/AchievementBadge/AchievementBadge.tsx
index 1b5f306cf..3e7c136cf 100644
--- a/src/components/shared/AchievementBadge/AchievementBadge.tsx
+++ b/src/components/shared/AchievementBadge/AchievementBadge.tsx
@@ -1,4 +1,5 @@
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/Tooltip'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { type AchievementDefinition, getAchievement } from '@/types/Achievement'
 
@@ -27,6 +28,7 @@ export const AchievementBadge = ({
   onClick,
   className,
 }: Props) => {
+  const { t } = useIntl()
   const def = typeof achievement === 'number' ? getAchievement(achievement) : achievement
 
   if (!def) return null
@@ -39,7 +41,9 @@ export const AchievementBadge = ({
       type="button"
       onClick={onClick}
       disabled={!onClick}
-      aria-label={locked ? `${title} (locked)` : title}
+      aria-label={
+        locked ? t('shared.achievementBadge.lockedLabel', { title }, '{title} (locked)') : title
+      }
       className={cn(
         'relative inline-flex items-center justify-center rounded-full border-2 transition-all',
         sz.box,
@@ -76,7 +80,11 @@ export const AchievementBadge = ({
       <TooltipContent>
         <div className="max-w-xs">
           <div className="font-semibold">{title}</div>
-          <div className="text-xs opacity-80">{locked ? 'Not yet earned' : description}</div>
+          <div className="text-xs opacity-80">
+            {locked
+              ? t('shared.achievementBadge.notYetEarned', undefined, 'Not yet earned')
+              : description}
+          </div>
         </div>
       </TooltipContent>
     </Tooltip>
diff --git a/src/components/shared/ChallengeCard.tsx b/src/components/shared/ChallengeCard.tsx
index 8e01466ea..25584442d 100644
--- a/src/components/shared/ChallengeCard.tsx
+++ b/src/components/shared/ChallengeCard.tsx
@@ -1,5 +1,6 @@
 import { Link } from '@tanstack/react-router'
 import { useChallengeProgress } from '@/hooks/useChallengeProgress'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { getDifficultyLabel } from '@/lib/difficultyLevelData'
 import { cn } from '@/lib/utils'
@@ -26,6 +27,7 @@ export const ChallengeCard = ({
   linkSearch,
   onLinkClick,
 }: ChallengeCardProps) => {
+  const { t } = useIntl()
   const {
     completionPercentage,
     segments,
@@ -68,7 +70,7 @@ export const ChallengeCard = ({
             challenge.avatar && 'mr-16'
           )}
         >
-          Project {challenge.parent}
+          {t('shared.challengeCard.project', { id: challenge.parent }, 'Project {id}')}
         </div>
 
         <h3
@@ -82,9 +84,11 @@ export const ChallengeCard = ({
 
         <div>
           <div className="mb-1 text-xs text-zinc-500 dark:text-slate-300">
-            <span className="font-semibold text-zinc-900 dark:text-white">{totalTasks}</span> tasks
+            <span className="font-semibold text-zinc-900 dark:text-white">{totalTasks}</span>{' '}
+            {t('common.tasks2', undefined, 'tasks')}
             {' · '}
-            <span className="font-semibold text-zinc-900 dark:text-white">{pct}%</span> complete
+            <span className="font-semibold text-zinc-900 dark:text-white">{pct}%</span>{' '}
+            {t('common.complete', undefined, 'complete')}
           </div>
 
           <ProgressBar
@@ -99,7 +103,11 @@ export const ChallengeCard = ({
             </span>
             {lastUpdated ? (
               <span className="text-xs text-zinc-500 dark:text-slate-300">
-                Last updated {formatDate(new Date(lastUpdated))}
+                {t(
+                  'common.lastUpdated',
+                  { date: formatDate(new Date(lastUpdated)) },
+                  'Last updated {date}'
+                )}
               </span>
             ) : null}
           </div>
diff --git a/src/components/shared/ClearManageFiltersButton.tsx b/src/components/shared/ClearManageFiltersButton.tsx
index 1b7d869e6..d61bd8b9b 100644
--- a/src/components/shared/ClearManageFiltersButton.tsx
+++ b/src/components/shared/ClearManageFiltersButton.tsx
@@ -1,5 +1,6 @@
 import { X } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface ClearManageFiltersButtonProps {
@@ -11,6 +12,7 @@ export const ClearManageFiltersButton = ({
   hasActiveFilters,
   onClear,
 }: ClearManageFiltersButtonProps) => {
+  const { t } = useIntl()
   return (
     <Button
       size="sm"
@@ -22,7 +24,7 @@ export const ClearManageFiltersButton = ({
       disabled={!hasActiveFilters}
     >
       <X className="h-3 w-3" />
-      CLEAR FILTERS
+      {t('shared.clearManageFiltersButton.label', undefined, 'CLEAR FILTERS')}
     </Button>
   )
 }
diff --git a/src/components/shared/CommentComposer/CommentComposer.tsx b/src/components/shared/CommentComposer/CommentComposer.tsx
index 3e8734bb0..8ed951b61 100644
--- a/src/components/shared/CommentComposer/CommentComposer.tsx
+++ b/src/components/shared/CommentComposer/CommentComposer.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { Button } from '@/components/ui/Button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/Tabs'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { CommentMarkdown } from '../CommentList/CommentMarkdown'
 import { CommentMentionInput } from './CommentMentionInput'
@@ -21,11 +22,16 @@ export const CommentComposer = ({
   onChange,
   onSubmit,
   onCancel,
-  placeholder = 'Write a comment…',
+  placeholder,
   maxLength = 1000,
-  submitLabel = 'Post',
+  submitLabel,
   disabled,
 }: Props) => {
+  const { t } = useIntl()
+  const resolvedPlaceholder =
+    placeholder ?? t('shared.commentComposer.placeholder', undefined, 'Write a comment…')
+  const resolvedSubmitLabel =
+    submitLabel ?? t('shared.commentComposer.submitLabel', undefined, 'Post')
   const [busy, setBusy] = useState(false)
   const count = value.length
   const warnThreshold = maxLength * 0.8
@@ -50,14 +56,14 @@ export const CommentComposer = ({
     <div className="space-y-2">
       <Tabs defaultValue="write">
         <TabsList>
-          <TabsTrigger value="write">Write</TabsTrigger>
-          <TabsTrigger value="preview">Preview</TabsTrigger>
+          <TabsTrigger value="write">{t('common.write', undefined, 'Write')}</TabsTrigger>
+          <TabsTrigger value="preview">{t('common.preview', undefined, 'Preview')}</TabsTrigger>
         </TabsList>
         <TabsContent value="write" className="mt-2">
           <CommentMentionInput
             value={value}
             onChange={onChange}
-            placeholder={placeholder}
+            placeholder={resolvedPlaceholder}
             maxLength={maxLength}
             disabled={disabled || busy}
             onSubmitShortcut={submit}
@@ -68,7 +74,9 @@ export const CommentComposer = ({
             {value.trim() ? (
               <CommentMarkdown>{value}</CommentMarkdown>
             ) : (
-              <span className="text-sm text-zinc-400 dark:text-slate-500">Nothing to preview</span>
+              <span className="text-sm text-zinc-400 dark:text-slate-500">
+                {t('common.nothingToPreview', undefined, 'Nothing to preview')}
+              </span>
             )}
           </div>
         </TabsContent>
@@ -80,7 +88,7 @@ export const CommentComposer = ({
         <div className="flex gap-2">
           {onCancel && (
             <Button type="button" variant="ghost" size="sm" onClick={onCancel} disabled={busy}>
-              Cancel
+              {t('common.cancel', undefined, 'Cancel')}
             </Button>
           )}
           <Button
@@ -89,7 +97,9 @@ export const CommentComposer = ({
             onClick={submit}
             disabled={!value.trim() || busy || disabled || count > maxLength}
           >
-            {busy ? 'Posting…' : submitLabel}
+            {busy
+              ? t('shared.commentComposer.posting', undefined, 'Posting…')
+              : resolvedSubmitLabel}
           </Button>
         </div>
       </div>
diff --git a/src/components/shared/CommentComposer/CommentMentionInput.tsx b/src/components/shared/CommentComposer/CommentMentionInput.tsx
index 2b976d9b2..f3e8b4a6d 100644
--- a/src/components/shared/CommentComposer/CommentMentionInput.tsx
+++ b/src/components/shared/CommentComposer/CommentMentionInput.tsx
@@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from 'react'
 import { api } from '@/api'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Textarea } from '@/components/ui/Textarea'
+import { useIntl } from '@/i18n'
 import { cn, initials } from '@/lib/utils'
 import { findMention, insertMention, type MentionMatch } from './mentionUtils'
 
@@ -31,6 +32,7 @@ export const CommentMentionInput = ({
   disabled,
   onSubmitShortcut,
 }: Props) => {
+  const { t } = useIntl()
   const textareaRef = useRef<HTMLTextAreaElement>(null)
   const [match, setMatch] = useState<MentionMatch | null>(null)
   const [selectedIndex, setSelectedIndex] = useState(0)
@@ -111,7 +113,11 @@ export const CommentMentionInput = ({
       {match && users.length > 0 && (
         <div
           role="listbox"
-          aria-label="User suggestions"
+          aria-label={t(
+            'shared.commentComposer.mention.userSuggestions',
+            undefined,
+            'User suggestions'
+          )}
           className="absolute z-20 mt-1 max-h-60 w-full min-w-56 overflow-auto rounded-md border border-zinc-200 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-900"
         >
           {users.map((u, i) => (
diff --git a/src/components/shared/CommentList/CommentItem.tsx b/src/components/shared/CommentList/CommentItem.tsx
index 7a3a886f5..8d085cfd3 100644
--- a/src/components/shared/CommentList/CommentItem.tsx
+++ b/src/components/shared/CommentList/CommentItem.tsx
@@ -2,6 +2,7 @@ import { Link } from '@tanstack/react-router'
 import { Reply } from 'lucide-react'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 import { formatTimeAgo } from '@/lib/date'
 import { cn, initials } from '@/lib/utils'
 import type { Comment } from '@/types/Comment'
@@ -22,6 +23,7 @@ export const CommentItem = ({
   onReply,
   highlighted = false,
 }: Props) => {
+  const { t } = useIntl()
   const avatarSize = variant === 'compact' ? 'size-7' : 'size-9'
 
   return (
@@ -49,7 +51,11 @@ export const CommentItem = ({
               params={{ challengeId: String(comment.challengeId) }}
               className="text-teal-600 text-xs hover:underline dark:text-teal-400"
             >
-              Challenge #{comment.challengeId}
+              {t(
+                'common.challengeWithChallengeId',
+                { challengeId: comment.challengeId },
+                'Challenge #{challengeId}'
+              )}
             </Link>
           )}
           {showContext?.taskLink && comment.taskId && (
@@ -58,7 +64,7 @@ export const CommentItem = ({
               params={{ taskId: String(comment.taskId) }}
               className="text-teal-600 text-xs hover:underline dark:text-teal-400"
             >
-              Task #{comment.taskId}
+              {t('common.taskWithTaskId', { taskId: comment.taskId }, 'Task #{taskId}')}
             </Link>
           )}
         </div>
@@ -71,7 +77,7 @@ export const CommentItem = ({
             className="mt-1 h-7 px-2 text-xs"
             onClick={() => onReply(comment)}
           >
-            <Reply className="size-3" aria-hidden="true" /> Reply
+            <Reply className="size-3" aria-hidden="true" /> {t('common.reply', undefined, 'Reply')}
           </Button>
         )}
       </div>
diff --git a/src/components/shared/CommentList/CommentList.tsx b/src/components/shared/CommentList/CommentList.tsx
index 15cef6ce2..2102086a9 100644
--- a/src/components/shared/CommentList/CommentList.tsx
+++ b/src/components/shared/CommentList/CommentList.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useRef } from 'react'
+import { useIntl } from '@/i18n'
 import type { Comment } from '@/types/Comment'
 import { CommentItem } from './CommentItem'
 import { sortComments } from './commentSorting'
@@ -17,12 +18,15 @@ export const CommentList = ({
   comments,
   variant = 'default',
   showContext,
-  emptyStateText = 'No comments yet',
+  emptyStateText,
   orderBy = 'desc',
   onReply,
   highlightCommentId,
 }: Props) => {
+  const { t } = useIntl()
   const containerRef = useRef<HTMLUListElement>(null)
+  const resolvedEmptyStateText =
+    emptyStateText ?? t('commentList.list.empty', undefined, 'No comments yet')
 
   useEffect(() => {
     if (!highlightCommentId || !containerRef.current) return
@@ -34,7 +38,9 @@ export const CommentList = ({
 
   if (!comments.length) {
     return (
-      <p className="py-4 text-center text-sm text-zinc-500 dark:text-slate-400">{emptyStateText}</p>
+      <p className="py-4 text-center text-sm text-zinc-500 dark:text-slate-400">
+        {resolvedEmptyStateText}
+      </p>
     )
   }
 
diff --git a/src/components/shared/ConfigureColumnsDialog/ConfigureColumnsDialog.tsx b/src/components/shared/ConfigureColumnsDialog/ConfigureColumnsDialog.tsx
index 49ca47bae..9da2ab010 100644
--- a/src/components/shared/ConfigureColumnsDialog/ConfigureColumnsDialog.tsx
+++ b/src/components/shared/ConfigureColumnsDialog/ConfigureColumnsDialog.tsx
@@ -7,6 +7,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 
 interface Props<TKey extends string> {
   open: boolean
@@ -31,18 +32,25 @@ export const ConfigureColumnsDialog = <TKey extends string>({
   onMove,
   onReset,
 }: Props<TKey>) => {
+  const { t } = useIntl()
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent size="xl">
         <DialogHeader>
-          <DialogTitle>Configure columns</DialogTitle>
+          <DialogTitle>
+            {t('configureColumnsDialog.title', undefined, 'Configure columns')}
+          </DialogTitle>
         </DialogHeader>
         <div className="grid grid-cols-2 gap-4">
           <div>
-            <h3 className="mb-2 font-medium text-sm">Available</h3>
+            <h3 className="mb-2 font-medium text-sm">
+              {t('common.available', undefined, 'Available')}
+            </h3>
             <ul className="max-h-80 space-y-1 overflow-auto rounded-md border border-zinc-200 p-2 dark:border-slate-700">
               {available.length === 0 && (
-                <li className="text-xs text-zinc-500 dark:text-slate-400">All columns added.</li>
+                <li className="text-xs text-zinc-500 dark:text-slate-400">
+                  {t('configureColumnsDialog.allAdded', undefined, 'All columns added.')}
+                </li>
               )}
               {available.map((key) => (
                 <li key={key} className="flex items-center justify-between text-sm">
@@ -55,7 +63,7 @@ export const ConfigureColumnsDialog = <TKey extends string>({
             </ul>
           </div>
           <div>
-            <h3 className="mb-2 font-medium text-sm">Shown</h3>
+            <h3 className="mb-2 font-medium text-sm">{t('common.shown', undefined, 'Shown')}</h3>
             <ul className="max-h-80 space-y-1 overflow-auto rounded-md border border-zinc-200 p-2 dark:border-slate-700">
               {added.map((key, index) => (
                 <li key={key} className="flex items-center gap-1 text-sm">
@@ -66,7 +74,7 @@ export const ConfigureColumnsDialog = <TKey extends string>({
                     size="icon"
                     onClick={() => onMove(key, -1)}
                     disabled={index === 0}
-                    aria-label="Move up"
+                    aria-label={t('configureColumnsDialog.moveUp', undefined, 'Move up')}
                   >
                     <ArrowUp className="size-4" aria-hidden="true" />
                   </Button>
@@ -76,7 +84,7 @@ export const ConfigureColumnsDialog = <TKey extends string>({
                     size="icon"
                     onClick={() => onMove(key, 1)}
                     disabled={index === added.length - 1}
-                    aria-label="Move down"
+                    aria-label={t('configureColumnsDialog.moveDown', undefined, 'Move down')}
                   >
                     <ArrowDown className="size-4" aria-hidden="true" />
                   </Button>
@@ -91,10 +99,12 @@ export const ConfigureColumnsDialog = <TKey extends string>({
         <DialogFooter>
           {onReset && (
             <Button variant="ghost" onClick={onReset}>
-              Reset
+              {t('configureColumnsDialog.reset', undefined, 'Reset')}
             </Button>
           )}
-          <Button onClick={() => onOpenChange(false)}>Done</Button>
+          <Button onClick={() => onOpenChange(false)}>
+            {t('configureColumnsDialog.done', undefined, 'Done')}
+          </Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
diff --git a/src/components/shared/CongratulateModal/variants/AchievementEarned.tsx b/src/components/shared/CongratulateModal/variants/AchievementEarned.tsx
index 7eb62e431..59c89d6b0 100644
--- a/src/components/shared/CongratulateModal/variants/AchievementEarned.tsx
+++ b/src/components/shared/CongratulateModal/variants/AchievementEarned.tsx
@@ -1,4 +1,5 @@
 import { AchievementBadge } from '@/components/shared/AchievementBadge'
+import { useIntl } from '@/i18n'
 import { getAchievement } from '@/types/Achievement'
 
 interface Props {
@@ -6,14 +7,19 @@ interface Props {
 }
 
 export const AchievementEarnedContent = ({ achievementId }: Props) => {
+  const { t } = useIntl()
   const def = getAchievement(achievementId)
   return (
     <div className="flex flex-col items-center gap-3 text-center">
       <AchievementBadge achievement={achievementId} size="lg" showTooltip={false} />
       <div>
-        <h2 className="font-bold text-xl">Achievement unlocked!</h2>
+        <h2 className="font-bold text-xl">
+          {t('congratulateModal.achievement.title', undefined, 'Achievement unlocked!')}
+        </h2>
         <p className="text-zinc-600 dark:text-slate-400">
-          {def ? `${def.title} — ${def.description}` : 'You earned a new badge.'}
+          {def
+            ? `${def.title} — ${def.description}`
+            : t('congratulateModal.achievement.fallback', undefined, 'You earned a new badge.')}
         </p>
       </div>
     </div>
diff --git a/src/components/shared/CongratulateModal/variants/ChallengeCompleted.tsx b/src/components/shared/CongratulateModal/variants/ChallengeCompleted.tsx
index dd0c7b90d..0cb059c8f 100644
--- a/src/components/shared/CongratulateModal/variants/ChallengeCompleted.tsx
+++ b/src/components/shared/CongratulateModal/variants/ChallengeCompleted.tsx
@@ -1,28 +1,50 @@
 import { Link } from '@tanstack/react-router'
 import { Flag } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
+import { useIntl } from '@/i18n'
 
 interface Props {
   challengeName: string
   onDismiss: () => void
 }
 
-export const ChallengeCompletedContent = ({ challengeName, onDismiss }: Props) => (
-  <div className="flex flex-col items-center gap-4 text-center">
-    <Flag className="size-14 text-emerald-500" aria-hidden="true" />
-    <div>
-      <h2 className="font-bold text-xl">You finished {challengeName}!</h2>
-      <p className="text-zinc-600 dark:text-slate-400">
-        There are no more open tasks in this challenge.
-      </p>
+export const ChallengeCompletedContent = ({ challengeName, onDismiss }: Props) => {
+  const { t } = useIntl()
+  return (
+    <div className="flex flex-col items-center gap-4 text-center">
+      <Flag className="size-14 text-emerald-500" aria-hidden="true" />
+      <div>
+        <h2 className="font-bold text-xl">
+          {t(
+            'congratulateModal.challengeCompleted.title',
+            { challengeName },
+            'You finished {challengeName}!'
+          )}
+        </h2>
+        <p className="text-zinc-600 dark:text-slate-400">
+          {t(
+            'congratulateModal.challengeCompleted.description',
+            undefined,
+            'There are no more open tasks in this challenge.'
+          )}
+        </p>
+      </div>
+      <div className="flex gap-2">
+        <Button variant="outline" asChild onClick={onDismiss}>
+          <Link to="/profile">
+            {t('congratulateModal.challengeCompleted.reviewStats', undefined, 'Review your stats')}
+          </Link>
+        </Button>
+        <Button asChild onClick={onDismiss}>
+          <Link to="/">
+            {t(
+              'congratulateModal.challengeCompleted.findAnother',
+              undefined,
+              'Find another challenge'
+            )}
+          </Link>
+        </Button>
+      </div>
     </div>
-    <div className="flex gap-2">
-      <Button variant="outline" asChild onClick={onDismiss}>
-        <Link to="/profile">Review your stats</Link>
-      </Button>
-      <Button asChild onClick={onDismiss}>
-        <Link to="/">Find another challenge</Link>
-      </Button>
-    </div>
-  </div>
-)
+  )
+}
diff --git a/src/components/shared/CongratulateModal/variants/LevelUp.tsx b/src/components/shared/CongratulateModal/variants/LevelUp.tsx
index 10a99df94..4938d7dc1 100644
--- a/src/components/shared/CongratulateModal/variants/LevelUp.tsx
+++ b/src/components/shared/CongratulateModal/variants/LevelUp.tsx
@@ -1,18 +1,28 @@
 import { Crown } from 'lucide-react'
+import { useIntl } from '@/i18n'
 
 interface Props {
   level: number
   score: number
 }
 
-export const LevelUpContent = ({ level, score }: Props) => (
-  <div className="flex flex-col items-center gap-3 text-center">
-    <Crown className="size-14 text-amber-500" aria-hidden="true" />
-    <div>
-      <h2 className="font-bold text-xl">You leveled up!</h2>
-      <p className="text-zinc-600 dark:text-slate-400">
-        Welcome to level {level}. You've reached {score.toLocaleString()} points.
-      </p>
+export const LevelUpContent = ({ level, score }: Props) => {
+  const { t } = useIntl()
+  return (
+    <div className="flex flex-col items-center gap-3 text-center">
+      <Crown className="size-14 text-amber-500" aria-hidden="true" />
+      <div>
+        <h2 className="font-bold text-xl">
+          {t('congratulateModal.levelUp.title', undefined, 'You leveled up!')}
+        </h2>
+        <p className="text-zinc-600 dark:text-slate-400">
+          {t(
+            'congratulateModal.levelUp.description',
+            { level, score: score.toLocaleString() },
+            "Welcome to level {level}. You've reached {score} points."
+          )}
+        </p>
+      </div>
     </div>
-  </div>
-)
+  )
+}
diff --git a/src/components/shared/CongratulateModal/variants/StreakMilestone.tsx b/src/components/shared/CongratulateModal/variants/StreakMilestone.tsx
index 2ad322d84..5e7790be6 100644
--- a/src/components/shared/CongratulateModal/variants/StreakMilestone.tsx
+++ b/src/components/shared/CongratulateModal/variants/StreakMilestone.tsx
@@ -1,15 +1,27 @@
 import { Flame } from 'lucide-react'
+import { useIntl } from '@/i18n'
 
 interface Props {
   count: number
 }
 
-export const StreakMilestoneContent = ({ count }: Props) => (
-  <div className="flex flex-col items-center gap-3 text-center">
-    <Flame className="size-14 text-orange-500" aria-hidden="true" />
-    <div>
-      <h2 className="font-bold text-xl">Hot streak!</h2>
-      <p className="text-zinc-600 dark:text-slate-400">{count} tasks in a row — keep it going.</p>
+export const StreakMilestoneContent = ({ count }: Props) => {
+  const { t } = useIntl()
+  return (
+    <div className="flex flex-col items-center gap-3 text-center">
+      <Flame className="size-14 text-orange-500" aria-hidden="true" />
+      <div>
+        <h2 className="font-bold text-xl">
+          {t('congratulateModal.streak.title', undefined, 'Hot streak!')}
+        </h2>
+        <p className="text-zinc-600 dark:text-slate-400">
+          {t(
+            'congratulateModal.streak.description',
+            { count },
+            '{count} tasks in a row — keep it going.'
+          )}
+        </p>
+      </div>
     </div>
-  </div>
-)
+  )
+}
diff --git a/src/components/shared/DigitDisplay.tsx b/src/components/shared/DigitDisplay.tsx
index a10da4fcd..b01d59f60 100644
--- a/src/components/shared/DigitDisplay.tsx
+++ b/src/components/shared/DigitDisplay.tsx
@@ -1,3 +1,4 @@
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 const sizeClasses = {
@@ -30,12 +31,15 @@ export const DigitDisplay = ({
   className,
   ariaLabel,
 }: Props) => {
+  const { t } = useIntl()
   const digits = splitDigits(value, minDigits)
   const sizeClass = sizeClasses[size]
 
   return (
     <span className={cn('inline-flex gap-0.5 font-bold font-mono', className)}>
-      <span className="sr-only">{ariaLabel ?? `${value} points`}</span>
+      <span className="sr-only">
+        {ariaLabel ?? t('shared.digitDisplay.pointsLabel', { value }, '{value} points')}
+      </span>
       {digits.map((digit, i) => {
         const isBlank = digit === ' '
         return (
diff --git a/src/components/shared/EmailRequirementNotice.tsx b/src/components/shared/EmailRequirementNotice.tsx
index f17347c55..d9c8124e1 100644
--- a/src/components/shared/EmailRequirementNotice.tsx
+++ b/src/components/shared/EmailRequirementNotice.tsx
@@ -1,10 +1,12 @@
 import { Link } from '@tanstack/react-router'
 import { AlertTriangle } from 'lucide-react'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { getEmailEnforcement, isMissingEmail } from '@/lib/emailEnforcement'
 
 export const EmailRequirementNotice = () => {
   const { user } = useAuthContext()
+  const { t } = useIntl()
   const enforcement = getEmailEnforcement()
 
   if (enforcement === 'none' || !isMissingEmail(user)) return null
@@ -22,13 +24,23 @@ export const EmailRequirementNotice = () => {
     >
       <AlertTriangle className="mt-0.5 size-4 shrink-0" aria-hidden="true" />
       <div className="flex-1">
-        <p className="font-medium">Email address required</p>
+        <p className="font-medium">
+          {t('shared.emailRequirementNotice.title', undefined, 'Email address required')}
+        </p>
         <p>
           {required
-            ? 'You must set an email address before performing admin actions.'
-            : 'We recommend setting an email so we can reach you about your challenges.'}{' '}
+            ? t(
+                'shared.emailRequirementNotice.required',
+                undefined,
+                'You must set an email address before performing admin actions.'
+              )
+            : t(
+                'shared.emailRequirementNotice.recommended',
+                undefined,
+                'We recommend setting an email so we can reach you about your challenges.'
+              )}{' '}
           <Link to="/settings" className="underline">
-            Go to settings
+            {t('shared.emailRequirementNotice.goToSettings', undefined, 'Go to settings')}
           </Link>
           .
         </p>
diff --git a/src/components/shared/MapLoadingIndicator.tsx b/src/components/shared/MapLoadingIndicator.tsx
index c9ae01da0..abb37b863 100644
--- a/src/components/shared/MapLoadingIndicator.tsx
+++ b/src/components/shared/MapLoadingIndicator.tsx
@@ -1,3 +1,4 @@
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface MapLoadingIndicatorProps {
@@ -6,6 +7,7 @@ interface MapLoadingIndicatorProps {
 }
 
 export const MapLoadingIndicator = ({ isLoading, centered }: MapLoadingIndicatorProps) => {
+  const { t } = useIntl()
   if (!isLoading) {
     return null
   }
@@ -17,7 +19,7 @@ export const MapLoadingIndicator = ({ isLoading, centered }: MapLoadingIndicator
         centered ? '-translate-x-1/2 left-1/2' : 'left-4'
       )}
     >
-      Loading task markers...
+      {t('shared.mapLoadingIndicator.loading', undefined, 'Loading task markers...')}
     </div>
   )
 }
diff --git a/src/components/shared/NotFound.tsx b/src/components/shared/NotFound.tsx
index 6fe4d2eef..70cdc9984 100644
--- a/src/components/shared/NotFound.tsx
+++ b/src/components/shared/NotFound.tsx
@@ -9,21 +9,31 @@ import {
   EmptyMedia,
   EmptyTitle,
 } from '@/components/ui/Empty'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
-export const NotFound = ({ className, ...props }: React.ComponentProps<typeof Empty>) => (
-  <Empty className={cn('min-h-svh', className)} {...props}>
-    <EmptyHeader>
-      <EmptyMedia variant="icon">
-        <TriangleAlert />
-      </EmptyMedia>
-      <EmptyTitle>Page Not Found</EmptyTitle>
-      <EmptyDescription>The page you are looking for does not exist.</EmptyDescription>
-    </EmptyHeader>
-    <EmptyContent>
-      <Button size="lg" asChild>
-        <Link to="/">Head back home</Link>
-      </Button>
-    </EmptyContent>
-  </Empty>
-)
+export const NotFound = ({ className, ...props }: React.ComponentProps<typeof Empty>) => {
+  const { t } = useIntl()
+  return (
+    <Empty className={cn('min-h-svh', className)} {...props}>
+      <EmptyHeader>
+        <EmptyMedia variant="icon">
+          <TriangleAlert />
+        </EmptyMedia>
+        <EmptyTitle>{t('common.pageNotFound', undefined, 'Page Not Found')}</EmptyTitle>
+        <EmptyDescription>
+          {t(
+            'shared.notFound.description',
+            undefined,
+            'The page you are looking for does not exist.'
+          )}
+        </EmptyDescription>
+      </EmptyHeader>
+      <EmptyContent>
+        <Button size="lg" asChild>
+          <Link to="/">{t('shared.notFound.backHome', undefined, 'Head back home')}</Link>
+        </Button>
+      </EmptyContent>
+    </Empty>
+  )
+}
diff --git a/src/components/shared/PointsTicker.tsx b/src/components/shared/PointsTicker.tsx
index ca5e73eac..f8c572c8a 100644
--- a/src/components/shared/PointsTicker.tsx
+++ b/src/components/shared/PointsTicker.tsx
@@ -1,5 +1,6 @@
 import { Link } from '@tanstack/react-router'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { DigitDisplay, type DigitDisplaySize } from './DigitDisplay'
 
@@ -17,6 +18,7 @@ export const PointsTicker = ({
   className,
 }: Props) => {
   const { user } = useAuthContext()
+  const { t } = useIntl()
 
   if (!user) return null
 
@@ -32,7 +34,11 @@ export const PointsTicker = ({
     return (
       <Link
         to="/profile"
-        aria-label={`${score} points — view profile`}
+        aria-label={t(
+          'shared.pointsTicker.viewProfile',
+          { score },
+          '{score} points — view profile'
+        )}
         className="inline-flex items-center rounded-sm hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 dark:focus-visible:ring-zinc-300"
       >
         {ticker}
diff --git a/src/components/shared/ProjectCard.tsx b/src/components/shared/ProjectCard.tsx
index 927d18924..0548ab299 100644
--- a/src/components/shared/ProjectCard.tsx
+++ b/src/components/shared/ProjectCard.tsx
@@ -1,4 +1,5 @@
 import { Link } from '@tanstack/react-router'
+import { useIntl } from '@/i18n'
 import { formatDate } from '@/lib/date'
 import { cn } from '@/lib/utils'
 import type { Project } from '@/types/Project'
@@ -27,6 +28,7 @@ export const ProjectCard = ({
   linkTo,
   linkParams,
 }: ProjectCardProps) => {
+  const { t } = useIntl()
   const meta = challengeMeta ?? { totalChallenges: 10, pinned: 3, completed: 4 }
   const completionPercentage =
     meta.totalChallenges > 0 ? Math.round((meta.completed / meta.totalChallenges) * 100) : 0
@@ -58,18 +60,38 @@ export const ProjectCard = ({
             <span className="font-semibold text-zinc-900 dark:text-white">
               {meta.totalChallenges - meta.completed} / {meta.totalChallenges}
             </span>{' '}
-            tasks remaining
+            {t('common.tasksRemaining2', undefined, 'tasks remaining')}
           </div>
 
           <ProgressBar percentage={completionPercentage} className="mb-3" />
 
           <div className="flex items-center justify-between gap-3 text-xs text-zinc-500 dark:text-slate-300">
             <span className="flex items-center gap-3">
-              <span>Total Challenges: {meta.totalChallenges}</span>
-              <span className="text-emerald-500">Completed: {meta.completed}</span>
-              {meta.pinned > 0 && <span className="text-yellow-500">Pinned: {meta.pinned}</span>}
+              <span>
+                {t(
+                  'shared.projectCard.totalChallenges',
+                  { count: meta.totalChallenges },
+                  'Total Challenges: {count}'
+                )}
+              </span>
+              <span className="text-emerald-500">
+                {t('shared.projectCard.completed', { count: meta.completed }, 'Completed: {count}')}
+              </span>
+              {meta.pinned > 0 && (
+                <span className="text-yellow-500">
+                  {t('shared.projectCard.pinned', { count: meta.pinned }, 'Pinned: {count}')}
+                </span>
+              )}
             </span>
-            {lastUpdated ? <span>Last updated {formatDate(new Date(lastUpdated))}</span> : null}
+            {lastUpdated ? (
+              <span>
+                {t(
+                  'common.lastUpdated',
+                  { date: formatDate(new Date(lastUpdated)) },
+                  'Last updated {date}'
+                )}
+              </span>
+            ) : null}
           </div>
         </div>
       </div>
diff --git a/src/components/shared/ProjectPickerModal.tsx b/src/components/shared/ProjectPickerModal.tsx
index eaa29643f..91e5414c8 100644
--- a/src/components/shared/ProjectPickerModal.tsx
+++ b/src/components/shared/ProjectPickerModal.tsx
@@ -14,6 +14,7 @@ import {
   DialogTitle,
 } from '@/components/ui/Dialog'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import type { Project } from '@/types/Project'
 
@@ -34,10 +35,19 @@ export const ProjectPickerModal = ({
   onOpenChange,
   selectedProjectId,
   onSelectProject,
-  title = 'Select a project',
-  description = 'Choose the project this challenge belongs to.',
+  title,
+  description,
   excludeProjectIds,
 }: ProjectPickerModalProps) => {
+  const { t } = useIntl()
+  const resolvedTitle = title ?? t('common.selectAProject', undefined, 'Select a project')
+  const resolvedDescription =
+    description ??
+    t(
+      'shared.projectPickerModal.description',
+      undefined,
+      'Choose the project this challenge belongs to.'
+    )
   const [searchQuery, setSearchQuery] = useState('')
   const [onlyEnabled, setOnlyEnabled] = useState(false)
   const [onlyOwned, setOnlyOwned] = useState(false)
@@ -97,36 +107,36 @@ export const ProjectPickerModal = ({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent size="2xl" className="flex max-h-[85vh] flex-col">
         <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          <DialogDescription>{description}</DialogDescription>
+          <DialogTitle>{resolvedTitle}</DialogTitle>
+          <DialogDescription>{resolvedDescription}</DialogDescription>
         </DialogHeader>
 
         <div className="flex flex-wrap items-center gap-3">
           <SearchBar
             value={searchQuery}
             onChange={setSearchQuery}
-            placeholder="Search projects..."
+            placeholder={t('common.searchProjects', undefined, 'Search projects...')}
           />
           <FilterToggle
-            label="Discoverable"
+            label={t('common.discoverable', undefined, 'Discoverable')}
             icon={Eye}
             checked={onlyEnabled}
             onCheckedChange={setOnlyEnabled}
           />
           <FilterToggle
-            label="Owned"
+            label={t('common.owned', undefined, 'Owned')}
             icon={User}
             checked={onlyOwned}
             onCheckedChange={setOnlyOwned}
           />
           <FilterToggle
-            label="Pinned"
+            label={t('common.pinned', undefined, 'Pinned')}
             icon={Pin}
             checked={onlyShowPinned}
             onCheckedChange={setOnlyShowPinned}
           />
           <FilterToggle
-            label="Archived"
+            label={t('common.archived', undefined, 'Archived')}
             icon={Archive}
             checked={onlyShowArchived}
             onCheckedChange={setOnlyShowArchived}
@@ -149,7 +159,7 @@ export const ProjectPickerModal = ({
             </div>
           ) : projectsToShow.length === 0 ? (
             <div className="p-6 text-center text-sm text-zinc-500 dark:text-zinc-400">
-              No projects found.
+              {t('shared.projectPickerModal.noProjectsFound', undefined, 'No projects found.')}
             </div>
           ) : (
             <ul className="divide-y divide-zinc-200 dark:divide-zinc-800">
@@ -175,7 +185,7 @@ export const ProjectPickerModal = ({
                         </span>
                         {project.id != null && (
                           <span className="shrink-0 text-zinc-500 dark:text-zinc-400">
-                            (ID: {project.id})
+                            {t('common.idNumberParenthetical', { id: project.id }, '(ID: {id})')}
                           </span>
                         )}
                       </div>
@@ -201,10 +211,10 @@ export const ProjectPickerModal = ({
                 {isFetching ? (
                   <>
                     <Loader2 className="h-4 w-4 animate-spin" />
-                    Loading...
+                    {t('common.loading2', undefined, 'Loading...')}
                   </>
                 ) : (
-                  'Load More'
+                  t('common.loadMore', undefined, 'Load More')
                 )}
               </Button>
             </div>
diff --git a/src/components/shared/SearchBar.tsx b/src/components/shared/SearchBar.tsx
index 246982c3c..0ea35b705 100644
--- a/src/components/shared/SearchBar.tsx
+++ b/src/components/shared/SearchBar.tsx
@@ -1,5 +1,6 @@
 import { Search } from 'lucide-react'
 import { Input } from '@/components/ui/Input'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface SearchBarProps {
@@ -9,18 +10,14 @@ interface SearchBarProps {
   className?: string
 }
 
-export const SearchBar = ({
-  value,
-  onChange,
-  placeholder = 'Search...',
-  className,
-}: SearchBarProps) => {
+export const SearchBar = ({ value, onChange, placeholder, className }: SearchBarProps) => {
+  const { t } = useIntl()
   return (
     <div className={cn('relative w-full md:w-96', className)}>
       <Search className="-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 h-4 w-4 text-zinc-500 dark:text-slate-400" />
       <Input
         type="search"
-        placeholder={placeholder}
+        placeholder={placeholder ?? t('shared.searchBar.placeholder', undefined, 'Search...')}
         value={value}
         onChange={(e) => onChange(e.target.value)}
         className="pl-9"
diff --git a/src/components/shared/SectionHeader.tsx b/src/components/shared/SectionHeader.tsx
index 41110a1ce..375997991 100644
--- a/src/components/shared/SectionHeader.tsx
+++ b/src/components/shared/SectionHeader.tsx
@@ -3,8 +3,11 @@ import { ChevronRight } from 'lucide-react'
 import { useBreadcrumbContext } from '@/contexts/BreadcrumbContext'
 import { useHeaderActionsContext } from '@/contexts/HeaderActionsContext'
 import { usePageTitleContext } from '@/contexts/PageTitleContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
+type TranslateFn = ReturnType<typeof useIntl>['t']
+
 interface SectionHeaderProps {
   /** Tailwind accent border class, e.g. "border-l-emerald-500" */
   accentClass: string
@@ -14,14 +17,31 @@ interface SectionHeaderProps {
   breadcrumbRoot: string
 }
 
-/** Maps singular entity path segments to their plural list page paths */
-const ENTITY_LIST_ROUTES: Record<string, { label: string; path: string }> = {
-  project: { label: 'projects', path: '/manage/projects' },
-  challenge: { label: 'challenges', path: '/manage/challenges' },
-  task: { label: 'tasks', path: '/manage/tasks' },
+/** Maps singular entity path segments to their plural list page path and label catalog id */
+const ENTITY_LIST_ROUTES: Record<string, { id: string; defaultMessage: string; path: string }> = {
+  project: {
+    id: 'shared.sectionHeader.entityProjects',
+    defaultMessage: 'projects',
+    path: '/manage/projects',
+  },
+  challenge: {
+    id: 'shared.sectionHeader.entityChallenges',
+    defaultMessage: 'challenges',
+    path: '/manage/challenges',
+  },
+  task: {
+    id: 'shared.sectionHeader.entityTasks',
+    defaultMessage: 'tasks',
+    path: '/manage/tasks',
+  },
 }
 
-const buildBreadcrumbSegments = (pathname: string, basePath: string, breadcrumbRoot: string) => {
+const buildBreadcrumbSegments = (
+  pathname: string,
+  basePath: string,
+  breadcrumbRoot: string,
+  t: TranslateFn
+) => {
   const rest = pathname
     .replace(new RegExp(`^${basePath.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\/?`), '')
     .replace(/\/$/, '')
@@ -36,9 +56,12 @@ const buildBreadcrumbSegments = (pathname: string, basePath: string, breadcrumbR
     currentPath += `/${part}`
     const entityRoute = ENTITY_LIST_ROUTES[part]
     if (entityRoute) {
-      segments.push({ label: entityRoute.label, href: entityRoute.path })
+      segments.push({
+        label: t(entityRoute.id, undefined, entityRoute.defaultMessage),
+        href: entityRoute.path,
+      })
     } else {
-      const label = part === 'new' ? 'create' : part
+      const label = part === 'new' ? t('shared.sectionHeader.create', undefined, 'create') : part
       segments.push({ label, href: currentPath })
     }
   }
@@ -51,7 +74,8 @@ const buildTitle = (
   basePath: string,
   staticTitle: string | undefined,
   dynamicTitle: string | null,
-  fallbackTitle: string
+  fallbackTitle: string,
+  t: TranslateFn
 ): string => {
   if (dynamicTitle) return dynamicTitle
   if (staticTitle) {
@@ -69,11 +93,16 @@ const buildTitle = (
 
   const parts = rest.split('/')
   return parts
-    .map((p) => (p === 'new' ? 'Create' : p.charAt(0).toUpperCase() + p.slice(1)))
+    .map((p) =>
+      p === 'new'
+        ? t('shared.sectionHeader.createCapitalized', undefined, 'Create')
+        : p.charAt(0).toUpperCase() + p.slice(1)
+    )
     .join(' ')
 }
 
 export const SectionHeader = ({ accentClass, basePath, breadcrumbRoot }: SectionHeaderProps) => {
+  const { t } = useIntl()
   const dynamicTitle = usePageTitleContext()
   const headerActions = useHeaderActionsContext()
   const breadcrumbOverride = useBreadcrumbContext()
@@ -87,8 +116,9 @@ export const SectionHeader = ({ accentClass, basePath, breadcrumbRoot }: Section
     .split(' ')
     .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
     .join(' ')
-  const title = buildTitle(pathname, basePath, staticTitle, dynamicTitle, fallbackTitle)
-  const segments = breadcrumbOverride ?? buildBreadcrumbSegments(pathname, basePath, breadcrumbRoot)
+  const title = buildTitle(pathname, basePath, staticTitle, dynamicTitle, fallbackTitle, t)
+  const segments =
+    breadcrumbOverride ?? buildBreadcrumbSegments(pathname, basePath, breadcrumbRoot, t)
 
   return (
     <div
diff --git a/src/components/shared/ShareLink/SharePopoverContent.tsx b/src/components/shared/ShareLink/SharePopoverContent.tsx
index a5445a4a0..3037d058b 100644
--- a/src/components/shared/ShareLink/SharePopoverContent.tsx
+++ b/src/components/shared/ShareLink/SharePopoverContent.tsx
@@ -5,6 +5,7 @@ import { Button } from '@/components/ui/Button'
 import { Input } from '@/components/ui/Input'
 import { useCopyToClipboard } from '@/hooks/useCopyToClipboard'
 import { useShareSupport } from '@/hooks/useShareSupport'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 
 interface Props {
@@ -16,6 +17,7 @@ interface Props {
 const QR_SIZE = 160
 
 export const SharePopoverContent = ({ url, title, description }: Props) => {
+  const { t } = useIntl()
   const { copy, isCopied } = useCopyToClipboard()
   const shareSupported = useShareSupport()
   const [showQr, setShowQr] = useState(false)
@@ -58,18 +60,25 @@ export const SharePopoverContent = ({ url, title, description }: Props) => {
 
   return (
     <div className="space-y-3 p-4">
-      <div className="font-medium text-sm">Share this link</div>
+      <div className="font-medium text-sm">
+        {t('shareLink.popover.title', undefined, 'Share this link')}
+      </div>
       <div className="flex gap-2">
-        <Input readOnly value={url} className="font-mono text-xs" aria-label="Share URL" />
+        <Input
+          readOnly
+          value={url}
+          className="font-mono text-xs"
+          aria-label={t('shareLink.popover.shareUrl', undefined, 'Share URL')}
+        />
         <Button
           type="button"
           variant="outline"
           size="icon"
           onClick={() => {
             copy(url)
-            toast.success('Copied to clipboard')
+            toast.success(t('shareLink.popover.copied', undefined, 'Copied to clipboard'))
           }}
-          aria-label="Copy URL"
+          aria-label={t('common.copyUrl', undefined, 'Copy URL')}
         >
           {isCopied ? (
             <Check className="size-4" aria-hidden="true" />
@@ -88,7 +97,10 @@ export const SharePopoverContent = ({ url, title, description }: Props) => {
           aria-controls={qrId}
           className="flex-1"
         >
-          <QrCode className="size-4" aria-hidden="true" /> {showQr ? 'Hide QR' : 'QR code'}
+          <QrCode className="size-4" aria-hidden="true" />{' '}
+          {showQr
+            ? t('shareLink.popover.hideQr', undefined, 'Hide QR')
+            : t('shareLink.popover.qrCode', undefined, 'QR code')}
         </Button>
         {shareSupported && (
           <Button
@@ -98,7 +110,8 @@ export const SharePopoverContent = ({ url, title, description }: Props) => {
             onClick={nativeShare}
             className="flex-1"
           >
-            <Share2 className="size-4" aria-hidden="true" /> Share via…
+            <Share2 className="size-4" aria-hidden="true" />{' '}
+            {t('shareLink.popover.shareVia', undefined, 'Share via…')}
           </Button>
         )}
       </div>
@@ -111,7 +124,7 @@ export const SharePopoverContent = ({ url, title, description }: Props) => {
             ref={canvasRef}
             width={QR_SIZE}
             height={QR_SIZE}
-            aria-label="QR code for share URL"
+            aria-label={t('shareLink.popover.qrCanvas', undefined, 'QR code for share URL')}
             role="img"
           />
         </div>
diff --git a/src/components/shared/SignIn.tsx b/src/components/shared/SignIn.tsx
index eb1b5a090..abb4a478c 100644
--- a/src/components/shared/SignIn.tsx
+++ b/src/components/shared/SignIn.tsx
@@ -9,22 +9,30 @@ import {
   EmptyTitle,
 } from '@/components/ui/Empty'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export const SignIn = ({ className, ...props }: React.ComponentProps<typeof Empty>) => {
   const { login } = useAuthContext()
+  const { t } = useIntl()
   return (
     <Empty className={cn('min-h-svh', className)} {...props}>
       <EmptyHeader>
         <EmptyMedia variant="icon">
           <UserLock />
         </EmptyMedia>
-        <EmptyTitle>Please sign in</EmptyTitle>
-        <EmptyDescription>You need to be signed in to manage your account.</EmptyDescription>
+        <EmptyTitle>{t('shared.signIn.title', undefined, 'Please sign in')}</EmptyTitle>
+        <EmptyDescription>
+          {t(
+            'shared.signIn.description',
+            undefined,
+            'You need to be signed in to manage your account.'
+          )}
+        </EmptyDescription>
       </EmptyHeader>
       <EmptyContent>
         <Button size="lg" onClick={login}>
-          Sign in
+          {t('common.signIn', undefined, 'Sign in')}
         </Button>
       </EmptyContent>
     </Empty>
diff --git a/src/components/shared/StatusBadge.tsx b/src/components/shared/StatusBadge.tsx
index 16e4ea8cb..9a2f71b23 100644
--- a/src/components/shared/StatusBadge.tsx
+++ b/src/components/shared/StatusBadge.tsx
@@ -1,5 +1,6 @@
 import { Eye, EyeOff } from 'lucide-react'
 import { Badge } from '@/components/ui/Badge'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface StatusBadgeProps {
@@ -8,6 +9,7 @@ interface StatusBadgeProps {
 }
 
 export const StatusBadge = ({ enabled, className }: StatusBadgeProps) => {
+  const { t } = useIntl()
   return (
     <Badge
       className={cn(
@@ -18,7 +20,11 @@ export const StatusBadge = ({ enabled, className }: StatusBadgeProps) => {
         className
       )}
       variant={enabled ? 'default' : 'secondary'}
-      title={enabled ? 'Discoverable' : 'Not discoverable'}
+      title={
+        enabled
+          ? t('common.discoverable', undefined, 'Discoverable')
+          : t('shared.statusBadge.notDiscoverable', undefined, 'Not discoverable')
+      }
     >
       {enabled ? (
         <Eye className="h-5 w-5" aria-hidden />
diff --git a/src/components/shared/StatusBreakdownBar/StatusBreakdownBar.tsx b/src/components/shared/StatusBreakdownBar/StatusBreakdownBar.tsx
index 35c11593c..bd91cd83d 100644
--- a/src/components/shared/StatusBreakdownBar/StatusBreakdownBar.tsx
+++ b/src/components/shared/StatusBreakdownBar/StatusBreakdownBar.tsx
@@ -1,4 +1,5 @@
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/Tooltip'
+import { useIntl } from '@/i18n'
 import { type ActionCounts, useActionSummary } from './useActionSummary'
 
 interface Props {
@@ -8,13 +9,14 @@ interface Props {
 }
 
 export const StatusBreakdownBar = ({ actions, height = 10 }: Props) => {
+  const { t } = useIntl()
   const { total, segments } = useActionSummary(actions)
 
   if (total === 0 || segments.length === 0) {
     return (
       <div
         role="img"
-        aria-label="No tasks yet"
+        aria-label={t('statusBreakdownBar.bar.noTasks', undefined, 'No tasks yet')}
         className="w-full rounded-full bg-zinc-200 dark:bg-slate-700"
         style={{ height }}
       />
@@ -36,7 +38,7 @@ export const StatusBreakdownBar = ({ actions, height = 10 }: Props) => {
       aria-valuenow={completed}
       aria-valuemin={0}
       aria-valuemax={total}
-      aria-label="Status breakdown"
+      aria-label={t('statusBreakdownBar.bar.label', undefined, 'Status breakdown')}
     >
       {segments.map((segment) => (
         <Tooltip key={segment.key}>
diff --git a/src/components/shared/StatusBreakdownBar/useActionSummary.test.tsx b/src/components/shared/StatusBreakdownBar/useActionSummary.test.tsx
index 2a3b72b34..ed93d5123 100644
--- a/src/components/shared/StatusBreakdownBar/useActionSummary.test.tsx
+++ b/src/components/shared/StatusBreakdownBar/useActionSummary.test.tsx
@@ -1,5 +1,5 @@
-import { renderHook } from '@testing-library/react'
 import { describe, expect, it } from 'vitest'
+import { renderHook } from '@/test/testUtils'
 import type { ActionCounts } from './useActionSummary'
 import { STATUS_ORDER, useActionSummary } from './useActionSummary'
 
diff --git a/src/components/shared/StatusBreakdownBar/useActionSummary.ts b/src/components/shared/StatusBreakdownBar/useActionSummary.ts
index 6ac225328..c4d0fba8b 100644
--- a/src/components/shared/StatusBreakdownBar/useActionSummary.ts
+++ b/src/components/shared/StatusBreakdownBar/useActionSummary.ts
@@ -1,3 +1,4 @@
+import { useIntl } from '@/i18n'
 import { statusHexByKey, statusLabelByKey } from './statusColors'
 
 /**
@@ -79,6 +80,8 @@ const countOf = (value: number | undefined): number =>
  *   from the individual statuses in STATUS_ORDER.
  */
 export const useActionSummary = (actions: ActionCounts | undefined): ActionSummary => {
+  const { t } = useIntl()
+
   if (!actions) {
     return { total: 0, segments: [], counts: {} }
   }
@@ -106,7 +109,7 @@ export const useActionSummary = (actions: ActionCounts | undefined): ActionSumma
     counts[key] = count
     segments.push({
       key,
-      label: statusLabelByKey[key] ?? key,
+      label: t(`statusBreakdownBar.status.${key}`, undefined, statusLabelByKey[key] ?? key),
       color: statusHexByKey[key] ?? '#71717a',
       count,
       percent: total > 0 ? (count / total) * 100 : 0,
diff --git a/src/components/shared/TaskPropertyQueryBuilder/RuleGroup.tsx b/src/components/shared/TaskPropertyQueryBuilder/RuleGroup.tsx
index c62c3b242..63bff475a 100644
--- a/src/components/shared/TaskPropertyQueryBuilder/RuleGroup.tsx
+++ b/src/components/shared/TaskPropertyQueryBuilder/RuleGroup.tsx
@@ -1,6 +1,7 @@
 import { Plus, X } from 'lucide-react'
 import { Button } from '@/components/ui/Button'
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/ToggleGroup'
+import { useIntl } from '@/i18n'
 import { createEmptyLeaf } from './propertyRuleConversion'
 import type { PropertyRule, PropertyRuleGroup } from './propertyRuleTypes'
 import { RuleLeaf } from './RuleLeaf'
@@ -13,6 +14,8 @@ interface Props {
 }
 
 export const RuleGroup = ({ group, onChange, onRemove, depth = 0 }: Props) => {
+  const { t } = useIntl()
+
   const updateRule = (index: number, updated: PropertyRule) => {
     const rules = [...group.rules]
     rules[index] = updated as (typeof rules)[number]
@@ -46,8 +49,12 @@ export const RuleGroup = ({ group, onChange, onRemove, depth = 0 }: Props) => {
           value={group.condition}
           onValueChange={(v) => v && onChange({ ...group, condition: v as 'and' | 'or' })}
         >
-          <ToggleGroupItem value="and">AND</ToggleGroupItem>
-          <ToggleGroupItem value="or">OR</ToggleGroupItem>
+          <ToggleGroupItem value="and">
+            {t('taskPropertyQueryBuilder.ruleGroup.and', undefined, 'AND')}
+          </ToggleGroupItem>
+          <ToggleGroupItem value="or">
+            {t('taskPropertyQueryBuilder.ruleGroup.or', undefined, 'OR')}
+          </ToggleGroupItem>
         </ToggleGroup>
         {onRemove && (
           <Button
@@ -55,7 +62,11 @@ export const RuleGroup = ({ group, onChange, onRemove, depth = 0 }: Props) => {
             variant="ghost"
             size="icon"
             onClick={onRemove}
-            aria-label="Remove group"
+            aria-label={t(
+              'taskPropertyQueryBuilder.ruleGroup.removeGroup',
+              undefined,
+              'Remove group'
+            )}
           >
             <X className="size-4" aria-hidden="true" />
           </Button>
@@ -84,10 +95,12 @@ export const RuleGroup = ({ group, onChange, onRemove, depth = 0 }: Props) => {
       </div>
       <div className="flex gap-2">
         <Button type="button" variant="outline" size="sm" onClick={addRule}>
-          <Plus className="size-3" aria-hidden="true" /> Rule
+          <Plus className="size-3" aria-hidden="true" />{' '}
+          {t('taskPropertyQueryBuilder.ruleGroup.addRule', undefined, 'Rule')}
         </Button>
         <Button type="button" variant="outline" size="sm" onClick={addGroup}>
-          <Plus className="size-3" aria-hidden="true" /> Group
+          <Plus className="size-3" aria-hidden="true" />{' '}
+          {t('taskPropertyQueryBuilder.ruleGroup.addGroup', undefined, 'Group')}
         </Button>
       </div>
     </div>
diff --git a/src/components/shared/TaskPropertyQueryBuilder/RuleLeaf.tsx b/src/components/shared/TaskPropertyQueryBuilder/RuleLeaf.tsx
index a05cb6826..4fc61bc79 100644
--- a/src/components/shared/TaskPropertyQueryBuilder/RuleLeaf.tsx
+++ b/src/components/shared/TaskPropertyQueryBuilder/RuleLeaf.tsx
@@ -8,6 +8,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/Select'
+import { useIntl } from '@/i18n'
 import { numberOperators, operatorLabels, operatorTakesValue, stringOperators } from './operators'
 import type { PropertyOperator, PropertyRuleLeaf } from './propertyRuleTypes'
 
@@ -18,6 +19,7 @@ interface Props {
 }
 
 export const RuleLeaf = ({ rule, onChange, onRemove }: Props) => {
+  const { t } = useIntl()
   const ops = rule.valueType === 'number' ? numberOperators : stringOperators
 
   return (
@@ -25,7 +27,11 @@ export const RuleLeaf = ({ rule, onChange, onRemove }: Props) => {
       <Input
         value={rule.key}
         onChange={(e) => onChange({ ...rule, key: e.target.value })}
-        placeholder="property"
+        placeholder={t(
+          'taskPropertyQueryBuilder.ruleLeaf.propertyPlaceholder',
+          undefined,
+          'property'
+        )}
         className="max-w-40"
       />
       <Select
@@ -36,8 +42,12 @@ export const RuleLeaf = ({ rule, onChange, onRemove }: Props) => {
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="string">string</SelectItem>
-          <SelectItem value="number">number</SelectItem>
+          <SelectItem value="string">
+            {t('taskPropertyQueryBuilder.ruleLeaf.typeString', undefined, 'string')}
+          </SelectItem>
+          <SelectItem value="number">
+            {t('taskPropertyQueryBuilder.ruleLeaf.typeNumber', undefined, 'number')}
+          </SelectItem>
         </SelectContent>
       </Select>
       <Select
@@ -59,7 +69,7 @@ export const RuleLeaf = ({ rule, onChange, onRemove }: Props) => {
         <Input
           value={rule.value}
           onChange={(e) => onChange({ ...rule, value: e.target.value })}
-          placeholder="value"
+          placeholder={t('taskPropertyQueryBuilder.ruleLeaf.valuePlaceholder', undefined, 'value')}
           className="max-w-40"
         />
       )}
@@ -69,7 +79,7 @@ export const RuleLeaf = ({ rule, onChange, onRemove }: Props) => {
           variant="ghost"
           size="icon"
           onClick={onRemove}
-          aria-label="Remove rule"
+          aria-label={t('taskPropertyQueryBuilder.ruleLeaf.removeRule', undefined, 'Remove rule')}
         >
           <X className="size-4" aria-hidden="true" />
         </Button>
diff --git a/src/components/shared/TaskTags/TagChip.tsx b/src/components/shared/TaskTags/TagChip.tsx
index 24ce4470a..be629a178 100644
--- a/src/components/shared/TaskTags/TagChip.tsx
+++ b/src/components/shared/TaskTags/TagChip.tsx
@@ -1,4 +1,5 @@
 import { X } from 'lucide-react'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 interface Props {
@@ -7,25 +8,29 @@ interface Props {
   onRemove?: () => void
 }
 
-export const TagChip = ({ label, preferred = false, onRemove }: Props) => (
-  <span
-    className={cn(
-      'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs',
-      preferred
-        ? 'border border-teal-500 bg-teal-50 text-teal-800 dark:border-teal-400 dark:bg-teal-950/40 dark:text-teal-200'
-        : 'bg-zinc-200 text-zinc-700 dark:bg-slate-700 dark:text-slate-200'
-    )}
-  >
-    {label}
-    {onRemove && (
-      <button
-        type="button"
-        onClick={onRemove}
-        aria-label={`Remove tag ${label}`}
-        className="rounded-full p-0.5 hover:bg-zinc-900/10 dark:hover:bg-white/10"
-      >
-        <X className="size-3" aria-hidden="true" />
-      </button>
-    )}
-  </span>
-)
+export const TagChip = ({ label, preferred = false, onRemove }: Props) => {
+  const { t } = useIntl()
+
+  return (
+    <span
+      className={cn(
+        'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs',
+        preferred
+          ? 'border border-teal-500 bg-teal-50 text-teal-800 dark:border-teal-400 dark:bg-teal-950/40 dark:text-teal-200'
+          : 'bg-zinc-200 text-zinc-700 dark:bg-slate-700 dark:text-slate-200'
+      )}
+    >
+      {label}
+      {onRemove && (
+        <button
+          type="button"
+          onClick={onRemove}
+          aria-label={t('taskTags.tagChip.removeTag', { label }, 'Remove tag {label}')}
+          className="rounded-full p-0.5 hover:bg-zinc-900/10 dark:hover:bg-white/10"
+        >
+          <X className="size-3" aria-hidden="true" />
+        </button>
+      )}
+    </span>
+  )
+}
diff --git a/src/components/shared/TaskTags/TagInput.tsx b/src/components/shared/TaskTags/TagInput.tsx
index 2c55a20a0..219fef203 100644
--- a/src/components/shared/TaskTags/TagInput.tsx
+++ b/src/components/shared/TaskTags/TagInput.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { api } from '@/api'
 import { Input } from '@/components/ui/Input'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 import { TagChip } from './TagChip'
 
@@ -19,8 +20,11 @@ export const TagInput = ({
   onChange,
   preferredTags = [],
   limitToPreferred = false,
-  placeholder = 'Add a tag…',
+  placeholder,
 }: Props) => {
+  const { t } = useIntl()
+  const resolvedPlaceholder =
+    placeholder ?? t('taskTags.tagInput.addTagPlaceholder', undefined, 'Add a tag…')
   const [input, setInput] = useState('')
   const [showSuggestions, setShowSuggestions] = useState(false)
   const { data: suggestions = [] } = api.task.searchKeywords(input, 'tasks', 6)
@@ -60,7 +64,7 @@ export const TagInput = ({
       {availablePreferred.length > 0 && (
         <div className="flex flex-wrap gap-1">
           <span className="text-xs text-zinc-500 dark:text-slate-400">
-            Popular in this challenge:
+            {t('taskTags.tagInput.popularInChallenge', undefined, 'Popular in this challenge:')}
           </span>
           {availablePreferred.map((tag) => (
             <button
@@ -69,7 +73,7 @@ export const TagInput = ({
               onClick={() => addTag(tag)}
               className="inline-flex items-center rounded-full border border-teal-500 bg-white px-2 py-0.5 text-teal-700 text-xs hover:bg-teal-50 dark:bg-slate-900 dark:text-teal-300 dark:hover:bg-teal-950/40"
             >
-              + {tag}
+              {t('taskTags.tagInput.addPreferredTag', { tag }, '+ {tag}')}
             </button>
           ))}
         </div>
@@ -96,7 +100,7 @@ export const TagInput = ({
           onKeyDown={handleKeyDown}
           onFocus={() => setShowSuggestions(true)}
           onBlur={() => window.setTimeout(() => setShowSuggestions(false), 120)}
-          placeholder={placeholder}
+          placeholder={resolvedPlaceholder}
           className="h-7 min-w-32 flex-1 border-0 shadow-none focus-visible:ring-0"
           disabled={limitToPreferred}
         />
diff --git a/src/components/shared/TaskTags/TaskTags.tsx b/src/components/shared/TaskTags/TaskTags.tsx
index 59d56721a..22f719a5e 100644
--- a/src/components/shared/TaskTags/TaskTags.tsx
+++ b/src/components/shared/TaskTags/TaskTags.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react'
 import { api } from '@/api'
 import { Button } from '@/components/ui/Button'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import type { Task } from '@/types/Task'
 import { TagChip } from './TagChip'
 import { TaskTagsDialog } from './TaskTagsDialog'
@@ -22,6 +23,7 @@ const parseTagList = (raw: string | undefined | null): string[] =>
     : []
 
 export const TaskTags = ({ task, challenge }: Props) => {
+  const { t } = useIntl()
   const { user } = useAuthContext()
   const { data: tagRecords = [] } = api.task.getTaskTags(task.id)
   const [editing, setEditing] = useState(false)
@@ -35,7 +37,9 @@ export const TaskTags = ({ task, challenge }: Props) => {
   return (
     <div className="flex flex-wrap items-center gap-2">
       {tags.length === 0 ? (
-        <span className="text-sm text-zinc-500 dark:text-slate-400">No tags</span>
+        <span className="text-sm text-zinc-500 dark:text-slate-400">
+          {t('taskTags.taskTags.noTags', undefined, 'No tags')}
+        </span>
       ) : (
         tags.map((tag) => (
           <TagChip key={tag} label={tag} preferred={preferredSet.has(tag.toLowerCase())} />
@@ -48,9 +52,9 @@ export const TaskTags = ({ task, challenge }: Props) => {
           size="sm"
           className="h-7 px-2"
           onClick={() => setEditing(true)}
-          aria-label="Edit tags"
+          aria-label={t('taskTags.taskTags.editTags', undefined, 'Edit tags')}
         >
-          <Pencil className="size-3" aria-hidden="true" /> Edit
+          <Pencil className="size-3" aria-hidden="true" /> {t('common.edit', undefined, 'Edit')}
         </Button>
       )}
       {editing && (
diff --git a/src/components/shared/TaskTags/TaskTagsDialog.tsx b/src/components/shared/TaskTags/TaskTagsDialog.tsx
index 17ff87ae6..ac5897ee8 100644
--- a/src/components/shared/TaskTags/TaskTagsDialog.tsx
+++ b/src/components/shared/TaskTags/TaskTagsDialog.tsx
@@ -9,6 +9,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/Dialog'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import { TagInput } from './TagInput'
 
@@ -29,6 +30,7 @@ export const TaskTagsDialog = ({
   open,
   onOpenChange,
 }: Props) => {
+  const { t } = useIntl()
   const [tags, setTags] = useState<string[]>(initialTags)
   const mutation = api.task.useUpdateTaskTags()
 
@@ -39,11 +41,11 @@ export const TaskTagsDialog = ({
   const save = async () => {
     try {
       await mutation.mutateAsync({ taskId, tags })
-      toast.success('Tags saved')
+      toast.success(t('taskTags.dialog.saveSuccess', undefined, 'Tags saved'))
       onOpenChange(false)
     } catch (error) {
       logger.error('Task tags save failed', { error })
-      toast.error('Could not save tags')
+      toast.error(t('taskTags.dialog.saveError', undefined, 'Could not save tags'))
     }
   }
 
@@ -51,7 +53,7 @@ export const TaskTagsDialog = ({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Edit task tags</DialogTitle>
+          <DialogTitle>{t('taskTags.dialog.title', undefined, 'Edit task tags')}</DialogTitle>
         </DialogHeader>
         <TagInput
           value={tags}
@@ -65,10 +67,12 @@ export const TaskTagsDialog = ({
             onClick={() => onOpenChange(false)}
             disabled={mutation.isPending}
           >
-            Cancel
+            {t('common.cancel', undefined, 'Cancel')}
           </Button>
           <Button onClick={save} disabled={mutation.isPending}>
-            {mutation.isPending ? 'Saving…' : 'Save'}
+            {mutation.isPending
+              ? t('common.saving', undefined, 'Saving…')
+              : t('common.save', undefined, 'Save')}
           </Button>
         </DialogFooter>
       </DialogContent>
diff --git a/src/components/shared/TopChallengesList/TopChallengeRow.tsx b/src/components/shared/TopChallengesList/TopChallengeRow.tsx
index 27b856488..11ac96c81 100644
--- a/src/components/shared/TopChallengesList/TopChallengeRow.tsx
+++ b/src/components/shared/TopChallengesList/TopChallengeRow.tsx
@@ -1,6 +1,7 @@
 import { Link } from '@tanstack/react-router'
 import type { LeaderboardChallenge } from '@/api/user/profile'
 import { Progress } from '@/components/ui/Progress'
+import { useIntl } from '@/i18n'
 
 interface Props {
   rank: number
@@ -9,6 +10,7 @@ interface Props {
 }
 
 export const TopChallengeRow = ({ rank, challenge, maxActivity }: Props) => {
+  const { t } = useIntl()
   const percent = maxActivity > 0 ? Math.round((challenge.activity / maxActivity) * 100) : 0
 
   return (
@@ -25,7 +27,11 @@ export const TopChallengeRow = ({ rank, challenge, maxActivity }: Props) => {
         <Progress value={percent} className="mt-1 h-1" />
       </div>
       <span className="font-mono text-xs text-zinc-500 tabular-nums dark:text-slate-400">
-        {challenge.activity.toLocaleString()} tasks
+        {t(
+          'common.tasksWithCount',
+          { count: challenge.activity.toLocaleString() },
+          '{count} tasks'
+        )}
       </span>
     </Link>
   )
diff --git a/src/components/shared/TopChallengesList/TopChallengesList.tsx b/src/components/shared/TopChallengesList/TopChallengesList.tsx
index 5f773a3e1..963561148 100644
--- a/src/components/shared/TopChallengesList/TopChallengesList.tsx
+++ b/src/components/shared/TopChallengesList/TopChallengesList.tsx
@@ -1,6 +1,7 @@
 import { api } from '@/api'
 import { Empty, EmptyDescription, EmptyHeader, EmptyTitle } from '@/components/ui/Empty'
 import { Skeleton } from '@/components/ui/Skeleton'
+import { useIntl } from '@/i18n'
 import { TopChallengeRow } from './TopChallengeRow'
 
 interface Props {
@@ -10,6 +11,7 @@ interface Props {
 }
 
 export const TopChallengesList = ({ userId, monthDuration = -1, limit = 5 }: Props) => {
+  const { t } = useIntl()
   const { data, isLoading, isError } = api.user.topChallenges(userId, { monthDuration, limit })
 
   if (isLoading) {
@@ -25,7 +27,7 @@ export const TopChallengesList = ({ userId, monthDuration = -1, limit = 5 }: Pro
   if (isError) {
     return (
       <p className="text-sm text-zinc-500 dark:text-slate-400">
-        Couldn't load top challenges right now.
+        {t('topChallenges.list.loadError', undefined, "Couldn't load top challenges right now.")}
       </p>
     )
   }
@@ -36,9 +38,15 @@ export const TopChallengesList = ({ userId, monthDuration = -1, limit = 5 }: Pro
     return (
       <Empty>
         <EmptyHeader>
-          <EmptyTitle>No contributions yet</EmptyTitle>
+          <EmptyTitle>
+            {t('topChallenges.list.emptyTitle', undefined, 'No contributions yet')}
+          </EmptyTitle>
           <EmptyDescription>
-            Once you start working on challenges, your top ones will show up here.
+            {t(
+              'topChallenges.list.emptyDescription',
+              undefined,
+              'Once you start working on challenges, your top ones will show up here.'
+            )}
           </EmptyDescription>
         </EmptyHeader>
       </Empty>
diff --git a/src/components/shared/ViewModeToggle.tsx b/src/components/shared/ViewModeToggle.tsx
index a52c9d808..e3addf7f1 100644
--- a/src/components/shared/ViewModeToggle.tsx
+++ b/src/components/shared/ViewModeToggle.tsx
@@ -1,5 +1,6 @@
 import { LayoutGrid, List } from 'lucide-react'
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/ToggleGroup'
+import { useIntl } from '@/i18n'
 
 const itemClass =
   'h-8 w-8 text-zinc-400 hover:bg-transparent hover:text-zinc-900 data-[state=on]:bg-zinc-200 data-[state=on]:text-zinc-900 dark:text-slate-400 dark:hover:text-white dark:data-[state=on]:bg-slate-700 dark:data-[state=on]:text-white'
@@ -10,6 +11,7 @@ interface ViewModeToggleProps {
 }
 
 export const ViewModeToggle = ({ value, onValueChange }: ViewModeToggleProps) => {
+  const { t } = useIntl()
   return (
     <ToggleGroup
       type="single"
@@ -19,10 +21,20 @@ export const ViewModeToggle = ({ value, onValueChange }: ViewModeToggleProps) =>
       }}
       className="overflow-hidden rounded-full border border-zinc-200 bg-zinc-100 dark:border-slate-800 dark:bg-slate-900"
     >
-      <ToggleGroupItem value="grid" title="Grid view" size="sm" className={itemClass}>
+      <ToggleGroupItem
+        value="grid"
+        title={t('common.gridView', undefined, 'Grid view')}
+        size="sm"
+        className={itemClass}
+      >
         <LayoutGrid className="h-4 w-4" />
       </ToggleGroupItem>
-      <ToggleGroupItem value="list" title="List view" size="sm" className={itemClass}>
+      <ToggleGroupItem
+        value="list"
+        title={t('common.listView', undefined, 'List view')}
+        size="sm"
+        className={itemClass}
+      >
         <List className="h-4 w-4" />
       </ToggleGroupItem>
     </ToggleGroup>
diff --git a/src/components/ui/Dialog.tsx b/src/components/ui/Dialog.tsx
index 5b17e2a36..0b6180a47 100644
--- a/src/components/ui/Dialog.tsx
+++ b/src/components/ui/Dialog.tsx
@@ -1,6 +1,7 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog'
 import { X } from 'lucide-react'
 import type * as React from 'react'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export const Dialog = DialogPrimitive.Root
@@ -42,26 +43,30 @@ export const DialogContent = ({
   ref,
   size = 'lg',
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & { size?: DialogContentSize }) => (
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border border-zinc-200 bg-white p-6 shadow-xl duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg dark:border-slate-700 dark:bg-slate-900',
-        dialogContentSizes[size],
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <DialogPrimitive.Close className="absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500 dark:ring-offset-slate-900 dark:data-[state=open]:bg-slate-700 dark:data-[state=open]:text-slate-400 dark:focus:ring-zinc-300">
-        <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
-      </DialogPrimitive.Close>
-    </DialogPrimitive.Content>
-  </DialogPortal>
-)
+}: React.ComponentProps<typeof DialogPrimitive.Content> & { size?: DialogContentSize }) => {
+  const { t } = useIntl()
+
+  return (
+    <DialogPortal>
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        ref={ref}
+        className={cn(
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border border-zinc-200 bg-white p-6 shadow-xl duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg dark:border-slate-700 dark:bg-slate-900',
+          dialogContentSizes[size],
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <DialogPrimitive.Close className="absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500 dark:ring-offset-slate-900 dark:data-[state=open]:bg-slate-700 dark:data-[state=open]:text-slate-400 dark:focus:ring-zinc-300">
+          <X className="h-4 w-4" />
+          <span className="sr-only">{t('common.close', undefined, 'Close')}</span>
+        </DialogPrimitive.Close>
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
 
 export const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
diff --git a/src/components/ui/Loader.tsx b/src/components/ui/Loader.tsx
index 1781a1e7c..37d599bc8 100644
--- a/src/components/ui/Loader.tsx
+++ b/src/components/ui/Loader.tsx
@@ -1,25 +1,31 @@
 import { Logomark } from '@/components/ui/Logomark'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export const Loader = ({
   className,
-  message = 'Loading...',
+  message,
   isFullScreen = false,
   ...props
 }: React.ComponentProps<'div'> & {
   message?: string
   isFullScreen?: boolean
-}) => (
-  <div
-    className={cn(
-      { 'flex min-h-svh flex-col items-center justify-center': isFullScreen },
-      className
-    )}
-    {...props}
-  >
-    <div className="inline-flex items-center gap-2">
-      <Logomark isAnimated className="size-8" />
-      <p className="font-medium text-base">{message}</p>
+}) => {
+  const { t } = useIntl()
+  const displayMessage = message ?? t('common.loading2', undefined, 'Loading...')
+
+  return (
+    <div
+      className={cn(
+        { 'flex min-h-svh flex-col items-center justify-center': isFullScreen },
+        className
+      )}
+      {...props}
+    >
+      <div className="inline-flex items-center gap-2">
+        <Logomark isAnimated className="size-8" />
+        <p className="font-medium text-base">{displayMessage}</p>
+      </div>
     </div>
-  </div>
-)
+  )
+}
diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx
index 36b2a661c..cb815029b 100644
--- a/src/components/ui/Spinner.tsx
+++ b/src/components/ui/Spinner.tsx
@@ -1,12 +1,17 @@
 import { Loader2Icon } from 'lucide-react'
 
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
-export const Spinner = ({ className, ...props }: React.ComponentProps<'svg'>) => (
-  <Loader2Icon
-    role="status"
-    aria-label="Loading"
-    className={cn('size-4 animate-spin', className)}
-    {...props}
-  />
-)
+export const Spinner = ({ className, ...props }: React.ComponentProps<'svg'>) => {
+  const { t } = useIntl()
+
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label={t('ui.spinner.loading', undefined, 'Loading')}
+      className={cn('size-4 animate-spin', className)}
+      {...props}
+    />
+  )
+}
diff --git a/src/components/ui/Table.tsx b/src/components/ui/Table.tsx
index 15dffef34..d7971cf2c 100644
--- a/src/components/ui/Table.tsx
+++ b/src/components/ui/Table.tsx
@@ -1,5 +1,6 @@
 import type * as React from 'react'
 import { useRef } from 'react'
+import { useIntl } from '@/i18n'
 import { cn } from '@/lib/utils'
 
 export const Table = ({ className, ref, ...props }: React.ComponentProps<'table'>) => (
@@ -43,6 +44,7 @@ export const TableRow = ({ className, ref, ...props }: React.ComponentProps<'tr'
 )
 
 export const TableHead = ({ className, children, ref, ...props }: React.ComponentProps<'th'>) => {
+  const { t } = useIntl()
   const internalRef = useRef<HTMLTableCellElement>(null)
 
   const setRef = (node: HTMLTableCellElement | null) => {
@@ -128,7 +130,7 @@ export const TableHead = ({ className, children, ref, ...props }: React.Componen
       <div className="overflow-hidden text-ellipsis whitespace-nowrap">{children}</div>
       <button
         type="button"
-        aria-label="Resize column"
+        aria-label={t('ui.table.resizeColumn', undefined, 'Resize column')}
         onMouseDown={handleResizeMouseDown}
         className="absolute top-0 right-0 z-20 h-full w-1 cursor-col-resize select-none border-0 bg-transparent p-0 hover:bg-blue-500"
       />
diff --git a/src/contexts/ChallengeFormContext.tsx b/src/contexts/ChallengeFormContext.tsx
index f4a1ef074..c3a9d40d4 100644
--- a/src/contexts/ChallengeFormContext.tsx
+++ b/src/contexts/ChallengeFormContext.tsx
@@ -3,6 +3,7 @@ import type { ReactNode } from 'react'
 import { createContext, useCallback, useContext, useMemo } from 'react'
 import { api } from '@/api'
 import type { ChallengeFormValues } from '@/components/Pages/ManagementPages/ManageChallengeNew/ChallengeForm'
+import { useIntl } from '@/i18n'
 import { detectLocalGeoJSONSubmission } from '@/lib/localGeoJSON'
 import type { Challenge } from '@/types/Challenge'
 
@@ -77,6 +78,7 @@ export const CreateChallengeFormProvider = ({
   projectId?: number
 }) => {
   const navigate = useNavigate()
+  const { t } = useIntl()
   const createChallengeMutation = api.challenge.useCreateChallenge()
   const uploadGeoJSONMutation = api.challenge.useUploadGeoJSON()
   const deleteChallengeMutation = api.challenge.useDeleteChallenge()
@@ -85,7 +87,13 @@ export const CreateChallengeFormProvider = ({
     async (values: ChallengeFormValues) => {
       const selectedProjectId = values.projectId
       if (!selectedProjectId) {
-        throw new Error('Project ID is required to create a challenge')
+        throw new Error(
+          t(
+            'challengeForm.errors.projectIdRequired',
+            undefined,
+            'Project ID is required to create a challenge'
+          )
+        )
       }
 
       const { challengeData, localGeoJSONUpload } = await buildChallengeSubmission(values, true)
@@ -128,7 +136,7 @@ export const CreateChallengeFormProvider = ({
         })
       }
     },
-    [createChallengeMutation, deleteChallengeMutation, navigate, uploadGeoJSONMutation]
+    [createChallengeMutation, deleteChallengeMutation, navigate, uploadGeoJSONMutation, t]
   )
 
   const onCancel = useCallback(() => {
diff --git a/src/contexts/NotificationsContext.tsx b/src/contexts/NotificationsContext.tsx
index 17341439f..58646f431 100644
--- a/src/contexts/NotificationsContext.tsx
+++ b/src/contexts/NotificationsContext.tsx
@@ -3,6 +3,7 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useState }
 import { toast } from 'sonner'
 import { api } from '@/api'
 import { useNotificationThreads } from '@/hooks/useNotificationThreads'
+import { useIntl } from '@/i18n'
 import type { Notification } from '@/types/Notification'
 import { getNotificationThreadKey } from '@/types/Notification'
 import { useAuthContext } from './AuthContext'
@@ -29,6 +30,7 @@ interface NotificationsContextType {
 const NotificationsContext = createContext<NotificationsContextType | undefined>(undefined)
 
 export const NotificationsProvider = ({ children }: { children: ReactNode }) => {
+  const { t } = useIntl()
   const { lastMessage } = useWebSocketContext()
   const { user } = useAuthContext()
   const { data: notifications = [], isLoading, refetch } = api.user.notification(user?.id)
@@ -73,27 +75,43 @@ export const NotificationsProvider = ({ children }: { children: ReactNode }) =>
           onSuccess: () => {
             refetch()
             const count = notificationIds.length
-            toast.success(`${count} notification${count === 1 ? '' : 's'} ${action}`)
+            toast.success(
+              t(
+                'notifications.toast.actionSuccess',
+                { count, plural: count === 1 ? '' : 's', action },
+                '{count} notification{plural} {action}'
+              )
+            )
             setLoadingId?.(null)
           },
           onError: (error: Error) => {
             toast.error(
-              `Failed to ${action.replace(/ed$/, '').replace(/d$/, '')} notification: ${error.message}`
+              t(
+                'notifications.toast.actionError',
+                { verb: action.replace(/ed$/, '').replace(/d$/, ''), message: error.message },
+                'Failed to {verb} notification: {message}'
+              )
             )
             setLoadingId?.(null)
           },
         }
       )
     },
-    [user?.id, refetch]
+    [user?.id, refetch, t]
   )
 
   const markAsRead = useCallback(
     (notificationId: number, thread?: Notification[]) => {
       const ids = thread && thread.length > 1 ? thread.map((n) => n.id) : [notificationId]
-      executeMutation(markAsReadMutation, ids, 'marked as read', setMarkingReadId, notificationId)
+      executeMutation(
+        markAsReadMutation,
+        ids,
+        t('notifications.actions.markedAsRead', undefined, 'marked as read'),
+        setMarkingReadId,
+        notificationId
+      )
     },
-    [executeMutation, markAsReadMutation]
+    [executeMutation, markAsReadMutation, t]
   )
 
   const markAsUnread = useCallback(
@@ -102,34 +120,48 @@ export const NotificationsProvider = ({ children }: { children: ReactNode }) =>
       executeMutation(
         markAsUnreadMutation,
         ids,
-        'marked as unread',
+        t('notifications.actions.markedAsUnread', undefined, 'marked as unread'),
         setMarkingUnreadId,
         notificationId
       )
     },
-    [executeMutation, markAsUnreadMutation]
+    [executeMutation, markAsUnreadMutation, t]
   )
 
   const deleteNotification = useCallback(
     (notificationId: number, thread?: Notification[]) => {
       const ids = thread && thread.length > 1 ? thread.map((n) => n.id) : [notificationId]
-      executeMutation(deleteNotificationMutation, ids, 'deleted', setDeletingId, notificationId)
+      executeMutation(
+        deleteNotificationMutation,
+        ids,
+        t('common.deleted2', undefined, 'deleted'),
+        setDeletingId,
+        notificationId
+      )
     },
-    [executeMutation, deleteNotificationMutation]
+    [executeMutation, deleteNotificationMutation, t]
   )
 
   const markAllAsRead = useCallback(
     (notificationIds: number[]) => {
-      executeMutation(markAsReadMutation, notificationIds, 'marked as read')
+      executeMutation(
+        markAsReadMutation,
+        notificationIds,
+        t('notifications.actions.markedAsRead', undefined, 'marked as read')
+      )
     },
-    [executeMutation, markAsReadMutation]
+    [executeMutation, markAsReadMutation, t]
   )
 
   const markAllAsUnread = useCallback(
     (notificationIds: number[]) => {
-      executeMutation(markAsUnreadMutation, notificationIds, 'marked as unread')
+      executeMutation(
+        markAsUnreadMutation,
+        notificationIds,
+        t('notifications.actions.markedAsUnread', undefined, 'marked as unread')
+      )
     },
-    [executeMutation, markAsUnreadMutation]
+    [executeMutation, markAsUnreadMutation, t]
   )
 
   // Reason: derived state stored in context value — must be stable to avoid consumer re-renders
diff --git a/src/contexts/PluginContext.tsx b/src/contexts/PluginContext.tsx
index 848329747..6752a8177 100644
--- a/src/contexts/PluginContext.tsx
+++ b/src/contexts/PluginContext.tsx
@@ -1,5 +1,6 @@
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'
 import { api, apiRequest } from '@/api'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 import type { PluginLoadResult } from '@/plugins/DynamicPluginLoader'
 import { pluginRegistry } from '@/plugins/PluginRegistry'
@@ -67,26 +68,33 @@ interface PluginContextType {
   error: string | null
 }
 
-const defaultPluginContext: PluginContextType = {
-  enabledPlugins: [],
-  togglePlugin: () => {},
-  getAvailablePlugins: () => [],
-  getNavigationItems: async () => [],
-  getPluginPage: async () => null,
-  getPluginPageByPath: async () => null,
-  getTaskMapEditors: async () => [],
-  isPluginEnabled: () => false,
-  registerPluginFromUrl: async () => ({ success: false, error: 'Not authenticated' }),
-  removeRemotePlugin: async () => {},
-  getRemotePluginUrls: () => new Map(),
-  loading: false,
-  error: null,
-}
-
 const PluginContext = createContext<PluginContextType | null>(null)
 
 export const PluginProvider = ({ children }: { children: React.ReactNode }) => {
   const { user } = useAuthContext()
+  const { t } = useIntl()
+
+  const defaultPluginContext = useMemo<PluginContextType>(
+    () => ({
+      enabledPlugins: [],
+      togglePlugin: () => {},
+      getAvailablePlugins: () => [],
+      getNavigationItems: async () => [],
+      getPluginPage: async () => null,
+      getPluginPageByPath: async () => null,
+      getTaskMapEditors: async () => [],
+      isPluginEnabled: () => false,
+      registerPluginFromUrl: async () => ({
+        success: false,
+        error: t('plugins.errors.notAuthenticated', undefined, 'Not authenticated'),
+      }),
+      removeRemotePlugin: async () => {},
+      getRemotePluginUrls: () => new Map(),
+      loading: false,
+      error: null,
+    }),
+    [t]
+  )
 
   if (!user) {
     return <PluginContext.Provider value={defaultPluginContext}>{children}</PluginContext.Provider>
@@ -102,6 +110,7 @@ const PluginProviderInner = ({
   children: React.ReactNode
   user: NonNullable<ReturnType<typeof useAuthContext>['user']>
 }) => {
+  const { t } = useIntl()
   const [enabledPlugins, setEnabledPlugins] = useState<string[]>([])
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
@@ -156,7 +165,13 @@ const PluginProviderInner = ({
                   logger.error(`Failed to load remote plugin from ${config.moduleUrl}`, {
                     error: result.error,
                   })
-                  setError(`Failed to load plugin: ${result.error}`)
+                  setError(
+                    t(
+                      'plugins.errors.loadPluginFailed',
+                      { error: String(result.error) },
+                      'Failed to load plugin: {error}'
+                    )
+                  )
                 }
               } catch (err) {
                 logger.error(`Error loading remote plugin from ${config.moduleUrl}`, { error: err })
@@ -178,14 +193,16 @@ const PluginProviderInner = ({
         }
       } catch (error) {
         logger.error('Failed to load plugin preferences', { error })
-        setError('Failed to load plugin preferences')
+        setError(
+          t('plugins.errors.loadPreferencesFailed', undefined, 'Failed to load plugin preferences')
+        )
       } finally {
         setLoading(false)
       }
     }
 
     loadPluginPreferences()
-  }, [user])
+  }, [user, t])
 
   // All callbacks below are stored in the context value — stable references prevent
   // all context consumers from re-rendering on every provider render.
@@ -356,10 +373,15 @@ const PluginProviderInner = ({
           return result
         }
 
-        setError(result.error || 'Failed to register plugin')
+        setError(
+          result.error || t('plugins.errors.registerFailed', undefined, 'Failed to register plugin')
+        )
         return result
       } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : 'Failed to register plugin'
+        const errorMessage =
+          err instanceof Error
+            ? err.message
+            : t('plugins.errors.registerFailed', undefined, 'Failed to register plugin')
         setError(errorMessage)
         return {
           success: false,
@@ -367,7 +389,7 @@ const PluginProviderInner = ({
         }
       }
     },
-    [remotePluginUrls, user.id]
+    [remotePluginUrls, user.id, t]
   )
 
   const removeRemotePlugin = useCallback(
@@ -394,12 +416,15 @@ const PluginProviderInner = ({
           localStorage.setItem(storageKey, JSON.stringify(filtered))
         }
       } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : 'Failed to remove plugin'
+        const errorMessage =
+          err instanceof Error
+            ? err.message
+            : t('plugins.errors.removeFailed', undefined, 'Failed to remove plugin')
         setError(errorMessage)
         logger.error('Failed to remove remote plugin', { error: err })
       }
     },
-    [enabledPlugins, togglePlugin, remotePluginUrls, user.id]
+    [enabledPlugins, togglePlugin, remotePluginUrls, user.id, t]
   )
 
   // Reason: context value must be stable to prevent all consumers from re-rendering
diff --git a/src/contexts/ThemeContext.tsx b/src/contexts/ThemeContext.tsx
index e72048886..7806d28bc 100644
--- a/src/contexts/ThemeContext.tsx
+++ b/src/contexts/ThemeContext.tsx
@@ -8,48 +8,58 @@ import {
   useMemo,
   useState,
 } from 'react'
+import { useIntl } from '@/i18n'
 
 type Theme = 'dark' | 'light' | 'system'
 
-const themes: { key: Theme; icon: React.ElementType; label: string }[] = [
-  {
-    key: 'system',
-    icon: Monitor,
-    label: 'System theme',
-  },
-  {
-    key: 'light',
-    icon: Sun,
-    label: 'Light theme',
-  },
-  {
-    key: 'dark',
-    icon: Moon,
-    label: 'Dark theme',
-  },
+type ThemeOption = { key: Theme; icon: React.ElementType; label: string }
+
+const themeMeta: { key: Theme; icon: React.ElementType }[] = [
+  { key: 'system', icon: Monitor },
+  { key: 'light', icon: Sun },
+  { key: 'dark', icon: Moon },
 ]
 
 type ThemeContextType = {
   theme: Theme
   setTheme: (theme: Theme) => void
   handleSetTheme: (theme: Theme) => void
-  themes: typeof themes
+  themes: ThemeOption[]
 }
 
 const initialState: ThemeContextType = {
   theme: 'system',
   setTheme: () => null,
   handleSetTheme: () => null,
-  themes,
+  themes: [
+    { key: 'system', icon: Monitor, label: 'System theme' },
+    { key: 'light', icon: Sun, label: 'Light theme' },
+    { key: 'dark', icon: Moon, label: 'Dark theme' },
+  ],
 }
 
 const ThemeProviderContext = createContext<ThemeContextType>(initialState)
 
 export const ThemeProvider = ({ children }: { children: ReactNode }) => {
+  const { t } = useIntl()
   const [theme, setTheme] = useState<Theme>(
     () => (localStorage.getItem('app-theme') as Theme) || 'system'
   )
 
+  const themeLabels: Record<Theme, string> = useMemo(
+    () => ({
+      system: t('theme.options.system', undefined, 'System theme'),
+      light: t('theme.options.light', undefined, 'Light theme'),
+      dark: t('theme.options.dark', undefined, 'Dark theme'),
+    }),
+    [t]
+  )
+
+  const themes: ThemeOption[] = useMemo(
+    () => themeMeta.map((item) => ({ ...item, label: themeLabels[item.key] })),
+    [themeLabels]
+  )
+
   useEffect(() => {
     const root = window.document.documentElement
 
@@ -81,7 +91,7 @@ export const ThemeProvider = ({ children }: { children: ReactNode }) => {
       handleSetTheme,
       themes,
     }),
-    [theme, handleSetTheme]
+    [theme, handleSetTheme, themes]
   )
 
   return <ThemeProviderContext.Provider value={value}>{children}</ThemeProviderContext.Provider>
diff --git a/src/i18n/messages/en-US.json b/src/i18n/messages/en-US.json
index 583fb21f2..9c27c84e9 100644
--- a/src/i18n/messages/en-US.json
+++ b/src/i18n/messages/en-US.json
@@ -1,23 +1,1270 @@
 {
-  "common.save": "Save",
+  "appLayout.betaBanner.message": "This is a beta version of MapRoulette and is actively being worked on. Some features may be incomplete or unavailable.",
+  "appLayout.dismissibleBanner.dismiss": "Dismiss banner",
+  "appLayout.header.appName": "MapRoulette",
+  "appLayout.header.globalSearch.findById.enterNumericId": "Enter a numeric ID",
+  "appLayout.header.globalSearch.findById.hint": "Enter a numeric ID to find a project, challenge, or task",
+  "appLayout.header.globalSearch.findById.lookingUpId": "Looking up ID {id}...",
+  "appLayout.header.globalSearch.findById.matchCount": "{count} match{plural}",
+  "appLayout.header.globalSearch.findById.noResults": "No results for ID {id}",
+  "appLayout.header.globalSearch.findById.noResultsHint": "No project, challenge, or task found with this ID",
+  "appLayout.header.globalSearch.findById.resultsForId": "Results for ID {id}",
+  "appLayout.header.globalSearch.findById.typeIdHint": "Type a project, challenge, or task ID number",
+  "appLayout.header.globalSearch.findChallenge.loadingMore": "Loading more challenges...",
+  "appLayout.header.globalSearch.findChallenge.noMoreToLoad": "No more challenges to load",
+  "appLayout.header.globalSearch.findChallenge.noResultsHint": "Try adjusting your filters",
+  "appLayout.header.globalSearch.findChallenge.resultCount": "{count} challenge{plural}",
+  "appLayout.header.globalSearch.findComments.byUser": "by {username}",
+  "appLayout.header.globalSearch.findComments.commentCount": "{count} comment{plural}",
+  "appLayout.header.globalSearch.findComments.loading": "Loading comments...",
+  "appLayout.header.globalSearch.findComments.noCommentsMatch": "No {label} comments match \"{query}\"",
+  "appLayout.header.globalSearch.findComments.noCommentsYet": "No {label} comments yet",
+  "appLayout.header.globalSearch.findComments.recentComments": "Recent {label} Comments",
+  "appLayout.header.globalSearch.findFeatureByName.exploreChallenges": "Explore Challenges",
+  "appLayout.header.globalSearch.findFeatureByName.featuredProjects": "Featured Projects",
+  "appLayout.header.globalSearch.findFeatureByName.nothingMatches": "Nothing matches \"{query}\"",
+  "appLayout.header.globalSearch.findFeatureByName.resultCount": "{count} result{plural}",
+  "appLayout.header.globalSearch.findProject.loading": "Loading projects...",
+  "appLayout.header.globalSearch.findProject.loadingMore": "Loading more projects...",
+  "appLayout.header.globalSearch.findProject.noMoreToLoad": "No more projects to load",
+  "appLayout.header.globalSearch.findProject.noResultsHint": "Try a different search term",
+  "appLayout.header.globalSearch.findProject.resultCount": "{count} project{plural}",
+  "appLayout.header.globalSearch.findTask.found": "Task Found",
+  "appLayout.header.globalSearch.findTask.hint": "Enter a task ID to look it up",
+  "appLayout.header.globalSearch.findTask.lookingUp": "Looking up task {id}...",
+  "appLayout.header.globalSearch.findTask.noResults": "No task found with ID {id}",
+  "appLayout.header.globalSearch.findTask.noResultsHint": "Try a different task ID",
+  "appLayout.header.globalSearch.findTask.status.label": "Status: {status}",
+  "appLayout.header.globalSearch.placeholder": "Search for challenges, tasks or projects...",
+  "appLayout.header.globalSearch.types.challenge.description": "Search for mapping challenges with filters for difficulty, location, and tags",
+  "appLayout.header.globalSearch.types.challenge.label": "Find a Challenge",
+  "appLayout.header.globalSearch.types.challengeComment.description": "Search through comments on challenges for questions and suggestions",
+  "appLayout.header.globalSearch.types.challengeComment.label": "Find Challenge Comments",
+  "appLayout.header.globalSearch.types.featureByName.description": "Search for geographic features like roads, buildings, or landmarks by name",
+  "appLayout.header.globalSearch.types.featureByName.label": "Find a Feature by Name",
+  "appLayout.header.globalSearch.types.id.description": "Quickly navigate to any resource (project, challenge, or task) using its ID",
+  "appLayout.header.globalSearch.types.project.description": "Browse projects containing multiple challenges organized by theme or area",
+  "appLayout.header.globalSearch.types.project.label": "Find a Project",
+  "appLayout.header.globalSearch.types.task.description": "Search for individual mapping tasks by ID, status, priority, or location",
+  "appLayout.header.globalSearch.types.taskComment.description": "Search through comments left on tasks for discussions and notes",
+  "appLayout.header.globalSearch.types.taskComment.label": "Find Task Comments",
+  "appLayout.header.globalSearch.unifiedList.goToChallenge": "Go to challenge",
+  "appLayout.header.globalSearch.unifiedList.goToProject": "Go to project",
+  "appLayout.header.nav.mobile": "Mobile navigation",
+  "appLayout.header.nav.openInNewTab": "Open {label} in a new tab",
+  "appLayout.header.notifications.triggerLabel": "Notifications for {name}",
+  "appLayout.header.notifications.unreadSrOnly": "You have unread notifications",
+  "appLayout.header.signingIn": "signing in...",
+  "appLayout.header.userMenu.accountSettings": "Account Settings",
+  "appLayout.header.userMenu.backend": "Backend",
+  "appLayout.header.userMenu.frontend": "Frontend",
+  "appLayout.header.userMenu.signOut": "Sign out",
+  "appLayout.header.userMenu.superAdmin": "Super Admin",
+  "appLayout.header.userMenu.theme": "Theme",
+  "appLayout.header.userMenu.triggerSrOnly": "User menu",
+  "appLayout.header.userMenu.viewPublicProfile": "View public profile",
+  "browsedChallengePage.actionButtons.alreadyReported": "This challenge has already been reported",
+  "browsedChallengePage.actionButtons.challengeActions": "Challenge actions",
+  "browsedChallengePage.actionButtons.challengeReported": "Challenge Reported",
+  "browsedChallengePage.actionButtons.manageChallenge": "Manage Challenge",
+  "browsedChallengePage.actionButtons.mustLoginToReport": "You must be logged in to report a challenge",
+  "browsedChallengePage.actionButtons.reportChallengeTitle": "Report challenge",
+  "browsedChallengePage.challengeModals.actions.avgTimeSpent": "Average Time Spent",
+  "browsedChallengePage.challengeModals.actions.title": "Task Activity",
+  "browsedChallengePage.challengeModals.actions.validated": "Validated",
+  "browsedChallengePage.challengeModals.cloneModal.cloneError": "Failed to clone challenge",
+  "browsedChallengePage.challengeModals.cloneModal.cloneSuccess": "Challenge cloned successfully",
+  "browsedChallengePage.challengeModals.cloneModal.cloning": "Cloning...",
+  "browsedChallengePage.challengeModals.cloneModal.description": "Create a copy of this challenge in a different project. The cloned challenge will include all settings but will start with no tasks.",
+  "browsedChallengePage.challengeModals.cloneModal.nameLabel": "New Challenge Name",
+  "browsedChallengePage.challengeModals.cloneModal.namePlaceholder": "Enter name for cloned challenge",
+  "browsedChallengePage.challengeModals.cloneModal.nameRequiredError": "Please enter a name for the cloned challenge",
+  "browsedChallengePage.challengeModals.cloneModal.noProjects": "No projects available. You need to be a manager of at least one project to clone challenges.",
+  "browsedChallengePage.challengeModals.cloneModal.projectLabel": "Select Project",
+  "browsedChallengePage.challengeModals.cloneModal.projectPlaceholder": "Choose a project...",
+  "browsedChallengePage.challengeModals.comments.addSuccess": "Comment added successfully",
+  "browsedChallengePage.challengeModals.comments.characterCount": "{count}/{max} characters",
+  "browsedChallengePage.challengeModals.comments.empty": "No comments yet. Be the first to comment!",
+  "browsedChallengePage.challengeModals.comments.owner": "Owner",
+  "browsedChallengePage.challengeModals.comments.reTask": "Re: Task {taskId}",
+  "browsedChallengePage.challengeModals.comments.send": "Send",
+  "browsedChallengePage.challengeModals.comments.sending": "Sending...",
+  "browsedChallengePage.challengeModals.comments.showTaskComments": "Show task comments",
+  "browsedChallengePage.challengeModals.comments.signInRequired": "Please sign in to add comments",
+  "browsedChallengePage.challengeModals.commentsModal.title": "Challenge Comments",
+  "browsedChallengePage.challengeModals.reportModal.checkboxError": "Please ensure that checkbox is checked before continue",
+  "browsedChallengePage.challengeModals.reportModal.confirmLabel": "I have attempted to contact the Challenge creator",
+  "browsedChallengePage.challengeModals.reportModal.createIssueError": "Failed to create GitHub issue: {status} {statusText}",
+  "browsedChallengePage.challengeModals.reportModal.description": "You are about to report a Challenge. An issue will be created in a public GitHub repository and the Challenge creator will be notified by email. Any follow-up discussion should take place there. Reporting a Challenge does not disable it immediately. Please explain in detail what your issue is with this challenge, if possible linking to specific OSM changesets.",
+  "browsedChallengePage.challengeModals.reportModal.emailLabel": "Email (optional)",
+  "browsedChallengePage.challengeModals.reportModal.emailPlaceholder": "Enter your email",
+  "browsedChallengePage.challengeModals.reportModal.githubAuthError": "GitHub authentication failed. Please check that your GitHub token is valid and has the necessary permissions.",
+  "browsedChallengePage.challengeModals.reportModal.githubForbiddenError": "GitHub API access forbidden. The token may not have the required permissions or the repository may be private.",
+  "browsedChallengePage.challengeModals.reportModal.githubNotFoundError": "GitHub repository not found. Please check that the repository exists and is accessible.",
+  "browsedChallengePage.challengeModals.reportModal.invalidEmailError": "Please enter a valid email address",
+  "browsedChallengePage.challengeModals.reportModal.minLengthError": "Report must be at least {min} characters",
+  "browsedChallengePage.challengeModals.reportModal.submitButton": "Submit Report",
+  "browsedChallengePage.challengeModals.reportModal.submitError": "Failed to submit report. Please try again.",
+  "browsedChallengePage.challengeModals.reportModal.submitSuccess": "Report submitted successfully",
+  "browsedChallengePage.challengeModals.reportModal.textPlaceholder": "Enter text here",
+  "browsedChallengePage.footer.failedToLoadTask": "Failed to load task",
+  "browsedChallengePage.footer.hideMap": "Hide Map",
+  "browsedChallengePage.footer.noTasksAvailable": "No tasks available for this challenge",
+  "browsedChallengePage.footer.reportedIssueMessage": "This challenge has been reported. Click here to view the issue.",
+  "browsedChallengePage.footer.showMap": "Show Map",
+  "browsedChallengePage.footer.startChallenge": "Start Challenge",
+  "browsedChallengePage.footer.viewReportedIssue": "View reported issue on GitHub",
+  "browsedChallengePage.header.addToFavorites": "Add to favorites",
+  "browsedChallengePage.header.addedToFavorites": "Added to favorites",
+  "browsedChallengePage.header.byPrefix": "by",
+  "browsedChallengePage.header.challengeLiked": "Challenge liked!",
+  "browsedChallengePage.header.checkOutChallenge": "Check out this challenge: {name}",
+  "browsedChallengePage.header.comments": "Comments",
+  "browsedChallengePage.header.failedToShare": "Failed to share challenge",
+  "browsedChallengePage.header.failedToUpdateFavorite": "Failed to update favorite status",
+  "browsedChallengePage.header.failedToUpdateLike": "Failed to update like status",
+  "browsedChallengePage.header.like": "Like",
+  "browsedChallengePage.header.likeChallenge": "Like challenge",
+  "browsedChallengePage.header.likeCountPlural": "{count} likes",
+  "browsedChallengePage.header.likeCountSingular": "1 like",
+  "browsedChallengePage.header.likeRemoved": "Like removed",
+  "browsedChallengePage.header.liked": "Liked",
+  "browsedChallengePage.header.pleaseSignInToLike": "Please sign in to like challenges",
+  "browsedChallengePage.header.pleaseSignInToSave": "Please sign in to save challenges",
+  "browsedChallengePage.header.removeFromFavorites": "Remove from favorites",
+  "browsedChallengePage.header.removedFromFavorites": "Removed from favorites",
+  "browsedChallengePage.header.saved": "Saved",
+  "browsedChallengePage.header.shareChallenge": "Share challenge",
+  "browsedChallengePage.header.signInToLike": "Sign in to like challenges",
+  "browsedChallengePage.header.signInToSave": "Sign in to save challenges",
+  "browsedChallengePage.header.taxonomy.cooperative": "Cooperative",
+  "browsedChallengePage.header.taxonomy.favorite": "Favorite",
+  "browsedChallengePage.header.taxonomy.tagFix": "Tag Fix",
+  "browsedChallengePage.header.taxonomy.undiscoverable": "Undiscoverable",
+  "browsedChallengePage.header.unlikeChallenge": "Unlike challenge",
+  "browsedChallengePage.header.viewComments": "View comments",
+  "browsedChallengePage.map.zoomOutToAllTags": "Zoom out to all tags",
+  "browsedChallengePage.progress.details": "Details",
+  "browsedChallengePage.progress.progress": "Progress",
+  "browsedChallengePage.scrollIndicator.scrollForMore": "Scroll for more",
+  "browsedProjectPage.challengesList.emptyDescription": "This project has no challenges yet.",
+  "browsedProjectPage.challengesList.emptyDescriptionFiltered": "Try clearing the filters to see more results.",
+  "browsedProjectPage.challengesList.showCompletedFilter": "Show completed",
+  "browsedProjectPage.projectDetail.byOwner": "by {owner}",
+  "browsedProjectPage.projectDetail.percentComplete": "{percent}% complete",
+  "browsedProjectPage.projectDetail.shareError": "Failed to share project",
+  "challengeForm.errors.projectIdRequired": "Project ID is required to create a challenge",
+  "commentList.list.empty": "No comments yet",
+  "common.accessDenied": "Access denied",
+  "common.actions": "Actions",
+  "common.activeChallenges": "Active Challenges",
+  "common.activeProjects": "Active Projects",
+  "common.addAComment": "Add a comment...",
+  "common.addChallenge": "Add challenge",
+  "common.admin": "Admin",
+  "common.all": "All ({count})",
+  "common.allChallenges": "All Challenges",
+  "common.alreadyFixed": "Already Fixed",
+  "common.approved": "Approved",
+  "common.archiveChallenge": "Archive challenge",
+  "common.archiveProject": "Archive project",
+  "common.archived": "Archived",
+  "common.assisted": "Assisted",
+  "common.available": "Available",
+  "common.avgCompletion": "Avg. Completion",
+  "common.browseChallenge": "Browse challenge",
+  "common.bundledTasks": "Bundled Tasks ({count})",
   "common.cancel": "Cancel",
+  "common.cantComplete": "Can't Complete",
+  "common.challenge": "Challenge",
+  "common.challengeWithChallengeId": "Challenge #{challengeId}",
+  "common.challengeWithId": "Challenge #{id}",
+  "common.challenges": "Challenges",
+  "common.challenges2": "challenges",
+  "common.clear": "Clear",
+  "common.cloneChallenge": "Clone Challenge",
+  "common.cloneChallenge2": "Clone challenge",
+  "common.close": "Close",
+  "common.closeTask": "Close task",
+  "common.complete": "complete",
+  "common.copyUrl": "Copy URL",
+  "common.couldNotUpdateVisibility": "Could not update visibility",
+  "common.createChallenge": "Create Challenge",
+  "common.createManage": "create & manage",
+  "common.createNewChallenge": "Create New Challenge",
+  "common.createNewProject": "Create New Project",
+  "common.createProject": "Create Project",
+  "common.createTeam": "Create team",
+  "common.created": "Created",
+  "common.current": "Current",
   "common.delete": "Delete",
+  "common.deleteChallenge": "Delete challenge",
+  "common.deleteChallenge2": "Delete challenge?",
+  "common.deleteChallengeWarning": "This will delete this challenge and all its tasks. This action cannot be undone.",
+  "common.deleteProject": "Delete project",
+  "common.deleteProject2": "Delete project?",
+  "common.deleted": "Deleted",
+  "common.deleted2": "deleted",
+  "common.description": "Description",
+  "common.difficulty": "Difficulty",
+  "common.disableChallenge": "Disable challenge",
+  "common.discoverable": "Discoverable",
+  "common.disputed": "Disputed",
+  "common.easy": "Easy",
   "common.edit": "Edit",
-  "common.loading": "Loading…",
+  "common.editChallenge": "Edit challenge",
+  "common.editProject": "Edit project",
+  "common.editTask": "Edit task",
+  "common.enableChallenge": "Enable challenge",
+  "common.enabled": "Enabled",
   "common.error": "Something went wrong",
-  "common.empty": "Nothing to show yet",
-  "common.yes": "Yes",
-  "common.no": "No",
-  "common.close": "Close",
-  "profile.title": "Profile",
-  "profile.metrics": "Metrics",
-  "profile.topChallenges": "Top Challenges",
-  "profile.achievements": "Achievements",
-  "teams.title": "Teams",
-  "teams.create": "Create team",
-  "teams.pendingInvites": "You have {count} pending invitations",
-  "settings.apiKey": "API key",
-  "share.title": "Share this link",
-  "share.copy": "Copy",
-  "share.copied": "Copied to clipboard"
+  "common.expert": "Expert",
+  "common.exportCsv": "Export CSV",
+  "common.failedToAddComment": "Failed to add comment",
+  "common.failedToLoadNextTask": "Failed to load next task",
+  "common.falsePositive": "False Positive",
+  "common.featured": "Featured",
+  "common.findATask": "Find a Task",
+  "common.findByMaprouletteId": "Find by MapRoulette ID",
+  "common.fixed": "Fixed",
+  "common.geojson": "GeoJSON",
+  "common.geojsonUrl": "GeoJSON URL",
+  "common.gridView": "Grid view",
+  "common.hidePanel": "Hide panel",
+  "common.id": "ID",
+  "common.idNumber": "ID {id}",
+  "common.idNumberParenthetical": "(ID: {id})",
+  "common.instructions": "Instructions",
+  "common.invited": "Invited",
+  "common.joined": "Joined",
+  "common.lastUpdated": "Last updated {date}",
+  "common.level": "Level {level}",
+  "common.linkCopiedToClipboard": "Link copied to clipboard",
+  "common.listView": "List view",
+  "common.loadMore": "Load More",
+  "common.loading": "Loading…",
+  "common.loading2": "Loading...",
+  "common.loadingChallenges": "Loading challenges...",
+  "common.loadingNotifications": "Loading notifications...",
+  "common.makeDiscoverable": "Make discoverable",
+  "common.makeNotDiscoverable": "Make not discoverable",
+  "common.manage": "Manage",
+  "common.map": "Map",
+  "common.markAllAsRead": "Mark all as read",
+  "common.member": "Member",
+  "common.modified": "Modified",
+  "common.moveChallenge": "Move challenge",
+  "common.mrTags": "MR Tags",
+  "common.name": "Name",
+  "common.needed": "Needed",
+  "common.newest": "Newest",
+  "common.noChallengesFound": "No challenges found",
+  "common.noDescriptionAvailable": "No description available",
+  "common.noMoreTasksInChallenge": "No more tasks available in this challenge",
+  "common.noNotificationsYet": "You have no notifications.",
+  "common.noProjectsFound": "No projects found",
+  "common.noResultsFound": "No results found",
+  "common.noUnreadNotificationsYet": "You have no unread notifications at the moment.",
+  "common.normal": "Normal",
+  "common.nothingToPreview": "Nothing to preview",
+  "common.notification": "Notification",
+  "common.openMenu": "Open menu",
+  "common.openTaskById": "Open task by ID",
+  "common.overpassQuery": "Overpass Query",
+  "common.owned": "Owned",
+  "common.pageNotFound": "Page Not Found",
+  "common.paused": "Paused",
+  "common.pinChallenge": "Pin challenge",
+  "common.pinProject": "Pin project",
+  "common.pinned": "Pinned",
+  "common.platformAverage": "Platform average",
+  "common.pleaseEnterAComment": "Please enter a comment",
+  "common.pleaseSelectAProject": "Please select a project",
+  "common.popular": "Popular",
+  "common.preview": "Preview",
+  "common.primary": "Primary",
+  "common.priority": "Priority",
+  "common.project": "Project",
+  "common.projectWithId": "Project #{id}",
+  "common.projects": "Projects",
+  "common.projects2": "projects",
+  "common.rebuildTasks": "Rebuild tasks",
+  "common.recentActivity": "Recent Activity",
+  "common.rejected": "Rejected",
+  "common.reply": "Reply",
+  "common.reportChallenge": "Report Challenge",
+  "common.resetViewToTaskLocation": "Reset view to task location",
+  "common.results": "Results",
+  "common.save": "Save",
+  "common.saving": "Saving…",
+  "common.saving2": "Saving...",
+  "common.scrollToTop": "Scroll to top",
+  "common.searchChallenges": "Search challenges…",
+  "common.searchChallenges2": "Search challenges...",
+  "common.searchOsmUsername": "Search OSM username",
+  "common.searchProjects": "Search projects...",
+  "common.selectAProject": "Select a project",
+  "common.share": "Share",
+  "common.shareTask": "Share task",
+  "common.showPanel": "Show panel",
+  "common.shown": "Shown",
+  "common.signIn": "Sign in",
+  "common.skipped": "Skipped",
+  "common.startChallenge": "Start challenge",
+  "common.status": "Status",
+  "common.statusWithStatus": "Status {status}",
+  "common.submitting": "Submitting...",
+  "common.task": "Task",
+  "common.taskWithId": "Task #{id}",
+  "common.taskWithName": "Task: {name}",
+  "common.taskWithTaskId": "Task #{taskId}",
+  "common.tasks": "Tasks",
+  "common.tasks2": "tasks",
+  "common.tasksRemaining": "Tasks remaining",
+  "common.tasksRemaining2": "tasks remaining",
+  "common.tasksWithCount": "{count} tasks",
+  "common.team": "Team #{teamId}",
+  "common.teamNotFound": "Team not found.",
+  "common.teams": "Teams",
+  "common.thatsAll": "That's all!",
+  "common.total": "Total",
+  "common.totalChallenges": "Total Challenges",
+  "common.tryAdjustingYourSearchQuery": "Try adjusting your search query.",
+  "common.type": "Type",
+  "common.unarchiveChallenge": "Unarchive challenge",
+  "common.unarchiveProject": "Unarchive project",
+  "common.unexpectedErrorTryAgain": "An unexpected error occurred. Please try again.",
+  "common.unknown": "Unknown",
+  "common.unnecessary": "Unnecessary",
+  "common.unpinChallenge": "Unpin challenge",
+  "common.unpinProject": "Unpin project",
+  "common.unread": "Unread ({count})",
+  "common.updatingResults": "Updating results...",
+  "common.view": "View",
+  "common.viewAllNotifications": "View all notifications",
+  "common.viewChallenge": "View challenge",
+  "common.viewChallenges": "View Challenges",
+  "common.viewManageProjectsSubtitle": "View and manage all projects across the platform",
+  "common.viewOnOsm": "View on OSM",
+  "common.viewProject": "View project",
+  "common.viewProjects": "View Projects",
+  "common.write": "Write",
+  "common.youMustBeLoggedInToComment": "You must be logged in to comment",
+  "common.youreAllUpToDate": "You're all up to date",
+  "common.youveReachedTheEndOfTheList": "You've reached the end of the list",
+  "common.zoomToTask": "Zoom to task",
+  "configureColumnsDialog.allAdded": "All columns added.",
+  "configureColumnsDialog.done": "Done",
+  "configureColumnsDialog.moveDown": "Move down",
+  "configureColumnsDialog.moveUp": "Move up",
+  "configureColumnsDialog.reset": "Reset",
+  "configureColumnsDialog.title": "Configure columns",
+  "congratulateModal.achievement.fallback": "You earned a new badge.",
+  "congratulateModal.achievement.title": "Achievement unlocked!",
+  "congratulateModal.challengeCompleted.description": "There are no more open tasks in this challenge.",
+  "congratulateModal.challengeCompleted.findAnother": "Find another challenge",
+  "congratulateModal.challengeCompleted.reviewStats": "Review your stats",
+  "congratulateModal.challengeCompleted.title": "You finished {challengeName}!",
+  "congratulateModal.levelUp.description": "Welcome to level {level}. You've reached {score} points.",
+  "congratulateModal.levelUp.title": "You leveled up!",
+  "congratulateModal.streak.description": "{count} tasks in a row — keep it going.",
+  "congratulateModal.streak.title": "Hot streak!",
+  "dashboard.common.failedToLoad": "Failed to load",
+  "dashboard.contributions.empty.description": "Start mapping to track progress",
+  "dashboard.contributions.empty.title": "No contributions",
+  "dashboard.contributions.statusSetLabel": "Set Status on Task as {statusLabel}",
+  "dashboard.contributions.title": "Contributions",
+  "dashboard.contributions.unknownChallenge": "Challenge {parentId}",
+  "dashboard.levelModal.calculatedUsing": "Your level is calculated using:",
+  "dashboard.levelModal.description": "Complete challenges to earn points and level up your mapper rank.",
+  "dashboard.levelModal.howItWorksFooter": "Each level requires exponentially more points. Keep mapping to climb the ranks.",
+  "dashboard.levelModal.howItWorksTitle": "How leveling works",
+  "dashboard.levelModal.pointsRequired": "{points} points required",
+  "dashboard.levelModal.pointsToNextLevel": "{points} more points to next level",
+  "dashboard.levelModal.pointsToUnlock": "{points} points to unlock",
+  "dashboard.levelModal.progressToLevel": "Progress to Level {level}",
+  "dashboard.levelModal.title": "Mapper Level System",
+  "dashboard.levelModal.totalPoints": "{points} total points",
+  "dashboard.levelModal.yourScore": "Your score: {points} points",
+  "dashboard.lockedTasks.empty.description": "Start editing a task to lock it",
+  "dashboard.lockedTasks.empty.title": "No locked tasks",
+  "dashboard.lockedTasks.manageTitle": "Manage task",
+  "dashboard.lockedTasks.title": "Locked Tasks",
+  "dashboard.profile.accountAge": "Account age",
+  "dashboard.profile.daysCount": "{days} days",
+  "dashboard.profile.guest": "Guest",
+  "dashboard.profile.points": "{points} pts",
+  "dashboard.profile.progressToNext": "{current} / {total} to next level",
+  "dashboard.profile.verified": "Verified",
+  "dashboard.savedChallenges.empty.description": "Save challenges to work on later",
+  "dashboard.savedChallenges.empty.title": "No saved challenges",
+  "dashboard.savedChallenges.remaining": "{count} remaining",
+  "dashboard.savedChallenges.title": "Saved Challenges",
+  "dashboard.teams.empty.description": "Join a team to collaborate",
+  "dashboard.teams.empty.title": "No teams",
+  "dynamicPluginRoute.errorTitle": "Error",
+  "dynamicPluginRoute.loadFailed": "Failed to load plugin page",
+  "dynamicPluginRoute.loading": "Loading plugin page...",
+  "dynamicPluginRoute.noPageFound": "No plugin page found for path: {path}",
+  "dynamicPluginRoute.notFoundDescription": "The requested plugin page could not be found.",
+  "errorBoundary.actions.goBack": "Go Back",
+  "errorBoundary.actions.goHome": "Go Home",
+  "errorBoundary.actions.goToLogin": "Go to Login",
+  "errorBoundary.actions.tryAgain": "Try Again",
+  "errorBoundary.forbidden.description": "You don't have permission to access this resource.",
+  "errorBoundary.forbidden.title": "403 - Forbidden",
+  "errorBoundary.genericHttp.description": "An unexpected error occurred while loading this page.",
+  "errorBoundary.genericHttp.title": "Error {status}",
+  "errorBoundary.notFound.description": "The page or resource you're looking for doesn't exist.",
+  "errorBoundary.notFound.title": "404 - Not Found",
+  "errorBoundary.serverError.description": "The server encountered an error. Please try again later.",
+  "errorBoundary.serverError.title": "Server Error",
+  "errorBoundary.unauthorized.description": "You need to be logged in to access this resource.",
+  "errorBoundary.unauthorized.title": "401 - Unauthorized",
+  "exploreChallenges.challengeList.emptyDescription": "Try adjusting your search filters or map bounds.",
+  "exploreChallenges.challengeList.errorTitle": "Failed to load challenges",
+  "exploreChallenges.challengeList.footer.endOfListHint": "Adjust your filters or explore a different area to discover more challenges",
+  "exploreChallenges.challengeList.table.author": "Author",
+  "exploreChallenges.challengeList.table.contributors": "Contributors",
+  "exploreChallenges.challengeList.table.disabled": "Disabled",
+  "exploreChallenges.challengeList.table.dueDate": "Due date",
+  "exploreChallenges.challengeList.table.lastUpdated": "Last updated",
+  "exploreChallenges.challengeList.table.location": "Location",
+  "exploreChallenges.challengeList.table.organisation": "Organisation",
+  "exploreChallenges.challengeList.table.percentMapped": "Percent mapped",
+  "exploreChallenges.challengeList.table.percentValidated": "Percent validated",
+  "exploreChallenges.challengeList.table.projectLabel": "Project {parent}",
+  "exploreChallenges.challengeList.table.published": "Published",
+  "exploreChallenges.challengeList.table.urgent": "URGENT",
+  "exploreChallenges.challengeList.table.userLabel": "User {owner}",
+  "exploreChallenges.filterBar.clearFilters": "Clear filters",
+  "exploreChallenges.filterBar.difficulty.any": "Any",
+  "exploreChallenges.filterBar.global.label": "Global",
+  "exploreChallenges.filterBar.location.clearAriaLabel": "Clear location",
+  "exploreChallenges.filterBar.location.geometryLoadFailed": "Failed to load location geometry",
+  "exploreChallenges.filterBar.location.loadFailed": "Failed to load location",
+  "exploreChallenges.filterBar.location.networkError": "Network error. Please check your connection.",
+  "exploreChallenges.filterBar.location.noOsmId": "Selected location has no OSM identifier",
+  "exploreChallenges.filterBar.location.noResults": "No locations found. Try a different search term.",
+  "exploreChallenges.filterBar.location.notFound": "Location not found",
+  "exploreChallenges.filterBar.location.searchPlaceholder": "Search location...",
+  "exploreChallenges.filterBar.sortBy.label": "Sort by",
+  "exploreChallenges.filterBar.sortBy.oldest": "Oldest",
+  "exploreChallenges.filterBar.viewMode.gridMap": "Grid with map view",
+  "exploreChallenges.filterBar.workOn.anything": "Anything",
+  "exploreChallenges.filterBar.workOn.buildings": "Buildings",
+  "exploreChallenges.filterBar.workOn.label": "Work on",
+  "exploreChallenges.filterBar.workOn.landUseAdministrativeBoundaries": "Land Use / Administrative Boundaries",
+  "exploreChallenges.filterBar.workOn.pointsAreasOfInterest": "Points / Areas of Interest",
+  "exploreChallenges.filterBar.workOn.roadsPedestrianCycleways": "Roads / Pedestrian / Cycleways",
+  "exploreChallenges.filterBar.workOn.transit": "Transit",
+  "exploreChallenges.filterBar.workOn.water": "Water",
+  "exploreChallenges.map.searchThisArea": "Search this area",
+  "exploreChallenges.results.tabList": "List",
+  "manageChallengeDetail.detail.configurePrioritization": "Configure prioritization",
+  "manageChallengeDetail.detail.featuredError": "Could not update featured state",
+  "manageChallengeDetail.detail.pausedError": "Could not update paused state",
+  "manageChallengeDetail.detail.statistics.completion": "Completion",
+  "manageChallengeDetail.detail.statistics.lastModified": "Last modified",
+  "manageChallengeDetail.detail.statistics.taskCountsByStatus": "Task counts by status",
+  "manageChallengeDetail.detail.statisticsLabel": "Statistics",
+  "manageChallengeDetail.miniMap.zoomToAllTasksTooltip": "Zoom to all tasks",
+  "manageChallengeDetail.recentActivity.description": "Task completions by status, grouped by day (same data as the legacy admin dashboard widget).",
+  "manageChallengeDetail.recentActivity.empty": "No recent activity.",
+  "manageChallengeDetail.recentActivity.loadError": "Could not load activity.",
+  "manageChallengeDetail.statusIndicator.buildingBody": "Tasks are being generated. This page will automatically refresh to show progress.",
+  "manageChallengeDetail.statusIndicator.deletingBody": "Tasks are being deleted. Please wait...",
+  "manageChallengeDetail.statusIndicator.deletingTitle": "Deleting Tasks...",
+  "manageChallengeDetail.statusIndicator.elapsedTimeLabel": "Elapsed time:",
+  "manageChallengeDetail.statusIndicator.failedBody": "The challenge failed to build tasks. Please check the challenge configuration and try again.",
+  "manageChallengeDetail.statusIndicator.failedTitle": "Tasks Failed to Build",
+  "manageChallengeDetail.statusIndicator.partiallyLoadedBody": "This challenge is partially loaded. Some tasks may not be available yet.",
+  "manageChallengeDetail.statusIndicator.partiallyLoadedTitle": "Challenge Partially Loaded",
+  "manageChallengeDetail.statusIndicator.refreshingInLabel": "Refreshing in:",
+  "manageChallengeDetail.statusIndicator.tasksBuildingTitle": "Tasks Building...",
+  "manageChallengeDetail.statusIndicator.tasksUpdatingTitle": "Tasks Updating...",
+  "manageChallengeDetail.statusIndicator.updatingBody": "Task statuses are being updated. This page will automatically refresh to show progress.",
+  "manageChallengeDetail.tasksExplorer.clearFiltersTitle": "Clear all filters and reset sort",
+  "manageChallengeDetail.tasksExplorer.columnBundle": "Bundle",
+  "manageChallengeDetail.tasksExplorer.deselectTaskLabel": "Deselect task",
+  "manageChallengeDetail.tasksExplorer.filtersLabel": "Filters",
+  "manageChallengeDetail.tasksExplorer.loadingTasks": "Loading tasks…",
+  "manageChallengeDetail.tasksExplorer.noTasksMatch": "No tasks match the current filters.",
+  "manageChallengeDetail.tasksExplorer.selectTaskLabel": "Select task",
+  "manageChallengeDetail.tasksExplorer.showingCount": "Showing {shown} of {total} tasks",
+  "manageChallengeDetail.tasksExplorer.sortAscButton": "Asc",
+  "manageChallengeDetail.tasksExplorer.sortAscTitle": "Ascending — click for descending",
+  "manageChallengeDetail.tasksExplorer.sortDescButton": "Desc",
+  "manageChallengeDetail.tasksExplorer.sortDescTitle": "Descending — click for ascending",
+  "manageChallengeDetail.tasksExplorer.sortLabel": "Sort",
+  "manageChallengeDetail.tasksExplorer.taskStatusMenuLabel": "Task status",
+  "manageChallengeEdit.pageDescription": "Modify the information below to update your challenge",
+  "manageChallengeEdit.pageTitle": "Challenge Editor",
+  "manageChallengeNew.challengeForm.agreementCheckboxLabel": "I have read and understand the OSM Automated Edits code of conduct",
+  "manageChallengeNew.challengeForm.agreementDescriptionAfter": ". Please read this document carefully. By checking the box below, you acknowledge that you understand and accept this responsibility.",
+  "manageChallengeNew.challengeForm.agreementDescriptionBefore": "You are about to create a MapRoulette challenge. With this power comes responsibility. Make sure that your Challenge is designed to encourage careful human attention to each task, in the spirit of OpenStreetMap's",
+  "manageChallengeNew.challengeForm.agreementLinkText": "Automated Edits code of conduct",
+  "manageChallengeNew.challengeForm.agreementSectionTitle": "Automated Edits Code of Conduct Agreement",
+  "manageChallengeNew.challengeForm.createSuccessToast": "Challenge created successfully",
+  "manageChallengeNew.challengeForm.descriptionPlaceholder": "Describe what this challenge is about...",
+  "manageChallengeNew.challengeForm.difficultyPlaceholder": "Select difficulty",
+  "manageChallengeNew.challengeForm.docsLinkText": "docs",
+  "manageChallengeNew.challengeForm.geoJSONFileDescriptionAfter": "are supported.",
+  "manageChallengeNew.challengeForm.geoJSONFileDescriptionBefore": "Upload a GeoJSON file from your computer. Standard GeoJSON and",
+  "manageChallengeNew.challengeForm.geoJSONFileLabel": "GeoJSON File",
+  "manageChallengeNew.challengeForm.geoJSONFileSelected": "Selected: {name} ({size} KB)",
+  "manageChallengeNew.challengeForm.instructionsPlaceholder": "Instructions for completing tasks...",
+  "manageChallengeNew.challengeForm.lineByLineGeoJSONLinkText": "line-by-line GeoJSON format",
+  "manageChallengeNew.challengeForm.localGeoJSONOptionDescription": "Upload a GeoJSON file from your computer",
+  "manageChallengeNew.challengeForm.localGeoJSONOptionTitle": "I want to upload a GeoJSON file",
+  "manageChallengeNew.challengeForm.localGeoJSONReadOnlyBody": "This challenge was built from an uploaded GeoJSON file, which can't be shown here. To replace it with fresh GeoJSON, use Rebuild Tasks when managing your challenge.",
+  "manageChallengeNew.challengeForm.localGeoJSONReadOnlyLabel": "Uploaded GeoJSON file",
+  "manageChallengeNew.challengeForm.namePlaceholder": "{user}'s Challenge",
+  "manageChallengeNew.challengeForm.overpassOptionDescription": "Use Overpass QL to automatically generate tasks from OpenStreetMap data",
+  "manageChallengeNew.challengeForm.overpassOptionTitle": "I want to provide an Overpass query",
+  "manageChallengeNew.challengeForm.overpassQLDescriptionAfter": "for important details and common pitfalls when creating challenges using Overpass queries.",
+  "manageChallengeNew.challengeForm.overpassQLDescriptionBefore": "Overpass query language to automatically generate tasks for this challenge. Please see the",
+  "manageChallengeNew.challengeForm.overpassQLLabel": "Overpass QL",
+  "manageChallengeNew.challengeForm.overpassQueryReadOnlyBody": "Overpass queries cannot be edited here. Use Rebuild Tasks when managing your challenge to re-run the query and refresh your tasks.",
+  "manageChallengeNew.challengeForm.overpassQueryReadOnlyLabel": "Overpass query",
+  "manageChallengeNew.challengeForm.projectPicker.description": "Select the project this challenge belongs to",
+  "manageChallengeNew.challengeForm.remoteGeoJSONDescription": "Provide a URL pointing to a GeoJSON file. The URL should point directly to the raw GeoJSON file, not a page that contains a link to the file.",
+  "manageChallengeNew.challengeForm.remoteGeoJSONOptionDescription": "Provide a URL pointing to a GeoJSON file",
+  "manageChallengeNew.challengeForm.remoteGeoJSONOptionTitle": "I have a URL to the GeoJSON data",
+  "manageChallengeNew.challengeForm.remoteGeoJSONReadOnlyBody": "Remote URLs cannot be edited here. Use Rebuild Tasks when managing your challenge to re-download the GeoJSON and refresh your tasks.",
+  "manageChallengeNew.challengeForm.saveErrorToast": "Failed to save challenge. Please try again.",
+  "manageChallengeNew.challengeForm.taskDataDescription": "Choose how you want to provide task data for this challenge.",
+  "manageChallengeNew.challengeForm.taskDataReadOnlyDescription": "The data source is set when the challenge is created. To regenerate tasks from updated data, use Rebuild Tasks when managing the challenge.",
+  "manageChallengeNew.challengeForm.taskDataTitle": "Task data",
+  "manageChallengeNew.challengeForm.updateButton": "Update Challenge",
+  "manageChallengeNew.challengeForm.updateSuccessToast": "Challenge updated successfully",
+  "manageChallengeNew.challengeForm.validation.agreementRequired": "You must read and accept the Automated Edits code of conduct",
+  "manageChallengeNew.challengeForm.validation.descriptionRequired": "Description is required",
+  "manageChallengeNew.challengeForm.validation.instructionRequired": "Instructions are required",
+  "manageChallengeNew.challengeForm.validation.localGeoJSONRequired": "Please upload a GeoJSON file",
+  "manageChallengeNew.challengeForm.validation.nameMinLength": "Challenge name must be at least 3 characters",
+  "manageChallengeNew.challengeForm.validation.overpassRequired": "An Overpass query is required",
+  "manageChallengeNew.challengeForm.validation.remoteGeoJSONRequired": "A GeoJSON URL is required",
+  "manageChallengeNew.pageDescription": "Fill in the information below to create your new challenge",
+  "manageChallenges.content.aboutChallengesBody": "Challenges contain tasks that mappers work through to improve OpenStreetMap data.",
+  "manageChallenges.content.aboutChallengesTitle": "About Challenges",
+  "manageChallenges.content.challengeCreationGuideLink": "Challenge Creation Guide",
+  "manageChallenges.content.emptyDescription": "You haven't created any challenges yet",
+  "manageChallenges.content.manageProjectsLink": "Manage Projects",
+  "manageChallenges.content.quickLinks": "Quick Links",
+  "manageChallenges.content.tipMonitorProgressBody": "Check completion rates and review feedback. Archive challenges once all tasks are resolved.",
+  "manageChallenges.content.tipMonitorProgressTitle": "Monitor progress",
+  "manageChallenges.content.tipSetDifficultyBody": "Match difficulty to the skill required. Easy tasks attract new mappers, while expert tasks get routed to experienced contributors.",
+  "manageChallenges.content.tipSetDifficultyTitle": "Set appropriate difficulty",
+  "manageChallenges.content.tipWriteClearInstructionsBody": "Good task instructions help mappers understand what to fix and how. Include examples and link to relevant wiki pages.",
+  "manageChallenges.content.tipWriteClearInstructionsTitle": "Write clear instructions",
+  "manageHome.challengesDescription": "Browse and manage all your challenges",
+  "manageHome.projectsDescription": "Create and manage your MapRoulette projects",
+  "manageHome.tasksDescription": "Open a task by ID to view or edit it",
+  "manageProjectDetail.challengesTable.columnTasksLeft": "Tasks Left",
+  "manageProjectDetail.content.createChallenge": "Create challenge",
+  "manageProjectDetail.content.deleteProjectDescription": "This will delete this project and all its challenges and tasks. This action cannot be undone.",
+  "manageProjectDetail.content.disableProject": "Disable project",
+  "manageProjectDetail.content.emptyDescription": "Get started by creating your first challenge",
+  "manageProjectDetail.content.enableProject": "Enable project",
+  "manageProjectDetail.content.playbookDocsLink": "Open project management docs",
+  "manageProjectDetail.content.playbookTip1": "Confirm challenge instructions and QA expectations are specific and testable.",
+  "manageProjectDetail.content.playbookTip2": "Review challenge ordering so mappers can move from easier to harder tasks.",
+  "manageProjectDetail.content.playbookTip3": "Assign at least one co-manager for triage, support, and archival continuity.",
+  "manageProjectDetail.content.playbookTitle": "Project Playbook",
+  "manageProjectDetail.content.viewProjectPage": "View project page",
+  "manageProjectEdit.pageDescription": "Modify the information below to update your project",
+  "manageProjectEdit.pageTitle": "Project Details",
+  "manageProjectNew.pageDescription": "Fill in the information below to create your new project",
+  "manageProjectNew.projectForm.createSuccessToast": "Project created successfully",
+  "manageProjectNew.projectForm.descriptionDescription": "A brief description of the project",
+  "manageProjectNew.projectForm.descriptionPlaceholder": "Describe what this project is about...",
+  "manageProjectNew.projectForm.detailsSectionDescription": "Basic identifying information for this project.",
+  "manageProjectNew.projectForm.detailsSectionTitle": "Project details",
+  "manageProjectNew.projectForm.displayNameDescription": "The display name shown to users",
+  "manageProjectNew.projectForm.displayNameLabel": "Display Name",
+  "manageProjectNew.projectForm.displayNamePlaceholder": "My Project",
+  "manageProjectNew.projectForm.enabledDescription": "Make this project visible and accessible to users",
+  "manageProjectNew.projectForm.featuredDescription": "Feature this project on the homepage",
+  "manageProjectNew.projectForm.nameDescription": "A unique identifier for the project (lowercase, no spaces)",
+  "manageProjectNew.projectForm.nameLabel": "Project Name",
+  "manageProjectNew.projectForm.namePlaceholder": "my-project",
+  "manageProjectNew.projectForm.saveErrorToast": "Failed to save project. Please try again.",
+  "manageProjectNew.projectForm.updateButton": "Update Project",
+  "manageProjectNew.projectForm.updateSuccessToast": "Project updated successfully",
+  "manageProjectNew.projectForm.validation.displayNameRequired": "Display name is required",
+  "manageProjectNew.projectForm.validation.nameRequired": "Project name is required",
+  "manageProjectNew.projectForm.visibilitySectionDescription": "Control how this project appears across MapRoulette.",
+  "manageProjectNew.projectForm.visibilitySectionTitle": "Visibility",
+  "manageProjects.content.aboutDescription": "Good project structure improves mapper clarity, QA consistency, and long-term maintenance.",
+  "manageProjects.content.aboutTitle": "About Projects",
+  "manageProjects.content.challengeCreation": "Challenge Creation",
+  "manageProjects.content.deleteProjectDescription": "This will delete the project \"{projectName}\" and all its challenges and tasks. This action cannot be undone.",
+  "manageProjects.content.helpfulDocs": "Helpful Docs",
+  "manageProjects.content.learnHub": "Learn Hub",
+  "manageProjects.content.noProjectsDescription": "Get started by creating your first project.",
+  "manageProjects.content.noProjectsDescriptionShort": "Get started by creating your first project",
+  "manageProjects.content.projectManagement": "Project Management",
+  "manageProjects.content.tipOwnershipBody": "Add co-managers before launch so triage, support, and archival responsibilities are covered.",
+  "manageProjects.content.tipOwnershipTitle": "Share ownership",
+  "manageProjects.content.tipPublishBody": "Keep projects non-discoverable while iterating. Turn discoverable on only after instructions and QA checks are validated.",
+  "manageProjects.content.tipPublishTitle": "Publish intentionally",
+  "manageProjects.content.tipScopeBody": "Use a stable naming pattern (region, theme, version) and keep each project focused on one clear objective.",
+  "manageProjects.content.tipScopeTitle": "Define scope early",
+  "manageTaskDetail.accessDeniedBody": "Only challenge owners and admins can view or edit tasks.",
+  "manageTaskDetail.idLabel": "ID {taskId}",
+  "manageTaskDetail.loadError": "Failed to load task. It may not exist or you may not have permission to view it.",
+  "manageTaskDetail.manageChallenge": "Manage challenge",
+  "manageTaskDetail.taskInformation": "Task information",
+  "manageTaskEdit.form.geoJsonDescription": "GeoJSON for this task (point, line or polygon). Must be valid JSON.",
+  "manageTaskEdit.form.instructionsDescription": "Instructions for users doing this specific task",
+  "manageTaskEdit.form.instructionsPlaceholder": "Instructions for this task (overrides challenge instructions)",
+  "manageTaskEdit.form.mrTagsDescription": "Optional MR tags to annotate this task (comma-separated)",
+  "manageTaskEdit.form.mrTagsPlaceholder": "tag1, tag2",
+  "manageTaskEdit.form.nameDescription": "Name of the task",
+  "manageTaskEdit.form.namePlaceholder": "Task name",
+  "manageTaskEdit.form.statusDescription": "Current status of the task",
+  "manageTaskEdit.form.statusPlaceholder": "Select status",
+  "manageTaskEdit.form.updateError": "Failed to save task. Please try again.",
+  "manageTaskEdit.form.updateSuccess": "Task updated successfully",
+  "manageTaskEdit.index.accessDeniedDescription": "Only challenge owners and admins can edit tasks.",
+  "manageTaskEdit.index.noPermission": "You do not have permission to edit this task.",
+  "manageTaskEdit.index.taskDetailsDescription": "Modify the fields below and save to update the task",
+  "manageTaskEdit.index.taskDetailsTitle": "Task Details",
+  "manageTaskNew.body": "Tasks are typically created in bulk through challenges. Individual task creation will be available in a future update.",
+  "manageTaskNew.description": "Task management functionality is under development",
+  "manageTaskNew.title": "New Task",
+  "manageTasksOpen.cardDescription": "Enter a task ID below. You can find task IDs when working on a task (URL or header) or from your saved/locked tasks on the dashboard.",
+  "manageTasksOpen.description": "Open a task by ID to view details or edit it (name, instructions, status, etc.).",
+  "manageTasksOpen.findChallengeHint": "to find a challenge, then browse it to open a task and get its ID from the URL.",
+  "manageTasksOpen.or": "or",
+  "manageTasksOpen.orGoTo": "Or go to",
+  "manageTasksOpen.taskIdLabel": "Task ID",
+  "manageTasksOpen.taskIdPlaceholder": "e.g. 12345",
+  "manageTasksOpen.viewTask": "View task",
+  "managementPages.bulkActionsToolbar.apply": "Apply",
+  "managementPages.bulkActionsToolbar.archive": "Archive",
+  "managementPages.bulkActionsToolbar.archiveError": "Could not archive tasks",
+  "managementPages.bulkActionsToolbar.archivedToast": "Archived {count} tasks",
+  "managementPages.bulkActionsToolbar.changeStatus": "Change status",
+  "managementPages.bulkActionsToolbar.clearLock": "Clear lock",
+  "managementPages.bulkActionsToolbar.clearLockDialog.clearing": "Clearing…",
+  "managementPages.bulkActionsToolbar.clearLockDialog.description": "Any active locks on the selected tasks will be released. Mappers currently working on these tasks may lose their in-progress session.",
+  "managementPages.bulkActionsToolbar.clearLockDialog.title": "Clear lock on {count} task{suffix}?",
+  "managementPages.bulkActionsToolbar.clearLockError": "Could not clear locks",
+  "managementPages.bulkActionsToolbar.clearLockSuccess": "Cleared lock on {count} tasks",
+  "managementPages.bulkActionsToolbar.deleteDialog.deleting": "Deleting…",
+  "managementPages.bulkActionsToolbar.deleteDialog.description": "This cannot be undone. Tasks and their comments, reviews, and tags are permanently removed.",
+  "managementPages.bulkActionsToolbar.deleteDialog.title": "Delete {count} task{suffix}?",
+  "managementPages.bulkActionsToolbar.deleteError": "Could not delete tasks",
+  "managementPages.bulkActionsToolbar.deleteSuccess": "Deleted {count} tasks",
+  "managementPages.bulkActionsToolbar.deleteWarning": "Deleted {deleted} tasks; {denied} could not be deleted",
+  "managementPages.bulkActionsToolbar.pickStatus": "Pick a status…",
+  "managementPages.bulkActionsToolbar.reassign": "Reassign",
+  "managementPages.bulkActionsToolbar.reassignDialog.description": "Search for the reviewer to assign these task reviews to. Only tasks whose reviews are still open will be updated.",
+  "managementPages.bulkActionsToolbar.reassignDialog.reassigning": "Reassigning…",
+  "managementPages.bulkActionsToolbar.reassignDialog.title": "Reassign {count} task{suffix}",
+  "managementPages.bulkActionsToolbar.reassignError": "Could not reassign tasks",
+  "managementPages.bulkActionsToolbar.reassignSuccess": "Reassigned {updated} of {requested} tasks",
+  "managementPages.bulkActionsToolbar.selectedCount": "{count} selected",
+  "managementPages.bulkActionsToolbar.statusDialog.description": "Updates every selected task to the chosen status.",
+  "managementPages.bulkActionsToolbar.statusDialog.title": "Change task status",
+  "managementPages.bulkActionsToolbar.tag": "Tag",
+  "managementPages.bulkActionsToolbar.tagDialog.title": "Add tags to selected tasks",
+  "managementPages.bulkActionsToolbar.tagError": "Could not tag tasks",
+  "managementPages.bulkActionsToolbar.taggedToast": "Tagged {count} tasks",
+  "managementPages.bulkActionsToolbar.unarchive": "Unarchive",
+  "managementPages.bulkActionsToolbar.unarchivedToast": "Unarchived {count} tasks",
+  "managementPages.bulkActionsToolbar.updateError": "Could not update tasks",
+  "managementPages.bulkActionsToolbar.updatedToast": "Updated {count} tasks",
+  "managementPages.challengeStatusBanner.tasksInProgress": "{status} tasks…",
+  "managementPages.rebuildTasksDialog.dataOriginDate": "Date data was sourced (optional)",
+  "managementPages.rebuildTasksDialog.descriptionDefault": "Rebuild the challenge tasks from its source data.",
+  "managementPages.rebuildTasksDialog.incomplete": "incomplete",
+  "managementPages.rebuildTasksDialog.introLocal": "Rebuilding will allow you to upload a new local file with the latest GeoJSON data and rebuild the challenge tasks:",
+  "managementPages.rebuildTasksDialog.introOverpass": "Rebuilding will re-run the Overpass query and rebuild the challenge tasks with the latest data:",
+  "managementPages.rebuildTasksDialog.introRemote": "Rebuilding will re-download the GeoJSON data from the challenge's remote URL and rebuild the challenge tasks with the latest data:",
+  "managementPages.rebuildTasksDialog.learnMore": "Learn More",
+  "managementPages.rebuildTasksDialog.listAdded": "New tasks will be added",
+  "managementPages.rebuildTasksDialog.listKeepAsIs": "If you do not first remove incomplete tasks, they will be left as-is, possibly leaving tasks that have already been addressed outside of MapRoulette",
+  "managementPages.rebuildTasksDialog.listRemoveIncompletePost": "tasks will first be removed",
+  "managementPages.rebuildTasksDialog.listRemoveIncompletePre": "If you choose to first remove incomplete tasks (below), existing ",
+  "managementPages.rebuildTasksDialog.listUpdated": "Existing tasks included in the latest data will be updated",
+  "managementPages.rebuildTasksDialog.newGeoJsonFile": "New GeoJSON file",
+  "managementPages.rebuildTasksDialog.proceed": "Proceed",
+  "managementPages.rebuildTasksDialog.rebuilding": "Rebuilding…",
+  "managementPages.rebuildTasksDialog.removeIncomplete": "First remove incomplete tasks",
+  "managementPages.rebuildTasksDialog.title": "Rebuild Challenge Tasks",
+  "managementPages.rebuildTasksDialog.toastError": "Could not start rebuild",
+  "managementPages.rebuildTasksDialog.toastStarted": "Rebuild started",
+  "managementPages.rebuildTasksDialog.warning": "Warning: Rebuilding can lead to task duplication if your feature ids are not setup properly or if matching up old data with new data is unsuccessful. This operation cannot be undone!",
+  "map.controls.hideControls": "Hide controls",
+  "map.controls.mapStyle": "Map style",
+  "map.controls.resetView": "Reset view",
+  "map.controls.showControls": "Show controls",
+  "map.controls.zoomIn": "Zoom in",
+  "map.controls.zoomOut": "Zoom out",
+  "map.featureStyleLegend.styles": "Styles",
+  "map.layerControl.customLayers.form.addLayer": "Add layer",
+  "map.layerControl.customLayers.form.addTitle": "Add custom layer",
+  "map.layerControl.customLayers.form.attribution": "Attribution",
+  "map.layerControl.customLayers.form.editTitle": "Edit layer",
+  "map.layerControl.customLayers.form.typeTile": "Tile (XYZ)",
+  "map.layerControl.customLayers.form.typeWms": "WMS",
+  "map.layerControl.customLayers.form.urlPlaceholder": "https://…/{z}/{x}/{y}.png",
+  "map.layerControl.customLayers.form.urlTemplate": "URL template",
+  "map.layerControl.customLayers.panel.add": "Add",
+  "map.layerControl.customLayers.panel.empty": "No custom layers yet.",
+  "map.layerControl.customLayers.panel.title": "Custom layers",
+  "map.layerControl.customLayers.row.remove": "Remove",
+  "map.layerControl.overlays": "Overlays",
+  "map.scaleBar.feet": "{value} ft",
+  "map.scaleBar.kilometers": "{value} km",
+  "map.scaleBar.meters": "{value} m",
+  "map.scaleBar.miles": "{value} mi",
+  "map.taskMarkers.clusterToggle.enforcedWarning": "Clustering is enforced for 500+ tasks",
+  "map.taskMarkers.clusterToggle.label": "Cluster Markers",
+  "map.taskMarkers.clusterToggle.taskCount": "{count} task",
+  "map.taskMarkers.clusterToggle.tooLargeWarning": "Data is too large to cluster, zoom in to view tasks",
+  "moveChallengeModal.description": "Choose a project to move \"{challengeName}\" to. The challenge will be removed from the current project.",
+  "moveChallengeModal.moveError": "Failed to move challenge. You may not have permission to move to that project.",
+  "moveChallengeModal.noProjects": "No other projects found. Create another project first to move this challenge.",
+  "moveChallengeModal.title": "Move Challenge",
+  "notifications.actions.markedAsRead": "marked as read",
+  "notifications.actions.markedAsUnread": "marked as unread",
+  "notifications.toast.actionError": "Failed to {verb} notification: {message}",
+  "notifications.toast.actionSuccess": "{count} notification{plural} {action}",
+  "notificationsPage.content.description": "View and manage your notifications",
+  "notificationsPage.content.groupByTask": "Group by Task",
+  "notificationsPage.content.groupByTaskHint": "Notifications for the same task are grouped together",
+  "notificationsPage.content.title": "Notifications",
+  "notificationsPage.filters.allSenders": "All Senders",
+  "notificationsPage.filters.allTasks": "All Tasks",
+  "notificationsPage.filters.allTypes": "All Types",
+  "notificationsPage.filters.clearFilters": "Clear Filters",
+  "notificationsPage.filters.fromPlaceholder": "From",
+  "notificationsPage.filters.typeOptionFallback": "Type {typeId}",
+  "notificationsPage.item.challengeLabel": "Challenge:",
+  "notificationsPage.item.deleteNotification": "Delete notification",
+  "notificationsPage.item.markAsRead": "Mark as read",
+  "notificationsPage.item.markAsUnread": "Mark as unread",
+  "notificationsPage.item.projectRef": "Project #{projectId}",
+  "notificationsPage.item.selectFrom": "Select notification from {from}",
+  "notificationsPage.item.unreadTitle": "Unread notification",
+  "notificationsPage.savedViews.applied": "Applied view \"{name}\"",
+  "notificationsPage.savedViews.cancelRename": "Cancel rename",
+  "notificationsPage.savedViews.cancelSave": "Cancel save",
+  "notificationsPage.savedViews.deleteAction": "Delete {name}",
+  "notificationsPage.savedViews.deleteFailed": "Failed to delete view",
+  "notificationsPage.savedViews.deleted": "View deleted",
+  "notificationsPage.savedViews.empty": "No saved views yet.",
+  "notificationsPage.savedViews.namePlaceholder": "View name",
+  "notificationsPage.savedViews.nameRequired": "View name is required",
+  "notificationsPage.savedViews.newNameLabel": "Saved view name",
+  "notificationsPage.savedViews.renameAction": "Rename {name}",
+  "notificationsPage.savedViews.renameFailed": "Failed to rename view",
+  "notificationsPage.savedViews.renameInputLabel": "Rename saved view",
+  "notificationsPage.savedViews.renamed": "View renamed",
+  "notificationsPage.savedViews.saveCurrentAs": "Save current as…",
+  "notificationsPage.savedViews.saveFailed": "Failed to save view",
+  "notificationsPage.savedViews.saveName": "Save name",
+  "notificationsPage.savedViews.saveView": "Save view",
+  "notificationsPage.savedViews.saved": "Saved view \"{name}\"",
+  "notificationsPage.savedViews.title": "Saved views",
+  "notificationsPage.selectAll.ariaLabel": "Select all notifications",
+  "notificationsPage.selectAll.selectAll": "Select all",
+  "notificationsPage.selectAll.selectedCount": "{selected} of {total} selected",
+  "notificationsPage.thread.commentsHeading": "Comments on this task",
+  "notificationsPage.thread.commentsSectionLabel": "Task comment thread",
+  "notificationsPage.thread.description.thisThread": "this thread",
+  "notificationsPage.thread.description.viewDetails": "View notification details",
+  "notificationsPage.thread.markThreadRead": "Mark thread as read",
+  "notificationsPage.thread.markThreadReadCount": "Mark thread as read ({count})",
+  "notificationsPage.thread.noComments": "No comments on this task yet",
+  "notificationsPage.thread.openTask": "Open task",
+  "notificationsPage.thread.replyFailed": "Failed to post reply",
+  "notificationsPage.thread.replyPlaceholder": "Reply on Task #{taskId}…",
+  "notificationsPage.thread.replyPosted": "Reply posted",
+  "notificationsPage.thread.signInToReply": "Sign in to reply",
+  "notificationsPage.thread.title.count": "{count} notifications",
+  "notificationsPage.thread.title.task": "Notification for Task #{taskId}",
+  "notificationsPage.toolbar.markAllUnread": "Mark all as unread",
+  "notificationsPage.toolbar.markSelectedRead": "Mark {count} as read",
+  "notificationsPage.toolbar.markSelectedUnread": "Mark {count} as unread",
+  "notificationsPage.toolbar.marking": "Marking...",
+  "plugins.errors.loadPluginFailed": "Failed to load plugin: {error}",
+  "plugins.errors.loadPreferencesFailed": "Failed to load plugin preferences",
+  "plugins.errors.notAuthenticated": "Not authenticated",
+  "plugins.errors.registerFailed": "Failed to register plugin",
+  "plugins.errors.removeFailed": "Failed to remove plugin",
+  "profilePage.achievements.earnedCount": "{earned} of {total} earned",
+  "profilePage.achievements.title": "Achievements",
+  "profilePage.header.osmChaLink": "OSMCha",
+  "profilePage.header.osmProfileLink": "OSM Profile",
+  "profilePage.header.userSince": "User since: {date}",
+  "profilePage.index.loadError": "Couldn't load that user's profile.",
+  "profilePage.index.loginRequired": "Please log in to view your profile",
+  "profilePage.metrics.title": "Metrics",
+  "profilePage.reviewStats.loadError": "Couldn't load review stats.",
+  "profilePage.reviewStats.title": "Reviews Received",
+  "profilePage.reviewerStats.title": "Reviews Performed",
+  "profilePage.taskStats.loadError": "Couldn't load task stats.",
+  "profilePage.taskStats.totalCompleted": "Total completed",
+  "profilePage.timeRange.ariaLabel": "Time range",
+  "profilePage.topChallenges.title": "Top Challenges",
+  "rapidEditor.closeEditorButton": "✕ Close Editor",
+  "rapidEditor.closeEditorTitle": "Close Rapid Editor",
+  "rapidEditor.confirmClose": "You have unsaved changes in the Rapid editor. Are you sure you want to close it?",
+  "rapidEditor.errorTitle": "Error Loading Rapid Editor",
+  "rapidEditor.iframeTitle": "Rapid Editor",
+  "rapidEditor.loading": "Loading Rapid Editor...",
+  "rapidEditor.reselectTask": "Re-Select Task",
+  "rapidEditor.unsavedChanges": "Unsaved Changes",
+  "shareLink.popover.copied": "Copied to clipboard",
+  "shareLink.popover.hideQr": "Hide QR",
+  "shareLink.popover.qrCanvas": "QR code for share URL",
+  "shareLink.popover.qrCode": "QR code",
+  "shareLink.popover.shareUrl": "Share URL",
+  "shareLink.popover.shareVia": "Share via…",
+  "shareLink.popover.title": "Share this link",
+  "shared.achievementBadge.lockedLabel": "{title} (locked)",
+  "shared.achievementBadge.notYetEarned": "Not yet earned",
+  "shared.challengeCard.project": "Project {id}",
+  "shared.clearManageFiltersButton.label": "CLEAR FILTERS",
+  "shared.commentComposer.mention.userSuggestions": "User suggestions",
+  "shared.commentComposer.placeholder": "Write a comment…",
+  "shared.commentComposer.posting": "Posting…",
+  "shared.commentComposer.submitLabel": "Post",
+  "shared.digitDisplay.pointsLabel": "{value} points",
+  "shared.emailRequirementNotice.goToSettings": "Go to settings",
+  "shared.emailRequirementNotice.recommended": "We recommend setting an email so we can reach you about your challenges.",
+  "shared.emailRequirementNotice.required": "You must set an email address before performing admin actions.",
+  "shared.emailRequirementNotice.title": "Email address required",
+  "shared.mapLoadingIndicator.loading": "Loading task markers...",
+  "shared.notFound.backHome": "Head back home",
+  "shared.notFound.description": "The page you are looking for does not exist.",
+  "shared.pointsTicker.viewProfile": "{score} points — view profile",
+  "shared.projectCard.completed": "Completed: {count}",
+  "shared.projectCard.pinned": "Pinned: {count}",
+  "shared.projectCard.totalChallenges": "Total Challenges: {count}",
+  "shared.projectPickerModal.description": "Choose the project this challenge belongs to.",
+  "shared.projectPickerModal.noProjectsFound": "No projects found.",
+  "shared.searchBar.placeholder": "Search...",
+  "shared.sectionHeader.create": "create",
+  "shared.sectionHeader.createCapitalized": "Create",
+  "shared.signIn.description": "You need to be signed in to manage your account.",
+  "shared.signIn.title": "Please sign in",
+  "shared.statusBadge.notDiscoverable": "Not discoverable",
+  "statusBreakdownBar.bar.label": "Status breakdown",
+  "statusBreakdownBar.bar.noTasks": "No tasks yet",
+  "statusLegend.legend": "Legend",
+  "superAdmin.analytics.activeChallengesChange": "+15.2% from last month",
+  "superAdmin.analytics.activeProjectsChange": "+8.1% from last month",
+  "superAdmin.analytics.avgTaskCompletionTime": "Avg. Task Completion Time",
+  "superAdmin.analytics.avgTaskCompletionTimeDescription": "Improved by 1.2 min this month",
+  "superAdmin.analytics.chartPlaceholder": "Chart visualization placeholder",
+  "superAdmin.analytics.dailyActiveUsers": "Daily Active Users",
+  "superAdmin.analytics.dailyActiveUsersDescription": "28% of total user base",
+  "superAdmin.analytics.description": "View comprehensive analytics and metrics across the platform.",
+  "superAdmin.analytics.keyMetrics": "Key Metrics",
+  "superAdmin.analytics.mostActiveProjectsDescription": "Projects with most activity this month",
+  "superAdmin.analytics.mostActiveProjectsTitle": "Most Active Projects",
+  "superAdmin.analytics.performanceMetrics": "Performance Metrics",
+  "superAdmin.analytics.projectBuildingFootprints": "Building Footprints",
+  "superAdmin.analytics.projectHighwayMapping": "Highway Mapping",
+  "superAdmin.analytics.projectParksAndRecreation": "Parks and Recreation",
+  "superAdmin.analytics.projectPoiValidation": "POI Validation",
+  "superAdmin.analytics.projectStreetNames": "Street Names",
+  "superAdmin.analytics.systemUptime": "System Uptime",
+  "superAdmin.analytics.systemUptimeDescription": "Last 30 days",
+  "superAdmin.analytics.taskCompletionRateDescription": "Tasks completed per day",
+  "superAdmin.analytics.taskCompletionRateTitle": "Task Completion Rate",
+  "superAdmin.analytics.tasksCompleted": "Tasks Completed",
+  "superAdmin.analytics.tasksCompletedChange": "+22.5% from last month",
+  "superAdmin.analytics.title": "Platform Analytics",
+  "superAdmin.analytics.topContributorsDescription": "Most active users this month",
+  "superAdmin.analytics.topContributorsTitle": "Top Contributors",
+  "superAdmin.analytics.totalUsers": "Total Users",
+  "superAdmin.analytics.totalUsersChange": "+12.3% from last month",
+  "superAdmin.analytics.userActivityDescription": "Active users over the past 30 days",
+  "superAdmin.analytics.userActivityTitle": "User Activity",
+  "superAdmin.analytics.userLabel": "User {index}",
+  "superAdmin.layout.breadcrumbRoot": "super admin",
+  "superAdminChallenges.stats.activeShare": "71% of total",
+  "superAdminChallenges.stats.totalChange": "+15% from last month",
+  "superAdminChallenges.stats.totalTasks": "Total Tasks",
+  "superAdminChallenges.stats.totalTasksNote": "Across all challenges",
+  "superAdminChallenges.subtitle": "Browse and manage all challenges across the platform",
+  "superAdminGuard.accessDenied.message": "You do not have permission to access this area. Super admin privileges are required.",
+  "superAdminGuard.accessDenied.title": "Access Denied",
+  "superAdminHome.cards.analytics.button": "View Analytics",
+  "superAdminHome.cards.analytics.description": "View platform-wide analytics and metrics",
+  "superAdminHome.cards.analytics.title": "Analytics",
+  "superAdminHome.cards.challenges.description": "Browse and manage all challenges",
+  "superAdminHome.cards.database.button": "Coming Soon",
+  "superAdminHome.cards.database.description": "Database management and maintenance",
+  "superAdminHome.cards.database.title": "Database",
+  "superAdminHome.cards.plugins.button": "View Plugins",
+  "superAdminHome.cards.plugins.description": "Manage plugins and integrations",
+  "superAdminHome.cards.plugins.title": "Plugins",
+  "superAdminHome.cards.settings.button": "View Settings",
+  "superAdminHome.cards.settings.description": "Platform settings and configuration",
+  "superAdminHome.cards.settings.title": "Settings",
+  "superAdminHome.cards.users.button": "View Users",
+  "superAdminHome.cards.users.description": "Manage all platform users and permissions",
+  "superAdminHome.cards.users.title": "Users",
+  "superAdminHome.subtitle": "Manage all aspects of the MapRoulette platform.",
+  "superAdminHome.title": "Super Admin Dashboard",
+  "superAdminPlugins.card.configure": "Configure",
+  "superAdminPlugins.card.downloads": "{count} downloads",
+  "superAdminPlugins.card.updated": "Updated: {date}",
+  "superAdminPlugins.card.versionBy": "v{version} • by {author}",
+  "superAdminPlugins.card.viewDetails": "View Details",
+  "superAdminPlugins.empty.title": "No plugins found",
+  "superAdminPlugins.installButton": "Install Plugin",
+  "superAdminPlugins.searchPlaceholder": "Search plugins...",
+  "superAdminPlugins.stats.active": "Active Plugins",
+  "superAdminPlugins.stats.activeShare": "75% enabled",
+  "superAdminPlugins.stats.pendingUpdates": "Pending Updates",
+  "superAdminPlugins.stats.pendingUpdatesNote": "Updates available",
+  "superAdminPlugins.stats.total": "Total Plugins",
+  "superAdminPlugins.stats.totalChange": "+2 new this month",
+  "superAdminPlugins.stats.totalDownloads": "Total Downloads",
+  "superAdminPlugins.stats.totalDownloadsNote": "Across all plugins",
+  "superAdminPlugins.subtitle": "Manage plugins and integrations for the platform",
+  "superAdminPlugins.title": "Plugin Management",
+  "superAdminPlugins.uploadButton": "Upload Plugin",
+  "superAdminProjects.stats.activeShare": "73% of total",
+  "superAdminProjects.stats.total": "Total Projects",
+  "superAdminProjects.stats.totalChallengesNote": "Across all projects",
+  "superAdminProjects.stats.totalChange": "+8% from last month",
+  "superAdminProjects.title": "All Projects",
+  "superAdminSettings.appearance.darkMode": "Default to Dark Mode",
+  "superAdminSettings.appearance.darkModeDescription": "Set dark mode as the default theme for new users",
+  "superAdminSettings.appearance.description": "Customize the platform appearance",
+  "superAdminSettings.appearance.logoUrl": "Logo URL",
+  "superAdminSettings.appearance.primaryColor": "Primary Brand Color",
+  "superAdminSettings.appearance.title": "Appearance Settings",
+  "superAdminSettings.database.autoBackup": "Automatic Backups",
+  "superAdminSettings.database.autoBackupDescription": "Enable daily automatic database backups",
+  "superAdminSettings.database.createBackup": "Create Backup",
+  "superAdminSettings.database.description": "Database configuration and maintenance",
+  "superAdminSettings.database.host": "Database Host",
+  "superAdminSettings.database.port": "Database Port",
+  "superAdminSettings.database.runMaintenance": "Run Maintenance",
+  "superAdminSettings.database.title": "Database Settings",
+  "superAdminSettings.email.description": "Configure email notifications and SMTP",
+  "superAdminSettings.email.enableNotifications": "Enable Email Notifications",
+  "superAdminSettings.email.enableNotificationsDescription": "Send email notifications to users",
+  "superAdminSettings.email.fromEmail": "From Email Address",
+  "superAdminSettings.email.smtpHost": "SMTP Host",
+  "superAdminSettings.email.smtpPort": "SMTP Port",
+  "superAdminSettings.email.title": "Email Settings",
+  "superAdminSettings.general.description": "Basic platform configuration",
+  "superAdminSettings.general.maintenanceMode": "Maintenance Mode",
+  "superAdminSettings.general.maintenanceModeDescription": "Enable maintenance mode to prevent user access",
+  "superAdminSettings.general.siteDescription": "Site Description",
+  "superAdminSettings.general.siteName": "Site Name",
+  "superAdminSettings.general.siteUrl": "Site URL",
+  "superAdminSettings.general.title": "General Settings",
+  "superAdminSettings.notifications.description": "Configure platform notification preferences",
+  "superAdminSettings.notifications.errors": "Error Notifications",
+  "superAdminSettings.notifications.errorsDescription": "Notify admins when system errors occur",
+  "superAdminSettings.notifications.newProject": "New Project Notifications",
+  "superAdminSettings.notifications.newProjectDescription": "Notify admins when new projects are created",
+  "superAdminSettings.notifications.newUser": "New User Notifications",
+  "superAdminSettings.notifications.newUserDescription": "Notify admins when new users sign up",
+  "superAdminSettings.notifications.title": "Notification Settings",
+  "superAdminSettings.saveButton": "Save All Settings",
+  "superAdminSettings.security.description": "Configure security and authentication",
+  "superAdminSettings.security.passwordPolicy": "Strict Password Policy",
+  "superAdminSettings.security.passwordPolicyDescription": "Require strong passwords (min 12 chars, special chars)",
+  "superAdminSettings.security.requireVerification": "Require Email Verification",
+  "superAdminSettings.security.requireVerificationDescription": "Users must verify their email before accessing the platform",
+  "superAdminSettings.security.sessionTimeout": "Session Timeout (minutes)",
+  "superAdminSettings.security.title": "Security Settings",
+  "superAdminSettings.security.twoFactor": "Enable Two-Factor Authentication",
+  "superAdminSettings.security.twoFactorDescription": "Allow users to enable 2FA for their accounts",
+  "superAdminSettings.subtitle": "Configure platform-wide settings and preferences",
+  "superAdminSettings.title": "Platform Settings",
+  "superAdminUsers.addButton": "Add New User",
+  "superAdminUsers.empty.title": "No users found",
+  "superAdminUsers.searchPlaceholder": "Search users by name or email...",
+  "superAdminUsers.stats.basedOnSearch": "Based on current search",
+  "superAdminUsers.stats.filteredResults": "Filtered Results",
+  "superAdminUsers.stats.perPage": "Showing {limit} per page",
+  "superAdminUsers.stats.platformWide": "Platform-wide",
+  "superAdminUsers.stats.superAdmins": "Super Admins",
+  "superAdminUsers.stats.usersOnPage": "Users on Page",
+  "superAdminUsers.subtitle": "Manage all users and their permissions across the platform",
+  "superAdminUsers.table.columns.email": "Email",
+  "superAdminUsers.table.columns.osmId": "OSM ID",
+  "superAdminUsers.table.columns.role": "Role",
+  "superAdminUsers.table.columns.score": "Score",
+  "superAdminUsers.table.columns.user": "User",
+  "superAdminUsers.table.loading": "Loading users...",
+  "superAdminUsers.table.next": "Next",
+  "superAdminUsers.table.notAvailable": "N/A",
+  "superAdminUsers.table.previous": "Previous",
+  "superAdminUsers.table.subtitle": "A list of all users in the system (page {page})",
+  "superAdminUsers.table.title": "All Users",
+  "superAdminUsers.title": "User Management",
+  "taskEditPage.idEditor.closeEditor": "Close editor",
+  "taskEditPage.idEditor.closeEditorTitle": "Close editor and return to task map",
+  "taskEditPage.idEditor.collapsePanel": "Collapse panel",
+  "taskEditPage.idEditor.expandPanel": "Expand panel",
+  "taskEditPage.idEditor.focus": "Focus",
+  "taskEditPage.idEditor.focusTitle": "Dim other features to focus on tasks",
+  "taskEditPage.idEditor.loading": "Loading iD Editor...",
+  "taskEditPage.idEditor.reCenter": "Re-Center",
+  "taskEditPage.idEditor.selectTasks": "Select Tasks",
+  "taskEditPage.idEditor.selectTasksTitle": "Select task features in iD",
+  "taskEditPage.idEditor.showAll": "Show All",
+  "taskEditPage.idEditor.showAllTitle": "Show all map features",
+  "taskEditPage.idEditor.unsavedChanges": "{count} unsaved change{suffix}",
+  "taskEditPage.keyboardShortcuts.description": "Use these shortcuts to speed up your workflow",
+  "taskEditPage.keyboardShortcuts.noneRegistered": "No shortcuts registered yet",
+  "taskEditPage.keyboardShortcuts.pressPrefix": "Press",
+  "taskEditPage.keyboardShortcuts.pressSuffix": "anytime to show this dialog",
+  "taskEditPage.keyboardShortcuts.showShortcuts": "Show keyboard shortcuts",
+  "taskEditPage.keyboardShortcuts.title": "Keyboard Shortcuts",
+  "taskEditPage.osmData.areaTooLarge": "Area too large",
+  "taskEditPage.osmData.areaTooLargeDescription": "Please zoom in further to view OSM features. The selected area exceeds the maximum allowed size.",
+  "taskEditPage.osmData.fetchError": "Failed to fetch OSM data",
+  "taskEditPage.osmData.fetchErrorRetry": "Failed to fetch OSM data. Please try again.",
+  "taskEditPage.osmData.loadSuccess": "OSM data loaded successfully",
+  "taskEditPage.taskActionModal.commentLabel": "Comment (Optional)",
+  "taskEditPage.taskActionModal.commentPlaceholder": "Add any notes or comments about this task...",
+  "taskEditPage.taskActionModal.completeAndContinue": "Complete & Continue",
+  "taskEditPage.taskActionModal.description": "Update the task status and optionally add a comment or tags",
+  "taskEditPage.taskActionModal.nearbyTask.description": "Select a task near the current one, or auto-select the nearest",
+  "taskEditPage.taskActionModal.nearbyTask.label": "Nearby Task",
+  "taskEditPage.taskActionModal.nextTask": "Next Task",
+  "taskEditPage.taskActionModal.randomTask.description": "Load the next highest priority task from this challenge",
+  "taskEditPage.taskActionModal.randomTask.label": "Random High Priority Task",
+  "taskEditPage.taskActionModal.statusChange": "Status Change",
+  "taskEditPage.taskActionModal.tagsHint": "Separate multiple tags with commas",
+  "taskEditPage.taskActionModal.tagsLabel": "Tags (Optional)",
+  "taskEditPage.taskActionModal.tagsPlaceholder": "Enter tags separated by commas (e.g., needs-review, complex)",
+  "taskEditPage.taskActionModal.title": "Complete Task Action",
+  "taskEditPage.taskActionModal.toast.loadingNext": "Loading next task...",
+  "taskEditPage.taskActionModal.toast.markedAs": "Task marked as {status}",
+  "taskEditPage.taskActionModal.toast.updateFailed": "Failed to update task. Please try again.",
+  "taskEditPage.taskActions.editorButton.changeDefault": "Change default editor",
+  "taskEditPage.taskActions.editorButton.defaultUpdateFailed": "Failed to update default editor",
+  "taskEditPage.taskActions.editorButton.defaultUpdated": "Default editor updated",
+  "taskEditPage.taskActions.editorButton.josmRemoteControlHint": "Make sure JOSM is running with remote control enabled",
+  "taskEditPage.taskActions.editorButton.noBounds": "Task bounds not available",
+  "taskEditPage.taskActions.editorButton.noOsmFeatures": "Task has no OSM feature IDs to load",
+  "taskEditPage.taskActions.editorButton.openFailed": "Failed to open editor",
+  "taskEditPage.taskActions.editorButton.openTaskIn": "Open task in {editor}",
+  "taskEditPage.taskActions.editorButton.openingTaskIn": "Opening task in {editor}",
+  "taskEditPage.taskActions.editorButton.setDefaultEditor": "Set Default Editor:",
+  "taskEditPage.taskActions.editorButton.short.id": "iD",
+  "taskEditPage.taskActions.editorButton.short.josm": "JOSM",
+  "taskEditPage.taskActions.editorButton.short.josmFeatures": "JOSM Features",
+  "taskEditPage.taskActions.editorButton.short.josmLayer": "JOSM Layer",
+  "taskEditPage.taskActions.editorButton.short.level0": "Level0",
+  "taskEditPage.taskActions.editorButton.short.rapid": "Rapid",
+  "taskEditPage.taskActions.lockButton.lock": "Lock",
+  "taskEditPage.taskActions.lockButton.lockTask": "Lock task",
+  "taskEditPage.taskActions.lockButton.locked": "Task locked",
+  "taskEditPage.taskActions.lockButton.signInToLock": "Sign in to lock tasks",
+  "taskEditPage.taskActions.lockButton.unlock": "Unlock",
+  "taskEditPage.taskActions.lockButton.unlockTask": "Unlock task",
+  "taskEditPage.taskActions.lockButton.unlocked": "Task unlocked",
+  "taskEditPage.taskActions.main.completionHeading": "Completion: Set Task Status",
+  "taskEditPage.taskActions.main.markAlreadyFixedTitle": "Mark as Already Fixed",
+  "taskEditPage.taskActions.main.markCantCompleteTitle": "Mark as Can't Complete",
+  "taskEditPage.taskActions.main.markFalsePositiveTitle": "Mark as False Positive (Ctrl/Cmd + P)",
+  "taskEditPage.taskActions.main.markFixedTitle": "Mark as Fixed (Ctrl/Cmd + F)",
+  "taskEditPage.taskActions.main.notAnIssue": "Not an Issue",
+  "taskEditPage.taskActions.main.pausedMessage": "This challenge is currently paused. Tasks cannot be completed until it is resumed.",
+  "taskEditPage.taskActions.main.signInToMap": "Sign in to map this task",
+  "taskEditPage.taskActions.navigation.loadNearbyFailed": "Failed to load nearby task",
+  "taskEditPage.taskActions.navigation.nearbyTask": "Nearby task",
+  "taskEditPage.taskActions.navigation.noNearbyTasks": "No nearby tasks available",
+  "taskEditPage.taskActions.navigation.randomTask": "Random task",
+  "taskEditPage.taskActions.navigation.wantToMap": "Want to map this challenge?",
+  "taskEditPage.taskActions.skipButton.label": "Skip this task",
+  "taskEditPage.taskActions.skipButton.skipFailed": "Could not skip this task",
+  "taskEditPage.taskActions.skipButton.title": "Skip this task (preserves status)",
+  "taskEditPage.taskActions.startMapping.differentTask": "Different task",
+  "taskEditPage.taskActions.startMapping.mapThisTask": "Map this task",
+  "taskEditPage.taskActions.startMapping.starting": "Starting...",
+  "taskEditPage.taskBundle.clearedSuccess": "Now working on only the primary task",
+  "taskEditPage.taskInfoHeader.hideMarkers": "Hide task markers",
+  "taskEditPage.taskInfoHeader.showMarkers": "Show task markers",
+  "taskEditPage.taskMap.drawingModeHint": "Click and drag to select tasks • ESC to cancel",
+  "taskEditPage.taskMap.editInId": "Edit in iD (inline)",
+  "taskEditPage.taskMap.editInIdShort": "Edit in iD",
+  "taskEditPage.taskNearbyMap.nearbyCount": "{count} nearby task{suffix}",
+  "taskEditPage.taskNearbyMap.selectedTask": "Task #{id} selected",
+  "taskInfoPanel.comments.addSuccess": "Comment added",
+  "taskInfoPanel.comments.changedStatus": "changed status",
+  "taskInfoPanel.comments.cleared": "cleared",
+  "taskInfoPanel.comments.emptyState": "No activity yet. Be the first to comment!",
+  "taskInfoPanel.comments.markedAs": "marked as",
+  "taskInfoPanel.comments.signInPrompt": "Sign in to add comments",
+  "taskInfoPanel.comments.systemUser": "System",
+  "taskInfoPanel.drawer.startTask": "Start Task",
+  "taskInfoPanel.osmHistory.areaHistory.description": "View recent changes in the area around this task",
+  "taskInfoPanel.osmHistory.areaHistory.osmHistoryLink": "OSM History at Location",
+  "taskInfoPanel.osmHistory.areaHistory.osmchaDescription": "All changesets in this area",
+  "taskInfoPanel.osmHistory.areaHistory.osmchaLink": "OSMCha Area Filter",
+  "taskInfoPanel.osmHistory.areaHistory.recentEditsNear": "Recent edits near {lat}, {lng}",
+  "taskInfoPanel.osmHistory.areaHistory.title": "Area History",
+  "taskInfoPanel.osmHistory.elementHistory.empty": "No history available.",
+  "taskInfoPanel.osmHistory.elementHistory.fetchError": "Failed to fetch history",
+  "taskInfoPanel.osmHistory.elementHistory.loading": "Loading history...",
+  "taskInfoPanel.osmHistory.elementHistory.title": "Element History",
+  "taskInfoPanel.osmHistory.feature.title": "OSM Feature",
+  "taskInfoPanel.osmHistory.feature.viewOnOsm": "View {type} on OpenStreetMap",
+  "taskInfoPanel.osmHistory.linkedChangeset.changesetLabel": "Changeset #{id}",
+  "taskInfoPanel.osmHistory.linkedChangeset.osmchaDescription": "Detailed changeset analysis",
+  "taskInfoPanel.osmHistory.linkedChangeset.osmchaLink": "View in OSMCha",
+  "taskInfoPanel.osmHistory.linkedChangeset.overpassDescription": "Query changeset data",
+  "taskInfoPanel.osmHistory.linkedChangeset.overpassLink": "View in Overpass Turbo",
+  "taskInfoPanel.osmHistory.linkedChangeset.title": "Linked Changeset",
+  "taskInfoPanel.osmHistory.linkedChangeset.viewOnOsm": "View on OpenStreetMap",
+  "taskInfoPanel.osmHistory.tab.noChangesetDescription": "This task does not have an OSM changeset linked yet. A changeset will be automatically linked when the task is completed and the edits are saved to OpenStreetMap.",
+  "taskInfoPanel.osmHistory.tab.noChangesetTitle": "No Changeset Linked",
+  "taskInfoPanel.osmHistory.tab.noFeatureDescription": "This task's geometry does not contain OSM element identifiers (like @id: \"way/12345\"). OSM feature history is only available when tasks reference specific OpenStreetMap elements.",
+  "taskInfoPanel.osmHistory.tab.noFeatureTitle": "No OSM Feature Detected",
+  "taskInfoPanel.osmHistory.timeline.completed": "Completed",
+  "taskInfoPanel.osmHistory.timeline.lastModified": "Last Modified",
+  "taskInfoPanel.osmHistory.timeline.minutes": "{count} minutes",
+  "taskInfoPanel.osmHistory.timeline.timeSpent": "Time Spent",
+  "taskInfoPanel.osmHistory.timeline.title": "Task Timeline",
+  "taskInfoPanel.properties.empty": "No properties available for this task.",
+  "taskInfoPanel.tabs.comments": "Comments ({count})",
+  "taskInfoPanel.tabs.osm": "OSM ({count})",
+  "taskInfoPanel.tabs.properties": "Properties",
+  "taskInfoPanel.taskTab.bundleList.selectAll": "Select All",
+  "taskInfoPanel.taskTab.bundleList.selectAllTitle": "Select all bundled tasks in iD editor",
+  "taskInfoPanel.taskTab.bundleList.selectTaskTitle": "Select Task #{id} in iD editor",
+  "taskInfoPanel.taskTab.bundleState.addToBundle": "Add to Bundle",
+  "taskInfoPanel.taskTab.bundleState.inBundle": "In bundle",
+  "taskInfoPanel.taskTab.bundleState.primaryInBundle": "Primary task in bundle",
+  "taskInfoPanel.taskTab.bundleState.removeFromBundle": "Remove from Bundle",
+  "taskInfoPanel.taskTab.instructions.noChallengeDescription": "No challenge description available.",
+  "taskInfoPanel.taskTab.instructions.noTaskInstructions": "No task instructions available.",
+  "taskMap.clearBundleDialog.confirm": "Clear Bundle",
+  "taskMap.clearBundleDialog.description": "This will unbundle all {taskCount} tasks. The tasks themselves will not be deleted, only separated. This action cannot be undone.",
+  "taskMap.clearBundleDialog.title": "Clear Task Bundle?",
+  "taskMap.controls.centerToBundle": "Center to Bundle",
+  "taskMap.controls.centerToTask": "Center to Task",
+  "taskMap.controls.hideAllMarkers": "Hide all markers",
+  "taskMap.controls.hideOtherChallenges": "Hide tasks from other challenges",
+  "taskMap.controls.showAllMarkers": "Show all markers",
+  "taskMap.controls.showAllTasks": "Show all tasks (F)",
+  "taskMap.controls.showOtherChallenges": "Show tasks from other challenges",
+  "taskMap.controls.showPrimaryOnly": "Show primary task only (F)",
+  "taskMap.controls.showSelectedOnly": "Show selected tasks only (F)",
+  "taskMap.multiTaskPanel.clearAll": "Work on only the primary task",
+  "taskMap.multiTaskPanel.drawButton": "Draw to add tasks",
+  "taskMap.multiTaskPanel.drawTooltip": "Draw to add tasks (D)",
+  "taskMap.multiTaskPanel.drawing": "Drawing...",
+  "taskMap.multiTaskPanel.maxBadge": "({max} max)",
+  "taskMap.multiTaskPanel.maxReached": "Maximum tasks reached",
+  "taskMap.multiTaskPanel.resetBundle": "Reset to initial bundle",
+  "taskMap.multiTaskPanel.title": "Work on multiple tasks",
+  "taskMap.multiTaskPanel.workingOnTasksPlural": "Working on {count} tasks",
+  "taskMap.multiTaskPanel.workingOnTasksSingular": "Working on {count} task",
+  "taskMap.shortcuts.cancelDrawing": "Cancel drawing",
+  "taskMap.shortcuts.categoryMultiTask": "Multi-task",
+  "taskMap.shortcuts.exitMultiTask": "Exit multi-task mode",
+  "taskMap.shortcuts.startDrawing": "Start drawing to add tasks",
+  "taskMap.shortcuts.toggleFilter": "Toggle filter (show bundled tasks only)",
+  "taskMap.shortcuts.toggleMarkers": "Toggle all markers visibility",
+  "taskPrioritizationPage.boundsDrawControl.clearAll": "Clear all",
+  "taskPrioritizationPage.boundsDrawControl.clearAllTitle": "Remove every shape in this tier",
+  "taskPrioritizationPage.boundsDrawControl.deleteSelected": "Delete selected",
+  "taskPrioritizationPage.boundsDrawControl.deleteSelectedTitle": "Delete the currently selected shape",
+  "taskPrioritizationPage.boundsDrawControl.drawPolygonAriaLabel": "Draw polygon for {tier} priority",
+  "taskPrioritizationPage.boundsDrawControl.drawRectangleAriaLabel": "Draw rectangle for {tier} priority",
+  "taskPrioritizationPage.boundsDrawControl.helpIdle": "Pan and zoom the map. Pick a tool to draw or edit this tier’s bounds.",
+  "taskPrioritizationPage.boundsDrawControl.helpPolygon": "Click to drop each vertex; double-click or press Enter to finish. Use this for any non-rectangular area.",
+  "taskPrioritizationPage.boundsDrawControl.helpRectangle": "Click and drag to draw an axis-aligned rectangle.",
+  "taskPrioritizationPage.boundsDrawControl.helpSelect": "Click a shape to select it, then drag a vertex to reshape, a midpoint to insert a new vertex, or the whole shape to move it. Right-click a vertex to delete it.",
+  "taskPrioritizationPage.boundsDrawControl.pan": "Pan",
+  "taskPrioritizationPage.boundsDrawControl.panAriaLabel": "Pan mode (no tool active)",
+  "taskPrioritizationPage.boundsDrawControl.panTitle": "Pan the map with no drawing tool active",
+  "taskPrioritizationPage.boundsDrawControl.polygon": "Polygon",
+  "taskPrioritizationPage.boundsDrawControl.rectangle": "Rectangle",
+  "taskPrioritizationPage.boundsDrawControl.select": "Select",
+  "taskPrioritizationPage.boundsDrawControl.selectAriaLabel": "Select and edit an existing shape",
+  "taskPrioritizationPage.content.discard": "Discard",
+  "taskPrioritizationPage.content.saveError": "Could not save priorities",
+  "taskPrioritizationPage.content.saveSuccess": "Priorities saved",
+  "taskPrioritizationPage.defaultPrioritySelect.label": "Default priority",
+  "taskPrioritizationPage.index.loadError": "Could not load challenge.",
+  "taskPrioritizationPage.previewMap.updatingPreview": "Updating preview…",
+  "taskPrioritizationPage.tierWarningBadges.matchesAll": "Matches all",
+  "taskPrioritizationPage.tierWarningBadges.noMatches": "No matches",
+  "taskPropertyQueryBuilder.ruleGroup.addGroup": "Group",
+  "taskPropertyQueryBuilder.ruleGroup.addRule": "Rule",
+  "taskPropertyQueryBuilder.ruleGroup.and": "AND",
+  "taskPropertyQueryBuilder.ruleGroup.or": "OR",
+  "taskPropertyQueryBuilder.ruleGroup.removeGroup": "Remove group",
+  "taskPropertyQueryBuilder.ruleLeaf.propertyPlaceholder": "property",
+  "taskPropertyQueryBuilder.ruleLeaf.removeRule": "Remove rule",
+  "taskPropertyQueryBuilder.ruleLeaf.typeNumber": "number",
+  "taskPropertyQueryBuilder.ruleLeaf.typeString": "string",
+  "taskPropertyQueryBuilder.ruleLeaf.valuePlaceholder": "value",
+  "taskTags.dialog.saveError": "Could not save tags",
+  "taskTags.dialog.saveSuccess": "Tags saved",
+  "taskTags.dialog.title": "Edit task tags",
+  "taskTags.tagChip.removeTag": "Remove tag {label}",
+  "taskTags.tagInput.addPreferredTag": "+ {tag}",
+  "taskTags.tagInput.addTagPlaceholder": "Add a tag…",
+  "taskTags.tagInput.popularInChallenge": "Popular in this challenge:",
+  "taskTags.taskTags.editTags": "Edit tags",
+  "taskTags.taskTags.noTags": "No tags",
+  "teams.detail.adminsHeading": "Admins",
+  "teams.detail.deleteConfirmAction": "Delete team",
+  "teams.detail.deleteConfirmDescription": "This cannot be undone. All members will lose access.",
+  "teams.detail.deleteConfirmTitle": "Delete this team?",
+  "teams.detail.deleteError": "Could not delete team",
+  "teams.detail.deleteSuccess": "Team deleted",
+  "teams.detail.demoteButton": "Demote",
+  "teams.detail.inviteButton": "Invite",
+  "teams.detail.memberCountPlural": "{count} members",
+  "teams.detail.memberCountSingular": "{count} member",
+  "teams.detail.memberRemoveError": "Could not remove member",
+  "teams.detail.memberRemoveSuccess": "Member removed",
+  "teams.detail.membersHeading": "Members",
+  "teams.detail.promoteButton": "Promote",
+  "teams.detail.removeMemberAriaLabel": "Remove member",
+  "teams.detail.roleUpdateError": "Could not update role",
+  "teams.detail.roleUpdateSuccess": "Role updated",
+  "teams.editTeam.title": "Edit team",
+  "teams.form.avatarUrlLabel": "Avatar URL (optional)",
+  "teams.form.createSuccess": "Team created",
+  "teams.form.saveError": "Could not save team",
+  "teams.form.updateSuccess": "Team updated",
+  "teams.inviteMember.description": "Search for an OSM user and pick a role for them.",
+  "teams.inviteMember.sendButton": "Send invitation",
+  "teams.inviteMember.sendError": "Could not send invitation",
+  "teams.inviteMember.sentSuccess": "Invitation sent",
+  "teams.inviteMember.title": "Invite a team member",
+  "teams.list.emptyDescription": "Create a team to collaborate with others on challenges.",
+  "teams.list.emptyTitle": "No teams yet",
+  "teams.newTeam.title": "Create a team",
+  "teams.pendingInvites.acceptButton": "Accept",
+  "teams.pendingInvites.acceptError": "Could not accept invitation",
+  "teams.pendingInvites.acceptSuccess": "Invitation accepted",
+  "teams.pendingInvites.countPlural": "You have {count} pending invitations",
+  "teams.pendingInvites.countSingular": "You have {count} pending invitation",
+  "teams.pendingInvites.declineButton": "Decline",
+  "teams.pendingInvites.declineError": "Could not decline invitation",
+  "teams.pendingInvites.declineSuccess": "Invitation declined",
+  "theme.options.dark": "Dark theme",
+  "theme.options.light": "Light theme",
+  "theme.options.system": "System theme",
+  "topChallenges.list.emptyDescription": "Once you start working on challenges, your top ones will show up here.",
+  "topChallenges.list.emptyTitle": "No contributions yet",
+  "topChallenges.list.loadError": "Couldn't load top challenges right now.",
+  "ui.spinner.loading": "Loading",
+  "ui.table.resizeColumn": "Resize column"
 }
diff --git a/src/lib/SuperAdminGuard.tsx b/src/lib/SuperAdminGuard.tsx
index 53221718c..c101ac5b8 100644
--- a/src/lib/SuperAdminGuard.tsx
+++ b/src/lib/SuperAdminGuard.tsx
@@ -1,6 +1,7 @@
 import { Navigate } from '@tanstack/react-router'
 import type { ReactNode } from 'react'
 import { useAuthContext } from '@/contexts/AuthContext'
+import { useIntl } from '@/i18n'
 import type { User } from '@/types/User'
 
 interface SuperAdminGuardProps {
@@ -19,6 +20,7 @@ export const isSuperUser = (user: User | null | undefined): boolean => {
 
 export const SuperAdminGuard = ({ children, fallback }: SuperAdminGuardProps) => {
   const { user } = useAuthContext()
+  const { t } = useIntl()
 
   if (!user) {
     return <Navigate to="/" />
@@ -28,9 +30,15 @@ export const SuperAdminGuard = ({ children, fallback }: SuperAdminGuardProps) =>
     return (
       fallback || (
         <div className="mx-auto px-4 py-16 text-center">
-          <h1 className="mb-4 font-bold text-3xl text-zinc-900 dark:text-zinc-50">Access Denied</h1>
+          <h1 className="mb-4 font-bold text-3xl text-zinc-900 dark:text-zinc-50">
+            {t('superAdminGuard.accessDenied.title', undefined, 'Access Denied')}
+          </h1>
           <p className="text-zinc-600 dark:text-zinc-400">
-            You do not have permission to access this area. Super admin privileges are required.
+            {t(
+              'superAdminGuard.accessDenied.message',
+              undefined,
+              'You do not have permission to access this area. Super admin privileges are required.'
+            )}
           </p>
         </div>
       )
diff --git a/src/main.tsx b/src/main.tsx
index b8537e960..a0a0b1db0 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -3,6 +3,7 @@ import { createRouter, ErrorComponent, RouterProvider } from '@tanstack/react-ro
 import { StrictMode } from 'react'
 import ReactDOM from 'react-dom/client'
 import { ThemeProvider } from '@/contexts/ThemeContext'
+import { IntlProvider } from '@/i18n'
 
 import { routeTree } from './routeTree.gen'
 
@@ -59,11 +60,13 @@ if (rootElement && !rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement)
   root.render(
     <StrictMode>
-      <ThemeProvider>
-        <QueryClientProvider client={queryClient}>
-          <RouterProvider router={router} />
-        </QueryClientProvider>
-      </ThemeProvider>
+      <IntlProvider>
+        <ThemeProvider>
+          <QueryClientProvider client={queryClient}>
+            <RouterProvider router={router} />
+          </QueryClientProvider>
+        </ThemeProvider>
+      </IntlProvider>
     </StrictMode>
   )
 }
diff --git a/src/routes/_app/$.tsx b/src/routes/_app/$.tsx
index f1c57ecd7..8ed9db3c3 100644
--- a/src/routes/_app/$.tsx
+++ b/src/routes/_app/$.tsx
@@ -5,6 +5,7 @@ import { Alert, AlertDescription, AlertTitle } from '@/components/ui/Alert'
 import { Loader } from '@/components/ui/Loader'
 import type { PluginPageMatch } from '@/contexts/PluginContext'
 import { usePluginContext } from '@/contexts/PluginContext'
+import { useIntl } from '@/i18n'
 import { logger } from '@/lib/logger'
 
 /**
@@ -15,6 +16,7 @@ import { logger } from '@/lib/logger'
  * - /challenge/:challengeId/tasks/:taskId
  */
 const DynamicPluginRoute = () => {
+  const { t } = useIntl()
   const location = useLocation()
   const { getPluginPageByPath } = usePluginContext()
   const [pageMatch, setPageMatch] = useState<PluginPageMatch | null>(null)
@@ -31,21 +33,36 @@ const DynamicPluginRoute = () => {
         if (match) {
           setPageMatch(match)
         } else {
-          setError(`No plugin page found for path: ${location.pathname}`)
+          setError(
+            t(
+              'dynamicPluginRoute.noPageFound',
+              { path: location.pathname },
+              'No plugin page found for path: {path}'
+            )
+          )
         }
       } catch (err) {
         logger.error('Failed to load plugin page', { error: err })
-        setError(err instanceof Error ? err.message : 'Failed to load plugin page')
+        setError(
+          err instanceof Error
+            ? err.message
+            : t('dynamicPluginRoute.loadFailed', undefined, 'Failed to load plugin page')
+        )
       } finally {
         setLoading(false)
       }
     }
 
     loadPage()
-  }, [location.pathname, getPluginPageByPath])
+  }, [location.pathname, getPluginPageByPath, t])
 
   if (loading) {
-    return <Loader isFullScreen message="Loading plugin page..." />
+    return (
+      <Loader
+        isFullScreen
+        message={t('dynamicPluginRoute.loading', undefined, 'Loading plugin page...')}
+      />
+    )
   }
 
   if (error) {
@@ -53,7 +70,7 @@ const DynamicPluginRoute = () => {
       <div className="mx-auto max-w-4xl px-4 py-8">
         <Alert variant="destructive">
           <AlertCircle className="size-4" />
-          <AlertTitle>Error</AlertTitle>
+          <AlertTitle>{t('dynamicPluginRoute.errorTitle', undefined, 'Error')}</AlertTitle>
           <AlertDescription>{error}</AlertDescription>
         </Alert>
       </div>
@@ -65,8 +82,14 @@ const DynamicPluginRoute = () => {
       <div className="mx-auto max-w-4xl px-4 py-8">
         <Alert>
           <AlertCircle className="size-4" />
-          <AlertTitle>Page Not Found</AlertTitle>
-          <AlertDescription>The requested plugin page could not be found.</AlertDescription>
+          <AlertTitle>{t('common.pageNotFound', undefined, 'Page Not Found')}</AlertTitle>
+          <AlertDescription>
+            {t(
+              'dynamicPluginRoute.notFoundDescription',
+              undefined,
+              'The requested plugin page could not be found.'
+            )}
+          </AlertDescription>
         </Alert>
       </div>
     )
diff --git a/src/test/testUtils.tsx b/src/test/testUtils.tsx
new file mode 100644
index 000000000..29417a0cd
--- /dev/null
+++ b/src/test/testUtils.tsx
@@ -0,0 +1,20 @@
+import {
+  type RenderHookOptions,
+  type RenderOptions,
+  render as rtlRender,
+  renderHook as rtlRenderHook,
+} from '@testing-library/react'
+import type { ReactElement, ReactNode } from 'react'
+import { IntlProvider } from '@/i18n'
+
+const Wrapper = ({ children }: { children: ReactNode }) => <IntlProvider>{children}</IntlProvider>
+
+export const render = (ui: ReactElement, options?: RenderOptions) =>
+  rtlRender(ui, { wrapper: Wrapper, ...options })
+
+export const renderHook = <Result, Props>(
+  callback: (props: Props) => Result,
+  options?: RenderHookOptions<Props>
+) => rtlRenderHook(callback, { wrapper: Wrapper, ...options })
+
+export * from '@testing-library/react'