Translate admin pages - Create admin.json files and translate all admin pages

- Create admin.json translation files for es, en, ca with all admin strings
- Update IntlProvider to include admin namespace
- Translate admin/invites/page.tsx - all strings now use translations
- Translate admin/trades/page.tsx - all strings now use translations
- Translate admin/price-history/page.tsx - all strings now use translations
- Translate admin/availability/page.tsx - all strings now use translations
- Add 'saving' key to common.json for all languages
- Fix linting errors: add t to useCallback dependencies
- All admin pages now fully multilingual

frontend/app/admin/availability/page.tsx

@@ -5,6 +5,7 @@ import { Permission } from "../../auth-context";
 import { adminApi } from "../../api";
 import { Header } from "../../components/Header";
 import { useRequireAuth } from "../../hooks/useRequireAuth";
+import { useTranslation } from "../../hooks/useTranslation";
 import { components } from "../../generated/api";
 import constants from "../../../../shared/constants.json";
 import {
@@ -49,6 +50,8 @@ interface EditSlot {
 }
 
 export default function AdminAvailabilityPage() {
+  const t = useTranslation("admin");
+  const tCommon = useTranslation("common");
   const { user, isLoading, isAuthorized } = useRequireAuth({
     requiredPermission: Permission.MANAGE_AVAILABILITY,
     fallbackRedirect: "/",
@@ -145,7 +148,7 @@ export default function AdminAvailabilityPage() {
       await fetchAvailability();
       closeModal();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to save");
+      setError(err instanceof Error ? err.message : t("availability.errors.saveFailed"));
     } finally {
       setIsSaving(false);
     }
@@ -166,7 +169,7 @@ export default function AdminAvailabilityPage() {
       await fetchAvailability();
       closeModal();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to clear");
+      setError(err instanceof Error ? err.message : t("availability.errors.clearFailed"));
     } finally {
       setIsSaving(false);
     }
@@ -208,7 +211,7 @@ export default function AdminAvailabilityPage() {
       await fetchAvailability();
       cancelCopyMode();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to copy");
+      setError(err instanceof Error ? err.message : t("availability.errors.copyFailed"));
     } finally {
       setIsCopying(false);
     }
@@ -221,7 +224,7 @@ export default function AdminAvailabilityPage() {
   if (isLoading) {
     return (
       <main style={layoutStyles.main}>
-        <div style={layoutStyles.loader}>Loading...</div>
+        <div style={layoutStyles.loader}>{tCommon("loading")}</div>
       </main>
     );
   }
@@ -238,23 +241,25 @@ export default function AdminAvailabilityPage() {
         <div style={styles.pageContainer}>
           <div style={styles.headerRow}>
             <div>
-              <h1 style={typographyStyles.pageTitle}>Availability</h1>
+              <h1 style={typographyStyles.pageTitle}>{t("availability.title")}</h1>
               <p style={typographyStyles.pageSubtitle}>
-                Configure your available time slots for the next {maxAdvanceDays} days
+                {t("availability.subtitle", { days: maxAdvanceDays })}
               </p>
             </div>
             {copySource && (
               <div style={styles.copyActions}>
-                <span style={styles.copyHint}>Select days to copy to, then click Copy</span>
+                <span style={styles.copyHint}>{t("availability.copyMode.hint")}</span>
                 <button
                   onClick={executeCopy}
                   disabled={copyTargets.size === 0 || isCopying}
                   style={buttonStyles.accentButton}
                 >
-                  {isCopying ? "Copying..." : `Copy to ${copyTargets.size} day(s)`}
+                  {isCopying
+                    ? t("availability.copyMode.copying")
+                    : t("availability.copyMode.copyTo", { count: copyTargets.size })}
                 </button>
                 <button onClick={cancelCopyMode} style={buttonStyles.secondaryButton}>
-                  Cancel
+                  {t("availability.copyMode.cancel")}
                 </button>
               </div>
             )}
@@ -299,7 +304,7 @@ export default function AdminAvailabilityPage() {
                           startCopyMode(dateStr);
                         }}
                         style={styles.copyFromButton}
-                        title="Copy to other days"
+                        title={t("availability.copyMode.copyTo", { count: 0 })}
                       >
                         📋
                       </button>
@@ -307,7 +312,7 @@ export default function AdminAvailabilityPage() {
                   </div>
                   <div style={styles.slotList}>
                     {slots.length === 0 ? (
-                      <span style={styles.noSlots}>No availability</span>
+                      <span style={styles.noSlots}>{t("availability.modal.noAvailability")}</span>
                     ) : (
                       slots.map((slot, i) => (
                         <span key={i} style={styles.slotBadge}>
@@ -328,7 +333,7 @@ export default function AdminAvailabilityPage() {
         <div style={modalStyles.modalOverlay} onClick={closeModal}>
           <div style={modalStyles.modal} onClick={(e) => e.stopPropagation()}>
             <h2 style={modalStyles.modalTitle}>
-              Edit Availability - {formatDisplayDate(selectedDate)}
+              {t("availability.modal.title")} - {formatDisplayDate(selectedDate)}
             </h2>
 
             {error && <div style={modalStyles.modalError}>{error}</div>}
@@ -362,31 +367,31 @@ export default function AdminAvailabilityPage() {
                   <button
                     onClick={() => removeSlot(index)}
                     style={styles.removeSlotButton}
-                    title="Remove slot"
+                    title={t("availability.modal.removeSlot")}
                   >
                     ×
                   </button>
                 </div>
               ))}
               <button onClick={addSlot} style={styles.addSlotButton}>
-                + Add Time Range
+                + {t("availability.modal.addSlot")}
               </button>
             </div>
 
             <div style={modalStyles.modalActions}>
               <button onClick={clearAvailability} disabled={isSaving} style={styles.clearButton}>
-                Clear All
+                {t("availability.modal.clear")}
               </button>
               <div style={modalStyles.modalActionsRight}>
                 <button onClick={closeModal} style={buttonStyles.secondaryButton}>
-                  Cancel
+                  {t("availability.modal.close")}
                 </button>
                 <button
                   onClick={saveAvailability}
                   disabled={isSaving}
                   style={buttonStyles.accentButton}
                 >
-                  {isSaving ? "Saving..." : "Save"}
+                  {isSaving ? tCommon("saving") : t("availability.modal.save")}
                 </button>
               </div>
             </div>

frontend/app/admin/invites/page.tsx

@@ -7,6 +7,7 @@ import { Header } from "../../components/Header";
 import { StatusBadge } from "../../components/StatusBadge";
 import { useRequireAuth } from "../../hooks/useRequireAuth";
 import { useMutation } from "../../hooks/useMutation";
+import { useTranslation } from "../../hooks/useTranslation";
 import { components } from "../../generated/api";
 import constants from "../../../../shared/constants.json";
 import {
@@ -27,6 +28,8 @@ type PaginatedInvites = components["schemas"]["PaginatedResponse_InviteResponse_
 type UserOption = components["schemas"]["AdminUserResponse"];
 
 export default function AdminInvitesPage() {
+  const t = useTranslation("admin");
+  const tCommon = useTranslation("common");
   const [data, setData] = useState<PaginatedInvites | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [page, setPage] = useState(1);
@@ -47,16 +50,19 @@ export default function AdminInvitesPage() {
     }
   }, []);
 
-  const fetchInvites = useCallback(async (page: number, status: string) => {
-    setError(null);
-    try {
-      const data = await adminApi.getInvites(page, 10, status || undefined);
-      setData(data);
-    } catch (err) {
-      setData(null);
-      setError(err instanceof Error ? err.message : "Failed to load invites");
-    }
-  }, []);
+  const fetchInvites = useCallback(
+    async (page: number, status: string) => {
+      setError(null);
+      try {
+        const data = await adminApi.getInvites(page, 10, status || undefined);
+        setData(data);
+      } catch (err) {
+        setData(null);
+        setError(err instanceof Error ? err.message : t("invites.errors.loadFailed"));
+      }
+    },
+    [t]
+  );
 
   useEffect(() => {
     if (user && isAuthorized) {
@@ -91,7 +97,7 @@ export default function AdminInvitesPage() {
         fetchInvites(page, statusFilter);
       },
       onError: (err) => {
-        setError(err instanceof Error ? err.message : "Failed to revoke invite");
+        setError(err instanceof Error ? err.message : t("invites.errors.revokeFailed"));
       },
     }
   );
@@ -135,7 +141,7 @@ export default function AdminInvitesPage() {
   if (isLoading) {
     return (
       <main style={layoutStyles.main}>
-        <div style={layoutStyles.loader}>Loading...</div>
+        <div style={layoutStyles.loader}>{tCommon("loading")}</div>
       </main>
     );
   }
@@ -152,16 +158,16 @@ export default function AdminInvitesPage() {
         <div style={styles.pageContainer}>
           {/* Create Invite Section */}
           <div style={styles.createCard}>
-            <h2 style={styles.createTitle}>Create Invite</h2>
+            <h2 style={styles.createTitle}>{t("invites.createInvite")}</h2>
             <div style={styles.createForm}>
               <div style={formStyles.field}>
-                <label style={styles.inputLabel}>Godfather (user who can share this invite)</label>
+                <label style={styles.inputLabel}>{t("invites.godfatherLabel")}</label>
                 <select
                   value={newGodfatherId}
                   onChange={(e) => setNewGodfatherId(e.target.value)}
                   style={{ ...formStyles.select, maxWidth: "400px" }}
                 >
-                  <option value="">Select a user...</option>
+                  <option value="">{t("invites.selectUser")}</option>
                   {users.map((u) => (
                     <option key={u.id} value={u.id}>
                       {u.email}
@@ -169,9 +175,7 @@ export default function AdminInvitesPage() {
                   ))}
                 </select>
                 {users.length === 0 && (
-                  <span style={formStyles.hint}>
-                    No users loaded yet. Create at least one invite to populate the list.
-                  </span>
+                  <span style={formStyles.hint}>{t("invites.noUsersHint")}</span>
                 )}
               </div>
               {createError && <div style={styles.createError}>{createError}</div>}
@@ -184,7 +188,7 @@ export default function AdminInvitesPage() {
                   ...(!newGodfatherId ? buttonStyles.buttonDisabled : {}),
                 }}
               >
-                {isCreating ? "Creating..." : "Create Invite"}
+                {isCreating ? t("invites.creating") : t("invites.createInvite")}
               </button>
             </div>
           </div>
@@ -192,7 +196,7 @@ export default function AdminInvitesPage() {
           {/* Invites Table */}
           <div style={cardStyles.tableCard}>
             <div style={tableStyles.tableHeader}>
-              <h2 style={tableStyles.tableTitle}>All Invites</h2>
+              <h2 style={tableStyles.tableTitle}>{t("invites.allInvites")}</h2>
               <div style={utilityStyles.filterGroup}>
                 <select
                   value={statusFilter}
@@ -202,12 +206,14 @@ export default function AdminInvitesPage() {
                   }}
                   style={styles.filterSelect}
                 >
-                  <option value="">All statuses</option>
-                  <option value={READY}>Ready</option>
-                  <option value={SPENT}>Spent</option>
-                  <option value={REVOKED}>Revoked</option>
+                  <option value="">{t("invites.allStatuses")}</option>
+                  <option value={READY}>{t("invites.statusReady")}</option>
+                  <option value={SPENT}>{t("invites.statusSpent")}</option>
+                  <option value={REVOKED}>{t("invites.statusRevoked")}</option>
                 </select>
-                <span style={tableStyles.totalCount}>{data?.total ?? 0} invites</span>
+                <span style={tableStyles.totalCount}>
+                  {t("invites.invitesCount", { count: data?.total ?? 0 })}
+                </span>
               </div>
             </div>
 
@@ -215,12 +221,12 @@ export default function AdminInvitesPage() {
               <table style={tableStyles.table}>
                 <thead>
                   <tr>
-                    <th style={tableStyles.th}>Code</th>
-                    <th style={tableStyles.th}>Godfather</th>
-                    <th style={tableStyles.th}>Status</th>
-                    <th style={tableStyles.th}>Used By</th>
-                    <th style={tableStyles.th}>Created</th>
-                    <th style={tableStyles.th}>Actions</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.code")}</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.godfather")}</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.status")}</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.usedBy")}</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.created")}</th>
+                    <th style={tableStyles.th}>{t("invites.tableHeaders.actions")}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -249,7 +255,7 @@ export default function AdminInvitesPage() {
                               onClick={() => handleRevoke(record.id)}
                               style={buttonStyles.dangerButton}
                             >
-                              Revoke
+                              {t("invites.revoke")}
                             </button>
                           )}
                         </td>
@@ -258,7 +264,7 @@ export default function AdminInvitesPage() {
                   {!error && (!data || data.records.length === 0) && (
                     <tr>
                       <td colSpan={6} style={tableStyles.emptyRow}>
-                        No invites yet
+                        {t("invites.noInvites")}
                       </td>
                     </tr>
                   )}

frontend/app/admin/price-history/page.tsx

@@ -6,9 +6,11 @@ import { adminApi } from "../../api";
 import { sharedStyles } from "../../styles/shared";
 import { PageLayout } from "../../components/PageLayout";
 import { useRequireAuth } from "../../hooks/useRequireAuth";
+import { useTranslation } from "../../hooks/useTranslation";
 import { useAsyncData } from "../../hooks/useAsyncData";
 
 export default function AdminPriceHistoryPage() {
+  const t = useTranslation("admin");
   const { user, isLoading, isAuthorized } = useRequireAuth({
     requiredPermission: Permission.VIEW_AUDIT,
     fallbackRedirect: "/",
@@ -61,14 +63,16 @@ export default function AdminPriceHistoryPage() {
     >
       <div style={styles.tableCard}>
         <div style={styles.tableHeader}>
-          <h2 style={styles.tableTitle}>Bitcoin Price History</h2>
+          <h2 style={styles.tableTitle}>{t("priceHistory.title")}</h2>
           <div style={styles.headerActions}>
-            <span style={styles.totalCount}>{records?.length ?? 0} records</span>
+            <span style={styles.totalCount}>
+              {t("priceHistory.recordsCount", { count: records?.length ?? 0 })}
+            </span>
             <button onClick={fetchRecords} style={styles.refreshBtn} disabled={isLoadingData}>
-              Refresh
+              {t("priceHistory.refresh")}
             </button>
             <button onClick={handleFetchNow} style={styles.fetchBtn} disabled={isFetching}>
-              {isFetching ? "Fetching..." : "Fetch Now"}
+              {isFetching ? t("priceHistory.fetching") : t("priceHistory.fetchNow")}
             </button>
           </div>
         </div>
@@ -77,10 +81,10 @@ export default function AdminPriceHistoryPage() {
           <table style={styles.table}>
             <thead>
               <tr>
-                <th style={styles.th}>Source</th>
-                <th style={styles.th}>Pair</th>
-                <th style={styles.th}>Price</th>
-                <th style={styles.th}>Timestamp</th>
+                <th style={styles.th}>{t("priceHistory.tableHeaders.source")}</th>
+                <th style={styles.th}>{t("priceHistory.tableHeaders.pair")}</th>
+                <th style={styles.th}>{t("priceHistory.tableHeaders.price")}</th>
+                <th style={styles.th}>{t("priceHistory.tableHeaders.timestamp")}</th>
               </tr>
             </thead>
             <tbody>
@@ -94,14 +98,14 @@ export default function AdminPriceHistoryPage() {
               {!error && isLoadingData && (
                 <tr>
                   <td colSpan={4} style={styles.emptyRow}>
-                    Loading...
+                    {t("priceHistory.loading")}
                   </td>
                 </tr>
               )}
               {!error && !isLoadingData && (records?.length ?? 0) === 0 && (
                 <tr>
                   <td colSpan={4} style={styles.emptyRow}>
-                    No price records yet. Click &quot;Fetch Now&quot; to get the current price.
+                    {t("priceHistory.emptyState")}
                   </td>
                 </tr>
               )}

frontend/app/admin/trades/page.tsx

@@ -9,6 +9,7 @@ import { StatusBadge } from "../../components/StatusBadge";
 import { EmptyState } from "../../components/EmptyState";
 import { ConfirmationButton } from "../../components/ConfirmationButton";
 import { useRequireAuth } from "../../hooks/useRequireAuth";
+import { useTranslation } from "../../hooks/useTranslation";
 import { components } from "../../generated/api";
 import { formatDateTime } from "../../utils/date";
 import { formatEur } from "../../utils/exchange";
@@ -19,6 +20,8 @@ type AdminExchangeResponse = components["schemas"]["AdminExchangeResponse"];
 type Tab = "upcoming" | "past";
 
 export default function AdminTradesPage() {
+  const t = useTranslation("admin");
+  const tCommon = useTranslation("common");
   const { user, isLoading, isAuthorized } = useRequireAuth({
     requiredPermission: Permission.VIEW_ALL_EXCHANGES,
     fallbackRedirect: "/",
@@ -48,9 +51,9 @@ export default function AdminTradesPage() {
       return null;
     } catch (err) {
       console.error("Failed to fetch upcoming trades:", err);
-      return "Failed to load upcoming trades";
+      return t("trades.errors.loadUpcomingFailed");
     }
-  }, []);
+  }, [t]);
 
   const fetchPastTrades = useCallback(async (): Promise<string | null> => {
     try {
@@ -69,9 +72,9 @@ export default function AdminTradesPage() {
       return null;
     } catch (err) {
       console.error("Failed to fetch past trades:", err);
-      return "Failed to load past trades";
+      return t("trades.errors.loadPastFailed");
     }
-  }, [statusFilter, userSearch]);
+  }, [statusFilter, userSearch, t]);
 
   useEffect(() => {
     if (user && isAuthorized) {
@@ -112,7 +115,7 @@ export default function AdminTradesPage() {
       }
       setConfirmAction(null);
     } catch (err) {
-      setError(err instanceof Error ? err.message : `Failed to ${action} trade`);
+      setError(err instanceof Error ? err.message : t("trades.errors.actionFailed", { action }));
     } finally {
       // Remove this trade from the set of actioning trades
       setActioningIds((prev) => {
@@ -126,7 +129,7 @@ export default function AdminTradesPage() {
   if (isLoading) {
     return (
       <main style={layoutStyles.main}>
-        <div style={layoutStyles.loader}>Loading...</div>
+        <div style={layoutStyles.loader}>{tCommon("loading")}</div>
       </main>
     );
   }
@@ -141,8 +144,8 @@ export default function AdminTradesPage() {
     <main style={layoutStyles.main}>
       <Header currentPage="admin-trades" />
       <div style={styles.content}>
-        <h1 style={typographyStyles.pageTitle}>Trades</h1>
-        <p style={typographyStyles.pageSubtitle}>Manage Bitcoin exchange trades</p>
+        <h1 style={typographyStyles.pageTitle}>{t("trades.title")}</h1>
+        <p style={typographyStyles.pageSubtitle}>{t("trades.subtitle")}</p>
 
         {error && <div style={bannerStyles.errorBanner}>{error}</div>}
 
@@ -155,7 +158,7 @@ export default function AdminTradesPage() {
               ...(activeTab === "upcoming" ? styles.tabButtonActive : {}),
             }}
           >
-            Upcoming ({upcomingTrades.length})
+            {t("trades.tabs.upcoming", { count: upcomingTrades.length })}
           </button>
           <button
             onClick={() => setActiveTab("past")}
@@ -164,7 +167,7 @@ export default function AdminTradesPage() {
               ...(activeTab === "past" ? styles.tabButtonActive : {}),
             }}
           >
-            History ({pastTrades.length})
+            {t("trades.tabs.history", { count: pastTrades.length })}
           </button>
         </div>
 
@@ -176,15 +179,15 @@ export default function AdminTradesPage() {
               onChange={(e) => setStatusFilter(e.target.value)}
               style={styles.filterSelect}
             >
-              <option value="all">All Statuses</option>
-              <option value="completed">Completed</option>
-              <option value="no_show">No Show</option>
-              <option value="cancelled_by_user">User Cancelled</option>
-              <option value="cancelled_by_admin">Admin Cancelled</option>
+              <option value="all">{t("trades.filters.allStatuses")}</option>
+              <option value="completed">{t("trades.filters.completed")}</option>
+              <option value="no_show">{t("trades.filters.noShow")}</option>
+              <option value="cancelled_by_user">{t("trades.filters.userCancelled")}</option>
+              <option value="cancelled_by_admin">{t("trades.filters.adminCancelled")}</option>
             </select>
             <input
               type="text"
-              placeholder="Search by email..."
+              placeholder={t("trades.searchPlaceholder")}
               value={userSearch}
               onChange={(e) => setUserSearch(e.target.value)}
               style={styles.searchInput}
@@ -193,10 +196,14 @@ export default function AdminTradesPage() {
         )}
 
         {isLoadingTrades ? (
-          <EmptyState message="Loading trades..." isLoading={true} />
+          <EmptyState message={t("trades.loading")} isLoading={true} />
         ) : trades.length === 0 ? (
           <EmptyState
-            message={activeTab === "upcoming" ? "No upcoming trades." : "No trades found."}
+            message={
+              activeTab === "upcoming"
+                ? t("trades.emptyStates.upcoming")
+                : t("trades.emptyStates.past")
+            }
           />
         ) : (
           <div style={tradeCardStyles.tradeList}>
@@ -221,7 +228,7 @@ export default function AdminTradesPage() {
                         )}
                         {trade.user_contact.signal && (
                           <span style={styles.contactBadge}>
-                            Signal: {trade.user_contact.signal}
+                            {t("trades.tradeDetails.signal", { value: trade.user_contact.signal })}
                           </span>
                         )}
                       </div>
@@ -238,7 +245,9 @@ export default function AdminTradesPage() {
                             color: isBuy ? "#f87171" : "#4ade80",
                           }}
                         >
-                          {isBuy ? "SELL BTC" : "BUY BTC"}
+                          {isBuy
+                            ? t("trades.tradeDetails.sellBtc")
+                            : t("trades.tradeDetails.buyBtc")}
                         </span>
                         <span
                           style={{
@@ -248,8 +257,18 @@ export default function AdminTradesPage() {
                           }}
                         >
                           {isBuy
-                            ? `Send via ${trade.bitcoin_transfer_method === "onchain" ? "Onchain" : "Lightning"}`
-                            : `Receive via ${trade.bitcoin_transfer_method === "onchain" ? "Onchain" : "Lightning"}`}
+                            ? t("trades.tradeDetails.sendVia", {
+                                method:
+                                  trade.bitcoin_transfer_method === "onchain"
+                                    ? t("trades.tradeDetails.onchain")
+                                    : t("trades.tradeDetails.lightning"),
+                              })
+                            : t("trades.tradeDetails.receiveVia", {
+                                method:
+                                  trade.bitcoin_transfer_method === "onchain"
+                                    ? t("trades.tradeDetails.onchain")
+                                    : t("trades.tradeDetails.lightning"),
+                              })}
                         </span>
                         <span style={tradeCardStyles.amount}>{formatEur(trade.eur_amount)}</span>
                         <span style={tradeCardStyles.arrow}>↔</span>
@@ -259,7 +278,9 @@ export default function AdminTradesPage() {
                       </div>
 
                       <div style={tradeCardStyles.rateRow}>
-                        <span style={tradeCardStyles.rateLabel}>Rate:</span>
+                        <span style={tradeCardStyles.rateLabel}>
+                          {t("trades.tradeDetails.rate")}
+                        </span>
                         <span style={tradeCardStyles.rateValue}>
                           €
                           {trade.agreed_price_eur.toLocaleString("es-ES", {
@@ -267,7 +288,9 @@ export default function AdminTradesPage() {
                           })}
                           /BTC
                         </span>
-                        <span style={tradeCardStyles.rateLabel}>Market:</span>
+                        <span style={tradeCardStyles.rateLabel}>
+                          {t("trades.tradeDetails.market")}
+                        </span>
                         <span style={tradeCardStyles.rateValue}>
                           €
                           {trade.market_price_eur.toLocaleString("es-ES", {
@@ -298,7 +321,7 @@ export default function AdminTradesPage() {
                                 type: "complete",
                               })
                             }
-                            actionLabel="Complete"
+                            actionLabel={t("trades.actions.complete")}
                             isLoading={actioningIds.has(trade.public_id)}
                             confirmVariant="success"
                             confirmButtonStyle={styles.successButton}
@@ -317,7 +340,7 @@ export default function AdminTradesPage() {
                                 type: "no_show",
                               })
                             }
-                            actionLabel="No Show"
+                            actionLabel={t("trades.actions.noShow")}
                             isLoading={actioningIds.has(trade.public_id)}
                             confirmVariant="primary"
                             actionButtonStyle={styles.warningButton}
@@ -338,7 +361,7 @@ export default function AdminTradesPage() {
                               type: "cancel",
                             })
                           }
-                          actionLabel="Cancel"
+                          actionLabel={t("trades.actions.cancel")}
                           isLoading={actioningIds.has(trade.public_id)}
                           confirmVariant="danger"
                           confirmButtonStyle={styles.dangerButton}

frontend/app/components/IntlProvider.tsx

@@ -26,6 +26,9 @@ import caInvites from "../../locales/ca/invites.json";
 import esProfile from "../../locales/es/profile.json";
 import enProfile from "../../locales/en/profile.json";
 import caProfile from "../../locales/ca/profile.json";
+import esAdmin from "../../locales/es/admin.json";
+import enAdmin from "../../locales/en/admin.json";
+import caAdmin from "../../locales/ca/admin.json";
 
 const messages = {
   es: {
@@ -36,6 +39,7 @@ const messages = {
     trades: esTrades,
     invites: esInvites,
     profile: esProfile,
+    admin: esAdmin,
   },
   en: {
     common: enCommon,
@@ -45,6 +49,7 @@ const messages = {
     trades: enTrades,
     invites: enInvites,
     profile: enProfile,
+    admin: enAdmin,
   },
   ca: {
     common: caCommon,
@@ -54,6 +59,7 @@ const messages = {
     trades: caTrades,
     invites: caInvites,
     profile: caProfile,
+    admin: caAdmin,
   },
 };
 

frontend/locales/ca/admin.json

@@ -0,0 +1,113 @@
+{
+  "invites": {
+    "title": "Invitacions",
+    "createInvite": "Crear Invitació",
+    "godfatherLabel": "Padrí (usuari que pot compartir aquesta invitació)",
+    "selectUser": "Seleccionar un usuari...",
+    "noUsersHint": "Encara no hi ha usuaris carregats. Crea almenys una invitació per omplir la llista.",
+    "creating": "Creant...",
+    "allInvites": "Totes les Invitacions",
+    "allStatuses": "Tots els estats",
+    "statusReady": "Llista",
+    "statusSpent": "Usada",
+    "statusRevoked": "Revocada",
+    "invitesCount": "{count} invitacions",
+    "tableHeaders": {
+      "code": "Codi",
+      "godfather": "Padrí",
+      "status": "Estat",
+      "usedBy": "Usada Per",
+      "created": "Creada",
+      "actions": "Accions"
+    },
+    "noInvites": "Encara no hi ha invitacions",
+    "revoke": "Revocar",
+    "errors": {
+      "loadFailed": "Error en carregar invitacions",
+      "revokeFailed": "Error en revocar invitació"
+    }
+  },
+  "trades": {
+    "title": "Intercanvis",
+    "subtitle": "Gestionar intercanvis de Bitcoin",
+    "tabs": {
+      "upcoming": "Pròxims ({count})",
+      "history": "Historial ({count})"
+    },
+    "filters": {
+      "allStatuses": "Tots els Estats",
+      "completed": "Completat",
+      "noShow": "No Presentat",
+      "userCancelled": "Cancel·lat per Usuari",
+      "adminCancelled": "Cancel·lat per Admin"
+    },
+    "searchPlaceholder": "Buscar per correu electrònic...",
+    "loading": "Carregant intercanvis...",
+    "emptyStates": {
+      "upcoming": "No hi ha intercanvis propers.",
+      "past": "No s'han trobat intercanvis."
+    },
+    "tradeDetails": {
+      "rate": "Taxa:",
+      "market": "Mercat:",
+      "sellBtc": "VENDE BTC",
+      "buyBtc": "COMPRA BTC",
+      "sendVia": "Enviar via {method}",
+      "receiveVia": "Rebre via {method}",
+      "onchain": "Onchain",
+      "lightning": "Lightning",
+      "signal": "Signal: {value}"
+    },
+    "actions": {
+      "complete": "Completar",
+      "noShow": "No Presentat",
+      "cancel": "Cancel·lar"
+    },
+    "errors": {
+      "loadUpcomingFailed": "Error en carregar intercanvis propers",
+      "loadPastFailed": "Error en carregar historial d'intercanvis",
+      "actionFailed": "Error en {action} intercanvi"
+    }
+  },
+  "priceHistory": {
+    "title": "Historial de Preus de Bitcoin",
+    "recordsCount": "{count} registres",
+    "refresh": "Actualitzar",
+    "fetching": "Obtenint...",
+    "fetchNow": "Obtindre Ara",
+    "tableHeaders": {
+      "source": "Font",
+      "pair": "Parella",
+      "price": "Preu",
+      "timestamp": "Data i Hora"
+    },
+    "loading": "Carregant...",
+    "emptyState": "Encara no hi ha registres de preus. Fes clic a \"Obtindre Ara\" per obtenir el preu actual."
+  },
+  "availability": {
+    "title": "Disponibilitat",
+    "subtitle": "Configurar les teves franges horàries disponibles per als propers {days} dies",
+    "copyMode": {
+      "hint": "Selecciona els dies als quals copiar, després fes clic a Copiar",
+      "copyTo": "Copiar a {count} dia(s)",
+      "copying": "Copiant...",
+      "cancel": "Cancel·lar"
+    },
+    "modal": {
+      "title": "Editar Franges Horàries",
+      "startTime": "Hora d'inici",
+      "endTime": "Hora de fi",
+      "addSlot": "Afegir franja",
+      "removeSlot": "Eliminar",
+      "save": "Guardar",
+      "clear": "Netejar",
+      "close": "Tancar",
+      "noAvailability": "Sense disponibilitat"
+    },
+    "errors": {
+      "saveFailed": "Error en guardar",
+      "clearFailed": "Error en netejar",
+      "copyFailed": "Error en copiar"
+    }
+  }
+}

frontend/locales/ca/common.json

@@ -2,6 +2,7 @@
   "loading": "Carregant...",
   "error": "Error",
   "save": "Desar",
+  "saving": "Desant...",
   "cancel": "Cancel·lar",
   "back": "Enrere",
   "continue": "Continuar",

frontend/locales/en/admin.json

@@ -0,0 +1,113 @@
+{
+  "invites": {
+    "title": "Invites",
+    "createInvite": "Create Invite",
+    "godfatherLabel": "Godfather (user who can share this invite)",
+    "selectUser": "Select a user...",
+    "noUsersHint": "No users loaded yet. Create at least one invite to populate the list.",
+    "creating": "Creating...",
+    "allInvites": "All Invites",
+    "allStatuses": "All statuses",
+    "statusReady": "Ready",
+    "statusSpent": "Spent",
+    "statusRevoked": "Revoked",
+    "invitesCount": "{count} invites",
+    "tableHeaders": {
+      "code": "Code",
+      "godfather": "Godfather",
+      "status": "Status",
+      "usedBy": "Used By",
+      "created": "Created",
+      "actions": "Actions"
+    },
+    "noInvites": "No invites yet",
+    "revoke": "Revoke",
+    "errors": {
+      "loadFailed": "Failed to load invites",
+      "revokeFailed": "Failed to revoke invite"
+    }
+  },
+  "trades": {
+    "title": "Trades",
+    "subtitle": "Manage Bitcoin exchange trades",
+    "tabs": {
+      "upcoming": "Upcoming ({count})",
+      "history": "History ({count})"
+    },
+    "filters": {
+      "allStatuses": "All Statuses",
+      "completed": "Completed",
+      "noShow": "No Show",
+      "userCancelled": "User Cancelled",
+      "adminCancelled": "Admin Cancelled"
+    },
+    "searchPlaceholder": "Search by email...",
+    "loading": "Loading trades...",
+    "emptyStates": {
+      "upcoming": "No upcoming trades.",
+      "past": "No trades found."
+    },
+    "tradeDetails": {
+      "rate": "Rate:",
+      "market": "Market:",
+      "sellBtc": "SELL BTC",
+      "buyBtc": "BUY BTC",
+      "sendVia": "Send via {method}",
+      "receiveVia": "Receive via {method}",
+      "onchain": "Onchain",
+      "lightning": "Lightning",
+      "signal": "Signal: {value}"
+    },
+    "actions": {
+      "complete": "Complete",
+      "noShow": "No Show",
+      "cancel": "Cancel"
+    },
+    "errors": {
+      "loadUpcomingFailed": "Failed to load upcoming trades",
+      "loadPastFailed": "Failed to load past trades",
+      "actionFailed": "Failed to {action} trade"
+    }
+  },
+  "priceHistory": {
+    "title": "Bitcoin Price History",
+    "recordsCount": "{count} records",
+    "refresh": "Refresh",
+    "fetching": "Fetching...",
+    "fetchNow": "Fetch Now",
+    "tableHeaders": {
+      "source": "Source",
+      "pair": "Pair",
+      "price": "Price",
+      "timestamp": "Timestamp"
+    },
+    "loading": "Loading...",
+    "emptyState": "No price records yet. Click \"Fetch Now\" to get the current price."
+  },
+  "availability": {
+    "title": "Availability",
+    "subtitle": "Configure your available time slots for the next {days} days",
+    "copyMode": {
+      "hint": "Select days to copy to, then click Copy",
+      "copyTo": "Copy to {count} day(s)",
+      "copying": "Copying...",
+      "cancel": "Cancel"
+    },
+    "modal": {
+      "title": "Edit Time Slots",
+      "startTime": "Start Time",
+      "endTime": "End Time",
+      "addSlot": "Add Slot",
+      "removeSlot": "Remove",
+      "save": "Save",
+      "clear": "Clear",
+      "close": "Close",
+      "noAvailability": "No availability"
+    },
+    "errors": {
+      "saveFailed": "Failed to save",
+      "clearFailed": "Failed to clear",
+      "copyFailed": "Failed to copy"
+    }
+  }
+}

frontend/locales/en/common.json

@@ -2,6 +2,7 @@
   "loading": "Loading...",
   "error": "Error",
   "save": "Save",
+  "saving": "Saving...",
   "cancel": "Cancel",
   "back": "Back",
   "continue": "Continue",

frontend/locales/es/admin.json

@@ -0,0 +1,113 @@
+{
+  "invites": {
+    "title": "Invitaciones",
+    "createInvite": "Crear Invitación",
+    "godfatherLabel": "Padrino (usuario que puede compartir esta invitación)",
+    "selectUser": "Seleccionar un usuario...",
+    "noUsersHint": "Aún no hay usuarios cargados. Crea al menos una invitación para poblar la lista.",
+    "creating": "Creando...",
+    "allInvites": "Todas las Invitaciones",
+    "allStatuses": "Todos los estados",
+    "statusReady": "Lista",
+    "statusSpent": "Usada",
+    "statusRevoked": "Revocada",
+    "invitesCount": "{count} invitaciones",
+    "tableHeaders": {
+      "code": "Código",
+      "godfather": "Padrino",
+      "status": "Estado",
+      "usedBy": "Usada Por",
+      "created": "Creada",
+      "actions": "Acciones"
+    },
+    "noInvites": "Aún no hay invitaciones",
+    "revoke": "Revocar",
+    "errors": {
+      "loadFailed": "Error al cargar invitaciones",
+      "revokeFailed": "Error al revocar invitación"
+    }
+  },
+  "trades": {
+    "title": "Intercambios",
+    "subtitle": "Gestionar intercambios de Bitcoin",
+    "tabs": {
+      "upcoming": "Próximos ({count})",
+      "history": "Historial ({count})"
+    },
+    "filters": {
+      "allStatuses": "Todos los Estados",
+      "completed": "Completado",
+      "noShow": "No Presentado",
+      "userCancelled": "Cancelado por Usuario",
+      "adminCancelled": "Cancelado por Admin"
+    },
+    "searchPlaceholder": "Buscar por email...",
+    "loading": "Cargando intercambios...",
+    "emptyStates": {
+      "upcoming": "No hay intercambios próximos.",
+      "past": "No se encontraron intercambios."
+    },
+    "tradeDetails": {
+      "rate": "Tasa:",
+      "market": "Mercado:",
+      "sellBtc": "VENDER BTC",
+      "buyBtc": "COMPRAR BTC",
+      "sendVia": "Enviar vía {method}",
+      "receiveVia": "Recibir vía {method}",
+      "onchain": "Onchain",
+      "lightning": "Lightning",
+      "signal": "Signal: {value}"
+    },
+    "actions": {
+      "complete": "Completar",
+      "noShow": "No Presentado",
+      "cancel": "Cancelar"
+    },
+    "errors": {
+      "loadUpcomingFailed": "Error al cargar intercambios próximos",
+      "loadPastFailed": "Error al cargar historial de intercambios",
+      "actionFailed": "Error al {action} intercambio"
+    }
+  },
+  "priceHistory": {
+    "title": "Historial de Precios de Bitcoin",
+    "recordsCount": "{count} registros",
+    "refresh": "Actualizar",
+    "fetching": "Obteniendo...",
+    "fetchNow": "Obtener Ahora",
+    "tableHeaders": {
+      "source": "Fuente",
+      "pair": "Par",
+      "price": "Precio",
+      "timestamp": "Fecha y Hora"
+    },
+    "loading": "Cargando...",
+    "emptyState": "Aún no hay registros de precios. Haz clic en \"Obtener Ahora\" para obtener el precio actual."
+  },
+  "availability": {
+    "title": "Disponibilidad",
+    "subtitle": "Configurar tus franjas horarias disponibles para los próximos {days} días",
+    "copyMode": {
+      "hint": "Selecciona los días a los que copiar, luego haz clic en Copiar",
+      "copyTo": "Copiar a {count} día(s)",
+      "copying": "Copiando...",
+      "cancel": "Cancelar"
+    },
+    "modal": {
+      "title": "Editar Franjas Horarias",
+      "startTime": "Hora de inicio",
+      "endTime": "Hora de fin",
+      "addSlot": "Añadir franja",
+      "removeSlot": "Eliminar",
+      "save": "Guardar",
+      "clear": "Limpiar",
+      "close": "Cerrar",
+      "noAvailability": "Sin disponibilidad"
+    },
+    "errors": {
+      "saveFailed": "Error al guardar",
+      "clearFailed": "Error al limpiar",
+      "copyFailed": "Error al copiar"
+    }
+  }
+}

frontend/locales/es/common.json

@@ -2,6 +2,7 @@
   "loading": "Cargando...",
   "error": "Error",
   "save": "Guardar",
+  "saving": "Guardando...",
   "cancel": "Cancelar",
   "back": "Atrás",
   "continue": "Continuar",