@base44/app-plugin-commerce 0.7.0 → 0.8.0

package/src/commerce/admin/pages/orders/OrderEditor.jsx

@@ -24,6 +24,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { Copy, ExternalLink, Loader2, Mail, Pencil, Plus, RotateCw, Ticket, Trash2, Truck, UserPlus } from "lucide-react";
 import { toast } from "sonner";
 
+import { t } from "../../i18n";
 import { call, base44 } from "../../lib/api";
 import useAsync from "../../hooks/useAsync";
 import useDebounce from "../../hooks/useDebounce";
@@ -183,7 +184,7 @@ export default function OrderEditor() {
       .catch((err) => {
         if (cancelled) return;
         setPriceView(null);
-        setPreviewError(err.message || "Could not price these changes");
+        setPreviewError(err.message || t("orders.preview_failed_generic"));
       })
       .finally(() => !cancelled && setPreviewing(false));
     return () => {
@@ -213,7 +214,7 @@ export default function OrderEditor() {
     if (!dirty) return;
     setSaving(true);
     try {
-      if (await persist()) toast.success("Order saved");
+      if (await persist()) toast.success(t("orders.saved"));
       refetchAll();
     } catch {
       /* toast handled by call() */
@@ -248,7 +249,7 @@ export default function OrderEditor() {
       "recalculate",
       async () => {
         await call("admin-orders", "recalculate", { order_id: id });
-        toast.success(dirty ? "Order saved and totals recalculated" : "Totals recalculated");
+        toast.success(dirty ? t("orders.saved_recalculated") : t("orders.recalculated"));
       },
       { flush: true }
     );
@@ -256,13 +257,13 @@ export default function OrderEditor() {
   const sendInvoice = () =>
     serverOp("invoice", async () => {
       await call("admin-orders", "send-email", { order_id: id, type: "customer_invoice" });
-      toast.success("Order details sent to customer");
+      toast.success(t("orders.invoice_sent"));
     });
 
   const deleteOrder = () =>
     serverOp("delete", async () => {
       await call("admin-orders", "delete", { order_id: id });
-      toast.success("Order deleted");
+      toast.success(t("orders.deleted"));
       navigate(href("orders"));
     });
 
@@ -272,7 +273,7 @@ export default function OrderEditor() {
     return rows.map((c) => ({
       value: c.id,
       label: [c.first_name, c.last_name].filter(Boolean).join(" ") || c.email,
-      meta: [c.email, c.orders_count ? `${c.orders_count} order(s)` : null].filter(Boolean).join(" · "),
+      meta: [c.email, c.orders_count ? t("orders.n_orders", { count: c.orders_count }) : null].filter(Boolean).join(" · "),
       record: c,
     }));
   }, []);
@@ -316,6 +317,10 @@ export default function OrderEditor() {
     return { filled, skipped };
   };
 
+  /** "billing", "shipping" → localized, joined for toast copy. */
+  const addressPartNames = (keys) =>
+    keys.map((k) => (k === "billing" ? t("orders.addr_billing") : t("orders.addr_shipping"))).join(t("orders.and_separator"));
+
   const pickCustomer = async (opt) => {
     setCustomerOpt(opt);
     patchDraft({ customer_id: opt?.value || "" });
@@ -324,11 +329,11 @@ export default function OrderEditor() {
     const record = opt.record ?? (await base44.entities["commerce.Customer"].get(opt.value).catch(() => null));
     const { filled, skipped } = await applyCustomerAddresses(record);
     if (filled.length) {
-      toast.success(`Filled ${filled.join(" and ")} from ${opt.label}`);
+      toast.success(t("orders.filled_from", { parts: addressPartNames(filled), name: opt.label }));
     } else if (skipped.length) {
-      toast.info("Kept the addresses already on this order — use “Use customer's addresses” to replace them.");
+      toast.info(t("orders.kept_existing_addresses"));
     } else {
-      toast.info(`${opt.label} has no saved address — enter the details below.`);
+      toast.info(t("orders.no_saved_address_enter_below", { name: opt.label }));
       setEditBilling(true);
     }
   };
@@ -341,12 +346,12 @@ export default function OrderEditor() {
       const record =
         customerOpt?.record ?? (await base44.entities["commerce.Customer"].get(draft.customer_id).catch(() => null));
       if (!record) {
-        toast.error("Could not load that customer record");
+        toast.error(t("orders.customer_load_failed"));
         return;
       }
       const { filled } = await applyCustomerAddresses(record, { overwrite: true });
-      if (filled.length) toast.success(`Replaced ${filled.join(" and ")} from the customer record`);
-      else toast.info("That customer has no saved address");
+      if (filled.length) toast.success(t("orders.replaced_from_customer", { parts: addressPartNames(filled) }));
+      else toast.info(t("orders.customer_no_saved_address"));
     } finally {
       setFillingAddresses(false);
     }
@@ -390,8 +395,8 @@ export default function OrderEditor() {
       patchDraft({ customer_id: record.id });
       toast.success(
         existing
-          ? `${label} is already a customer — linked. Save the order to keep the link.`
-          : `Customer ${label} created. Save the order to keep the link.`
+          ? t("orders.already_customer_linked", { name: label })
+          : t("orders.customer_created", { name: label })
       );
     } catch {
       /* toast handled by call() */
@@ -431,7 +436,7 @@ export default function OrderEditor() {
     );
   }
   if (!order.data) {
-    return <p className="py-12 text-center text-sm text-muted-foreground">Order not found.</p>;
+    return <p className="py-12 text-center text-sm text-muted-foreground">{t("orders.not_found")}</p>;
   }
 
   const o = order.data;
@@ -461,11 +466,11 @@ export default function OrderEditor() {
       <PageHeader
         title={
           <span className="flex items-center gap-3">
-            Order #{o.order_number || o.id}
+            {t("orders.order_number", { number: o.order_number || o.id })}
             <StatusBadge status={o.status} />
           </span>
         }
-        description={`Placed ${formatDateTime(o.created_date)} via ${o.created_via || "checkout"}${
+        description={`${t("orders.placed_via", { date: formatDateTime(o.created_date), via: o.created_via || "checkout" })}${
           o.payment_method_title ? ` · ${o.payment_method_title}` : ""
         }`}
         backHref={href("orders")}
@@ -477,14 +482,14 @@ export default function OrderEditor() {
           {/* General */}
           <Card>
             <CardHeader className="pb-3">
-              <CardTitle className="text-base">General</CardTitle>
+              <CardTitle className="text-base">{t("orders.general")}</CardTitle>
             </CardHeader>
             {/* items-start: without it the shorter Status cell stretches to the
                 row height set by the Customer cell's helper text, and its
                 dropdown drifts below the Customer one. */}
             <CardContent className="grid grid-cols-1 items-start gap-4 sm:grid-cols-2">
               <div className="grid gap-1.5">
-                <Label className="text-xs text-muted-foreground">Status</Label>
+                <Label className="text-xs text-muted-foreground">{t("common.status")}</Label>
                 <Select value={draft.status} onValueChange={(v) => patchDraft({ status: v })}>
                   <SelectTrigger>
                     <SelectValue />
@@ -499,12 +504,12 @@ export default function OrderEditor() {
                 </Select>
               </div>
               <div className="grid gap-1.5">
-                <Label className="text-xs text-muted-foreground">Customer</Label>
+                <Label className="text-xs text-muted-foreground">{t("routes.customer")}</Label>
                 <SearchSelect
                   search={searchCustomers}
                   value={customerOpt}
                   onChange={pickCustomer}
-                  placeholder="Guest — search customers…"
+                  placeholder={t("orders.guest_search_customers")}
                 />
 
                 {draft.customer_id ? (
@@ -515,18 +520,18 @@ export default function OrderEditor() {
                       className="h-7 px-2 text-xs"
                       disabled={fillingAddresses}
                       onClick={refillFromCustomer}
-                      title="Replace the order's billing and shipping with the customer's saved addresses"
+                      title={t("orders.use_customer_addresses_tip")}
                     >
                       {fillingAddresses ? (
                         <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin" />
                       ) : (
                         <RotateCw className="mr-1 h-3.5 w-3.5" />
                       )}
-                      Use customer's addresses
+                      {t("orders.use_customer_addresses")}
                     </Button>
                     <Button variant="ghost" size="sm" className="h-7 px-2 text-xs" asChild>
                       <Link to={href(`customers/${draft.customer_id}`)}>
-                        <ExternalLink className="mr-1 h-3.5 w-3.5" /> Open customer
+                        <ExternalLink className="mr-1 h-3.5 w-3.5" /> {t("orders.open_customer")}
                       </Link>
                     </Button>
                   </div>
@@ -541,8 +546,8 @@ export default function OrderEditor() {
                       onClick={saveAsCustomer}
                       title={
                         billingEmail
-                          ? "Create a customer from the billing details below and link this order to it"
-                          : "Add a billing email below to save these details as a customer"
+                          ? t("orders.save_as_customer_tip")
+                          : t("orders.save_as_customer_needs_email_tip")
                       }
                     >
                       {savingCustomer ? (
@@ -550,16 +555,15 @@ export default function OrderEditor() {
                       ) : (
                         <UserPlus className="mr-1 h-3.5 w-3.5" />
                       )}
-                      Save as customer
+                      {t("orders.save_as_customer")}
                     </Button>
                     <span className="text-xs text-muted-foreground">
-                      {billingEmail ? "Guest order" : "Guest order — needs a billing email"}
+                      {billingEmail ? t("orders.guest_order") : t("orders.guest_order_needs_email")}
                     </span>
                   </div>
                 ) : (
                   <p className="text-xs text-muted-foreground">
-                    Guest order. Pick a customer to fill the addresses from their record, or enter the details
-                    below — the billing email is where this order's emails go.
+                    {t("orders.guest_order_hint")}
                   </p>
                 )}
               </div>
@@ -569,8 +573,8 @@ export default function OrderEditor() {
           {/* Addresses */}
           <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
             {[
-              { key: "billing", title: "Billing", edit: editBilling, setEdit: setEditBilling, showEmail: true },
-              { key: "shipping", title: "Shipping", edit: editShipping, setEdit: setEditShipping, showEmail: false },
+              { key: "billing", title: t("orders.billing"), edit: editBilling, setEdit: setEditBilling, showEmail: true },
+              { key: "shipping", title: t("orders.shipping"), edit: editShipping, setEdit: setEditShipping, showEmail: false },
             ].map(({ key, title, edit, setEdit, showEmail }) => (
               <Card key={key}>
                 <CardHeader className="flex-row items-center justify-between space-y-0 pb-3">
@@ -581,9 +585,9 @@ export default function OrderEditor() {
                         variant="ghost"
                         size="sm"
                         onClick={() => patchDraft({ shipping: { ...draft.billing, email: undefined } })}
-                        title="Copy from billing"
+                        title={t("orders.copy_from_billing")}
                       >
-                        <Copy className="mr-1 h-3.5 w-3.5" /> From billing
+                        <Copy className="mr-1 h-3.5 w-3.5" /> {t("orders.from_billing")}
                       </Button>
                     )}
                     <Button variant="ghost" size="icon" className="h-7 w-7" onClick={() => setEdit(!edit)}>
@@ -609,7 +613,7 @@ export default function OrderEditor() {
           {/* Items */}
           <Card>
             <CardHeader className="pb-3">
-              <CardTitle className="text-base">Items</CardTitle>
+              <CardTitle className="text-base">{t("orders.items")}</CardTitle>
             </CardHeader>
             <CardContent className="p-0">
               <LineItemsTable
@@ -622,7 +626,7 @@ export default function OrderEditor() {
                     "coupon",
                     async () => {
                       await call("admin-orders", "remove-coupon", { order_id: id, code });
-                      toast.success(`Coupon ${code} removed`);
+                      toast.success(t("orders.coupon_removed", { code }));
                     },
                     { flush: true }
                   )
@@ -631,22 +635,22 @@ export default function OrderEditor() {
               {editable && (
                 <div className="flex flex-wrap gap-2 border-t p-3">
                   <Button variant="outline" size="sm" onClick={() => setAddProductOpen(true)}>
-                    <Plus className="mr-1 h-3.5 w-3.5" /> Add product(s)
+                    <Plus className="mr-1 h-3.5 w-3.5" /> {t("orders.add_products")}
                   </Button>
                   <Button variant="outline" size="sm" onClick={() => setFeeDialog(true)}>
-                    <Plus className="mr-1 h-3.5 w-3.5" /> Add fee
+                    <Plus className="mr-1 h-3.5 w-3.5" /> {t("orders.add_fee")}
                   </Button>
                   <Button variant="outline" size="sm" onClick={() => setShippingDialog(true)}>
-                    <Truck className="mr-1 h-3.5 w-3.5" /> Add shipping
+                    <Truck className="mr-1 h-3.5 w-3.5" /> {t("orders.add_shipping")}
                   </Button>
                   <Button
                     variant="outline"
                     size="sm"
                     disabled={Boolean(working)}
-                    title={dirty ? "Saves your pending changes, then applies the coupon" : undefined}
+                    title={dirty ? t("orders.apply_coupon_dirty_tip") : undefined}
                     onClick={() => setCouponDialog(true)}
                   >
-                    <Ticket className="mr-1 h-3.5 w-3.5" /> Apply coupon
+                    <Ticket className="mr-1 h-3.5 w-3.5" /> {t("orders.apply_coupon")}
                   </Button>
                   <Button
                     variant="outline"
@@ -655,8 +659,8 @@ export default function OrderEditor() {
                     disabled={Boolean(working) || saving}
                     title={
                       dirty
-                        ? "Saves your pending changes, then re-runs tax and totals against the current settings"
-                        : "Re-run tax and totals against the current settings"
+                        ? t("orders.recalculate_dirty_tip")
+                        : t("orders.recalculate_tip")
                     }
                     onClick={recalculate}
                   >
@@ -665,7 +669,7 @@ export default function OrderEditor() {
                     ) : (
                       <RotateCw className="mr-1 h-3.5 w-3.5" />
                     )}
-                    {dirty ? "Save & recalculate" : "Recalculate"}
+                    {dirty ? t("orders.save_and_recalculate") : t("orders.recalculate")}
                   </Button>
                 </div>
               )}
@@ -674,15 +678,15 @@ export default function OrderEditor() {
                   <div className="mb-2 flex items-center justify-end gap-1.5 text-xs text-muted-foreground">
                     {previewStale ? (
                       <>
-                        <Loader2 className="h-3 w-3 animate-spin" /> Pricing your changes…
+                        <Loader2 className="h-3 w-3 animate-spin" /> {t("orders.pricing_changes")}
                       </>
                     ) : previewError ? (
                       <span className="text-destructive">
-                        Could not price these changes: {previewError}
+                        {t("orders.preview_failed", { error: previewError })}
                       </span>
                     ) : (
                       <Badge variant="secondary" className="font-normal">
-                        Unsaved — totals below include your changes
+                        {t("orders.unsaved_totals")}
                       </Badge>
                     )}
                   </div>
@@ -690,7 +694,7 @@ export default function OrderEditor() {
                 <TotalsBox order={totalsView} />
                 <div className="mt-3 flex justify-end">
                   <Button variant="outline" size="sm" onClick={() => setShowRefund((v) => !v)}>
-                    {showRefund ? "Close refund" : "Refund"}
+                    {showRefund ? t("orders.close_refund") : t("orders.refund")}
                   </Button>
                 </div>
               </div>
@@ -718,7 +722,7 @@ export default function OrderEditor() {
           {/* Custom fields */}
           <Card>
             <CardHeader className="pb-3">
-              <CardTitle className="text-base">Custom fields</CardTitle>
+              <CardTitle className="text-base">{t("orders.custom_fields")}</CardTitle>
             </CardHeader>
             <CardContent>
               <MetaDataEditor value={draft.meta_data || []} onChange={(v) => patchDraft({ meta_data: v })} />
@@ -730,12 +734,12 @@ export default function OrderEditor() {
         <div className="space-y-6">
           <Card>
             <CardHeader className="pb-3">
-              <CardTitle className="text-base">Order actions</CardTitle>
+              <CardTitle className="text-base">{t("orders.order_actions")}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-2">
               <Button className="w-full" onClick={save} disabled={!dirty || saving}>
                 {saving && <Loader2 className="mr-1.5 h-4 w-4 animate-spin" />}
-                Save order
+                {t("orders.save_order")}
               </Button>
               <Button
                 variant="outline"
@@ -748,7 +752,7 @@ export default function OrderEditor() {
                 ) : (
                   <Mail className="mr-1.5 h-4 w-4" />
                 )}
-                Send order details to customer
+                {t("orders.send_details")}
               </Button>
               <Separator />
               <Button
@@ -756,7 +760,7 @@ export default function OrderEditor() {
                 className="w-full text-destructive hover:text-destructive"
                 onClick={() => setDeleteOpen(true)}
               >
-                <Trash2 className="mr-1.5 h-4 w-4" /> Delete order
+                <Trash2 className="mr-1.5 h-4 w-4" /> {t("orders.delete_order")}
               </Button>
             </CardContent>
           </Card>
@@ -766,7 +770,7 @@ export default function OrderEditor() {
           {o.customer_note && (
             <Card>
               <CardHeader className="pb-3">
-                <CardTitle className="text-base">Customer provided note</CardTitle>
+                <CardTitle className="text-base">{t("orders.customer_provided_note")}</CardTitle>
               </CardHeader>
               <CardContent>
                 <p className="whitespace-pre-wrap rounded-md border border-blue-200 bg-blue-50 p-2.5 text-sm">
@@ -791,8 +795,8 @@ export default function OrderEditor() {
       <NameAmountDialog
         open={feeDialog}
         onOpenChange={setFeeDialog}
-        title="Add fee"
-        nameLabel="Fee name"
+        title={t("orders.add_fee")}
+        nameLabel={t("orders.fee_name")}
         onSubmit={({ name, amount }) =>
           patchDraft({
             fee_lines: [
@@ -806,8 +810,8 @@ export default function OrderEditor() {
       <NameAmountDialog
         open={shippingDialog}
         onOpenChange={setShippingDialog}
-        title="Add shipping"
-        nameLabel="Method title"
+        title={t("orders.add_shipping")}
+        nameLabel={t("orders.method_title")}
         onSubmit={({ name, amount }) =>
           patchDraft({
             shipping_lines: [
@@ -826,7 +830,7 @@ export default function OrderEditor() {
             "coupon",
             async () => {
               await call("admin-orders", "apply-coupon", { order_id: id, code });
-              toast.success(`Coupon ${code} applied`);
+              toast.success(t("orders.coupon_applied", { code }));
             },
             { flush: true }
           )
@@ -836,9 +840,9 @@ export default function OrderEditor() {
       <ConfirmDialog
         open={deleteOpen}
         onOpenChange={setDeleteOpen}
-        title={`Delete order #${o.order_number || o.id}?`}
-        description="Only pending, cancelled or failed orders can be deleted. This cannot be undone."
-        confirmLabel="Delete order"
+        title={t("orders.delete_order_title", { number: o.order_number || o.id })}
+        description={t("orders.delete_order_description")}
+        confirmLabel={t("orders.delete_order")}
         loading={working === "delete"}
         onConfirm={deleteOrder}
       />
@@ -859,7 +863,7 @@ function AddressDisplay({ address = {} }) {
     address.email,
     address.phone,
   ].filter(Boolean);
-  if (rows.length === 0) return <p className="text-sm text-muted-foreground">No address set.</p>;
+  if (rows.length === 0) return <p className="text-sm text-muted-foreground">{t("orders.no_address_set")}</p>;
   return (
     <address className="text-sm not-italic leading-6 text-muted-foreground">
       {rows.map((r, i) => (
@@ -892,13 +896,13 @@ function NameAmountDialog({ open, onOpenChange, title, nameLabel, onSubmit }) {
             <Input value={name} onChange={(e) => setName(e.target.value)} />
           </div>
           <div className="grid gap-1.5">
-            <Label>Amount</Label>
+            <Label>{t("common.amount")}</Label>
             <Input type="number" step="any" value={amount} onChange={(e) => setAmount(Number(e.target.value) || 0)} />
           </div>
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t("common.cancel")}
           </Button>
           <Button
             disabled={!name.trim()}
@@ -907,7 +911,7 @@ function NameAmountDialog({ open, onOpenChange, title, nameLabel, onSubmit }) {
               onOpenChange(false);
             }}
           >
-            Add
+            {t("common.add")}
           </Button>
         </DialogFooter>
       </DialogContent>
@@ -926,15 +930,15 @@ function CouponDialog({ open, onOpenChange, onSubmit }) {
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-sm">
         <DialogHeader>
-          <DialogTitle>Apply coupon</DialogTitle>
+          <DialogTitle>{t("orders.apply_coupon")}</DialogTitle>
         </DialogHeader>
         <div className="grid gap-1.5">
-          <Label>Coupon code</Label>
-          <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder="e.g. welcome10" />
+          <Label>{t("orders.coupon_code")}</Label>
+          <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder={t("orders.coupon_code_placeholder")} />
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
+            {t("common.cancel")}
           </Button>
           <Button
             disabled={!code.trim()}
@@ -943,7 +947,7 @@ function CouponDialog({ open, onOpenChange, onSubmit }) {
               onOpenChange(false);
             }}
           >
-            Apply
+            {t("orders.apply")}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/commerce/admin/pages/orders/OrdersList.jsx

@@ -12,6 +12,7 @@ import {
 import { Loader2, Plus, Search, ShoppingCart } from "lucide-react";
 import { toast } from "sonner";
 
+import { t } from "../../i18n";
 import { call, base44 } from "../../lib/api";
 import useAsync from "../../hooks/useAsync";
 import usePagedList from "../../hooks/usePagedList";
@@ -27,7 +28,7 @@ import DataTable from "../../components/DataTable";
 import DateRangePicker from "../../components/DateRangePicker";
 import StatusBadge from "../../components/StatusBadge";
 
-const TABS = [{ value: "", label: "All" }, ...ORDER_STATUSES];
+const TABS = [{ value: "", label: t("orders.all") }, ...ORDER_STATUSES];
 
 export default function OrdersList() {
   const href = useAdminHref();
@@ -90,7 +91,7 @@ export default function OrdersList() {
     setBulkBusy(true);
     try {
       await call("admin-orders", "bulk-status", { ids: selected, status: bulkStatus });
-      toast.success(`${selected.length} order(s) updated`);
+      toast.success(t("orders.n_updated", { count: selected.length }));
       setSelected([]);
       setBulkStatus("");
       list.refetch();
@@ -119,16 +120,16 @@ export default function OrdersList() {
     () => [
       {
         key: "order_number",
-        label: "Order",
+        label: t("routes.order"),
         render: (o) => (
           <span className="font-medium">
             #{o.order_number || o.id} <span className="font-normal text-muted-foreground">{customerName(o)}</span>
           </span>
         ),
       },
-      { key: "created_date", label: "Date", sortable: true, render: (o) => formatDate(o.created_date) },
-      { key: "status", label: "Status", render: (o) => <StatusBadge status={o.status} /> },
-      { key: "total", label: "Total", sortable: true, className: "text-right", render: (o) => format(o.total || 0) },
+      { key: "created_date", label: t("orders.date"), sortable: true, render: (o) => formatDate(o.created_date) },
+      { key: "status", label: t("common.status"), render: (o) => <StatusBadge status={o.status} /> },
+      { key: "total", label: t("orders.total"), sortable: true, className: "text-right", render: (o) => format(o.total || 0) },
     ],
     [format]
   );
@@ -138,11 +139,11 @@ export default function OrdersList() {
   return (
     <div>
       <PageHeader
-        title="Orders"
+        title={t("routes.orders")}
         actions={
           <Button onClick={addOrder} disabled={creating}>
             {creating ? <Loader2 className="mr-1.5 h-4 w-4 animate-spin" /> : <Plus className="mr-1.5 h-4 w-4" />}
-            Add order
+            {t("routes.orders_new")}
           </Button>
         }
       />
@@ -176,17 +177,17 @@ export default function OrdersList() {
           <Input
             value={query}
             onChange={(e) => setQuery(e.target.value)}
-            placeholder="Search order #, name, email…"
+            placeholder={t("orders.search_placeholder")}
             className="w-64 pl-8"
           />
         </div>
         <DateRangePicker value={dateRange} onChange={setDateRange} />
         {selected.length > 0 && (
           <div className="ml-auto flex items-center gap-2 rounded-md border bg-muted/50 px-2 py-1">
-            <span className="text-sm text-muted-foreground">{selected.length} selected</span>
+            <span className="text-sm text-muted-foreground">{t("common.selected_count", { count: selected.length })}</span>
             <Select value={bulkStatus} onValueChange={setBulkStatus}>
               <SelectTrigger className="h-8 w-44">
-                <SelectValue placeholder="Change status to…" />
+                <SelectValue placeholder={t("orders.change_status_to")} />
               </SelectTrigger>
               <SelectContent>
                 {ORDER_STATUSES.map((s) => (
@@ -198,7 +199,7 @@ export default function OrdersList() {
             </Select>
             <Button size="sm" onClick={applyBulk} disabled={!bulkStatus || bulkBusy}>
               {bulkBusy && <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin" />}
-              Apply
+              {t("orders.apply")}
             </Button>
           </div>
         )}
@@ -214,12 +215,12 @@ export default function OrdersList() {
         selected={selected}
         onSelectChange={setSelected}
         onRowClick={(o) => navigate(href(`orders/${o.id}`))}
-        rowActions={(o) => [{ label: "View / edit", onClick: () => navigate(href(`orders/${o.id}`)) }]}
+        rowActions={(o) => [{ label: t("orders.view_edit"), onClick: () => navigate(href(`orders/${o.id}`)) }]}
         pagination={{ page: list.page, hasNext: list.hasNext, onNext: list.next, onPrev: list.prev }}
         empty={{
           icon: ShoppingCart,
-          title: "No orders found",
-          description: searchMode ? "Try adjusting your search or date range." : "Orders will appear here as they come in.",
+          title: t("orders.empty_title"),
+          description: searchMode ? t("orders.empty_search_hint") : t("orders.empty_description"),
         }}
       />
     </div>